@ionic/core 8.2.3-dev.11719565135.1ab35bb2 → 8.2.3-dev.11721064272.19e3ddfd
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/checkbox.js +1 -1
- package/components/ion-header.js +3 -3
- package/components/ion-segment-content.d.ts +11 -0
- package/components/ion-segment-content.js +38 -0
- package/components/ion-segment-view.d.ts +11 -0
- package/components/ion-segment-view.js +86 -0
- package/components/ion-segment.js +11 -3
- package/components/ion-select-option.js +1 -1
- package/components/ion-select.js +2 -2
- package/components/ion-skeleton-text.js +2 -2
- package/components/ion-split-pane.js +2 -2
- package/components/ion-tab-bar.js +2 -2
- package/components/ion-tab-button.js +2 -2
- package/components/ion-tab.js +2 -2
- package/components/ion-tabs.js +1 -1
- package/components/ion-text.js +2 -2
- package/components/ion-textarea.js +2 -2
- package/components/ion-thumbnail.js +2 -2
- package/components/ion-title.js +2 -2
- package/components/ion-toast.js +2 -2
- package/components/ion-toggle.js +3 -3
- package/components/ion-toolbar.js +4 -8
- package/components/select-popover.js +2 -2
- package/components/spinner.js +1 -1
- package/css/ionic/bundle.ionic.css +1 -1
- package/css/ionic/bundle.ionic.css.map +1 -1
- package/css/ionic/core.ionic.css.map +1 -1
- package/css/ionic/global.bundle.ionic.css.map +1 -1
- package/css/ionic/link.ionic.css.map +1 -1
- package/css/ionic/typography.ionic.css.map +1 -1
- package/css/ionic/utils.bundle.ionic.css +1 -1
- package/css/ionic/utils.bundle.ionic.css.map +1 -1
- package/dist/cjs/ion-app_8.cjs.entry.js +7 -10
- package/dist/cjs/ion-avatar_3.cjs.entry.js +2 -2
- package/dist/cjs/ion-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/ion-item_8.cjs.entry.js +2 -2
- package/dist/cjs/ion-segment-content.cjs.entry.js +24 -0
- package/dist/cjs/ion-segment-view.cjs.entry.js +72 -0
- package/dist/cjs/ion-segment_2.cjs.entry.js +11 -3
- package/dist/cjs/ion-select_3.cjs.entry.js +5 -5
- package/dist/cjs/ion-spinner.cjs.entry.js +1 -1
- package/dist/cjs/ion-split-pane.cjs.entry.js +2 -2
- package/dist/cjs/ion-tab-bar_2.cjs.entry.js +4 -4
- package/dist/cjs/ion-tab_2.cjs.entry.js +3 -3
- package/dist/cjs/ion-text.cjs.entry.js +2 -2
- package/dist/cjs/ion-textarea.cjs.entry.js +2 -2
- package/dist/cjs/ion-toast.cjs.entry.js +2 -2
- package/dist/cjs/ion-toggle.cjs.entry.js +3 -3
- package/dist/cjs/ionic.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +2 -0
- package/dist/collection/components/checkbox/checkbox.ionic.css +29 -18
- package/dist/collection/components/checkbox/test/basic/checkbox.e2e.js +12 -1
- package/dist/collection/components/header/header.js +3 -3
- package/dist/collection/components/header/test/divider/header.e2e.js +28 -0
- package/dist/collection/components/segment/segment.js +11 -3
- package/dist/collection/components/segment-content/segment-content.css +5 -0
- package/dist/collection/components/segment-content/segment-content.js +22 -0
- package/dist/collection/components/segment-view/segment-view.css +15 -0
- package/dist/collection/components/segment-view/segment-view.js +81 -0
- package/dist/collection/components/select/select.js +2 -2
- package/dist/collection/components/select-option/select-option.js +1 -1
- package/dist/collection/components/select-popover/select-popover.js +2 -2
- package/dist/collection/components/skeleton-text/skeleton-text.js +2 -2
- package/dist/collection/components/spinner/spinner.js +1 -1
- package/dist/collection/components/split-pane/split-pane.js +2 -2
- package/dist/collection/components/tab/tab.js +2 -2
- package/dist/collection/components/tab-bar/tab-bar.js +2 -2
- package/dist/collection/components/tab-button/tab-button.js +2 -2
- package/dist/collection/components/tabs/tabs.js +1 -1
- package/dist/collection/components/text/text.js +2 -2
- package/dist/collection/components/textarea/textarea.js +2 -2
- package/dist/collection/components/thumbnail/thumbnail.js +2 -2
- package/dist/collection/components/title/title.js +2 -2
- package/dist/collection/components/toast/toast.js +2 -2
- package/dist/collection/components/toggle/toggle.js +3 -3
- package/dist/collection/components/toolbar/toolbar.ionic.css +0 -4
- package/dist/collection/components/toolbar/toolbar.js +2 -23
- package/dist/docs.json +44 -24
- package/dist/esm/ion-app_8.entry.js +7 -10
- package/dist/esm/ion-avatar_3.entry.js +2 -2
- package/dist/esm/ion-checkbox.entry.js +1 -1
- package/dist/esm/ion-item_8.entry.js +2 -2
- package/dist/esm/ion-segment-content.entry.js +20 -0
- package/dist/esm/ion-segment-view.entry.js +68 -0
- package/dist/esm/ion-segment_2.entry.js +11 -3
- package/dist/esm/ion-select_3.entry.js +5 -5
- package/dist/esm/ion-spinner.entry.js +1 -1
- package/dist/esm/ion-split-pane.entry.js +2 -2
- package/dist/esm/ion-tab-bar_2.entry.js +4 -4
- package/dist/esm/ion-tab_2.entry.js +3 -3
- package/dist/esm/ion-text.entry.js +2 -2
- package/dist/esm/ion-textarea.entry.js +2 -2
- package/dist/esm/ion-toast.entry.js +2 -2
- package/dist/esm/ion-toggle.entry.js +3 -3
- package/dist/esm/ionic.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm-es5/ion-app_8.entry.js +1 -1
- package/dist/esm-es5/ion-avatar_3.entry.js +1 -1
- package/dist/esm-es5/ion-checkbox.entry.js +1 -1
- package/dist/esm-es5/ion-item_8.entry.js +1 -1
- package/dist/esm-es5/ion-segment-content.entry.js +4 -0
- package/dist/esm-es5/ion-segment-view.entry.js +4 -0
- package/dist/esm-es5/ion-segment_2.entry.js +1 -1
- package/dist/esm-es5/ion-select_3.entry.js +1 -1
- package/dist/esm-es5/ion-spinner.entry.js +1 -1
- package/dist/esm-es5/ion-split-pane.entry.js +1 -1
- package/dist/esm-es5/ion-tab-bar_2.entry.js +1 -1
- package/dist/esm-es5/ion-tab_2.entry.js +1 -1
- package/dist/esm-es5/ion-text.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/html.html-data.json +28 -4
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/{p-24592a4d.system.entry.js → p-0595a36c.system.entry.js} +1 -1
- package/dist/ionic/{p-223bc7dd.system.entry.js → p-062c1cb9.system.entry.js} +1 -1
- package/dist/ionic/p-07b804ba.entry.js +4 -0
- package/dist/ionic/{p-d2a580db.entry.js → p-14ae725a.entry.js} +1 -1
- package/dist/ionic/{p-45ca3acb.system.entry.js → p-1be0ed0e.system.entry.js} +2 -2
- package/dist/ionic/{p-01ae1aa0.entry.js → p-29f4100d.entry.js} +1 -1
- package/dist/ionic/{p-28649e61.entry.js → p-2aa6a169.entry.js} +1 -1
- package/dist/ionic/{p-c6a59587.entry.js → p-385a361b.entry.js} +1 -1
- package/dist/ionic/p-405559bd.entry.js +4 -0
- package/dist/ionic/p-46fc9748.system.entry.js +4 -0
- package/dist/ionic/{p-c47b75e3.entry.js → p-5839776e.entry.js} +1 -1
- package/dist/ionic/{p-3db8f80a.system.entry.js → p-5cc8fa7f.system.entry.js} +1 -1
- package/dist/ionic/{p-b5cc6e57.system.entry.js → p-61f51286.system.entry.js} +1 -1
- package/dist/ionic/{p-c20e6ebc.system.entry.js → p-660cf6f3.system.entry.js} +1 -1
- package/dist/ionic/{p-2d618ba6.system.entry.js → p-6d4534cb.system.entry.js} +1 -1
- package/dist/ionic/p-72944d53.system.entry.js +4 -0
- package/dist/ionic/p-76ff0b6d.entry.js +4 -0
- package/dist/ionic/p-7813dead.system.entry.js +4 -0
- package/dist/ionic/p-7b590e46.system.js +1 -1
- package/dist/ionic/p-833593dd.entry.js +4 -0
- package/dist/ionic/{p-d8893d17.entry.js → p-8ef82205.entry.js} +1 -1
- package/dist/ionic/{p-b0c99bd1.system.entry.js → p-9316e014.system.entry.js} +1 -1
- package/dist/ionic/p-aa246404.entry.js +4 -0
- package/dist/ionic/{p-610df697.entry.js → p-aa97948b.entry.js} +1 -1
- package/dist/ionic/{p-b374abe2.entry.js → p-aaf1b71f.entry.js} +1 -1
- package/dist/ionic/{p-c23822f8.entry.js → p-adb54d5b.entry.js} +1 -1
- package/dist/ionic/{p-56c72f65.system.entry.js → p-b67ed806.system.entry.js} +1 -1
- package/dist/ionic/{p-7dad531c.system.entry.js → p-c0dace15.system.entry.js} +1 -1
- package/dist/ionic/p-c6e43624.entry.js +4 -0
- package/dist/ionic/{p-4346453b.entry.js → p-cd6d4c1d.entry.js} +1 -1
- package/dist/ionic/{p-7ab9c88c.system.entry.js → p-da668343.system.entry.js} +1 -1
- package/dist/ionic/p-f1eb1152.system.entry.js +4 -0
- package/dist/ionic/p-f8a16486.system.entry.js +4 -0
- package/dist/types/components/segment/segment.d.ts +1 -1
- package/dist/types/components/segment-content/segment-content.d.ts +5 -0
- package/dist/types/components/segment-view/segment-view.d.ts +13 -0
- package/dist/types/components/toolbar/toolbar.d.ts +0 -5
- package/dist/types/components.d.ts +26 -8
- package/hydrate/index.js +144 -47
- package/package.json +1 -1
- package/dist/ionic/p-07012c84.system.entry.js +0 -4
- package/dist/ionic/p-40c14f53.system.entry.js +0 -4
- package/dist/ionic/p-4b9c6418.system.entry.js +0 -4
- package/dist/ionic/p-563a8d3b.entry.js +0 -4
- package/dist/ionic/p-8ac5efa9.entry.js +0 -4
- package/dist/ionic/p-ab08cad3.entry.js +0 -4
- package/dist/ionic/p-dc8a3888.entry.js +0 -4
package/hydrate/index.js
CHANGED
|
@@ -8659,7 +8659,7 @@ class CardTitle {
|
|
|
8659
8659
|
}; }
|
|
8660
8660
|
}
|
|
8661
8661
|
|
|
8662
|
-
const checkboxIonicCss = "/*!@:host*/.sc-ion-checkbox-ionic-h{--border-width:var(--ionic-border-size-025, 1px);--border-style:var(--ionic-border-style-solid, solid);--border-color:var(--ionic-color-neutral-800, #626262);--checkmark-width:3;--focus-ring-color:var(--ionic-state-focus-1, #9ec4fd);--focus-ring-width:var(--ionic-border-size-050, 2px);--focus-ring-offset:var(--ionic-space-050, 2px);--size:var(--ionic-scale-600, 24px);--checkbox-background-checked:var(--ionic-color-primary-base, #105cef);--border-color-checked:var(--ionic-color-primary-base, #105cef);--checkmark-color:var(--ionic-color-base-white, #ffffff);--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::after*/.sc-ion-checkbox-ionic-h::after{right:0;left:0;top:50%;position:absolute;height:100%;min-height:var(--ionic-scale-1200, 48px);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:\"\";cursor:pointer;z-index:1}/*!@:host .native-wrapper*/.sc-ion-checkbox-ionic-h .native-wrapper.sc-ion-checkbox-ionic{position:relative}/*!@:host(.in-item)*/.in-item.sc-ion-checkbox-ionic-h{-ms-flex:1 1 0px;flex:1 1 0;width:100%;height:100%}/*!@:host([slot=start]),\n:host([slot=end])*/[slot=start].sc-ion-checkbox-ionic-h,[slot=end].sc-ion-checkbox-ionic-h{-ms-flex:initial;flex:initial;width:auto}/*!@.checkbox-wrapper*/.checkbox-wrapper.sc-ion-checkbox-ionic{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-ionic{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@:host(.in-item) .label-text-wrapper*/.in-item.sc-ion-checkbox-ionic-h .label-text-wrapper.sc-ion-checkbox-ionic{margin-top:var(--ionic-space-250, 10px);margin-bottom:var(--ionic-space-250, 10px)}/*!@:host(.in-item.checkbox-label-placement-stacked) .label-text-wrapper*/.in-item.checkbox-label-placement-stacked.sc-ion-checkbox-ionic-h .label-text-wrapper.sc-ion-checkbox-ionic{margin-top:var(--ionic-space-250, 10px);margin-bottom:var(--ionic-space-400, 16px)}/*!@:host(.in-item.checkbox-label-placement-stacked) .native-wrapper*/.in-item.checkbox-label-placement-stacked.sc-ion-checkbox-ionic-h .native-wrapper.sc-ion-checkbox-ionic{margin-bottom:var(--ionic-space-250, 10px)}/*!@.label-text-wrapper-hidden*/.label-text-wrapper-hidden.sc-ion-checkbox-ionic{display:none}/*!@input*/input.sc-ion-checkbox-ionic{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none}/*!@.native-wrapper*/.native-wrapper.sc-ion-checkbox-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@.checkbox-icon*/.checkbox-icon.sc-ion-checkbox-ionic{border-radius:var(--border-radius);position:relative;width:var(--size);height:var(--size);-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}/*!@.checkbox-icon path*/.checkbox-icon.sc-ion-checkbox-ionic path.sc-ion-checkbox-ionic{fill:var(--checkmark-color);opacity:0}/*!@:host(.checkbox-justify-space-between) .checkbox-wrapper*/.checkbox-justify-space-between.sc-ion-checkbox-ionic-h .checkbox-wrapper.sc-ion-checkbox-ionic{-ms-flex-pack:justify;justify-content:space-between}/*!@:host(.checkbox-justify-start) .checkbox-wrapper*/.checkbox-justify-start.sc-ion-checkbox-ionic-h .checkbox-wrapper.sc-ion-checkbox-ionic{-ms-flex-pack:start;justify-content:start}/*!@:host(.checkbox-justify-end) .checkbox-wrapper*/.checkbox-justify-end.sc-ion-checkbox-ionic-h .checkbox-wrapper.sc-ion-checkbox-ionic{-ms-flex-pack:end;justify-content:end}/*!@:host(.checkbox-alignment-start) .checkbox-wrapper*/.checkbox-alignment-start.sc-ion-checkbox-ionic-h .checkbox-wrapper.sc-ion-checkbox-ionic{-ms-flex-align:start;align-items:start}/*!@:host(.checkbox-alignment-center) .checkbox-wrapper*/.checkbox-alignment-center.sc-ion-checkbox-ionic-h .checkbox-wrapper.sc-ion-checkbox-ionic{-ms-flex-align:center;align-items:center}/*!@:host(.checkbox-label-placement-start) .checkbox-wrapper*/.checkbox-label-placement-start.sc-ion-checkbox-ionic-h .checkbox-wrapper.sc-ion-checkbox-ionic{-ms-flex-direction:row;flex-direction:row}/*!@:host(.checkbox-label-placement-start) .label-text-wrapper*/.checkbox-label-placement-start.sc-ion-checkbox-ionic-h .label-text-wrapper.sc-ion-checkbox-ionic{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--ionic-space-400, 16px);margin-inline-end:var(--ionic-space-400, 16px)}/*!@:host(.checkbox-label-placement-end) .checkbox-wrapper*/.checkbox-label-placement-end.sc-ion-checkbox-ionic-h .checkbox-wrapper.sc-ion-checkbox-ionic{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host(.checkbox-label-placement-end) .label-text-wrapper*/.checkbox-label-placement-end.sc-ion-checkbox-ionic-h .label-text-wrapper.sc-ion-checkbox-ionic{-webkit-margin-start:var(--ionic-space-400, 16px);margin-inline-start:var(--ionic-space-400, 16px);-webkit-margin-end:0;margin-inline-end:0}/*!@:host(.checkbox-label-placement-fixed) .label-text-wrapper*/.checkbox-label-placement-fixed.sc-ion-checkbox-ionic-h .label-text-wrapper.sc-ion-checkbox-ionic{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--ionic-space-400, 16px);margin-inline-end:var(--ionic-space-400, 16px)}/*!@:host(.checkbox-label-placement-fixed) .label-text-wrapper*/.checkbox-label-placement-fixed.sc-ion-checkbox-ionic-h .label-text-wrapper.sc-ion-checkbox-ionic{-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-ionic-h .checkbox-wrapper.sc-ion-checkbox-ionic{-ms-flex-direction:column;flex-direction:column}/*!@:host(.checkbox-label-placement-stacked) .label-text-wrapper*/.checkbox-label-placement-stacked.sc-ion-checkbox-ionic-h .label-text-wrapper.sc-ion-checkbox-ionic{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:var(--ionic-space-400, 16px);max-width:133.3333333333%}/*!@:host(.checkbox-size-small)*/.checkbox-size-small.sc-ion-checkbox-ionic-h{--size:var(--ionic-scale-400, 16px)}/*!@:host(.checkbox-checked) .checkbox-icon,\n:host(.checkbox-indeterminate) .checkbox-icon*/.checkbox-checked.sc-ion-checkbox-ionic-h .checkbox-icon.sc-ion-checkbox-ionic,.checkbox-indeterminate.sc-ion-checkbox-ionic-h .checkbox-icon.sc-ion-checkbox-ionic{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-ionic-h .checkbox-icon.sc-ion-checkbox-ionic path.sc-ion-checkbox-ionic,.checkbox-indeterminate.sc-ion-checkbox-ionic-h .checkbox-icon.sc-ion-checkbox-ionic path.sc-ion-checkbox-ionic{opacity:1}/*!@:host(.ion-invalid)*/.ion-invalid.sc-ion-checkbox-ionic-h{--focus-ring-color:var(--ionic-state-focus-2, #ffafaf)}/*!@:host(.ion-invalid) .checkbox-icon*/.ion-invalid.sc-ion-checkbox-ionic-h .checkbox-icon.sc-ion-checkbox-ionic{border-color:var(--ionic-color-danger-800, #bf2222)}/*!@:host(.checkbox-disabled)*/.checkbox-disabled.sc-ion-checkbox-ionic-h{pointer-events:none}/*!@:host(.checkbox-disabled) .native-wrapper:after*/.checkbox-disabled.sc-ion-checkbox-ionic-h .native-wrapper.sc-ion-checkbox-ionic:after{right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--ionic-state-disabled, rgba(255, 255, 255, 0.6));content:\"\";pointer-events:none}/*!@:host(.checkbox-disabled) .checkbox-icon*/.checkbox-disabled.sc-ion-checkbox-ionic-h .checkbox-icon.sc-ion-checkbox-ionic{border-color:var(--ionic-color-neutral-800, #626262);background-color:var(--ionic-state-disabled, rgba(255, 255, 255, 0.6))}/*!@:host(.checkbox-disabled.checkbox-checked) .checkbox-icon*/.checkbox-disabled.checkbox-checked.sc-ion-checkbox-ionic-h .checkbox-icon.sc-ion-checkbox-ionic{border-width:var(--ionic-border-size-0, 0px);background-color:var(--ionic-color-primary-base, #105cef)}@media (any-hover: hover){/*!@:host(:hover) .checkbox-icon*/.sc-ion-checkbox-ionic-h:hover .checkbox-icon.sc-ion-checkbox-ionic{background-color:var(--ionic-color-neutral-100, #f1f1f1)}/*!@:host(:hover.checkbox-checked) .checkbox-icon,\n :host(:hover.checkbox-indeterminate) .checkbox-icon*/.sc-ion-checkbox-ionic-h:hover.checkbox-checked .checkbox-icon.sc-ion-checkbox-ionic,.sc-ion-checkbox-ionic-h:hover.checkbox-indeterminate .checkbox-icon.sc-ion-checkbox-ionic{background-color:var(--ionic-color-primary-800, #0f54da)}}/*!@:host(.ion-focused:not(.checkbox-disabled)) .checkbox-icon*/.ion-focused.sc-ion-checkbox-ionic-h:not(.checkbox-disabled) .checkbox-icon.sc-ion-checkbox-ionic{outline:var(--focus-ring-width) var(--ionic-border-style-solid, solid) var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}/*!@:host(.ion-activated) .checkbox-icon*/.ion-activated.sc-ion-checkbox-ionic-h .checkbox-icon.sc-ion-checkbox-ionic{background-color:var(--ionic-color-neutral-200, #e7e7e7)}/*!@:host(.ion-activated.checkbox-checked) .checkbox-icon,\n:host(.ion-activated.checkbox-indeterminate) .checkbox-icon*/.ion-activated.checkbox-checked.sc-ion-checkbox-ionic-h .checkbox-icon.sc-ion-checkbox-ionic,.ion-activated.checkbox-indeterminate.sc-ion-checkbox-ionic-h .checkbox-icon.sc-ion-checkbox-ionic{background-color:var(--ionic-color-primary-900, #0d4bc3)}/*!@:host(.checkbox-shape-soft)*/.checkbox-shape-soft.sc-ion-checkbox-ionic-h{--border-radius:var(--ionic-border-radius-100, 4px)}/*!@:host(.checkbox-size-small.checkbox-shape-soft)*/.checkbox-size-small.checkbox-shape-soft.sc-ion-checkbox-ionic-h{--border-radius:var(--ionic-border-radius-050, 2px)}/*!@:host(.checkbox-shape-rectangular)*/.checkbox-shape-rectangular.sc-ion-checkbox-ionic-h{--border-radius:var(--ionic-border-radius-0, 0px)}/*!@.checkbox-wrapper*/.checkbox-wrapper.sc-ion-checkbox-ionic{min-height:var(--ionic-scale-1200, 48px)}";
|
|
8662
|
+
const checkboxIonicCss = "/*!@:host*/.sc-ion-checkbox-ionic-h{--border-width:var(--ionic-border-size-025, 1px);--border-style:var(--ionic-border-style-solid, solid);--border-color:var(--ionic-color-neutral-800, #626262);--checkmark-width:var(--ionic-scale-400, 16px);--checkmark-height:var(--checkmark-width);--focus-ring-color:var(--ionic-state-focus-1, #9ec4fd);--focus-ring-width:var(--ionic-border-size-050, 2px);--focus-ring-offset:var(--ionic-space-050, 2px);--size:var(--ionic-scale-600, 24px);--checkbox-background-checked:var(--ionic-color-primary-base, #105cef);--border-color-checked:var(--ionic-color-primary-base, #105cef);--checkmark-color:var(--ionic-color-base-white, #ffffff);--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::after*/.sc-ion-checkbox-ionic-h::after{right:0;left:0;top:50%;position:absolute;height:100%;min-height:var(--ionic-scale-1200, 48px);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:\"\";cursor:pointer;z-index:1}/*!@:host .native-wrapper*/.sc-ion-checkbox-ionic-h .native-wrapper.sc-ion-checkbox-ionic{position:relative}/*!@:host(.in-item)*/.in-item.sc-ion-checkbox-ionic-h{-ms-flex:1 1 0px;flex:1 1 0;width:100%;height:100%}/*!@:host([slot=start]),\n:host([slot=end])*/[slot=start].sc-ion-checkbox-ionic-h,[slot=end].sc-ion-checkbox-ionic-h{-ms-flex:initial;flex:initial;width:auto}/*!@.checkbox-wrapper*/.checkbox-wrapper.sc-ion-checkbox-ionic{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-ionic{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@:host(.in-item) .label-text-wrapper*/.in-item.sc-ion-checkbox-ionic-h .label-text-wrapper.sc-ion-checkbox-ionic{margin-top:var(--ionic-space-250, 10px);margin-bottom:var(--ionic-space-250, 10px)}/*!@:host(.in-item.checkbox-label-placement-stacked) .label-text-wrapper*/.in-item.checkbox-label-placement-stacked.sc-ion-checkbox-ionic-h .label-text-wrapper.sc-ion-checkbox-ionic{margin-top:var(--ionic-space-250, 10px);margin-bottom:var(--ionic-space-400, 16px)}/*!@:host(.in-item.checkbox-label-placement-stacked) .native-wrapper*/.in-item.checkbox-label-placement-stacked.sc-ion-checkbox-ionic-h .native-wrapper.sc-ion-checkbox-ionic{margin-bottom:var(--ionic-space-250, 10px)}/*!@.label-text-wrapper-hidden*/.label-text-wrapper-hidden.sc-ion-checkbox-ionic{display:none}/*!@input*/input.sc-ion-checkbox-ionic{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none}/*!@.native-wrapper*/.native-wrapper.sc-ion-checkbox-ionic{border-radius:var(--border-radius);display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--size);height:var(--size);-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}/*!@.checkbox-icon*/.checkbox-icon.sc-ion-checkbox-ionic{position:relative;width:var(--checkmark-width);height:var(--checkmark-height)}/*!@.checkbox-icon path*/.checkbox-icon.sc-ion-checkbox-ionic path.sc-ion-checkbox-ionic{fill:var(--checkmark-color);opacity:0}/*!@:host(.checkbox-justify-space-between) .checkbox-wrapper*/.checkbox-justify-space-between.sc-ion-checkbox-ionic-h .checkbox-wrapper.sc-ion-checkbox-ionic{-ms-flex-pack:justify;justify-content:space-between}/*!@:host(.checkbox-justify-start) .checkbox-wrapper*/.checkbox-justify-start.sc-ion-checkbox-ionic-h .checkbox-wrapper.sc-ion-checkbox-ionic{-ms-flex-pack:start;justify-content:start}/*!@:host(.checkbox-justify-end) .checkbox-wrapper*/.checkbox-justify-end.sc-ion-checkbox-ionic-h .checkbox-wrapper.sc-ion-checkbox-ionic{-ms-flex-pack:end;justify-content:end}/*!@:host(.checkbox-alignment-start) .checkbox-wrapper*/.checkbox-alignment-start.sc-ion-checkbox-ionic-h .checkbox-wrapper.sc-ion-checkbox-ionic{-ms-flex-align:start;align-items:start}/*!@:host(.checkbox-alignment-center) .checkbox-wrapper*/.checkbox-alignment-center.sc-ion-checkbox-ionic-h .checkbox-wrapper.sc-ion-checkbox-ionic{-ms-flex-align:center;align-items:center}/*!@:host(.checkbox-label-placement-start) .checkbox-wrapper*/.checkbox-label-placement-start.sc-ion-checkbox-ionic-h .checkbox-wrapper.sc-ion-checkbox-ionic{-ms-flex-direction:row;flex-direction:row}/*!@:host(.checkbox-label-placement-start) .label-text-wrapper*/.checkbox-label-placement-start.sc-ion-checkbox-ionic-h .label-text-wrapper.sc-ion-checkbox-ionic{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--ionic-space-400, 16px);margin-inline-end:var(--ionic-space-400, 16px)}/*!@:host(.checkbox-label-placement-end) .checkbox-wrapper*/.checkbox-label-placement-end.sc-ion-checkbox-ionic-h .checkbox-wrapper.sc-ion-checkbox-ionic{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host(.checkbox-label-placement-end) .label-text-wrapper*/.checkbox-label-placement-end.sc-ion-checkbox-ionic-h .label-text-wrapper.sc-ion-checkbox-ionic{-webkit-margin-start:var(--ionic-space-400, 16px);margin-inline-start:var(--ionic-space-400, 16px);-webkit-margin-end:0;margin-inline-end:0}/*!@:host(.checkbox-label-placement-fixed) .label-text-wrapper*/.checkbox-label-placement-fixed.sc-ion-checkbox-ionic-h .label-text-wrapper.sc-ion-checkbox-ionic{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--ionic-space-400, 16px);margin-inline-end:var(--ionic-space-400, 16px)}/*!@:host(.checkbox-label-placement-fixed) .label-text-wrapper*/.checkbox-label-placement-fixed.sc-ion-checkbox-ionic-h .label-text-wrapper.sc-ion-checkbox-ionic{-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-ionic-h .checkbox-wrapper.sc-ion-checkbox-ionic{-ms-flex-direction:column;flex-direction:column}/*!@:host(.checkbox-label-placement-stacked) .label-text-wrapper*/.checkbox-label-placement-stacked.sc-ion-checkbox-ionic-h .label-text-wrapper.sc-ion-checkbox-ionic{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:var(--ionic-space-400, 16px);max-width:133.3333333333%}/*!@:host(.checkbox-size-small)*/.checkbox-size-small.sc-ion-checkbox-ionic-h{--size:var(--ionic-scale-400, 16px)}/*!@:host(.checkbox-checked) .native-wrapper,\n:host(.checkbox-indeterminate) .native-wrapper*/.checkbox-checked.sc-ion-checkbox-ionic-h .native-wrapper.sc-ion-checkbox-ionic,.checkbox-indeterminate.sc-ion-checkbox-ionic-h .native-wrapper.sc-ion-checkbox-ionic{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-ionic-h .checkbox-icon.sc-ion-checkbox-ionic path.sc-ion-checkbox-ionic,.checkbox-indeterminate.sc-ion-checkbox-ionic-h .checkbox-icon.sc-ion-checkbox-ionic path.sc-ion-checkbox-ionic{opacity:1}/*!@:host(.ion-invalid)*/.ion-invalid.sc-ion-checkbox-ionic-h{--focus-ring-color:var(--ionic-state-focus-2, #ffafaf)}/*!@:host(.ion-invalid) .native-wrapper*/.ion-invalid.sc-ion-checkbox-ionic-h .native-wrapper.sc-ion-checkbox-ionic{border-color:var(--ionic-color-danger-800, #bf2222)}/*!@:host(.checkbox-disabled)*/.checkbox-disabled.sc-ion-checkbox-ionic-h{pointer-events:none}/*!@:host(.checkbox-disabled) .native-wrapper:after*/.checkbox-disabled.sc-ion-checkbox-ionic-h .native-wrapper.sc-ion-checkbox-ionic:after{right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--ionic-state-disabled, rgba(255, 255, 255, 0.6));content:\"\";pointer-events:none;right:unset;left:unset;top:unset;bottom:unset;width:inherit;height:inherit}/*!@:host(.checkbox-disabled) .native-wrapper*/.checkbox-disabled.sc-ion-checkbox-ionic-h .native-wrapper.sc-ion-checkbox-ionic{border-color:var(--ionic-color-neutral-800, #626262);background-color:var(--ionic-state-disabled, rgba(255, 255, 255, 0.6))}/*!@:host(.checkbox-disabled.checkbox-checked) .native-wrapper*/.checkbox-disabled.checkbox-checked.sc-ion-checkbox-ionic-h .native-wrapper.sc-ion-checkbox-ionic{border-width:var(--ionic-border-size-0, 0px);background-color:var(--ionic-color-primary-base, #105cef)}@media (any-hover: hover){/*!@:host(:hover) .native-wrapper*/.sc-ion-checkbox-ionic-h:hover .native-wrapper.sc-ion-checkbox-ionic{background-color:var(--ionic-color-neutral-100, #f1f1f1)}/*!@:host(:hover.checkbox-checked) .native-wrapper,\n :host(:hover.checkbox-indeterminate) .native-wrapper*/.sc-ion-checkbox-ionic-h:hover.checkbox-checked .native-wrapper.sc-ion-checkbox-ionic,.sc-ion-checkbox-ionic-h:hover.checkbox-indeterminate .native-wrapper.sc-ion-checkbox-ionic{background-color:var(--ionic-color-primary-800, #0f54da)}}/*!@:host(.ion-focused:not(.checkbox-disabled)) .native-wrapper*/.ion-focused.sc-ion-checkbox-ionic-h:not(.checkbox-disabled) .native-wrapper.sc-ion-checkbox-ionic{outline:var(--focus-ring-width) var(--ionic-border-style-solid, solid) var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}/*!@:host(.ion-activated) .native-wrapper*/.ion-activated.sc-ion-checkbox-ionic-h .native-wrapper.sc-ion-checkbox-ionic{background-color:var(--ionic-color-neutral-200, #e7e7e7)}/*!@:host(.ion-activated.checkbox-checked) .native-wrapper,\n:host(.ion-activated.checkbox-indeterminate) .native-wrapper*/.ion-activated.checkbox-checked.sc-ion-checkbox-ionic-h .native-wrapper.sc-ion-checkbox-ionic,.ion-activated.checkbox-indeterminate.sc-ion-checkbox-ionic-h .native-wrapper.sc-ion-checkbox-ionic{background-color:var(--ionic-color-primary-900, #0d4bc3)}/*!@:host(.checkbox-shape-soft)*/.checkbox-shape-soft.sc-ion-checkbox-ionic-h{--border-radius:var(--ionic-border-radius-100, 4px)}/*!@:host(.checkbox-size-small.checkbox-shape-soft)*/.checkbox-size-small.checkbox-shape-soft.sc-ion-checkbox-ionic-h{--border-radius:var(--ionic-border-radius-050, 2px)}/*!@:host(.checkbox-shape-rectangular)*/.checkbox-shape-rectangular.sc-ion-checkbox-ionic-h{--border-radius:var(--ionic-border-radius-0, 0px)}/*!@.checkbox-wrapper*/.checkbox-wrapper.sc-ion-checkbox-ionic{min-height:var(--ionic-scale-1200, 48px)}";
|
|
8663
8663
|
var IonCheckboxIonicStyle0 = checkboxIonicCss;
|
|
8664
8664
|
|
|
8665
8665
|
const checkboxIosCss = "/*!@:host*/.sc-ion-checkbox-ios-h{--checkbox-background-checked:var(--ion-color-primary, #0054e9);--border-color-checked:var(--ion-color-primary, #0054e9);--checkmark-color:var(--ion-color-primary-contrast, #fff);--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{-ms-flex:1 1 0px;flex:1 1 0;width:100%;height:100%}/*!@:host([slot=start]),\n:host([slot=end])*/[slot=start].sc-ion-checkbox-ios-h,[slot=end].sc-ion-checkbox-ios-h{-ms-flex:initial;flex:initial;width:auto}/*!@: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)}/*!@.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{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@:host(.in-item) .label-text-wrapper*/.in-item.sc-ion-checkbox-ios-h .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;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);-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;width:var(--size);height:var(--size);-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}/*!@.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:dir(rtl)) .label-text-wrapper*/.checkbox-label-placement-stacked.checkbox-alignment-start.sc-ion-checkbox-ios-h:dir(rtl) .label-text-wrapper.sc-ion-checkbox-ios{-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:dir(rtl)) .label-text-wrapper*/.checkbox-label-placement-stacked.checkbox-alignment-center.sc-ion-checkbox-ios-h:dir(rtl) .label-text-wrapper.sc-ion-checkbox-ios{-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:0.125rem;--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:min(1.375rem, 55.836px);--checkmark-width:1.5px}/*!@:host(.checkbox-disabled)*/.checkbox-disabled.sc-ion-checkbox-ios-h{opacity:0.3}";
|
|
@@ -14537,7 +14537,7 @@ class Header {
|
|
|
14537
14537
|
const collapse = this.collapse || 'none';
|
|
14538
14538
|
// banner role must be at top level, so remove role if inside a menu
|
|
14539
14539
|
const roleType = hostContext('ion-menu', this.el) ? 'none' : 'banner';
|
|
14540
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
14540
|
+
return (hAsync(Host, Object.assign({ key: 'adbbe07d77bad24706b0bd759f8170494a81a289', role: roleType, class: {
|
|
14541
14541
|
[theme]: true,
|
|
14542
14542
|
// Used internally for styling
|
|
14543
14543
|
[`header-${theme}`]: true,
|
|
@@ -14545,7 +14545,7 @@ class Header {
|
|
|
14545
14545
|
[`header-collapse-${collapse}`]: true,
|
|
14546
14546
|
[`header-translucent-${theme}`]: this.translucent,
|
|
14547
14547
|
['header-divider']: divider,
|
|
14548
|
-
} }, inheritedAttributes), theme === 'ios' && translucent && hAsync("div", { key: '
|
|
14548
|
+
} }, inheritedAttributes), theme === 'ios' && translucent && hAsync("div", { key: '658e2bd6083b7025fe25f3a7ef7e068b5de85d26', class: "header-background" }), hAsync("slot", { key: 'd15ec6f1c6dcf4a316461dc917aceb50e54bd2c3' })));
|
|
14549
14549
|
}
|
|
14550
14550
|
get el() { return getElement(this); }
|
|
14551
14551
|
static get style() { return {
|
|
@@ -14558,12 +14558,12 @@ class Header {
|
|
|
14558
14558
|
"$tagName$": "ion-header",
|
|
14559
14559
|
"$members$": {
|
|
14560
14560
|
"collapse": [1],
|
|
14561
|
-
"divider": [
|
|
14561
|
+
"divider": [4],
|
|
14562
14562
|
"translucent": [4]
|
|
14563
14563
|
},
|
|
14564
14564
|
"$listeners$": undefined,
|
|
14565
14565
|
"$lazyBundleId$": "-",
|
|
14566
|
-
"$attrsToReflect$": [
|
|
14566
|
+
"$attrsToReflect$": []
|
|
14567
14567
|
}; }
|
|
14568
14568
|
}
|
|
14569
14569
|
|
|
@@ -29632,7 +29632,15 @@ class Segment {
|
|
|
29632
29632
|
swipeGestureChanged() {
|
|
29633
29633
|
this.gestureChanged();
|
|
29634
29634
|
}
|
|
29635
|
-
valueChanged(value) {
|
|
29635
|
+
valueChanged(value, oldValue) {
|
|
29636
|
+
if (oldValue !== undefined && value !== undefined) {
|
|
29637
|
+
const buttons = this.getButtons();
|
|
29638
|
+
const previous = buttons.find((button) => button.value === oldValue);
|
|
29639
|
+
const current = buttons.find((button) => button.value === value);
|
|
29640
|
+
if (previous && current) {
|
|
29641
|
+
this.checkButton(previous, current);
|
|
29642
|
+
}
|
|
29643
|
+
}
|
|
29636
29644
|
/**
|
|
29637
29645
|
* `ionSelect` is emitted every time the value changes (internal or external changes).
|
|
29638
29646
|
* Used by `ion-segment-button` to determine if the button should be checked.
|
|
@@ -29970,14 +29978,14 @@ class Segment {
|
|
|
29970
29978
|
}
|
|
29971
29979
|
render() {
|
|
29972
29980
|
const theme = getIonTheme(this);
|
|
29973
|
-
return (hAsync(Host, { key: '
|
|
29981
|
+
return (hAsync(Host, { key: 'fa333a638e291c771155cc8205a89022799b2f35', role: "tablist", onClick: this.onClick, class: createColorClasses$1(this.color, {
|
|
29974
29982
|
[theme]: true,
|
|
29975
29983
|
'in-toolbar': hostContext('ion-toolbar', this.el),
|
|
29976
29984
|
'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
|
|
29977
29985
|
'segment-activated': this.activated,
|
|
29978
29986
|
'segment-disabled': this.disabled,
|
|
29979
29987
|
'segment-scrollable': this.scrollable,
|
|
29980
|
-
}) }, hAsync("slot", { key: '
|
|
29988
|
+
}) }, hAsync("slot", { key: '245eb99eee33b71a7cc4f33fedfd52ede284a21c', onSlotchange: this.onSlottedItemsChange })));
|
|
29981
29989
|
}
|
|
29982
29990
|
get el() { return getElement(this); }
|
|
29983
29991
|
static get watchers() { return {
|
|
@@ -30139,6 +30147,97 @@ class SegmentButton {
|
|
|
30139
30147
|
}; }
|
|
30140
30148
|
}
|
|
30141
30149
|
|
|
30150
|
+
const segmentContentCss = "/*!@:host*/.sc-ion-segment-content-h{scroll-snap-align:center;-ms-flex-negative:0;flex-shrink:0;width:100%}";
|
|
30151
|
+
var IonSegmentContentStyle0 = segmentContentCss;
|
|
30152
|
+
|
|
30153
|
+
class SegmentContent {
|
|
30154
|
+
constructor(hostRef) {
|
|
30155
|
+
registerInstance(this, hostRef);
|
|
30156
|
+
}
|
|
30157
|
+
render() {
|
|
30158
|
+
return (hAsync(Host, { key: '0b3b79ccf751ca783b40e061e096ae985fab878d' }, hAsync("slot", { key: '857f85e248e9ebe402d5b29503a76e1aad574ae7' })));
|
|
30159
|
+
}
|
|
30160
|
+
get el() { return getElement(this); }
|
|
30161
|
+
static get style() { return IonSegmentContentStyle0; }
|
|
30162
|
+
static get cmpMeta() { return {
|
|
30163
|
+
"$flags$": 9,
|
|
30164
|
+
"$tagName$": "ion-segment-content",
|
|
30165
|
+
"$members$": undefined,
|
|
30166
|
+
"$listeners$": undefined,
|
|
30167
|
+
"$lazyBundleId$": "-",
|
|
30168
|
+
"$attrsToReflect$": []
|
|
30169
|
+
}; }
|
|
30170
|
+
}
|
|
30171
|
+
|
|
30172
|
+
const segmentViewCss = "/*!@:host*/.sc-ion-segment-view-h{display:-ms-flexbox;display:flex;grid-column:1/-1;overflow-x:scroll;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}/*!@:host::-webkit-scrollbar*/.sc-ion-segment-view-h::-webkit-scrollbar{display:none}";
|
|
30173
|
+
var IonSegmentViewStyle0 = segmentViewCss;
|
|
30174
|
+
|
|
30175
|
+
class SegmentView {
|
|
30176
|
+
constructor(hostRef) {
|
|
30177
|
+
registerInstance(this, hostRef);
|
|
30178
|
+
this.segmentEl = null;
|
|
30179
|
+
this.updateSection = () => {
|
|
30180
|
+
const { segmentEl } = this;
|
|
30181
|
+
if (segmentEl) {
|
|
30182
|
+
const value = segmentEl.value;
|
|
30183
|
+
const index = this.getSegmentButtonIndexWithValue(value);
|
|
30184
|
+
this.setSection(index);
|
|
30185
|
+
}
|
|
30186
|
+
};
|
|
30187
|
+
this.setSection = (index) => {
|
|
30188
|
+
const sectionWidth = this.el.offsetWidth;
|
|
30189
|
+
this.el.scrollTo({
|
|
30190
|
+
top: 0,
|
|
30191
|
+
left: index * sectionWidth,
|
|
30192
|
+
behavior: 'smooth',
|
|
30193
|
+
});
|
|
30194
|
+
};
|
|
30195
|
+
}
|
|
30196
|
+
segmentViewScroll(ev) {
|
|
30197
|
+
const { segmentEl } = this;
|
|
30198
|
+
const atSnappingPoint = ev.target.scrollLeft % ev.target.offsetWidth === 0;
|
|
30199
|
+
if (atSnappingPoint) {
|
|
30200
|
+
const index = Math.round(ev.target.scrollLeft / ev.target.offsetWidth);
|
|
30201
|
+
const segmentButton = this.getSegmentButtonAtIndex(index);
|
|
30202
|
+
if (segmentEl) {
|
|
30203
|
+
segmentEl.value = segmentButton.value;
|
|
30204
|
+
}
|
|
30205
|
+
}
|
|
30206
|
+
}
|
|
30207
|
+
connectedCallback() {
|
|
30208
|
+
const segmentEl = (this.segmentEl = document.querySelector(`ion-segment[view=${this.el.id}]`));
|
|
30209
|
+
if (segmentEl) {
|
|
30210
|
+
addEventListener$1(segmentEl, 'ionChange', this.updateSection);
|
|
30211
|
+
}
|
|
30212
|
+
}
|
|
30213
|
+
getSegmentButtons() {
|
|
30214
|
+
const { segmentEl } = this;
|
|
30215
|
+
if (!segmentEl) {
|
|
30216
|
+
return [];
|
|
30217
|
+
}
|
|
30218
|
+
return Array.from(segmentEl.querySelectorAll('ion-segment-button'));
|
|
30219
|
+
}
|
|
30220
|
+
getSegmentButtonAtIndex(index) {
|
|
30221
|
+
return this.getSegmentButtons()[index];
|
|
30222
|
+
}
|
|
30223
|
+
getSegmentButtonIndexWithValue(value) {
|
|
30224
|
+
return this.getSegmentButtons().findIndex((b) => b.value === value);
|
|
30225
|
+
}
|
|
30226
|
+
render() {
|
|
30227
|
+
return (hAsync(Host, { key: '3a5d905041b663c7e533c5361472fdaad65d0e46' }, hAsync("slot", { key: 'd4a6c6942afa53c22c7edf03275a0fb4ad7cbeb1' })));
|
|
30228
|
+
}
|
|
30229
|
+
get el() { return getElement(this); }
|
|
30230
|
+
static get style() { return IonSegmentViewStyle0; }
|
|
30231
|
+
static get cmpMeta() { return {
|
|
30232
|
+
"$flags$": 9,
|
|
30233
|
+
"$tagName$": "ion-segment-view",
|
|
30234
|
+
"$members$": undefined,
|
|
30235
|
+
"$listeners$": [[1, "scroll", "segmentViewScroll"]],
|
|
30236
|
+
"$lazyBundleId$": "-",
|
|
30237
|
+
"$attrsToReflect$": []
|
|
30238
|
+
}; }
|
|
30239
|
+
}
|
|
30240
|
+
|
|
30142
30241
|
const ionicSelectMdCss = "/*!@:host*/.sc-ion-select-ionic-h{--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--placeholder-color:currentColor;--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);--background:transparent;--border-style:solid;--highlight-color-focused:var(--ion-color-primary, #0054e9);--highlight-color-valid:var(--ion-color-success, #2dd55b);--highlight-color-invalid:var(--ion-color-danger, #c5000f);--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;min-height:44px;font-family:var(--ion-font-family, inherit);white-space:nowrap;cursor:pointer;z-index:2}/*!@:host(.select-label-placement-floating),\n:host(.select-label-placement-stacked)*/.select-label-placement-floating.sc-ion-select-ionic-h,.select-label-placement-stacked.sc-ion-select-ionic-h{min-height:56px}/*!@:host(.ion-color)*/.ion-color.sc-ion-select-ionic-h{--highlight-color-focused:var(--ion-color-base)}/*!@:host(.in-item)*/.in-item.sc-ion-select-ionic-h{-ms-flex:1 1 0px;flex:1 1 0}/*!@:host(.select-disabled)*/.select-disabled.sc-ion-select-ionic-h{pointer-events:none}/*!@:host(.ion-focused) button*/.ion-focused.sc-ion-select-ionic-h button.sc-ion-select-ionic{border:2px solid #5e9ed6}/*!@:host([slot=start]),\n:host([slot=end])*/[slot=start].sc-ion-select-ionic-h,[slot=end].sc-ion-select-ionic-h{-ms-flex:initial;flex:initial;width:auto}/*!@.select-placeholder*/.select-placeholder.sc-ion-select-ionic{color:var(--placeholder-color);opacity:var(--placeholder-opacity)}/*!@button*/button.sc-ion-select-ionic{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none}/*!@.select-icon*/.select-icon.sc-ion-select-ionic{-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0;position:relative;-ms-flex-negative:0;flex-shrink:0}/*!@:host(.in-item-color) .select-icon*/.in-item-color.sc-ion-select-ionic-h .select-icon.sc-ion-select-ionic{color:inherit}/*!@:host(.select-label-placement-stacked) .select-icon,\n:host(.select-label-placement-floating) .select-icon*/.select-label-placement-stacked.sc-ion-select-ionic-h .select-icon.sc-ion-select-ionic,.select-label-placement-floating.sc-ion-select-ionic-h .select-icon.sc-ion-select-ionic{position:absolute;height:100%}/*!@:host(.select-ltr.select-label-placement-stacked) .select-icon,\n:host(.select-ltr.select-label-placement-floating) .select-icon*/.select-ltr.select-label-placement-stacked.sc-ion-select-ionic-h .select-icon.sc-ion-select-ionic,.select-ltr.select-label-placement-floating.sc-ion-select-ionic-h .select-icon.sc-ion-select-ionic{right:var(--padding-end, 0)}/*!@:host(.select-rtl.select-label-placement-stacked) .select-icon,\n:host(.select-rtl.select-label-placement-floating) .select-icon*/.select-rtl.select-label-placement-stacked.sc-ion-select-ionic-h .select-icon.sc-ion-select-ionic,.select-rtl.select-label-placement-floating.sc-ion-select-ionic-h .select-icon.sc-ion-select-ionic{left:var(--padding-start, 0)}/*!@.select-text*/.select-text.sc-ion-select-ionic{-ms-flex:1;flex:1;min-width:16px;font-size:inherit;text-overflow:ellipsis;white-space:inherit;overflow:hidden}/*!@.select-wrapper*/.select-wrapper.sc-ion-select-ionic{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);border-radius:var(--border-radius);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;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal;cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@.select-wrapper .select-placeholder*/.select-wrapper.sc-ion-select-ionic .select-placeholder.sc-ion-select-ionic{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}/*!@.select-wrapper-inner*/.select-wrapper-inner.sc-ion-select-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}/*!@:host(.select-label-placement-stacked) .select-wrapper-inner,\n:host(.select-label-placement-floating) .select-wrapper-inner*/.select-label-placement-stacked.sc-ion-select-ionic-h .select-wrapper-inner.sc-ion-select-ionic,.select-label-placement-floating.sc-ion-select-ionic-h .select-wrapper-inner.sc-ion-select-ionic{-ms-flex-positive:1;flex-grow:1}/*!@:host(.ion-touched.ion-invalid)*/.ion-touched.ion-invalid.sc-ion-select-ionic-h{--highlight-color:var(--highlight-color-invalid)}/*!@:host(.ion-valid)*/.ion-valid.sc-ion-select-ionic-h{--highlight-color:var(--highlight-color-valid)}/*!@.label-text-wrapper*/.label-text-wrapper.sc-ion-select-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}/*!@.label-text,\n::slotted([slot=label])*/.label-text.sc-ion-select-ionic,.sc-ion-select-ionic-s>[slot=label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@.label-text-wrapper-hidden,\n.select-outline-notch-hidden*/.label-text-wrapper-hidden.sc-ion-select-ionic,.select-outline-notch-hidden.sc-ion-select-ionic{display:none}/*!@.native-wrapper*/.native-wrapper.sc-ion-select-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}/*!@:host(.select-justify-space-between) .select-wrapper*/.select-justify-space-between.sc-ion-select-ionic-h .select-wrapper.sc-ion-select-ionic{-ms-flex-pack:justify;justify-content:space-between}/*!@:host(.select-justify-start) .select-wrapper*/.select-justify-start.sc-ion-select-ionic-h .select-wrapper.sc-ion-select-ionic{-ms-flex-pack:start;justify-content:start}/*!@:host(.select-justify-end) .select-wrapper*/.select-justify-end.sc-ion-select-ionic-h .select-wrapper.sc-ion-select-ionic{-ms-flex-pack:end;justify-content:end}/*!@:host(.select-label-placement-start) .select-wrapper*/.select-label-placement-start.sc-ion-select-ionic-h .select-wrapper.sc-ion-select-ionic{-ms-flex-direction:row;flex-direction:row}/*!@:host(.select-label-placement-start) .label-text-wrapper*/.select-label-placement-start.sc-ion-select-ionic-h .label-text-wrapper.sc-ion-select-ionic{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}/*!@:host(.select-label-placement-end) .select-wrapper*/.select-label-placement-end.sc-ion-select-ionic-h .select-wrapper.sc-ion-select-ionic{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host(.select-label-placement-end) .label-text-wrapper*/.select-label-placement-end.sc-ion-select-ionic-h .label-text-wrapper.sc-ion-select-ionic{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}/*!@:host(.select-label-placement-fixed) .label-text-wrapper*/.select-label-placement-fixed.sc-ion-select-ionic-h .label-text-wrapper.sc-ion-select-ionic{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}/*!@:host(.select-label-placement-fixed) .label-text-wrapper*/.select-label-placement-fixed.sc-ion-select-ionic-h .label-text-wrapper.sc-ion-select-ionic{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}/*!@:host(.select-label-placement-stacked) .select-wrapper,\n:host(.select-label-placement-floating) .select-wrapper*/.select-label-placement-stacked.sc-ion-select-ionic-h .select-wrapper.sc-ion-select-ionic,.select-label-placement-floating.sc-ion-select-ionic-h .select-wrapper.sc-ion-select-ionic{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}/*!@:host(.select-label-placement-stacked) .label-text-wrapper,\n:host(.select-label-placement-floating) .label-text-wrapper*/.select-label-placement-stacked.sc-ion-select-ionic-h .label-text-wrapper.sc-ion-select-ionic,.select-label-placement-floating.sc-ion-select-ionic-h .label-text-wrapper.sc-ion-select-ionic{max-width:100%}/*!@:host(.select-ltr.select-label-placement-stacked) .label-text-wrapper,\n:host(.select-ltr.select-label-placement-floating) .label-text-wrapper*/.select-ltr.select-label-placement-stacked.sc-ion-select-ionic-h .label-text-wrapper.sc-ion-select-ionic,.select-ltr.select-label-placement-floating.sc-ion-select-ionic-h .label-text-wrapper.sc-ion-select-ionic{-webkit-transform-origin:left top;transform-origin:left top}/*!@:host(.select-rtl.select-label-placement-stacked) .label-text-wrapper,\n:host(.select-rtl.select-label-placement-floating) .label-text-wrapper*/.select-rtl.select-label-placement-stacked.sc-ion-select-ionic-h .label-text-wrapper.sc-ion-select-ionic,.select-rtl.select-label-placement-floating.sc-ion-select-ionic-h .label-text-wrapper.sc-ion-select-ionic{-webkit-transform-origin:right top;transform-origin:right top}/*!@:host(.select-label-placement-stacked) .native-wrapper,\n:host(.select-label-placement-floating) .native-wrapper*/.select-label-placement-stacked.sc-ion-select-ionic-h .native-wrapper.sc-ion-select-ionic,.select-label-placement-floating.sc-ion-select-ionic-h .native-wrapper.sc-ion-select-ionic{margin-left:0;margin-right:0;margin-top:1px;margin-bottom:0;-ms-flex-positive:1;flex-grow:1;width:100%}/*!@:host(.select-label-placement-floating) .label-text-wrapper*/.select-label-placement-floating.sc-ion-select-ionic-h .label-text-wrapper.sc-ion-select-ionic{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}/*!@:host(.select-label-placement-floating:not(.label-floating)) .native-wrapper .select-placeholder*/.select-label-placement-floating.sc-ion-select-ionic-h:not(.label-floating) .native-wrapper.sc-ion-select-ionic .select-placeholder.sc-ion-select-ionic{opacity:0}/*!@:host(.select-expanded.select-label-placement-floating) .native-wrapper .select-placeholder,\n:host(.ion-focused.select-label-placement-floating) .native-wrapper .select-placeholder,\n:host(.has-value.select-label-placement-floating) .native-wrapper .select-placeholder*/.select-expanded.select-label-placement-floating.sc-ion-select-ionic-h .native-wrapper.sc-ion-select-ionic .select-placeholder.sc-ion-select-ionic,.ion-focused.select-label-placement-floating.sc-ion-select-ionic-h .native-wrapper.sc-ion-select-ionic .select-placeholder.sc-ion-select-ionic,.has-value.select-label-placement-floating.sc-ion-select-ionic-h .native-wrapper.sc-ion-select-ionic .select-placeholder.sc-ion-select-ionic{opacity:1}/*!@:host(.label-floating) .label-text-wrapper*/.label-floating.sc-ion-select-ionic-h .label-text-wrapper.sc-ion-select-ionic{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}/*!@::slotted([slot=start]),\n::slotted([slot=end])*/.sc-ion-select-ionic-s>[slot=start],.sc-ion-select-ionic-s>[slot=end]{-ms-flex-negative:0;flex-shrink:0}/*!@::slotted([slot=start]:last-of-type)*/.sc-ion-select-ionic-s>[slot=start]:last-of-type{-webkit-margin-end:16px;margin-inline-end:16px;-webkit-margin-start:0;margin-inline-start:0}/*!@::slotted([slot=end]:first-of-type)*/.sc-ion-select-ionic-s>[slot=end]:first-of-type{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}/*!@:host(.select-fill-solid)*/.select-fill-solid.sc-ion-select-ionic-h{--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--border-color:var(--ion-color-step-500, var(--ion-background-color-step-500, gray));--border-radius:4px;--padding-start:16px;--padding-end:16px;min-height:56px}/*!@:host(.select-fill-solid) .select-wrapper*/.select-fill-solid.sc-ion-select-ionic-h .select-wrapper.sc-ion-select-ionic{border-bottom:var(--border-width) var(--border-style) var(--border-color)}/*!@:host(.has-focus.select-fill-solid.ion-valid),\n:host(.select-fill-solid.ion-touched.ion-invalid)*/.has-focus.select-fill-solid.ion-valid.sc-ion-select-ionic-h,.select-fill-solid.ion-touched.ion-invalid.sc-ion-select-ionic-h{--border-color:var(--highlight-color)}/*!@:host(.select-fill-solid) .select-bottom*/.select-fill-solid.sc-ion-select-ionic-h .select-bottom.sc-ion-select-ionic{border-top:none}@media (any-hover: hover){/*!@:host(.select-fill-solid:hover)*/.select-fill-solid.sc-ion-select-ionic-h:hover{--background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6));--border-color:var(--ion-color-step-750, var(--ion-background-color-step-750, #404040))}}/*!@:host(.select-fill-solid.select-expanded),\n:host(.select-fill-solid.ion-focused)*/.select-fill-solid.select-expanded.sc-ion-select-ionic-h,.select-fill-solid.ion-focused.sc-ion-select-ionic-h{--background:var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));--border-color:var(--ion-color-step-750, var(--ion-background-color-step-750, #404040))}/*!@:host(.select-fill-solid) .select-wrapper*/.select-fill-solid.sc-ion-select-ionic-h .select-wrapper.sc-ion-select-ionic{border-start-start-radius:var(--border-radius);border-start-end-radius:var(--border-radius);border-end-end-radius:0px;border-end-start-radius:0px}/*!@:host(.label-floating.select-fill-solid) .label-text-wrapper*/.label-floating.select-fill-solid.sc-ion-select-ionic-h .label-text-wrapper.sc-ion-select-ionic{max-width:calc(100% / 0.75)}/*!@:host(.select-fill-outline)*/.select-fill-outline.sc-ion-select-ionic-h{--border-color:var(--ion-color-step-300, var(--ion-background-color-step-300, #b3b3b3));--border-radius:4px;--padding-start:16px;--padding-end:16px;min-height:56px}/*!@:host(.select-fill-outline.select-shape-round)*/.select-fill-outline.select-shape-round.sc-ion-select-ionic-h{--border-radius:28px;--padding-start:32px;--padding-end:32px}/*!@:host(.has-focus.select-fill-outline.ion-valid),\n:host(.select-fill-outline.ion-touched.ion-invalid)*/.has-focus.select-fill-outline.ion-valid.sc-ion-select-ionic-h,.select-fill-outline.ion-touched.ion-invalid.sc-ion-select-ionic-h{--border-color:var(--highlight-color)}@media (any-hover: hover){/*!@:host(.select-fill-outline:hover)*/.select-fill-outline.sc-ion-select-ionic-h:hover{--border-color:var(--ion-color-step-750, var(--ion-background-color-step-750, #404040))}}/*!@:host(.select-fill-outline.select-expanded),\n:host(.select-fill-outline.ion-focused)*/.select-fill-outline.select-expanded.sc-ion-select-ionic-h,.select-fill-outline.ion-focused.sc-ion-select-ionic-h{--border-width:var(--highlight-height);--border-color:var(--highlight-color)}/*!@:host(.select-fill-outline) .select-bottom*/.select-fill-outline.sc-ion-select-ionic-h .select-bottom.sc-ion-select-ionic{border-top:none}/*!@:host(.select-fill-outline) .select-wrapper*/.select-fill-outline.sc-ion-select-ionic-h .select-wrapper.sc-ion-select-ionic{border-bottom:none}/*!@:host(.select-ltr.select-fill-outline.select-label-placement-stacked) .label-text-wrapper,\n:host(.select-ltr.select-fill-outline.select-label-placement-floating) .label-text-wrapper*/.select-ltr.select-fill-outline.select-label-placement-stacked.sc-ion-select-ionic-h .label-text-wrapper.sc-ion-select-ionic,.select-ltr.select-fill-outline.select-label-placement-floating.sc-ion-select-ionic-h .label-text-wrapper.sc-ion-select-ionic{-webkit-transform-origin:left top;transform-origin:left top}/*!@:host(.select-rtl.select-fill-outline.select-label-placement-stacked) .label-text-wrapper,\n:host(.select-rtl.select-fill-outline.select-label-placement-floating) .label-text-wrapper*/.select-rtl.select-fill-outline.select-label-placement-stacked.sc-ion-select-ionic-h .label-text-wrapper.sc-ion-select-ionic,.select-rtl.select-fill-outline.select-label-placement-floating.sc-ion-select-ionic-h .label-text-wrapper.sc-ion-select-ionic{-webkit-transform-origin:right top;transform-origin:right top}/*!@:host(.select-fill-outline.select-label-placement-stacked) .label-text-wrapper,\n:host(.select-fill-outline.select-label-placement-floating) .label-text-wrapper*/.select-fill-outline.select-label-placement-stacked.sc-ion-select-ionic-h .label-text-wrapper.sc-ion-select-ionic,.select-fill-outline.select-label-placement-floating.sc-ion-select-ionic-h .label-text-wrapper.sc-ion-select-ionic{position:absolute;max-width:calc(100% - var(--padding-start) - var(--padding-end))}/*!@:host(.select-fill-outline) .label-text-wrapper,\n:host(.select-fill-outline) .label-text-wrapper*/.select-fill-outline.sc-ion-select-ionic-h .label-text-wrapper.sc-ion-select-ionic{position:relative;z-index:1}/*!@:host(.label-floating.select-fill-outline) .label-text-wrapper*/.label-floating.select-fill-outline.sc-ion-select-ionic-h .label-text-wrapper.sc-ion-select-ionic{-webkit-transform:translateY(-32%) scale(0.75);transform:translateY(-32%) scale(0.75);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;max-width:calc(\n (100% - var(--padding-start) - var(--padding-end) - 8px) / 0.75\n )}/*!@:host(.select-fill-outline.select-label-placement-stacked) select,\n:host(.select-fill-outline.select-label-placement-floating) select*/.select-fill-outline.select-label-placement-stacked.sc-ion-select-ionic-h select.sc-ion-select-ionic,.select-fill-outline.select-label-placement-floating.sc-ion-select-ionic-h select.sc-ion-select-ionic{margin-left:0;margin-right:0;margin-top:6px;margin-bottom:6px}/*!@:host(.select-fill-outline) .select-outline-container*/.select-fill-outline.sc-ion-select-ionic-h .select-outline-container.sc-ion-select-ionic{right:0;left:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;width:100%;height:100%}/*!@:host(.select-fill-outline) .select-outline-start,\n:host(.select-fill-outline) .select-outline-end*/.select-fill-outline.sc-ion-select-ionic-h .select-outline-start.sc-ion-select-ionic,.select-fill-outline.sc-ion-select-ionic-h .select-outline-end.sc-ion-select-ionic{pointer-events:none}/*!@:host(.select-fill-outline) .select-outline-start,\n:host(.select-fill-outline) .select-outline-notch,\n:host(.select-fill-outline) .select-outline-end*/.select-fill-outline.sc-ion-select-ionic-h .select-outline-start.sc-ion-select-ionic,.select-fill-outline.sc-ion-select-ionic-h .select-outline-notch.sc-ion-select-ionic,.select-fill-outline.sc-ion-select-ionic-h .select-outline-end.sc-ion-select-ionic{border-top:var(--border-width) var(--border-style) var(--border-color);border-bottom:var(--border-width) var(--border-style) var(--border-color);-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:host(.select-fill-outline) .select-outline-notch*/.select-fill-outline.sc-ion-select-ionic-h .select-outline-notch.sc-ion-select-ionic{max-width:calc(100% - var(--padding-start) - var(--padding-end))}/*!@:host(.select-fill-outline) .notch-spacer*/.select-fill-outline.sc-ion-select-ionic-h .notch-spacer.sc-ion-select-ionic{-webkit-padding-end:8px;padding-inline-end:8px;font-size:calc(1em * 0.75);opacity:0;pointer-events:none}/*!@:host(.select-fill-outline) .select-outline-start*/.select-fill-outline.sc-ion-select-ionic-h .select-outline-start.sc-ion-select-ionic{-webkit-border-start:var(--border-width) var(--border-style) var(--border-color);border-inline-start:var(--border-width) var(--border-style) var(--border-color)}/*!@:host(.select-fill-outline) .select-outline-start*/.select-fill-outline.sc-ion-select-ionic-h .select-outline-start.sc-ion-select-ionic{border-start-start-radius:var(--border-radius);border-start-end-radius:0px;border-end-end-radius:0px;border-end-start-radius:var(--border-radius)}/*!@:host(.select-fill-outline) .select-outline-start*/.select-fill-outline.sc-ion-select-ionic-h .select-outline-start.sc-ion-select-ionic{width:calc(var(--padding-start) - 4px)}/*!@:host(.select-fill-outline) .select-outline-end*/.select-fill-outline.sc-ion-select-ionic-h .select-outline-end.sc-ion-select-ionic{-webkit-border-end:var(--border-width) var(--border-style) var(--border-color);border-inline-end:var(--border-width) var(--border-style) var(--border-color)}/*!@:host(.select-fill-outline) .select-outline-end*/.select-fill-outline.sc-ion-select-ionic-h .select-outline-end.sc-ion-select-ionic{border-start-start-radius:0px;border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius);border-end-start-radius:0px}/*!@:host(.select-fill-outline) .select-outline-end*/.select-fill-outline.sc-ion-select-ionic-h .select-outline-end.sc-ion-select-ionic{-ms-flex-positive:1;flex-grow:1}/*!@:host(.label-floating.select-fill-outline) .select-outline-notch*/.label-floating.select-fill-outline.sc-ion-select-ionic-h .select-outline-notch.sc-ion-select-ionic{border-top:none}/*!@:host*/.sc-ion-select-ionic-h{--border-width:1px;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, var(--ion-background-color-step-150, rgba(0, 0, 0, 0.13)))));--highlight-height:2px}/*!@.select-icon*/.select-icon.sc-ion-select-ionic{width:0.8125rem;-webkit-transition:-webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);color:var(--ion-color-step-500, var(--ion-text-color-step-500, gray))}/*!@:host(.select-label-placement-floating.select-expanded) .label-text-wrapper,\n:host(.select-label-placement-floating.ion-focused) .label-text-wrapper,\n:host(.select-label-placement-stacked.select-expanded) .label-text-wrapper,\n:host(.select-label-placement-stacked.ion-focused) .label-text-wrapper*/.select-label-placement-floating.select-expanded.sc-ion-select-ionic-h .label-text-wrapper.sc-ion-select-ionic,.select-label-placement-floating.ion-focused.sc-ion-select-ionic-h .label-text-wrapper.sc-ion-select-ionic,.select-label-placement-stacked.select-expanded.sc-ion-select-ionic-h .label-text-wrapper.sc-ion-select-ionic,.select-label-placement-stacked.ion-focused.sc-ion-select-ionic-h .label-text-wrapper.sc-ion-select-ionic{color:var(--highlight-color)}/*!@:host(.has-focus.select-label-placement-floating.ion-valid) .label-text-wrapper,\n:host(.select-label-placement-floating.ion-touched.ion-invalid) .label-text-wrapper,\n:host(.has-focus.select-label-placement-stacked.ion-valid) .label-text-wrapper,\n:host(.select-label-placement-stacked.ion-touched.ion-invalid) .label-text-wrapper*/.has-focus.select-label-placement-floating.ion-valid.sc-ion-select-ionic-h .label-text-wrapper.sc-ion-select-ionic,.select-label-placement-floating.ion-touched.ion-invalid.sc-ion-select-ionic-h .label-text-wrapper.sc-ion-select-ionic,.has-focus.select-label-placement-stacked.ion-valid.sc-ion-select-ionic-h .label-text-wrapper.sc-ion-select-ionic,.select-label-placement-stacked.ion-touched.ion-invalid.sc-ion-select-ionic-h .label-text-wrapper.sc-ion-select-ionic{color:var(--highlight-color)}/*!@.select-highlight*/.select-highlight.sc-ion-select-ionic{bottom:-1px;position:absolute;width:100%;height:var(--highlight-height);-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 200ms;transition:-webkit-transform 200ms;transition:transform 200ms;transition:transform 200ms, -webkit-transform 200ms;background:var(--highlight-color)}/*!@.select-highlight*/.select-highlight.sc-ion-select-ionic{inset-inline-start:0}/*!@:host(.select-expanded) .select-highlight,\n:host(.ion-focused) .select-highlight*/.select-expanded.sc-ion-select-ionic-h .select-highlight.sc-ion-select-ionic,.ion-focused.sc-ion-select-ionic-h .select-highlight.sc-ion-select-ionic{-webkit-transform:scale(1);transform:scale(1)}/*!@:host(.in-item) .select-highlight*/.in-item.sc-ion-select-ionic-h .select-highlight.sc-ion-select-ionic{bottom:0}/*!@:host(.in-item) .select-highlight*/.in-item.sc-ion-select-ionic-h .select-highlight.sc-ion-select-ionic{inset-inline-start:0}/*!@:host(.select-expanded:not(.has-expanded-icon)) .select-icon*/.select-expanded.sc-ion-select-ionic-h:not(.has-expanded-icon) .select-icon.sc-ion-select-ionic{-webkit-transform:rotate(180deg);transform:rotate(180deg)}/*!@:host(.select-expanded) .select-wrapper .select-icon,\n:host(.has-focus.ion-valid) .select-wrapper .select-icon,\n:host(.ion-touched.ion-invalid) .select-wrapper .select-icon,\n:host(.ion-focused) .select-wrapper .select-icon*/.select-expanded.sc-ion-select-ionic-h .select-wrapper.sc-ion-select-ionic .select-icon.sc-ion-select-ionic,.has-focus.ion-valid.sc-ion-select-ionic-h .select-wrapper.sc-ion-select-ionic .select-icon.sc-ion-select-ionic,.ion-touched.ion-invalid.sc-ion-select-ionic-h .select-wrapper.sc-ion-select-ionic .select-icon.sc-ion-select-ionic,.ion-focused.sc-ion-select-ionic-h .select-wrapper.sc-ion-select-ionic .select-icon.sc-ion-select-ionic{color:var(--highlight-color)}/*!@:host(.select-shape-round)*/.select-shape-round.sc-ion-select-ionic-h{--border-radius:16px}/*!@:host(.select-label-placement-stacked) .select-wrapper-inner,\n:host(.select-label-placement-floating) .select-wrapper-inner*/.select-label-placement-stacked.sc-ion-select-ionic-h .select-wrapper-inner.sc-ion-select-ionic,.select-label-placement-floating.sc-ion-select-ionic-h .select-wrapper-inner.sc-ion-select-ionic{width:calc(100% - 0.8125rem - 4px)}/*!@:host(.select-disabled)*/.select-disabled.sc-ion-select-ionic-h{opacity:0.38}/*!@::slotted(ion-button[slot=start].button-has-icon-only),\n::slotted(ion-button[slot=end].button-has-icon-only)*/.sc-ion-select-ionic-s>ion-button[slot=start].button-has-icon-only,.sc-ion-select-ionic-s>ion-button[slot=end].button-has-icon-only{--border-radius:50%;--padding-start:8px;--padding-end:8px;--padding-top:8px;--padding-bottom:8px;aspect-ratio:1;min-height:40px}";
|
|
30143
30242
|
var IonSelectIonicStyle0 = ionicSelectMdCss;
|
|
30144
30243
|
|
|
@@ -30771,7 +30870,7 @@ class Select {
|
|
|
30771
30870
|
* TODO(FW-5592): Remove hasStartEndSlots condition
|
|
30772
30871
|
*/
|
|
30773
30872
|
const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
|
|
30774
|
-
return (hAsync(Host, { key: '
|
|
30873
|
+
return (hAsync(Host, { key: '63114b245835e18e63ab6b791713e1c34c2a91d3', onClick: this.onClick, class: createColorClasses$1(this.color, {
|
|
30775
30874
|
[theme]: true,
|
|
30776
30875
|
'in-item': inItem,
|
|
30777
30876
|
'in-item-color': hostContext('ion-item.ion-color', el),
|
|
@@ -30787,7 +30886,7 @@ class Select {
|
|
|
30787
30886
|
[`select-justify-${justify}`]: justifyEnabled,
|
|
30788
30887
|
[`select-shape-${shape}`]: shape !== undefined,
|
|
30789
30888
|
[`select-label-placement-${labelPlacement}`]: true,
|
|
30790
|
-
}) }, hAsync("label", { key: '
|
|
30889
|
+
}) }, hAsync("label", { key: 'dd7f90e38fd21cb0ce2cb26c588ff1318a3b4e03', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), hAsync("div", { key: '946a1f025be4a63e1b7f9243d1e089e204f7e2c4', class: "select-wrapper-inner" }, hAsync("slot", { key: '4ab1ffe6511e37ec148768edd41ba26ca59dc0a2', name: "start" }), hAsync("div", { key: 'bc949b66207c31b4f412e1a0480c779bdb20ab99', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), hAsync("slot", { key: '3ce8d8bdf08ba900ae12f4ed51bcc693e9eb5f7c', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && hAsync("div", { key: 'ad3f883b723354327602b93208913dcfae218e2f', class: "select-highlight" }))));
|
|
30791
30890
|
}
|
|
30792
30891
|
get el() { return getElement(this); }
|
|
30793
30892
|
static get watchers() { return {
|
|
@@ -30884,7 +30983,7 @@ class SelectOption {
|
|
|
30884
30983
|
}
|
|
30885
30984
|
render() {
|
|
30886
30985
|
const theme = getIonTheme(this);
|
|
30887
|
-
return (hAsync(Host, { key: '
|
|
30986
|
+
return (hAsync(Host, { key: '9c119de67b396ed5a1cd5efa40034a1b10313f1b', class: {
|
|
30888
30987
|
[theme]: true,
|
|
30889
30988
|
}, role: "option", id: this.inputId }));
|
|
30890
30989
|
}
|
|
@@ -31013,9 +31112,9 @@ class SelectPopover {
|
|
|
31013
31112
|
const { header, message, options, subHeader } = this;
|
|
31014
31113
|
const hasSubHeaderOrMessage = subHeader !== undefined || message !== undefined;
|
|
31015
31114
|
const theme = getIonTheme(this);
|
|
31016
|
-
return (hAsync(Host, { key: '
|
|
31115
|
+
return (hAsync(Host, { key: '499511498ca8be82086bb06e2b27ce33bffc1ddb', class: {
|
|
31017
31116
|
[theme]: true,
|
|
31018
|
-
} }, hAsync("ion-list", { key: '
|
|
31117
|
+
} }, hAsync("ion-list", { key: '278f6bc1feeede9f02728971f322aa63f806321e' }, header !== undefined && hAsync("ion-list-header", { key: 'ae4b4d8d73b7d353ac11e26dab35d001b7bfd2bf' }, header), hasSubHeaderOrMessage && (hAsync("ion-item", { key: '79e6641ab2dbbd08811ddcf8f346b0f18e3f0454' }, hAsync("ion-label", { key: '53788eacd7384c4f24c727cd9312da3a57ccc67b', class: "ion-text-wrap" }, subHeader !== undefined && hAsync("h3", { key: '0f028877e1fb89b66c22f5963bc57257d34f653d' }, subHeader), message !== undefined && hAsync("p", { key: 'ff3b24d1bddacf963d9e1c287e65b71c97bb95b9' }, message)))), this.renderOptions(options))));
|
|
31019
31118
|
}
|
|
31020
31119
|
get el() { return getElement(this); }
|
|
31021
31120
|
static get style() { return {
|
|
@@ -31068,11 +31167,11 @@ class SkeletonText {
|
|
|
31068
31167
|
const animated = this.animated && config.getBoolean('animated', true);
|
|
31069
31168
|
const inMedia = hostContext('ion-avatar', this.el) || hostContext('ion-thumbnail', this.el);
|
|
31070
31169
|
const theme = getIonTheme(this);
|
|
31071
|
-
return (hAsync(Host, { key: '
|
|
31170
|
+
return (hAsync(Host, { key: 'f788545e591fdd0d1b3b61ad5e97b02d2d7e46f4', class: {
|
|
31072
31171
|
[theme]: true,
|
|
31073
31172
|
'skeleton-text-animated': animated,
|
|
31074
31173
|
'in-media': inMedia,
|
|
31075
|
-
} }, hAsync("span", { key: '
|
|
31174
|
+
} }, hAsync("span", { key: '4f62ad7f8851d4111c60e7f7b28edcbb7067125c' }, "\u00A0")));
|
|
31076
31175
|
}
|
|
31077
31176
|
get el() { return getElement(this); }
|
|
31078
31177
|
static get style() { return IonSkeletonTextStyle0; }
|
|
@@ -31129,7 +31228,7 @@ class Spinner {
|
|
|
31129
31228
|
svgs.push(buildLine(spinner, duration, i, spinner.lines));
|
|
31130
31229
|
}
|
|
31131
31230
|
}
|
|
31132
|
-
return (hAsync(Host, { key: '
|
|
31231
|
+
return (hAsync(Host, { key: '5cb7fe35a97d06ec56f83facd294847b51cbc7af', class: createColorClasses$1(self.color, {
|
|
31133
31232
|
[theme]: true,
|
|
31134
31233
|
[`spinner-${spinnerName}`]: true,
|
|
31135
31234
|
'spinner-paused': self.paused || config.getBoolean('_testing'),
|
|
@@ -31236,12 +31335,12 @@ class SplitPane {
|
|
|
31236
31335
|
}
|
|
31237
31336
|
render() {
|
|
31238
31337
|
const theme = getIonTheme(this);
|
|
31239
|
-
return (hAsync(Host, { key: '
|
|
31338
|
+
return (hAsync(Host, { key: 'a52854c638f501f9464c3d1d4c30bee020fd781e', class: {
|
|
31240
31339
|
[theme]: true,
|
|
31241
31340
|
// Used internally for styling
|
|
31242
31341
|
[`split-pane-${theme}`]: true,
|
|
31243
31342
|
'split-pane-visible': this.visible,
|
|
31244
|
-
} }, hAsync("slot", { key: '
|
|
31343
|
+
} }, hAsync("slot", { key: 'b2164b195c5811dda3d855c47f1bb59975172329' })));
|
|
31245
31344
|
}
|
|
31246
31345
|
get el() { return getElement(this); }
|
|
31247
31346
|
static get watchers() { return {
|
|
@@ -31315,10 +31414,10 @@ class Tab {
|
|
|
31315
31414
|
}
|
|
31316
31415
|
render() {
|
|
31317
31416
|
const { tab, active, component } = this;
|
|
31318
|
-
return (hAsync(Host, { key: '
|
|
31417
|
+
return (hAsync(Host, { key: '121affd326db55663c47d9c917e64e863f909028', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
|
|
31319
31418
|
'ion-page': component === undefined,
|
|
31320
31419
|
'tab-hidden': !active,
|
|
31321
|
-
} }, hAsync("slot", { key: '
|
|
31420
|
+
} }, hAsync("slot", { key: '8c80289c7e745a8a07692565519b9b13eb56ff19' })));
|
|
31322
31421
|
}
|
|
31323
31422
|
get el() { return getElement(this); }
|
|
31324
31423
|
static get watchers() { return {
|
|
@@ -31400,11 +31499,11 @@ class TabBar {
|
|
|
31400
31499
|
const { color, translucent, keyboardVisible } = this;
|
|
31401
31500
|
const theme = getIonTheme(this);
|
|
31402
31501
|
const shouldHide = keyboardVisible && this.el.getAttribute('slot') !== 'top';
|
|
31403
|
-
return (hAsync(Host, { key: '
|
|
31502
|
+
return (hAsync(Host, { key: 'cf965ce80081170fd2200e7368c69cd6ccdada5d', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses$1(color, {
|
|
31404
31503
|
[theme]: true,
|
|
31405
31504
|
'tab-bar-translucent': translucent,
|
|
31406
31505
|
'tab-bar-hidden': shouldHide,
|
|
31407
|
-
}) }, hAsync("slot", { key: '
|
|
31506
|
+
}) }, hAsync("slot", { key: '94538a393f7cf1000f4c476a4afdc73b7d593f32' })));
|
|
31408
31507
|
}
|
|
31409
31508
|
get el() { return getElement(this); }
|
|
31410
31509
|
static get watchers() { return {
|
|
@@ -31507,7 +31606,7 @@ class TabButton {
|
|
|
31507
31606
|
rel,
|
|
31508
31607
|
target,
|
|
31509
31608
|
};
|
|
31510
|
-
return (hAsync(Host, { key: '
|
|
31609
|
+
return (hAsync(Host, { key: 'c5d5a400c9e489dca8f69a474e9d2f7321181352', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
|
|
31511
31610
|
[theme]: true,
|
|
31512
31611
|
'tab-selected': selected,
|
|
31513
31612
|
'tab-disabled': disabled,
|
|
@@ -31519,7 +31618,7 @@ class TabButton {
|
|
|
31519
31618
|
'ion-activatable': true,
|
|
31520
31619
|
'ion-selectable': true,
|
|
31521
31620
|
'ion-focusable': true,
|
|
31522
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
31621
|
+
} }, hAsync("a", Object.assign({ key: '7c8ebc51f564778ebd07615b06466e9250539682' }, attrs, { class: "button-native", part: "native", role: "tab", "aria-selected": selected ? 'true' : null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? '-1' : undefined }, inheritedAttributes), hAsync("span", { key: '0ec2cb0c616c612af1a97338b5b774196c7498e5', class: "button-inner" }, hAsync("slot", { key: '84ba9e4c88466da0ae7c71de19f9896c9e4e93ef' })), theme === 'md' && hAsync("ion-ripple-effect", { key: '647c96627b7f8339d72c36ca01320677b8b7839c', type: "unbounded" }))));
|
|
31523
31622
|
}
|
|
31524
31623
|
get el() { return getElement(this); }
|
|
31525
31624
|
static get style() { return {
|
|
@@ -31689,7 +31788,7 @@ class Tabs {
|
|
|
31689
31788
|
return Array.from(this.el.querySelectorAll('ion-tab'));
|
|
31690
31789
|
}
|
|
31691
31790
|
render() {
|
|
31692
|
-
return (hAsync(Host, { key: '
|
|
31791
|
+
return (hAsync(Host, { key: 'ba731d1538baa664111266c5f9bc3311fe02f9b7', onIonTabButtonClick: this.onTabClicked }, hAsync("slot", { key: '51f8ca87cd096a8e638a0b15d4fbab5aa730f5fa', name: "top" }), hAsync("div", { key: 'e608434927bb5aac108027a4ce9389a0d930e1c2', class: "tabs-inner" }, hAsync("slot", { key: '2922d0e28afc21fda97f2b29a8b5222d9782a6b4' })), hAsync("slot", { key: 'f42306887fc30a816c961fea6cb609375eb56875', name: "bottom" })));
|
|
31693
31792
|
}
|
|
31694
31793
|
get el() { return getElement(this); }
|
|
31695
31794
|
static get style() { return IonTabsStyle0; }
|
|
@@ -31732,9 +31831,9 @@ class Text {
|
|
|
31732
31831
|
}
|
|
31733
31832
|
render() {
|
|
31734
31833
|
const theme = getIonTheme(this);
|
|
31735
|
-
return (hAsync(Host, { key: '
|
|
31834
|
+
return (hAsync(Host, { key: 'e1398a44433bb39074bd1c03a157968fde144dbd', class: createColorClasses$1(this.color, {
|
|
31736
31835
|
[theme]: true,
|
|
31737
|
-
}) }, hAsync("slot", { key: '
|
|
31836
|
+
}) }, hAsync("slot", { key: '1c26cfb6121b165c9129fad3e98ae8a373949721' })));
|
|
31738
31837
|
}
|
|
31739
31838
|
static get style() { return IonTextStyle0; }
|
|
31740
31839
|
static get cmpMeta() { return {
|
|
@@ -32105,7 +32204,7 @@ class Textarea {
|
|
|
32105
32204
|
* TODO(FW-5592): Remove hasStartEndSlots condition
|
|
32106
32205
|
*/
|
|
32107
32206
|
const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
|
|
32108
|
-
return (hAsync(Host, { key: '
|
|
32207
|
+
return (hAsync(Host, { key: '35aa08db103e5deb78d957cab4b927f6b75cfa0d', class: createColorClasses$1(this.color, {
|
|
32109
32208
|
[theme]: true,
|
|
32110
32209
|
'has-value': hasValue,
|
|
32111
32210
|
'has-focus': hasFocus,
|
|
@@ -32114,7 +32213,7 @@ class Textarea {
|
|
|
32114
32213
|
[`textarea-shape-${shape}`]: shape !== undefined,
|
|
32115
32214
|
[`textarea-label-placement-${labelPlacement}`]: true,
|
|
32116
32215
|
'textarea-disabled': disabled,
|
|
32117
|
-
}) }, hAsync("label", { key: '
|
|
32216
|
+
}) }, hAsync("label", { key: '088fd6d57899f9b1595712c7a63642e9877f5e00', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), hAsync("div", { key: '3f1ab81e9c4a7a286f985fa7f6f30dca5f26833b', class: "textarea-wrapper-inner" }, hAsync("div", { key: '4afa68f18bb62b32138a91d903c75672d9a8a9ba', class: "start-slot-wrapper" }, hAsync("slot", { key: '635fa7a5c9754654a3d7f012d33fc12cbe9fd0cf', name: "start" })), hAsync("div", { key: '0895b08cb759a157783a38f423c04967ec8c0ce1', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, hAsync("textarea", Object.assign({ key: 'ec1ebe99508fbce9897c870d5e74239a32dfba91', class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown }, this.inheritedAttributes), value)), hAsync("div", { key: '411186d7c420c386233296edcbc9afd1d3de03a7', class: "end-slot-wrapper" }, hAsync("slot", { key: 'b37cd68f0dc3f310cd78107d6f61933ba0e27d83', name: "end" }))), shouldRenderHighlight && hAsync("div", { key: '43c7ae2f1e797701d9dbfd905d40320bb0f40e89', class: "textarea-highlight" })), this.renderBottomContent()));
|
|
32118
32217
|
}
|
|
32119
32218
|
get el() { return getElement(this); }
|
|
32120
32219
|
static get watchers() { return {
|
|
@@ -32182,9 +32281,9 @@ class Thumbnail {
|
|
|
32182
32281
|
}
|
|
32183
32282
|
render() {
|
|
32184
32283
|
const theme = getIonTheme(this);
|
|
32185
|
-
return (hAsync(Host, { key: '
|
|
32284
|
+
return (hAsync(Host, { key: '43ea61d750f53e8f3623df191eb3795a59599e40', class: {
|
|
32186
32285
|
[theme]: true,
|
|
32187
|
-
} }, hAsync("slot", { key: '
|
|
32286
|
+
} }, hAsync("slot", { key: 'feaecfa188c84b219d61ff99296b34c7ab26ec66' })));
|
|
32188
32287
|
}
|
|
32189
32288
|
static get style() { return IonThumbnailStyle0; }
|
|
32190
32289
|
static get cmpMeta() { return {
|
|
@@ -33022,9 +33121,9 @@ class Toast {
|
|
|
33022
33121
|
if (layout === 'stacked' && startButtons.length > 0 && endButtons.length > 0) {
|
|
33023
33122
|
printIonWarning('This toast is using start and end buttons with the stacked toast layout. We recommend following the best practice of using either start or end buttons with the stacked toast layout.', el);
|
|
33024
33123
|
}
|
|
33025
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
33124
|
+
return (hAsync(Host, Object.assign({ key: 'c479651c07a43bc57908af9c40ebd096cf37b055', tabindex: "-1" }, this.htmlAttributes, { style: {
|
|
33026
33125
|
zIndex: `${60000 + this.overlayIndex}`,
|
|
33027
|
-
}, class: createColorClasses$1(this.color, Object.assign(Object.assign({ [theme]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), hAsync("div", { key: '
|
|
33126
|
+
}, class: createColorClasses$1(this.color, Object.assign(Object.assign({ [theme]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), hAsync("div", { key: 'd4939b5d4f3ffee11ad3167387fbcf5d65107ddc', class: wrapperClass }, hAsync("div", { key: 'bea0d04b6c936b61d0a8df70eb147f2792b7dadd', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (hAsync("ion-icon", { key: 'ea29fdcf23d8b915bb3c294bff094743e3e06e82', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), hAsync("div", { key: 'c0092793067bbc2cd5b7e538ccdc82aacd424fe1', class: "toast-content", role: "status", "aria-atomic": "true", "aria-live": "polite" }, !revealContentToScreenReader && header !== undefined && this.renderHeader('oldHeader', 'true'), !revealContentToScreenReader && message !== undefined && this.renderToastMessage('oldMessage', 'true'), revealContentToScreenReader && header !== undefined && this.renderHeader('header'), revealContentToScreenReader && message !== undefined && this.renderToastMessage('header')), this.renderButtons(endButtons, 'end')))));
|
|
33028
33127
|
}
|
|
33029
33128
|
get el() { return getElement(this); }
|
|
33030
33129
|
static get watchers() { return {
|
|
@@ -33300,7 +33399,7 @@ class Toggle {
|
|
|
33300
33399
|
const value = this.getValue();
|
|
33301
33400
|
const rtl = isRTL$1(el) ? 'rtl' : 'ltr';
|
|
33302
33401
|
renderHiddenInput(true, el, name, checked ? value : '', disabled);
|
|
33303
|
-
return (hAsync(Host, { key: '
|
|
33402
|
+
return (hAsync(Host, { key: 'aa9dc67384dc4be027ac562730e899f4315fdcfc', onClick: this.onClick, class: createColorClasses$1(color, {
|
|
33304
33403
|
[theme]: true,
|
|
33305
33404
|
'in-item': hostContext('ion-item', el),
|
|
33306
33405
|
'toggle-activated': activated,
|
|
@@ -33310,10 +33409,10 @@ class Toggle {
|
|
|
33310
33409
|
[`toggle-alignment-${alignment}`]: true,
|
|
33311
33410
|
[`toggle-label-placement-${labelPlacement}`]: true,
|
|
33312
33411
|
[`toggle-${rtl}`]: true,
|
|
33313
|
-
}) }, hAsync("label", { key: '
|
|
33412
|
+
}) }, hAsync("label", { key: 'f154b73f5def7cc59a9d5f355eece52c57e5b493', class: "toggle-wrapper" }, hAsync("input", Object.assign({ key: 'a1c4864c94a8f28a0d2e018ae35275125674cfa6', 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", { key: '074b23eb8020c8318aeb8747c5bcef7e0ee235bb', class: {
|
|
33314
33413
|
'label-text-wrapper': true,
|
|
33315
33414
|
'label-text-wrapper-hidden': !this.hasLabel,
|
|
33316
|
-
}, part: "label" }, hAsync("slot", { key: '
|
|
33415
|
+
}, part: "label" }, hAsync("slot", { key: '94d49b13cf0a4fa6fd0177931217446661691bc0' })), hAsync("div", { key: 'c4468059e95a4f6342c60ccaaf3956e45a9b13cc', class: "native-wrapper" }, this.renderToggleControl()))));
|
|
33317
33416
|
}
|
|
33318
33417
|
get el() { return getElement(this); }
|
|
33319
33418
|
static get watchers() { return {
|
|
@@ -33354,7 +33453,7 @@ const shouldToggle = (rtl, checked, deltaX, margin) => {
|
|
|
33354
33453
|
};
|
|
33355
33454
|
let toggleIds = 0;
|
|
33356
33455
|
|
|
33357
|
-
const toolbarIonicCss = "/*!@:host*/.sc-ion-toolbar-ionic-h{--border-width:0;--border-style:solid;--opacity:1;--opacity-scale:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;width:100%;padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);color:var(--color);contain:content;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@.toolbar-container*/.toolbar-container.sc-ion-toolbar-ionic{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@.toolbar-background*/.toolbar-background.sc-ion-toolbar-ionic{right:0;left:0;top:0;bottom:0;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;opacity:calc(var(--opacity) * var(--opacity-scale));pointer-events:none}/*!@::slotted(ion-progress-bar)*/.sc-ion-toolbar-ionic-s>ion-progress-bar{right:0;left:0;bottom:0;position:absolute}/*!@:host*/.sc-ion-toolbar-ionic-h{--background:var(--ionic-color-base-white, #ffffff);--color:var(--ionic-color-neutral-1200, #242424);--border-color:currentColor;--padding-top:var(--ionic-space-200, 8px);--padding-bottom:var(--ionic-space-200, 8px);--padding-start:var(--ionic-space-200, 8px);--padding-end:var(--ionic-space-200, 8px);--min-height:var(--ionic-scale-1400, 56px)}/*!@.toolbar-container*/.toolbar-container.sc-ion-toolbar-ionic{gap:var(--ionic-space-400, 16px)}/*!@.toolbar-content*/.toolbar-content.sc-ion-toolbar-ionic{-ms-flex:2;flex:2;-ms-flex-order:3;order:3;min-width:0}/*!@:host(.toolbar-
|
|
33456
|
+
const toolbarIonicCss = "/*!@:host*/.sc-ion-toolbar-ionic-h{--border-width:0;--border-style:solid;--opacity:1;--opacity-scale:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;width:100%;padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);color:var(--color);contain:content;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@.toolbar-container*/.toolbar-container.sc-ion-toolbar-ionic{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@.toolbar-background*/.toolbar-background.sc-ion-toolbar-ionic{right:0;left:0;top:0;bottom:0;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;opacity:calc(var(--opacity) * var(--opacity-scale));pointer-events:none}/*!@::slotted(ion-progress-bar)*/.sc-ion-toolbar-ionic-s>ion-progress-bar{right:0;left:0;bottom:0;position:absolute}/*!@:host*/.sc-ion-toolbar-ionic-h{--background:var(--ionic-color-base-white, #ffffff);--color:var(--ionic-color-neutral-1200, #242424);--border-color:currentColor;--padding-top:var(--ionic-space-200, 8px);--padding-bottom:var(--ionic-space-200, 8px);--padding-start:var(--ionic-space-200, 8px);--padding-end:var(--ionic-space-200, 8px);--min-height:var(--ionic-scale-1400, 56px)}/*!@.toolbar-container*/.toolbar-container.sc-ion-toolbar-ionic{gap:var(--ionic-space-400, 16px)}/*!@.toolbar-content*/.toolbar-content.sc-ion-toolbar-ionic{-ms-flex:2;flex:2;-ms-flex-order:3;order:3;min-width:0}/*!@:host(.toolbar-searchbar) ::slotted(ion-searchbar)*/.sc-ion-toolbar-ionic-h.toolbar-searchbar .sc-ion-toolbar-ionic-s>ion-searchbar{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}/*!@::slotted(ion-title)*/.sc-ion-toolbar-ionic-s>ion-title{-webkit-padding-start:var(--padding-top);padding-inline-start:var(--padding-top);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}/*!@:host(.toolbar-title-default) ::slotted(ion-title)*/.sc-ion-toolbar-ionic-h.toolbar-title-default .sc-ion-toolbar-ionic-s>ion-title{text-align:center}/*!@:host(.toolbar-title-large) ::slotted(ion-title)*/.sc-ion-toolbar-ionic-h.toolbar-title-large .sc-ion-toolbar-ionic-s>ion-title{-webkit-padding-start:var(--ionic-space-400, 16px);padding-inline-start:var(--ionic-space-400, 16px);-webkit-padding-end:var(--ionic-space-400, 16px);padding-inline-end:var(--ionic-space-400, 16px)}/*!@::slotted([slot=secondary])*/.sc-ion-toolbar-ionic-s>[slot=secondary]{-ms-flex-order:2;order:2}/*!@::slotted([slot=primary])*/.sc-ion-toolbar-ionic-s>[slot=primary]{-ms-flex-order:4;order:4;text-align:end}/*!@::slotted([slot=start])*/.sc-ion-toolbar-ionic-s>[slot=start]{-ms-flex-order:1;order:1}/*!@::slotted([slot=start]),\n::slotted([slot=end])*/.sc-ion-toolbar-ionic-s>[slot=start],.sc-ion-toolbar-ionic-s>[slot=end]{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;gap:var(--ionic-space-200, 8px)}/*!@::slotted([slot=end])*/.sc-ion-toolbar-ionic-s>[slot=end]{-ms-flex-pack:end;justify-content:end;-ms-flex-order:5;order:5;font-size:var(--ionic-font-size-600, 1.5rem)}";
|
|
33358
33457
|
var IonToolbarIonicStyle0 = toolbarIonicCss;
|
|
33359
33458
|
|
|
33360
33459
|
const toolbarIosCss = "/*!@:host*/.sc-ion-toolbar-ios-h{--border-width:0;--border-style:solid;--opacity:1;--opacity-scale:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;width:100%;padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);color:var(--color);contain:content;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@.toolbar-container*/.toolbar-container.sc-ion-toolbar-ios{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@.toolbar-background*/.toolbar-background.sc-ion-toolbar-ios{right:0;left:0;top:0;bottom:0;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;opacity:calc(var(--opacity) * var(--opacity-scale));pointer-events:none}/*!@::slotted(ion-progress-bar)*/.sc-ion-toolbar-ios-s>ion-progress-bar{right:0;left:0;bottom:0;position:absolute}/*!@:host*/.sc-ion-toolbar-ios-h{font-family:var(--ion-font-family, inherit);z-index:10}/*!@:host(.ion-color)*/.ion-color.sc-ion-toolbar-ios-h{color:var(--ion-color-contrast)}/*!@:host(.ion-color) .toolbar-background*/.ion-color.sc-ion-toolbar-ios-h .toolbar-background.sc-ion-toolbar-ios{background:var(--ion-color-base)}/*!@.toolbar-container*/.toolbar-container.sc-ion-toolbar-ios{z-index:10}/*!@.toolbar-background*/.toolbar-background.sc-ion-toolbar-ios{z-index:-1}/*!@:host*/.sc-ion-toolbar-ios-h{--background:var(--ion-toolbar-background, var(--ion-color-step-50, var(--ion-background-color-step-50, #f7f7f7)));--color:var(--ion-toolbar-color, var(--ion-text-color, #000));--border-color:var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, var(--ion-background-color-step-150, rgba(0, 0, 0, 0.2)))));--padding-top:3px;--padding-bottom:3px;--padding-start:4px;--padding-end:4px;--min-height:44px}/*!@.toolbar-content*/.toolbar-content.sc-ion-toolbar-ios{-ms-flex:1;flex:1;-ms-flex-order:4;order:4;min-width:0}/*!@:host(.toolbar-segment) .toolbar-content*/.toolbar-segment.sc-ion-toolbar-ios-h .toolbar-content.sc-ion-toolbar-ios{display:-ms-inline-flexbox;display:inline-flex}/*!@:host(.toolbar-searchbar) .toolbar-container*/.toolbar-searchbar.sc-ion-toolbar-ios-h .toolbar-container.sc-ion-toolbar-ios{padding-top:0;padding-bottom:0}/*!@:host(.toolbar-searchbar) ::slotted(*)*/.sc-ion-toolbar-ios-h.toolbar-searchbar .sc-ion-toolbar-ios-s>*{-ms-flex-item-align:start;align-self:start}/*!@:host(.toolbar-searchbar) ::slotted(ion-chip)*/.sc-ion-toolbar-ios-h.toolbar-searchbar .sc-ion-toolbar-ios-s>ion-chip{margin-top:3px}/*!@::slotted(ion-buttons)*/.sc-ion-toolbar-ios-s>ion-buttons{min-height:38px}/*!@::slotted([slot=start])*/.sc-ion-toolbar-ios-s>[slot=start]{-ms-flex-order:2;order:2}/*!@::slotted([slot=secondary])*/.sc-ion-toolbar-ios-s>[slot=secondary]{-ms-flex-order:3;order:3}/*!@::slotted([slot=primary])*/.sc-ion-toolbar-ios-s>[slot=primary]{-ms-flex-order:5;order:5;text-align:end}/*!@::slotted([slot=end])*/.sc-ion-toolbar-ios-s>[slot=end]{-ms-flex-order:6;order:6;text-align:end}/*!@:host(.toolbar-title-large) .toolbar-container*/.toolbar-title-large.sc-ion-toolbar-ios-h .toolbar-container.sc-ion-toolbar-ios{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:start;align-items:flex-start}/*!@:host(.toolbar-title-large) .toolbar-content ion-title*/.toolbar-title-large.sc-ion-toolbar-ios-h .toolbar-content.sc-ion-toolbar-ios ion-title.sc-ion-toolbar-ios{-ms-flex:1;flex:1;-ms-flex-order:8;order:8;min-width:100%}";
|
|
@@ -33378,7 +33477,6 @@ class Toolbar {
|
|
|
33378
33477
|
registerInstance(this, hostRef);
|
|
33379
33478
|
this.childrenStyles = new Map();
|
|
33380
33479
|
this.color = undefined;
|
|
33381
|
-
this.divider = false;
|
|
33382
33480
|
}
|
|
33383
33481
|
componentWillLoad() {
|
|
33384
33482
|
const buttons = Array.from(this.el.querySelectorAll('ion-buttons'));
|
|
@@ -33419,16 +33517,14 @@ class Toolbar {
|
|
|
33419
33517
|
}
|
|
33420
33518
|
render() {
|
|
33421
33519
|
const theme = getIonTheme(this);
|
|
33422
|
-
const { divider } = this;
|
|
33423
33520
|
const childStyles = {};
|
|
33424
33521
|
this.childrenStyles.forEach((value) => {
|
|
33425
33522
|
Object.assign(childStyles, value);
|
|
33426
33523
|
});
|
|
33427
|
-
return (hAsync(Host, { key: '
|
|
33524
|
+
return (hAsync(Host, { key: '301c7915c8331f4b00cf929068083102ec85a75d', class: Object.assign(Object.assign({}, childStyles), createColorClasses$1(this.color, {
|
|
33428
33525
|
[theme]: true,
|
|
33429
33526
|
'in-toolbar': hostContext('ion-toolbar', this.el),
|
|
33430
|
-
|
|
33431
|
-
})) }, hAsync("div", { key: 'd33c7e825763af744d07d4ec7a7856b902912e9c', class: "toolbar-background" }), hAsync("div", { key: '3e85e2bd3861212a7cb709afbe851971518db74b', class: "toolbar-container" }, hAsync("slot", { key: '5b9373e89733c10ed5e9097136afce2c262a2174', name: "start" }), hAsync("slot", { key: '46356ccb4fab24b6239142530d96ed48d4a993e8', name: "secondary" }), hAsync("div", { key: 'b5ac75f16fbd71cf1e89a28e1fd17aa27e01c8c4', class: "toolbar-content" }, hAsync("slot", { key: '02999472244f9f6f36f0a5a693364c5a5cc654a3' })), hAsync("slot", { key: '45f86f4559f304275574ab035acb29c26fec89c4', name: "primary" }), hAsync("slot", { key: '4d9f4e808409e398be44cccade074702640d07b6', name: "end" }))));
|
|
33527
|
+
})) }, hAsync("div", { key: 'fa60782795f4c50a2bf6fe85799439ee4469c51f', class: "toolbar-background" }), hAsync("div", { key: 'd22e03c135a3360b796c9149018888a176d05a7e', class: "toolbar-container" }, hAsync("slot", { key: 'e97e52fd2426ef4fdddcad9202a5331c4d1ef6b7', name: "start" }), hAsync("slot", { key: '1f82aa2d95a17ab478d13ade7ae52da227de2bfc', name: "secondary" }), hAsync("div", { key: 'e7698f82a464a9c863bd3a602d396a14d987bad0', class: "toolbar-content" }, hAsync("slot", { key: '215f4fcd1cae042da6e2d5ef9832d9857db1b7c6' })), hAsync("slot", { key: '962027f724f2a3ba009dcb218f71bbc97fb6927a', name: "primary" }), hAsync("slot", { key: '5d7d1a5132501a436a82e267d660ec7feea96012', name: "end" }))));
|
|
33432
33528
|
}
|
|
33433
33529
|
get el() { return getElement(this); }
|
|
33434
33530
|
static get style() { return {
|
|
@@ -33440,12 +33536,11 @@ class Toolbar {
|
|
|
33440
33536
|
"$flags$": 41,
|
|
33441
33537
|
"$tagName$": "ion-toolbar",
|
|
33442
33538
|
"$members$": {
|
|
33443
|
-
"color": [513]
|
|
33444
|
-
"divider": [516]
|
|
33539
|
+
"color": [513]
|
|
33445
33540
|
},
|
|
33446
33541
|
"$listeners$": [[0, "ionStyle", "childrenStyle"]],
|
|
33447
33542
|
"$lazyBundleId$": "-",
|
|
33448
|
-
"$attrsToReflect$": [["color", "color"]
|
|
33543
|
+
"$attrsToReflect$": [["color", "color"]]
|
|
33449
33544
|
}; }
|
|
33450
33545
|
}
|
|
33451
33546
|
|
|
@@ -33487,11 +33582,11 @@ class ToolbarTitle {
|
|
|
33487
33582
|
render() {
|
|
33488
33583
|
const theme = getIonTheme(this);
|
|
33489
33584
|
const size = this.getSize();
|
|
33490
|
-
return (hAsync(Host, { key: '
|
|
33585
|
+
return (hAsync(Host, { key: '2312208012fcc0021511e9f83a797f0efecc95d7', class: createColorClasses$1(this.color, {
|
|
33491
33586
|
[theme]: true,
|
|
33492
33587
|
[`title-${size}`]: true,
|
|
33493
33588
|
'title-rtl': document.dir === 'rtl',
|
|
33494
|
-
}) }, hAsync("div", { key: '
|
|
33589
|
+
}) }, hAsync("div", { key: '0d5cb6cb7065aa70a299061ebd1d7be04f0c5d22', class: "toolbar-title" }, hAsync("slot", { key: '9f95add2dda42160f45137f7ebd8df0f3c3f1a69' }))));
|
|
33495
33590
|
}
|
|
33496
33591
|
get el() { return getElement(this); }
|
|
33497
33592
|
static get watchers() { return {
|
|
@@ -33593,6 +33688,8 @@ registerComponents([
|
|
|
33593
33688
|
Searchbar,
|
|
33594
33689
|
Segment,
|
|
33595
33690
|
SegmentButton,
|
|
33691
|
+
SegmentContent,
|
|
33692
|
+
SegmentView,
|
|
33596
33693
|
Select,
|
|
33597
33694
|
SelectOption,
|
|
33598
33695
|
SelectPopover,
|