@ionic/core 8.7.12-dev.11764783037.19423064 → 8.7.12-dev.11764844107.1b9ced55
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-item-divider.js +2 -2
- package/components/ion-item-group.js +1 -1
- package/components/ion-item-option.js +2 -2
- package/components/ion-item-options.js +1 -1
- package/components/ion-item-sliding.js +1 -1
- package/components/ion-loading.js +2 -2
- package/components/ion-menu-button.js +2 -2
- package/components/ion-menu-toggle.js +2 -2
- package/components/ion-menu.js +2 -2
- package/components/ion-nav-link.js +1 -1
- package/components/ion-nav.js +1 -1
- package/components/ion-note.js +2 -2
- package/components/ion-picker-legacy.js +2 -2
- package/components/ion-progress-bar.js +1 -1
- package/components/ion-range.js +3 -3
- package/components/ion-refresher-content.js +2 -2
- package/components/ion-refresher.js +1 -1
- package/components/ion-reorder-group.js +1 -1
- package/components/ion-reorder.js +2 -2
- package/components/ion-router-link.js +2 -2
- package/components/ion-router-outlet.js +1 -1
- package/components/ion-row.js +2 -2
- package/components/ion-searchbar.js +4 -4
- package/components/ion-segment-button.js +2 -2
- package/components/ion-segment-content.js +1 -1
- package/components/ion-segment-view.js +2 -2
- package/components/ion-segment.js +2 -2
- package/components/ion-select-option.js +1 -1
- package/components/ion-select.js +3 -3
- 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 +3 -3
- package/components/ion-thumbnail.js +2 -2
- package/components/ion-toast.js +2 -2
- package/components/ion-toggle.js +3 -3
- package/components/label.js +2 -2
- package/components/list-header.js +2 -2
- package/components/modal.js +4 -4
- package/components/picker-column-option.js +2 -2
- package/components/picker-column2.js +2 -2
- package/components/popover.js +2 -2
- package/components/radio-group.js +7 -8
- package/components/radio.js +3 -3
- package/components/ripple-effect.js +1 -1
- package/components/select-modal.js +1 -1
- package/components/select-popover.js +2 -2
- package/components/spinner.js +1 -1
- package/components/title.js +2 -2
- package/components/toolbar.js +2 -2
- package/dist/cjs/ion-app_8.cjs.entry.js +5 -5
- 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-col_3.cjs.entry.js +2 -2
- package/dist/cjs/ion-datetime_3.cjs.entry.js +4 -4
- package/dist/cjs/ion-item-option_3.cjs.entry.js +4 -4
- package/dist/cjs/ion-item_8.cjs.entry.js +11 -11
- package/dist/cjs/ion-loading.cjs.entry.js +2 -2
- package/dist/cjs/ion-menu_3.cjs.entry.js +6 -6
- package/dist/cjs/ion-modal.cjs.entry.js +4 -4
- package/dist/cjs/ion-nav_2.cjs.entry.js +2 -2
- package/dist/cjs/ion-picker-column-option.cjs.entry.js +2 -2
- package/dist/cjs/ion-popover.cjs.entry.js +2 -2
- package/dist/cjs/ion-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/ion-radio_2.cjs.entry.js +9 -9
- package/dist/cjs/ion-range.cjs.entry.js +3 -3
- package/dist/cjs/ion-refresher_2.cjs.entry.js +3 -3
- package/dist/cjs/ion-reorder_2.cjs.entry.js +3 -3
- package/dist/cjs/ion-ripple-effect.cjs.entry.js +1 -1
- package/dist/cjs/ion-route_4.cjs.entry.js +2 -2
- package/dist/cjs/ion-searchbar.cjs.entry.js +4 -4
- package/dist/cjs/ion-segment-content.cjs.entry.js +1 -1
- package/dist/cjs/ion-segment-view.cjs.entry.js +2 -2
- package/dist/cjs/ion-segment_2.cjs.entry.js +4 -4
- package/dist/cjs/ion-select-modal.cjs.entry.js +1 -1
- package/dist/cjs/ion-select_3.cjs.entry.js +6 -6
- package/dist/cjs/ion-spinner.cjs.entry.js +1 -1
- package/dist/cjs/ion-split-pane.cjs.entry.js +2 -2
- package/dist/cjs/ion-tab-bar_2.cjs.entry.js +4 -4
- package/dist/cjs/ion-tab_2.cjs.entry.js +3 -3
- package/dist/cjs/ion-text.cjs.entry.js +2 -2
- package/dist/cjs/ion-textarea.cjs.entry.js +3 -3
- package/dist/cjs/ion-toast.cjs.entry.js +2 -2
- package/dist/cjs/ion-toggle.cjs.entry.js +3 -3
- package/dist/cjs/ionic.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/checkbox/checkbox.ionic.css +3 -3
- package/dist/collection/components/item-divider/item-divider.js +2 -2
- package/dist/collection/components/item-group/item-group.js +1 -1
- package/dist/collection/components/item-option/item-option.js +2 -2
- package/dist/collection/components/item-options/item-options.js +1 -1
- package/dist/collection/components/item-sliding/item-sliding.js +1 -1
- package/dist/collection/components/label/label.js +2 -2
- package/dist/collection/components/list-header/list-header.js +2 -2
- package/dist/collection/components/loading/loading.js +2 -2
- package/dist/collection/components/menu/menu.js +2 -2
- package/dist/collection/components/menu-button/menu-button.js +2 -2
- package/dist/collection/components/menu-toggle/menu-toggle.js +2 -2
- package/dist/collection/components/modal/modal.js +4 -4
- package/dist/collection/components/nav/nav.js +1 -1
- package/dist/collection/components/nav-link/nav-link.js +1 -1
- package/dist/collection/components/note/note.js +2 -2
- package/dist/collection/components/picker-column-option/picker-column-option.js +2 -2
- package/dist/collection/components/picker-legacy/picker.js +2 -2
- package/dist/collection/components/picker-legacy-column/picker-column.js +2 -2
- package/dist/collection/components/popover/popover.js +2 -2
- package/dist/collection/components/progress-bar/progress-bar.js +1 -1
- package/dist/collection/components/radio/radio.js +3 -3
- package/dist/collection/components/radio-group/radio-group.ionic.css +20 -11
- package/dist/collection/components/radio-group/radio-group.ios.css +8 -4
- package/dist/collection/components/radio-group/radio-group.js +3 -4
- package/dist/collection/components/radio-group/radio-group.md.css +8 -4
- package/dist/collection/components/range/range.js +3 -3
- package/dist/collection/components/refresher/refresher.js +1 -1
- package/dist/collection/components/refresher-content/refresher-content.js +2 -2
- package/dist/collection/components/reorder/reorder.js +2 -2
- package/dist/collection/components/reorder-group/reorder-group.js +1 -1
- package/dist/collection/components/ripple-effect/ripple-effect.js +1 -1
- package/dist/collection/components/router-link/router-link.js +2 -2
- package/dist/collection/components/router-outlet/router-outlet.js +1 -1
- package/dist/collection/components/row/row.js +2 -2
- package/dist/collection/components/searchbar/searchbar.js +4 -4
- package/dist/collection/components/segment/segment.js +2 -2
- package/dist/collection/components/segment-button/segment-button.js +2 -2
- package/dist/collection/components/segment-content/segment-content.js +1 -1
- package/dist/collection/components/segment-view/segment-view.js +2 -2
- package/dist/collection/components/select/select.js +3 -3
- package/dist/collection/components/select-modal/select-modal.js +1 -1
- package/dist/collection/components/select-option/select-option.js +1 -1
- package/dist/collection/components/select-popover/select-popover.js +2 -2
- package/dist/collection/components/skeleton-text/skeleton-text.js +2 -2
- package/dist/collection/components/spinner/spinner.js +1 -1
- package/dist/collection/components/split-pane/split-pane.js +2 -2
- package/dist/collection/components/tab/tab.js +2 -2
- package/dist/collection/components/tab-bar/tab-bar.js +2 -2
- package/dist/collection/components/tab-button/tab-button.js +2 -2
- package/dist/collection/components/tabs/tabs.js +1 -1
- package/dist/collection/components/text/text.js +2 -2
- package/dist/collection/components/textarea/textarea.js +3 -3
- package/dist/collection/components/thumbnail/thumbnail.js +2 -2
- package/dist/collection/components/title/title.js +2 -2
- package/dist/collection/components/toast/toast.js +2 -2
- package/dist/collection/components/toggle/toggle.js +3 -3
- package/dist/collection/components/toolbar/toolbar.js +2 -2
- package/dist/docs.json +3 -16
- package/dist/esm/ion-app_8.entry.js +5 -5
- package/dist/esm/ion-avatar_3.entry.js +2 -2
- package/dist/esm/ion-checkbox.entry.js +1 -1
- package/dist/esm/ion-col_3.entry.js +2 -2
- package/dist/esm/ion-datetime_3.entry.js +4 -4
- package/dist/esm/ion-item-option_3.entry.js +4 -4
- package/dist/esm/ion-item_8.entry.js +11 -11
- package/dist/esm/ion-loading.entry.js +2 -2
- package/dist/esm/ion-menu_3.entry.js +6 -6
- package/dist/esm/ion-modal.entry.js +4 -4
- package/dist/esm/ion-nav_2.entry.js +2 -2
- package/dist/esm/ion-picker-column-option.entry.js +2 -2
- package/dist/esm/ion-popover.entry.js +2 -2
- package/dist/esm/ion-progress-bar.entry.js +1 -1
- package/dist/esm/ion-radio_2.entry.js +9 -9
- package/dist/esm/ion-range.entry.js +3 -3
- package/dist/esm/ion-refresher_2.entry.js +3 -3
- package/dist/esm/ion-reorder_2.entry.js +3 -3
- package/dist/esm/ion-ripple-effect.entry.js +1 -1
- package/dist/esm/ion-route_4.entry.js +2 -2
- package/dist/esm/ion-searchbar.entry.js +4 -4
- package/dist/esm/ion-segment-content.entry.js +1 -1
- package/dist/esm/ion-segment-view.entry.js +2 -2
- package/dist/esm/ion-segment_2.entry.js +4 -4
- package/dist/esm/ion-select-modal.entry.js +1 -1
- package/dist/esm/ion-select_3.entry.js +6 -6
- package/dist/esm/ion-spinner.entry.js +1 -1
- package/dist/esm/ion-split-pane.entry.js +2 -2
- package/dist/esm/ion-tab-bar_2.entry.js +4 -4
- package/dist/esm/ion-tab_2.entry.js +3 -3
- package/dist/esm/ion-text.entry.js +2 -2
- package/dist/esm/ion-textarea.entry.js +3 -3
- package/dist/esm/ion-toast.entry.js +2 -2
- package/dist/esm/ion-toggle.entry.js +3 -3
- package/dist/esm/ionic.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/p-0ba82e4f.entry.js +4 -0
- package/dist/ionic/{p-e46bf046.entry.js → p-0f7163d6.entry.js} +1 -1
- package/dist/ionic/{p-1635ea5e.entry.js → p-10fdbbc1.entry.js} +1 -1
- package/dist/ionic/{p-698ae42d.entry.js → p-2a3ff36f.entry.js} +1 -1
- package/dist/ionic/{p-d774af7c.entry.js → p-3622a9ea.entry.js} +1 -1
- package/dist/ionic/{p-48366887.entry.js → p-3a4865fd.entry.js} +1 -1
- package/dist/ionic/{p-931fd886.entry.js → p-4041ddea.entry.js} +1 -1
- package/dist/ionic/{p-a2179948.entry.js → p-46fb5199.entry.js} +1 -1
- package/dist/ionic/{p-b652eff7.entry.js → p-4757e558.entry.js} +1 -1
- package/dist/ionic/{p-9a20f9cb.entry.js → p-484aeb4c.entry.js} +1 -1
- package/dist/ionic/{p-b65b47bf.entry.js → p-5557bd92.entry.js} +1 -1
- package/dist/ionic/{p-6bb99f41.entry.js → p-57ef19f7.entry.js} +1 -1
- package/dist/ionic/{p-9e3fa08c.entry.js → p-5883f08d.entry.js} +1 -1
- package/dist/ionic/{p-74601090.entry.js → p-665c2df8.entry.js} +1 -1
- package/dist/ionic/{p-2061a732.entry.js → p-6fac73e6.entry.js} +1 -1
- package/dist/ionic/{p-fa6895f9.entry.js → p-7a18e825.entry.js} +1 -1
- package/dist/ionic/{p-78f1c348.entry.js → p-7d450184.entry.js} +1 -1
- package/dist/ionic/{p-3d0e07cf.entry.js → p-81770a5c.entry.js} +1 -1
- package/dist/ionic/{p-a3fefcf5.entry.js → p-86a6f814.entry.js} +1 -1
- package/dist/ionic/{p-826267d6.entry.js → p-86b82096.entry.js} +1 -1
- package/dist/ionic/{p-2c504bd3.entry.js → p-88ef6829.entry.js} +1 -1
- package/dist/ionic/p-89743bba.entry.js +4 -0
- package/dist/ionic/{p-09bcf828.entry.js → p-8e6857fa.entry.js} +1 -1
- package/dist/ionic/{p-105826fe.entry.js → p-91966afa.entry.js} +1 -1
- package/dist/ionic/{p-55734084.entry.js → p-93ed8a1d.entry.js} +1 -1
- package/dist/ionic/{p-ce2762f2.entry.js → p-a1128f7f.entry.js} +1 -1
- package/dist/ionic/{p-f9e3f9e1.entry.js → p-cdd40776.entry.js} +1 -1
- package/dist/ionic/p-ce510c06.entry.js +4 -0
- package/dist/ionic/{p-36f2ff62.entry.js → p-d05c7578.entry.js} +1 -1
- package/dist/ionic/{p-3948040f.entry.js → p-db4b3111.entry.js} +1 -1
- package/dist/ionic/{p-495912a4.entry.js → p-db90b95a.entry.js} +1 -1
- package/dist/ionic/{p-d0b9e5ff.entry.js → p-e12bb3dc.entry.js} +1 -1
- package/dist/ionic/{p-e3daf16c.entry.js → p-f3de58bd.entry.js} +1 -1
- package/dist/ionic/{p-f5fe6d47.entry.js → p-f8abe85c.entry.js} +1 -1
- package/hydrate/index.js +108 -108
- package/hydrate/index.mjs +108 -108
- package/package.json +1 -1
- package/dist/ionic/p-0774e5a0.entry.js +0 -4
- package/dist/ionic/p-c8740f44.entry.js +0 -4
- package/dist/ionic/p-da0a2ca6.entry.js +0 -4
package/hydrate/index.js
CHANGED
|
@@ -10449,7 +10449,7 @@ const checkInvalidState = (el) => {
|
|
|
10449
10449
|
return hasIonTouched && hasIonInvalid;
|
|
10450
10450
|
};
|
|
10451
10451
|
|
|
10452
|
-
const checkboxIonicCss = ":host{display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0;width:100%;height:100%}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}.checkbox-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:inherit;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden{display:none}input{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.checkbox-icon{position:relative}.checkbox-icon path{opacity:0}.checkbox-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;white-space:normal}.checkbox-bottom .error-text{display:none}.checkbox-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .helper-text{display:none}:host(.checkbox-label-placement-start) .checkbox-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.checkbox-label-placement-end) .checkbox-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:start;justify-content:start}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.checkbox-label-placement-stacked) .checkbox-wrapper{-ms-flex-direction:column;flex-direction:column;text-align:center}:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper{-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{-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{-webkit-transform-origin:right top;transform-origin:right top}}:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper{-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{-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{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}:host(.checkbox-justify-space-between) .checkbox-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.checkbox-justify-start) .checkbox-wrapper{-ms-flex-pack:start;justify-content:start}:host(.checkbox-justify-end) .checkbox-wrapper{-ms-flex-pack:end;justify-content:end}:host(.checkbox-alignment-start) .checkbox-wrapper{-ms-flex-align:start;align-items:start}:host(.checkbox-alignment-center) .checkbox-wrapper{-ms-flex-align:center;align-items:center}:host(.checkbox-justify-space-between),:host(.checkbox-justify-start),:host(.checkbox-justify-end),:host(.checkbox-alignment-start),:host(.checkbox-alignment-center){display:block}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--border-width:var(--token-border-size-025, var(--token-scale-025, 1px));--border-style:var(--token-border-style-solid, solid);--border-color:var(--token-primitives-neutral-800, #626262);--checkmark-width:var(--token-scale-400, 16px);--checkmark-height:var(--checkmark-width);--focus-ring-color:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));--focus-ring-width:var(--token-border-size-050, var(--token-scale-050, 2px));--focus-ring-offset:var(--token-space-050, var(--token-scale-050, 2px));--size:var(--token-scale-600, 24px);--checkbox-background:var(--token-bg-input-default, var(--token-primitives-base-white, #ffffff));--checkbox-background-checked:var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef))));--border-color-checked:var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)));--checkmark-color:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--transition:none;z-index:2}:host::after{right:0;left:0;top:50%;position:absolute;height:100%;min-height:var(--token-scale-1200, 48px);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:\"\";cursor:pointer;z-index:1}:host .native-wrapper{position:relative}.label-text-wrapper{color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}:host(.in-item) .label-text-wrapper{margin-top:var(--token-space-250, var(--token-scale-250, 10px));margin-bottom:var(--token-space-250, var(--token-scale-250, 10px))}:host(.in-item.checkbox-label-placement-stacked) .label-text-wrapper{margin-top:var(--token-space-250, var(--token-scale-250, 10px));margin-bottom:var(--token-space-400, var(--token-scale-400, 16px))}:host(.in-item.checkbox-label-placement-stacked) .native-wrapper{margin-bottom:var(--token-space-250, var(--token-scale-250, 10px))}input{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{border-radius:var(--border-radius);-ms-flex-negative:0;flex-shrink:0;-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{width:var(--checkmark-width);height:var(--checkmark-height)}.checkbox-icon path{fill:var(--checkmark-color)}.checkbox-bottom{font-size:var(--token-font-size-350, 14px);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none}.checkbox-bottom .error-text{color:var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222))}.checkbox-bottom .helper-text{color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262))}:host(.checkbox-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-end:var(--token-space-400, var(--token-scale-400, 16px))}:host(.checkbox-label-placement-end) .label-text-wrapper{-webkit-margin-start:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-margin-end:0;margin-inline-end:0}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-end:var(--token-space-400, var(--token-scale-400, 16px))}:host(.checkbox-label-placement-stacked) .label-text-wrapper{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:var(--token-space-400, var(--token-scale-400, 16px));max-width:133.3333333333%}:host(.checkbox-size-small){--size:var(--token-scale-400, 16px)}:host(.checkbox-checked) .native-wrapper,:host(.checkbox-indeterminate) .native-wrapper{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.ion-invalid){--focus-ring-color:var(--token-border-focus-error, var(--token-primitives-red-400, #faa1a1))}:host(.ion-invalid:not(.checkbox-checked)) .native-wrapper,:host(.ion-invalid:not(.checkbox-checked).checkbox-disabled) .native-wrapper{border-color:var(--token-border-danger-default, var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222)))}:host(.checkbox-disabled) .native-wrapper:after{right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--token-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.checkbox-checked) .native-wrapper{border-width:var(--token-border-size-0, var(--token-scale-0, 0px));background-color:var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef))))}@media (any-hover: hover){:host(:hover) .native-wrapper{background-color:var(--token-primitives-neutral-100, #f3f3f3)}:host(:hover.checkbox-checked) .native-wrapper,:host(:hover.checkbox-checked) .checkbox-icon,:host(:hover.checkbox-indeterminate) .native-wrapper,:host(:hover.checkbox-indeterminate) .checkbox-icon{background-color:var(--token-semantics-primary-800, var(--token-primitives-blue-800, #0f54da))}}:host(.ion-focused:not(.checkbox-disabled)) .native-wrapper{outline-offset:var(--focus-ring-width);outline:var(--focus-ring-width) var(--token-border-style-solid, solid) var(--focus-ring-color)}:host(.ion-activated) .native-wrapper{background-color:var(--token-bg-input-press, var(--token-primitives-neutral-200, #eae9e9))}:host(.ion-activated.checkbox-checked) .native-wrapper,:host(.ion-activated.checkbox-checked) .checkbox-icon,:host(.ion-activated.checkbox-indeterminate) .native-wrapper,:host(.ion-activated.checkbox-indeterminate) .checkbox-icon{background-color:var(--token-bg-primary-base-press, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3)))}:host(.ion-activated.ion-invalid:not(.checkbox-checked)){background-color:var(--token-bg-input-press, var(--token-primitives-neutral-200, #eae9e9))}:host(.ion-activated.ion-invalid:not(.checkbox-checked)) .native-wrapper{border-color:var(--token-border-danger-press, var(--token-semantics-danger-1000, var(--token-primitives-red-1000, #761515)))}:host(.checkbox-shape-soft){--border-radius:var(--token-border-radius-100, var(--token-scale-100, 4px))}:host(.checkbox-size-small.checkbox-shape-soft){--border-radius:var(--token-border-radius-025, var(--token-scale-050, 2px))}:host(.checkbox-shape-rectangular){--border-radius:var(--token-border-radius-0, var(--token-scale-0, 0px))}.checkbox-wrapper{min-height:var(--token-scale-1200, 48px)}";
|
|
10452
|
+
const checkboxIonicCss = ":host{display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0;width:100%;height:100%}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}.checkbox-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:inherit;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden{display:none}input{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.checkbox-icon{position:relative}.checkbox-icon path{opacity:0}.checkbox-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;white-space:normal}.checkbox-bottom .error-text{display:none}.checkbox-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .helper-text{display:none}:host(.checkbox-label-placement-start) .checkbox-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.checkbox-label-placement-end) .checkbox-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:start;justify-content:start}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.checkbox-label-placement-stacked) .checkbox-wrapper{-ms-flex-direction:column;flex-direction:column;text-align:center}:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper{-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{-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{-webkit-transform-origin:right top;transform-origin:right top}}:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper{-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{-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{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}:host(.checkbox-justify-space-between) .checkbox-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.checkbox-justify-start) .checkbox-wrapper{-ms-flex-pack:start;justify-content:start}:host(.checkbox-justify-end) .checkbox-wrapper{-ms-flex-pack:end;justify-content:end}:host(.checkbox-alignment-start) .checkbox-wrapper{-ms-flex-align:start;align-items:start}:host(.checkbox-alignment-center) .checkbox-wrapper{-ms-flex-align:center;align-items:center}:host(.checkbox-justify-space-between),:host(.checkbox-justify-start),:host(.checkbox-justify-end),:host(.checkbox-alignment-start),:host(.checkbox-alignment-center){display:block}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--border-width:var(--token-border-size-025, var(--token-scale-025, 1px));--border-style:var(--token-border-style-solid, solid);--border-color:var(--token-primitives-neutral-800, #626262);--checkmark-width:var(--token-scale-400, 16px);--checkmark-height:var(--checkmark-width);--focus-ring-color:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));--focus-ring-width:var(--token-border-size-050, var(--token-scale-050, 2px));--focus-ring-offset:var(--token-space-050, var(--token-scale-050, 2px));--size:var(--token-scale-600, 24px);--checkbox-background:var(--token-bg-input-default, var(--token-primitives-base-white, #ffffff));--checkbox-background-checked:var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef))));--border-color-checked:var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)));--checkmark-color:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--transition:none;z-index:2}:host::after{right:0;left:0;top:50%;position:absolute;height:100%;min-height:var(--token-scale-1200, 48px);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:\"\";cursor:pointer;z-index:1}:host .native-wrapper{position:relative}.label-text-wrapper{color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}:host(.in-item) .label-text-wrapper{margin-top:var(--token-space-250, var(--token-scale-250, 10px));margin-bottom:var(--token-space-250, var(--token-scale-250, 10px))}:host(.in-item.checkbox-label-placement-stacked) .label-text-wrapper{margin-top:var(--token-space-250, var(--token-scale-250, 10px));margin-bottom:var(--token-space-400, var(--token-scale-400, 16px))}:host(.in-item.checkbox-label-placement-stacked) .native-wrapper{margin-bottom:var(--token-space-250, var(--token-scale-250, 10px))}input{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{border-radius:var(--border-radius);-ms-flex-negative:0;flex-shrink:0;-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{width:var(--checkmark-width);height:var(--checkmark-height)}.checkbox-icon path{fill:var(--checkmark-color)}.checkbox-bottom{font-size:var(--token-font-size-300, 12px);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-500, var(--token-scale-500, 20px));text-decoration:none;text-transform:none}.checkbox-bottom .error-text{color:var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222))}.checkbox-bottom .helper-text{color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262))}:host(.checkbox-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-end:var(--token-space-400, var(--token-scale-400, 16px))}:host(.checkbox-label-placement-end) .label-text-wrapper{-webkit-margin-start:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-margin-end:0;margin-inline-end:0}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-end:var(--token-space-400, var(--token-scale-400, 16px))}:host(.checkbox-label-placement-stacked) .label-text-wrapper{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:var(--token-space-400, var(--token-scale-400, 16px));max-width:133.3333333333%}:host(.checkbox-size-small){--size:var(--token-scale-400, 16px)}:host(.checkbox-checked) .native-wrapper,:host(.checkbox-indeterminate) .native-wrapper{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.ion-invalid){--focus-ring-color:var(--token-border-focus-error, var(--token-primitives-red-400, #faa1a1))}:host(.ion-invalid:not(.checkbox-checked)) .native-wrapper,:host(.ion-invalid:not(.checkbox-checked).checkbox-disabled) .native-wrapper{border-color:var(--token-border-danger-default, var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222)))}:host(.checkbox-disabled) .native-wrapper:after{right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--token-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.checkbox-checked) .native-wrapper{border-width:var(--token-border-size-0, var(--token-scale-0, 0px));background-color:var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef))))}@media (any-hover: hover){:host(:hover) .native-wrapper{background-color:var(--token-primitives-neutral-100, #f3f3f3)}:host(:hover.checkbox-checked) .native-wrapper,:host(:hover.checkbox-checked) .checkbox-icon,:host(:hover.checkbox-indeterminate) .native-wrapper,:host(:hover.checkbox-indeterminate) .checkbox-icon{background-color:var(--token-semantics-primary-800, var(--token-primitives-blue-800, #0f54da))}}:host(.ion-focused:not(.checkbox-disabled)) .native-wrapper{outline-offset:var(--focus-ring-width);outline:var(--focus-ring-width) var(--token-border-style-solid, solid) var(--focus-ring-color)}:host(.ion-activated) .native-wrapper{background-color:var(--token-bg-input-press, var(--token-primitives-neutral-200, #eae9e9))}:host(.ion-activated.checkbox-checked) .native-wrapper,:host(.ion-activated.checkbox-checked) .checkbox-icon,:host(.ion-activated.checkbox-indeterminate) .native-wrapper,:host(.ion-activated.checkbox-indeterminate) .checkbox-icon{background-color:var(--token-bg-primary-base-press, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3)))}:host(.ion-activated.ion-invalid:not(.checkbox-checked)){background-color:var(--token-bg-input-press, var(--token-primitives-neutral-200, #eae9e9))}:host(.ion-activated.ion-invalid:not(.checkbox-checked)) .native-wrapper{border-color:var(--token-border-danger-press, var(--token-semantics-danger-1000, var(--token-primitives-red-1000, #761515)))}:host(.checkbox-shape-soft){--border-radius:var(--token-border-radius-100, var(--token-scale-100, 4px))}:host(.checkbox-size-small.checkbox-shape-soft){--border-radius:var(--token-border-radius-025, var(--token-scale-050, 2px))}:host(.checkbox-shape-rectangular){--border-radius:var(--token-border-radius-0, var(--token-scale-0, 0px))}.checkbox-wrapper{min-height:var(--token-scale-1200, 48px)}";
|
|
10453
10453
|
|
|
10454
10454
|
const checkboxIosCss = ":host{display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0;width:100%;height:100%}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}.checkbox-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:inherit;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden{display:none}input{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.checkbox-icon{position:relative}.checkbox-icon path{opacity:0}.checkbox-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;white-space:normal}.checkbox-bottom .error-text{display:none}.checkbox-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .helper-text{display:none}:host(.checkbox-label-placement-start) .checkbox-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.checkbox-label-placement-end) .checkbox-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:start;justify-content:start}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.checkbox-label-placement-stacked) .checkbox-wrapper{-ms-flex-direction:column;flex-direction:column;text-align:center}:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper{-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{-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{-webkit-transform-origin:right top;transform-origin:right top}}:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper{-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{-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{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}:host(.checkbox-justify-space-between) .checkbox-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.checkbox-justify-start) .checkbox-wrapper{-ms-flex-pack:start;justify-content:start}:host(.checkbox-justify-end) .checkbox-wrapper{-ms-flex-pack:end;justify-content:end}:host(.checkbox-alignment-start) .checkbox-wrapper{-ms-flex-align:start;align-items:start}:host(.checkbox-alignment-center) .checkbox-wrapper{-ms-flex-align:center;align-items:center}:host(.checkbox-justify-space-between),:host(.checkbox-justify-start),:host(.checkbox-justify-end),:host(.checkbox-alignment-start),:host(.checkbox-alignment-center){display:block}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--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;z-index:2}:host(.ion-color){--checkbox-background-checked:var(--ion-color-base);--border-color-checked:var(--ion-color-base);--checkmark-color:var(--ion-color-contrast)}:host(.in-item) .label-text-wrapper,:host(.in-item:not(.checkbox-label-placement-stacked):not([slot])) .native-wrapper{margin-top:10px;margin-bottom:10px}:host(.in-item.checkbox-label-placement-stacked) .label-text-wrapper{margin-top:10px;margin-bottom:16px}:host(.in-item.checkbox-label-placement-stacked) .native-wrapper{margin-bottom:10px}.checkbox-icon{border-radius:var(--border-radius);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{fill:none;stroke:var(--checkmark-color);stroke-width:var(--checkmark-width)}.checkbox-bottom{padding-top:4px;font-size:0.75rem}:host(.checkbox-label-placement-stacked) .checkbox-bottom{font-size:1rem}.checkbox-bottom .error-text{color:var(--ion-color-danger, #c5000f)}.checkbox-bottom .helper-text{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}:host(.checkbox-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.checkbox-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.checkbox-label-placement-stacked) .label-text-wrapper{-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{--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){opacity:0.3}";
|
|
10455
10455
|
|
|
@@ -19331,11 +19331,11 @@ class ItemDivider {
|
|
|
19331
19331
|
}
|
|
19332
19332
|
render() {
|
|
19333
19333
|
const theme = getIonTheme(this);
|
|
19334
|
-
return (hAsync(Host, { key: '
|
|
19334
|
+
return (hAsync(Host, { key: 'f026528e983b0b77cd059400d961d012dec9caae', class: createColorClasses$1(this.color, {
|
|
19335
19335
|
[theme]: true,
|
|
19336
19336
|
'item-divider-sticky': this.sticky,
|
|
19337
19337
|
item: true,
|
|
19338
|
-
}) }, hAsync("slot", { key: '
|
|
19338
|
+
}) }, hAsync("slot", { key: '409f111b2b37782bd242af5f3205d871d85b6254', name: "start" }), hAsync("div", { key: '6811502ae39e51104b46f4f3b272631017a91e4a', class: "item-divider-inner" }, hAsync("div", { key: 'c7cf5918a8e8f891426fda028586b36f21909b00', class: "item-divider-wrapper" }, hAsync("slot", { key: '7db6745917458bb6d854c0662bbf0394142d2996' })), hAsync("slot", { key: 'bad5e02a4d4852fc6e106552b314a42842a0b2e7', name: "end" }))));
|
|
19339
19339
|
}
|
|
19340
19340
|
get el() { return getElement(this); }
|
|
19341
19341
|
static get style() { return {
|
|
@@ -19372,7 +19372,7 @@ class ItemGroup {
|
|
|
19372
19372
|
}
|
|
19373
19373
|
render() {
|
|
19374
19374
|
const theme = getIonTheme(this);
|
|
19375
|
-
return (hAsync(Host, { key: '
|
|
19375
|
+
return (hAsync(Host, { key: '3fb0784b321736344604e259cfb05c6307159bed', role: "group", class: {
|
|
19376
19376
|
[theme]: true,
|
|
19377
19377
|
// Used internally for styling
|
|
19378
19378
|
[`item-group-${theme}`]: true,
|
|
@@ -19466,14 +19466,14 @@ class ItemOption {
|
|
|
19466
19466
|
href: this.href,
|
|
19467
19467
|
target: this.target,
|
|
19468
19468
|
};
|
|
19469
|
-
return (hAsync(Host, { key: '
|
|
19469
|
+
return (hAsync(Host, { key: 'c36a39053b339086ee45e30a5051256fecf1e9d6', onClick: this.onClick, class: createColorClasses$1(this.color, {
|
|
19470
19470
|
[theme]: true,
|
|
19471
19471
|
[`item-option-${shape}`]: shape !== undefined,
|
|
19472
19472
|
[`item-option-${hue}`]: hue !== undefined,
|
|
19473
19473
|
'item-option-disabled': disabled,
|
|
19474
19474
|
'item-option-expandable': expandable,
|
|
19475
19475
|
'ion-activatable': true,
|
|
19476
|
-
}) }, hAsync(TagType, Object.assign({ key: '
|
|
19476
|
+
}) }, hAsync(TagType, Object.assign({ key: '8fa60eb0b2538cd1afe7ad26d0ba9ea0a152b754' }, attrs, { class: "button-native", part: "native", disabled: disabled }), hAsync("span", { key: 'd444dd749c3abfdb43f66ac8eae49c3e3b3b9960', class: "button-inner" }, hAsync("slot", { key: 'b8164b8893c95c6d4ae9d79a5755eb52c3a1af22', name: "top" }), hAsync("div", { key: '6c840ac03adc45b6dce2f11d64b143a3208e2071', class: "horizontal-wrapper" }, hAsync("slot", { key: '8c08ea25119e1831b9320c2f2e61461d45158611', name: "start" }), hAsync("slot", { key: 'dfc5823b66fcfdcad6277105bd86590958632fdd', name: "icon-only" }), hAsync("slot", { key: '30d0d597802daca4a534055e3f326c38a77c5cf8' }), hAsync("slot", { key: 'bc58e8826067ad905b81608ad0344ed4dedd3a07', name: "end" })), hAsync("slot", { key: '59c3e025a00824c163dbcbeb359ba82871ba06f2', name: "bottom" })), theme === 'md' && hAsync("ion-ripple-effect", { key: '046a2ae39dbec7aebcbac3e250d80016065ed0f0' }))));
|
|
19477
19477
|
}
|
|
19478
19478
|
get el() { return getElement(this); }
|
|
19479
19479
|
static get style() { return {
|
|
@@ -19531,7 +19531,7 @@ class ItemOptions {
|
|
|
19531
19531
|
render() {
|
|
19532
19532
|
const theme = getIonTheme(this);
|
|
19533
19533
|
const isEnd = isEndSide(this.side);
|
|
19534
|
-
return (hAsync(Host, { key: '
|
|
19534
|
+
return (hAsync(Host, { key: 'cc55282505679d51fb90ebf30869e930c71afbd4', class: {
|
|
19535
19535
|
[theme]: true,
|
|
19536
19536
|
// Used internally for styling
|
|
19537
19537
|
[`item-options-${theme}`]: true,
|
|
@@ -20001,7 +20001,7 @@ class ItemSliding {
|
|
|
20001
20001
|
}
|
|
20002
20002
|
render() {
|
|
20003
20003
|
const theme = getIonTheme(this);
|
|
20004
|
-
return (hAsync(Host, { key: '
|
|
20004
|
+
return (hAsync(Host, { key: '79cd09dd43183008f470b31abb7b3606f653a98b', class: {
|
|
20005
20005
|
[theme]: true,
|
|
20006
20006
|
'item-sliding-active-slide': this.state !== 2 /* SlidingState.Disabled */,
|
|
20007
20007
|
'item-sliding-active-options-end': (this.state & 8 /* SlidingState.End */) !== 0,
|
|
@@ -20109,13 +20109,13 @@ class Label {
|
|
|
20109
20109
|
render() {
|
|
20110
20110
|
const position = this.position;
|
|
20111
20111
|
const theme = getIonTheme(this);
|
|
20112
|
-
return (hAsync(Host, { key: '
|
|
20112
|
+
return (hAsync(Host, { key: '583b4ed56decb1f5ce39ea6f58fbaa6d4fde01a5', class: createColorClasses$1(this.color, {
|
|
20113
20113
|
[theme]: true,
|
|
20114
20114
|
'in-item-color': hostContext('ion-item.ion-color', this.el),
|
|
20115
20115
|
[`label-${position}`]: position !== undefined,
|
|
20116
20116
|
[`label-no-animate`]: this.noAnimate,
|
|
20117
20117
|
'label-rtl': document.dir === 'rtl',
|
|
20118
|
-
}) }, hAsync("slot", { key: '
|
|
20118
|
+
}) }, hAsync("slot", { key: '89467c7725dc79d73d51442cb5a233e244cef1b3' })));
|
|
20119
20119
|
}
|
|
20120
20120
|
get el() { return getElement(this); }
|
|
20121
20121
|
static get watchers() { return {
|
|
@@ -20239,10 +20239,10 @@ class ListHeader {
|
|
|
20239
20239
|
render() {
|
|
20240
20240
|
const { lines } = this;
|
|
20241
20241
|
const theme = getIonTheme(this);
|
|
20242
|
-
return (hAsync(Host, { key: '
|
|
20242
|
+
return (hAsync(Host, { key: '984b0c19c652d264ce1a9832777948a9b5b84326', class: createColorClasses$1(this.color, {
|
|
20243
20243
|
[theme]: true,
|
|
20244
20244
|
[`list-header-lines-${lines}`]: lines !== undefined,
|
|
20245
|
-
}) }, hAsync("div", { key: '
|
|
20245
|
+
}) }, hAsync("div", { key: '1bf4519d8aa94fe4b98c6f54aba74dbcbb52fab0', class: "list-header-inner" }, hAsync("slot", { key: '8d7fa8eca680fe3da8b8e4e01b3f885672c9c2bb' }))));
|
|
20246
20246
|
}
|
|
20247
20247
|
static get style() { return {
|
|
20248
20248
|
ionic: listHeaderIonicCss,
|
|
@@ -20531,9 +20531,9 @@ class Loading {
|
|
|
20531
20531
|
* Otherwise, don't set aria-labelledby.
|
|
20532
20532
|
*/
|
|
20533
20533
|
const ariaLabelledBy = message !== undefined ? msgId : null;
|
|
20534
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
20534
|
+
return (hAsync(Host, Object.assign({ key: '0c475f8e28e680e28e09317557795fc56e0835d8', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
|
|
20535
20535
|
zIndex: `${40000 + this.overlayIndex}`,
|
|
20536
|
-
}, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), hAsync("ion-backdrop", { key: '
|
|
20536
|
+
}, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), hAsync("ion-backdrop", { key: 'd7e88feb6df8edbc326a84d07b294618f7ce6adc', visible: this.showBackdrop, tappable: this.backdropDismiss }), hAsync("div", { key: 'f9622f45b2d9e913c325b228a1e6ed03cf2b98e8', tabindex: "0", "aria-hidden": "true" }), hAsync("div", { key: 'f4dfdce70c4515878b247d0cc116b5cec2cf79a4', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (hAsync("div", { key: '6d4475e00c444eb3d217813ae8cc1a02a97b969e', class: "loading-spinner" }, hAsync("ion-spinner", { key: 'd9ad8dd56ec7677c18d06936c1a1b21a0a6a87a8', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), hAsync("div", { key: 'bd3159e18f33ec25d3480d47ce33fa7dfd1f1460', tabindex: "0", "aria-hidden": "true" })));
|
|
20537
20537
|
}
|
|
20538
20538
|
get el() { return getElement(this); }
|
|
20539
20539
|
static get watchers() { return {
|
|
@@ -21590,14 +21590,14 @@ class Menu {
|
|
|
21590
21590
|
* the ionBackButton listener in the menu controller
|
|
21591
21591
|
* will handle closing the menu when Escape is pressed.
|
|
21592
21592
|
*/
|
|
21593
|
-
return (hAsync(Host, { key: '
|
|
21593
|
+
return (hAsync(Host, { key: '12bd2c4e9aa2f314ffc45d7f43290bd9910ca8b0', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
|
|
21594
21594
|
[theme]: true,
|
|
21595
21595
|
[`menu-type-${type}`]: true,
|
|
21596
21596
|
'menu-enabled': !disabled,
|
|
21597
21597
|
[`menu-side-${side}`]: true,
|
|
21598
21598
|
'menu-pane-visible': isPaneVisible,
|
|
21599
21599
|
'split-pane-side': hostContext('ion-split-pane', el),
|
|
21600
|
-
} }, hAsync("div", { key: '
|
|
21600
|
+
} }, hAsync("div", { key: 'd43e12f2502ae5da847eb0d2a70d0a3945733739', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, hAsync("slot", { key: '19977e6584bdbb5b01e6e0a4a7f4558087175b33' })), hAsync("ion-backdrop", { key: '22e79a7edca409248bd3637474d6783f1d7de1b3', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
|
|
21601
21601
|
}
|
|
21602
21602
|
get el() { return getElement(this); }
|
|
21603
21603
|
static get watchers() { return {
|
|
@@ -21723,7 +21723,7 @@ class MenuButton {
|
|
|
21723
21723
|
type: this.type,
|
|
21724
21724
|
};
|
|
21725
21725
|
const ariaLabel = inheritedAttributes['aria-label'] || 'menu';
|
|
21726
|
-
return (hAsync(Host, { key: '
|
|
21726
|
+
return (hAsync(Host, { key: '206b8482b58e7ee49ea89393a15e9cf30578297b', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: createColorClasses$1(color, {
|
|
21727
21727
|
[theme]: true,
|
|
21728
21728
|
button: true, // ion-buttons target .button
|
|
21729
21729
|
'menu-button-hidden': hidden,
|
|
@@ -21732,7 +21732,7 @@ class MenuButton {
|
|
|
21732
21732
|
'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
|
|
21733
21733
|
'ion-activatable': true,
|
|
21734
21734
|
'ion-focusable': true,
|
|
21735
|
-
}) }, hAsync("button", Object.assign({ key: '
|
|
21735
|
+
}) }, hAsync("button", Object.assign({ key: '33017f0cde4835383f65b82f24e088dc2cf46517' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), hAsync("span", { key: '63aadc2910f7fd7ae070fe108822c51441dd8ea5', class: "button-inner" }, hAsync("slot", { key: '6696b67329bdf6a0a7db0739d16717eb9ffc5f3b' }, hAsync("ion-icon", { key: '7f88dd0caa7003db810bce76189ecbaba9ff6317', part: "icon", icon: menuIcon, lazy: false, "aria-hidden": "true" }))), theme === 'md' && hAsync("ion-ripple-effect", { key: '1a2063529bb63cc055fb4bb7d1ad3032df2a74b4', type: "unbounded" }))));
|
|
21736
21736
|
}
|
|
21737
21737
|
get el() { return getElement(this); }
|
|
21738
21738
|
static get style() { return {
|
|
@@ -21789,10 +21789,10 @@ class MenuToggle {
|
|
|
21789
21789
|
render() {
|
|
21790
21790
|
const theme = getIonTheme(this);
|
|
21791
21791
|
const hidden = this.autoHide && !this.visible;
|
|
21792
|
-
return (hAsync(Host, { key: '
|
|
21792
|
+
return (hAsync(Host, { key: 'c3ddce789a90d720769919ebf854d05cc75f599e', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
|
|
21793
21793
|
[theme]: true,
|
|
21794
21794
|
'menu-toggle-hidden': hidden,
|
|
21795
|
-
} }, hAsync("slot", { key: '
|
|
21795
|
+
} }, hAsync("slot", { key: 'f1334ba9d20148b673a0b6185ab5ef92f448f720' })));
|
|
21796
21796
|
}
|
|
21797
21797
|
static get style() { return menuToggleCss; }
|
|
21798
21798
|
static get cmpMeta() { return {
|
|
@@ -24566,20 +24566,20 @@ class Modal {
|
|
|
24566
24566
|
const isHandleCycle = handleBehavior === 'cycle';
|
|
24567
24567
|
const shape = this.getShape();
|
|
24568
24568
|
const isSheetModalWithHandle = isSheetModal && showHandle;
|
|
24569
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
24569
|
+
return (hAsync(Host, Object.assign({ key: '8ced9dcdb4ec35817bc1ad5f4f0c1b56bf76c93f', "no-router": true,
|
|
24570
24570
|
// Allow the modal to be navigable when the handle is focusable
|
|
24571
24571
|
tabIndex: isHandleCycle && isSheetModalWithHandle ? 0 : -1 }, htmlAttributes, { style: {
|
|
24572
24572
|
zIndex: `${20000 + this.overlayIndex}`,
|
|
24573
|
-
}, class: Object.assign({ [theme]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, [`modal-${shape}`]: shape !== undefined, [`modal-no-expand-scroll`]: isSheetModal && !expandToScroll, 'overlay-hidden': true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle, onFocus: this.onModalFocus }), hAsync("ion-backdrop", { key: '
|
|
24573
|
+
}, class: Object.assign({ [theme]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, [`modal-${shape}`]: shape !== undefined, [`modal-no-expand-scroll`]: isSheetModal && !expandToScroll, 'overlay-hidden': true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle, onFocus: this.onModalFocus }), hAsync("ion-backdrop", { key: '952e76177128f7c5dcc9c9fe7792d73ec4c9c573', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), theme === 'ios' && hAsync("div", { key: '3be69826a33edae93d2276b88347f025f3b46d92', class: "modal-shadow" }), hAsync("div", Object.assign({ key: 'adeb46e4c78d08418f27277db8300706f1ce6d48',
|
|
24574
24574
|
/*
|
|
24575
24575
|
role and aria-modal must be used on the
|
|
24576
24576
|
same element. They must also be set inside the
|
|
24577
24577
|
shadow DOM otherwise ion-button will not be highlighted
|
|
24578
24578
|
when using VoiceOver: https://bugs.webkit.org/show_bug.cgi?id=247134
|
|
24579
24579
|
*/
|
|
24580
|
-
role: "dialog" }, inheritedAttributes, { "aria-modal": "true", class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (hAsync("button", { key: '
|
|
24580
|
+
role: "dialog" }, inheritedAttributes, { "aria-modal": "true", class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (hAsync("button", { key: '22ac19bef95f75b5b26147c6c41439690beb3849', class: "modal-handle",
|
|
24581
24581
|
// Prevents the handle from receiving keyboard focus when it does not cycle
|
|
24582
|
-
tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle", ref: (el) => (this.dragHandleEl = el) })), hAsync("slot", { key: '
|
|
24582
|
+
tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle", ref: (el) => (this.dragHandleEl = el) })), hAsync("slot", { key: '0039450fb7b0caa84f7a16c38e6db148cd9a5371', onSlotchange: this.onSlotChange }))));
|
|
24583
24583
|
}
|
|
24584
24584
|
get el() { return getElement(this); }
|
|
24585
24585
|
static get watchers() { return {
|
|
@@ -25534,7 +25534,7 @@ class Nav {
|
|
|
25534
25534
|
}
|
|
25535
25535
|
}
|
|
25536
25536
|
render() {
|
|
25537
|
-
return hAsync("slot", { key: '
|
|
25537
|
+
return hAsync("slot", { key: 'd6dd0b1e0ba59381a139f4a49de3eb8351fa87a4' });
|
|
25538
25538
|
}
|
|
25539
25539
|
get el() { return getElement(this); }
|
|
25540
25540
|
static get watchers() { return {
|
|
@@ -25611,7 +25611,7 @@ class NavLink {
|
|
|
25611
25611
|
};
|
|
25612
25612
|
}
|
|
25613
25613
|
render() {
|
|
25614
|
-
return hAsync(Host, { key: '
|
|
25614
|
+
return hAsync(Host, { key: '61246716bdf9556db90e07680bc1a289f9658d5c', onClick: this.onClick });
|
|
25615
25615
|
}
|
|
25616
25616
|
get el() { return getElement(this); }
|
|
25617
25617
|
static get cmpMeta() { return {
|
|
@@ -25645,9 +25645,9 @@ class Note {
|
|
|
25645
25645
|
}
|
|
25646
25646
|
render() {
|
|
25647
25647
|
const theme = getIonTheme(this);
|
|
25648
|
-
return (hAsync(Host, { key: '
|
|
25648
|
+
return (hAsync(Host, { key: 'a8470df6b8fb8ca327a282fc23705bc230f13a40', class: createColorClasses$1(this.color, {
|
|
25649
25649
|
[theme]: true,
|
|
25650
|
-
}) }, hAsync("slot", { key: '
|
|
25650
|
+
}) }, hAsync("slot", { key: '07cbdef68f010b06638f359f70dff3f1d659d899' })));
|
|
25651
25651
|
}
|
|
25652
25652
|
static get style() { return {
|
|
25653
25653
|
ionic: ionicNoteMdCss,
|
|
@@ -26413,11 +26413,11 @@ class Picker {
|
|
|
26413
26413
|
render() {
|
|
26414
26414
|
const { htmlAttributes } = this;
|
|
26415
26415
|
const theme = getIonTheme(this);
|
|
26416
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
26416
|
+
return (hAsync(Host, Object.assign({ key: 'efcc823fad9cb37c1379bef4f4b84c6461f3a3a6', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
|
|
26417
26417
|
zIndex: `${20000 + this.overlayIndex}`,
|
|
26418
26418
|
}, class: Object.assign({ [theme]: true,
|
|
26419
26419
|
// Used internally for styling
|
|
26420
|
-
[`picker-${theme}`]: true, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), hAsync("ion-backdrop", { key: '
|
|
26420
|
+
[`picker-${theme}`]: true, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), hAsync("ion-backdrop", { key: '3f44bf34e039210ae149c590c393ee9f7fb85da0', visible: this.showBackdrop, tappable: this.backdropDismiss }), hAsync("div", { key: 'c2a51a89c525b1a22cbc8583cd30f41c3c356d4f', tabindex: "0", "aria-hidden": "true" }), hAsync("div", { key: '23837ffe309d0aad9b8ea09d7ac94d21040ef0d7', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, hAsync("div", { key: '91ba7e553d570768142715ded4bcc27fceedbce4', class: "picker-toolbar" }, this.buttons.map((b) => (hAsync("div", { class: buttonWrapperClass(b) }, hAsync("button", { type: "button", onClick: () => this.buttonClick(b), class: buttonClass$1(b) }, b.text))))), hAsync("div", { key: '22661cafeb555f1435ec1e0a122404a48136095b', class: "picker-columns" }, hAsync("div", { key: '5f3db32468b8c60f63c70d81a27b18cce6f2e259', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => hAsync("ion-picker-legacy-column", { col: c })), hAsync("div", { key: '1bae6b170125b1671a480506ba73636b42b65909', class: "picker-below-highlight" }))), hAsync("div", { key: '91beb94ce537122fbd6cd0c2bd3c00f908d0fefe', tabindex: "0", "aria-hidden": "true" })));
|
|
26421
26421
|
}
|
|
26422
26422
|
get el() { return getElement(this); }
|
|
26423
26423
|
static get watchers() { return {
|
|
@@ -27387,9 +27387,9 @@ class PickerColumnCmp {
|
|
|
27387
27387
|
render() {
|
|
27388
27388
|
const col = this.col;
|
|
27389
27389
|
const theme = getIonTheme(this);
|
|
27390
|
-
return (hAsync(Host, { key: '
|
|
27390
|
+
return (hAsync(Host, { key: '66a5b7f51aa1ee343dbad3830e03933dbdab27ed', class: Object.assign({ [theme]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, getClassMap(col.cssClass)), style: {
|
|
27391
27391
|
'max-width': this.col.columnWidth,
|
|
27392
|
-
} }, col.prefix && (hAsync("div", { key: '
|
|
27392
|
+
} }, col.prefix && (hAsync("div", { key: '19a170752bacdabd50c719f6d1aa9e58a2bd830b', class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), hAsync("div", { key: '871671f796aa6a1f78e07ab2599d94b5fd8cd0bf', class: "picker-opts", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index) => (hAsync("button", { "aria-label": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, "opt-index": index }, o.text)))), col.suffix && (hAsync("div", { key: '89792e1dc75a4359a4706a8fd1846fe29b866173', class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
|
|
27393
27393
|
}
|
|
27394
27394
|
get el() { return getElement(this); }
|
|
27395
27395
|
static get watchers() { return {
|
|
@@ -27512,10 +27512,10 @@ class PickerColumnOption {
|
|
|
27512
27512
|
render() {
|
|
27513
27513
|
const { color, disabled, ariaLabel } = this;
|
|
27514
27514
|
const theme = getIonTheme(this);
|
|
27515
|
-
return (hAsync(Host, { key: '
|
|
27515
|
+
return (hAsync(Host, { key: '9ceebae71b6df0b01f36691d82d716f6756625d9', class: createColorClasses$1(color, {
|
|
27516
27516
|
[theme]: true,
|
|
27517
27517
|
['option-disabled']: disabled,
|
|
27518
|
-
}) }, hAsync("div", { key: '
|
|
27518
|
+
}) }, hAsync("div", { key: '1f26246d601779dadfaf055d195e2a4959180f5a', class: 'picker-column-option-button', role: "button", "aria-label": ariaLabel, onClick: () => this.onClick() }, hAsync("slot", { key: 'eed413474a8b7ec7a73da27fa72a2d0a9a2aae2b' }))));
|
|
27519
27519
|
}
|
|
27520
27520
|
get el() { return getElement(this); }
|
|
27521
27521
|
static get watchers() { return {
|
|
@@ -28926,9 +28926,9 @@ class Popover {
|
|
|
28926
28926
|
const { onLifecycle, parentPopover, dismissOnSelect, side, arrow, htmlAttributes, focusTrap } = this;
|
|
28927
28927
|
const desktop = isPlatform('desktop');
|
|
28928
28928
|
const enableArrow = arrow && !parentPopover;
|
|
28929
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
28929
|
+
return (hAsync(Host, Object.assign({ key: 'd8cac78e3fda5731eb8a3532ce83a711190a0f1d', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
|
|
28930
28930
|
zIndex: `${20000 + this.overlayIndex}`,
|
|
28931
|
-
}, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && hAsync("ion-backdrop", { key: '
|
|
28931
|
+
}, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && hAsync("ion-backdrop", { key: 'ec62e04664d67c7ef9c43bb77e5baa517ab88e7f', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), hAsync("div", { key: '1da57db158ecd1f6260369d44f2db5b0791ecd3a', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && hAsync("div", { key: '22966b014e1a5ff24963dff94cad281200a3b334', class: "popover-arrow", part: "arrow" }), hAsync("div", { key: 'a2b960c96a54c06807e07edc2579b5d459e5d108', class: "popover-content", part: "content" }, hAsync("slot", { key: 'bae331e17437df55a77db538a693ef459f11e78a' })))));
|
|
28932
28932
|
}
|
|
28933
28933
|
get el() { return getElement(this); }
|
|
28934
28934
|
static get watchers() { return {
|
|
@@ -29050,7 +29050,7 @@ class ProgressBar {
|
|
|
29050
29050
|
const shape = this.getShape();
|
|
29051
29051
|
// If the progress is displayed as a solid bar.
|
|
29052
29052
|
const progressSolid = buffer === 1;
|
|
29053
|
-
return (hAsync(Host, { key: '
|
|
29053
|
+
return (hAsync(Host, { key: '9adef68c31bdf39d48199e01587f8d5295d4c6af', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: createColorClasses$1(color, {
|
|
29054
29054
|
[theme]: true,
|
|
29055
29055
|
[`progress-bar-${type}`]: true,
|
|
29056
29056
|
'progress-paused': paused,
|
|
@@ -29241,7 +29241,7 @@ class Radio {
|
|
|
29241
29241
|
const { checked, disabled, color, el, justify, labelPlacement, hasLabel, buttonTabindex, alignment } = this;
|
|
29242
29242
|
const theme = getIonTheme(this);
|
|
29243
29243
|
const inItem = hostContext('ion-item', el);
|
|
29244
|
-
return (hAsync(Host, { key: '
|
|
29244
|
+
return (hAsync(Host, { key: '7ac17b6d0b96104b5baba1bb8c28c37f30005fdd', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: createColorClasses$1(color, {
|
|
29245
29245
|
[theme]: true,
|
|
29246
29246
|
'in-item': inItem,
|
|
29247
29247
|
'radio-checked': checked,
|
|
@@ -29252,10 +29252,10 @@ class Radio {
|
|
|
29252
29252
|
// Focus and active styling should not apply when the radio is in an item
|
|
29253
29253
|
'ion-activatable': !inItem,
|
|
29254
29254
|
'ion-focusable': !inItem,
|
|
29255
|
-
}), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, hAsync("label", { key: '
|
|
29255
|
+
}), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, hAsync("label", { key: '41305f13b3025e3876236097131beb7ef8a40515', class: "radio-wrapper" }, hAsync("div", { key: '603d3ac36c227995a3b9f5bd6fa1ec4de4fa304a', class: {
|
|
29256
29256
|
'label-text-wrapper': true,
|
|
29257
29257
|
'label-text-wrapper-hidden': !hasLabel,
|
|
29258
|
-
}, part: "label" }, hAsync("slot", { key: '
|
|
29258
|
+
}, part: "label" }, hAsync("slot", { key: '838d3a84c3ce2aaa31e61ce2b82c6a23818b0908' })), hAsync("div", { key: '3d4ac72bbf52e04a2500782223baac24784f361e', class: "native-wrapper" }, this.renderRadioControl()))));
|
|
29259
29259
|
}
|
|
29260
29260
|
get el() { return getElement(this); }
|
|
29261
29261
|
static get watchers() { return {
|
|
@@ -29289,11 +29289,11 @@ class Radio {
|
|
|
29289
29289
|
}
|
|
29290
29290
|
let radioButtonIds = 0;
|
|
29291
29291
|
|
|
29292
|
-
const radioGroupIonicCss = "
|
|
29292
|
+
const radioGroupIonicCss = "ion-radio-group{vertical-align:top}.radio-group-top .error-text{display:none}.radio-group-top .helper-text{display:block}.ion-touched.ion-invalid .radio-group-top .error-text{display:block}.ion-touched.ion-invalid .radio-group-top .helper-text{display:none}.radio-group-top{font-size:var(--token-font-size-300, 12px);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-500, var(--token-scale-500, 20px));text-decoration:none;text-transform:none;margin-bottom:var(--token-space-400, var(--token-scale-400, 16px))}.radio-group-top .error-text{color:var(--token-text-danger, var(--token-semantics-danger-900, var(--token-primitives-red-900, #991b1b)))}.radio-group-top .helper-text{color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262))}ion-list .radio-group-top{padding-right:var(--token-space-400, var(--token-scale-400, 16px));padding-left:calc(var(--token-space-400, var(--token-scale-400, 16px)) + var(--ion-safe-area-left, 0px));}:host-context([dir=rtl]) ion-list .radio-group-top{padding-right:calc(var(--token-space-400, var(--token-scale-400, 16px)) + var(--ion-safe-area-right, 0px));padding-left:var(--token-space-400, var(--token-scale-400, 16px))}[dir=rtl] ion-list .radio-group-top{padding-right:calc(var(--token-space-400, var(--token-scale-400, 16px)) + var(--ion-safe-area-right, 0px));padding-left:var(--token-space-400, var(--token-scale-400, 16px))}@supports selector(:dir(rtl)){ion-list .radio-group-top:dir(rtl){padding-right:calc(var(--token-space-400, var(--token-scale-400, 16px)) + var(--ion-safe-area-right, 0px));padding-left:var(--token-space-400, var(--token-scale-400, 16px))}}";
|
|
29293
29293
|
|
|
29294
|
-
const radioGroupIosCss = "
|
|
29294
|
+
const radioGroupIosCss = "ion-radio-group{vertical-align:top}.radio-group-top .error-text{display:none}.radio-group-top .helper-text{display:block}.ion-touched.ion-invalid .radio-group-top .error-text{display:block}.ion-touched.ion-invalid .radio-group-top .helper-text{display:none}.radio-group-wrapper{display:inline}.radio-group-top{line-height:1.5}.radio-group-top .error-text{color:var(--ion-color-danger, #c5000f)}.radio-group-top .helper-text{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}ion-list .radio-group-top{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px}";
|
|
29295
29295
|
|
|
29296
|
-
const radioGroupMdCss = "
|
|
29296
|
+
const radioGroupMdCss = "ion-radio-group{vertical-align:top}.radio-group-top .error-text{display:none}.radio-group-top .helper-text{display:block}.ion-touched.ion-invalid .radio-group-top .error-text{display:block}.ion-touched.ion-invalid .radio-group-top .helper-text{display:none}.radio-group-wrapper{display:inline}.radio-group-top{line-height:1.5}.radio-group-top .error-text{color:var(--ion-color-danger, #c5000f)}.radio-group-top .helper-text{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}ion-list .radio-group-top{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px}";
|
|
29297
29297
|
|
|
29298
29298
|
/**
|
|
29299
29299
|
* @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
|
|
@@ -29485,7 +29485,7 @@ class RadioGroup {
|
|
|
29485
29485
|
if (!hasHintText) {
|
|
29486
29486
|
return;
|
|
29487
29487
|
}
|
|
29488
|
-
return (hAsync("div", { class: "radio-group-top"
|
|
29488
|
+
return (hAsync("div", { class: "radio-group-top" }, hAsync("div", { id: helperTextId, class: "helper-text", "aria-live": "polite" }, !isInvalid ? helperText : null), hAsync("div", { id: errorTextId, class: "error-text", role: "alert" }, isInvalid ? errorText : null)));
|
|
29489
29489
|
}
|
|
29490
29490
|
getHintTextId() {
|
|
29491
29491
|
const { helperText, errorText, helperTextId, errorTextId, isInvalid } = this;
|
|
@@ -29501,9 +29501,9 @@ class RadioGroup {
|
|
|
29501
29501
|
const { label, labelId, el, name, value } = this;
|
|
29502
29502
|
const theme = getIonTheme(this);
|
|
29503
29503
|
renderHiddenInput(true, el, name, value, false);
|
|
29504
|
-
return (hAsync(Host, { key: '
|
|
29504
|
+
return (hAsync(Host, { key: '61befc92b686c561be1a4cc350cd02bab9c802e4', class: {
|
|
29505
29505
|
[theme]: true,
|
|
29506
|
-
}, role: "radiogroup", "aria-labelledby": label ? labelId : null, "aria-describedby": this.hintTextId, "aria-invalid": this.isInvalid ? 'true' : undefined, onClick: this.onClick }, this.renderHintText(), hAsync("slot", { key: '
|
|
29506
|
+
}, role: "radiogroup", "aria-labelledby": label ? labelId : null, "aria-describedby": this.hintTextId, "aria-invalid": this.isInvalid ? 'true' : undefined, onClick: this.onClick }, this.renderHintText(), hAsync("div", { key: '4f09341fb3d8d3ac14e1ab82841f099a9dab9435', class: "radio-group-wrapper" }, hAsync("slot", { key: '4317ba35d152faa7ddabd7770a6cd3592dee4514' }))));
|
|
29507
29507
|
}
|
|
29508
29508
|
get el() { return getElement(this); }
|
|
29509
29509
|
static get watchers() { return {
|
|
@@ -29515,7 +29515,7 @@ class RadioGroup {
|
|
|
29515
29515
|
md: radioGroupMdCss
|
|
29516
29516
|
}; }
|
|
29517
29517
|
static get cmpMeta() { return {
|
|
29518
|
-
"$flags$":
|
|
29518
|
+
"$flags$": 292,
|
|
29519
29519
|
"$tagName$": "ion-radio-group",
|
|
29520
29520
|
"$members$": {
|
|
29521
29521
|
"allowEmptySelection": [4, "allow-empty-selection"],
|
|
@@ -30267,7 +30267,7 @@ class Range {
|
|
|
30267
30267
|
const needsEndAdjustment = inItem && !hasEndContent;
|
|
30268
30268
|
const theme = getIonTheme(this);
|
|
30269
30269
|
renderHiddenInput(true, el, this.name, JSON.stringify(this.getValue()), disabled);
|
|
30270
|
-
return (hAsync(Host, { key: '
|
|
30270
|
+
return (hAsync(Host, { key: 'abffed8811679954ae1ccded14b09c1070aec868', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: createColorClasses$1(this.color, {
|
|
30271
30271
|
[theme]: true,
|
|
30272
30272
|
'in-item': inItem,
|
|
30273
30273
|
'range-disabled': disabled,
|
|
@@ -30276,10 +30276,10 @@ class Range {
|
|
|
30276
30276
|
[`range-label-placement-${labelPlacement}`]: true,
|
|
30277
30277
|
'range-item-start-adjustment': needsStartAdjustment,
|
|
30278
30278
|
'range-item-end-adjustment': needsEndAdjustment,
|
|
30279
|
-
}) }, hAsync("label", { key: '
|
|
30279
|
+
}) }, hAsync("label", { key: '4296d7310d335ba9783d96e982159e8563a3ea35', class: "range-wrapper", id: "range-label" }, hAsync("div", { key: '8087acc009ee1287f0ddd483669cd6284ff84004', class: {
|
|
30280
30280
|
'label-text-wrapper': true,
|
|
30281
30281
|
'label-text-wrapper-hidden': !hasLabel,
|
|
30282
|
-
}, part: "label" }, label !== undefined ? hAsync("div", { class: "label-text" }, label) : hAsync("slot", { name: "label" })), hAsync("div", { key: '
|
|
30282
|
+
}, part: "label" }, label !== undefined ? hAsync("div", { class: "label-text" }, label) : hAsync("slot", { name: "label" })), hAsync("div", { key: 'fa1207cbb99ccb9a9cc60c2409977c1b925476b0', class: "native-wrapper" }, hAsync("slot", { key: 'fdbe6f0c142f3511e1b526f6d4df195c105660c5', name: "start" }), this.renderRangeSlider(), hAsync("slot", { key: '3f03f148fbd461a7a87c8f2da5e5cba37213ef30', name: "end" })))));
|
|
30283
30283
|
}
|
|
30284
30284
|
get el() { return getElement(this); }
|
|
30285
30285
|
static get watchers() { return {
|
|
@@ -31250,7 +31250,7 @@ class Refresher {
|
|
|
31250
31250
|
}
|
|
31251
31251
|
render() {
|
|
31252
31252
|
const theme = getIonTheme(this);
|
|
31253
|
-
return (hAsync(Host, { key: '
|
|
31253
|
+
return (hAsync(Host, { key: 'fdf580e687c1cd7c507a7357ea87a03270ff9f0b', slot: "fixed", class: {
|
|
31254
31254
|
[theme]: true,
|
|
31255
31255
|
// Used internally for styling
|
|
31256
31256
|
[`refresher-${theme}`]: true,
|
|
@@ -31487,9 +31487,9 @@ class RefresherContent {
|
|
|
31487
31487
|
const hasSpinner = pullingIcon != null && SPINNERS[pullingIcon] !== undefined;
|
|
31488
31488
|
const theme = getIonTheme(this);
|
|
31489
31489
|
const arrowIcon = theme === 'ionic' ? caretLeftFillSvg : caretBackSharp;
|
|
31490
|
-
return (hAsync(Host, { key: '
|
|
31490
|
+
return (hAsync(Host, { key: '3a3a3fb44f8397bb8e5019b51254ada8c26ae371', class: {
|
|
31491
31491
|
[theme]: true,
|
|
31492
|
-
} }, hAsync("div", { key: '
|
|
31492
|
+
} }, hAsync("div", { key: '3e63966e8c2b262b1f9d4a5545dbdd00e97a4c68', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (hAsync("div", { key: 'd4c8fa7151cee666520a40050c58f6e8201b14a5', class: "refresher-pulling-icon" }, hAsync("div", { key: '2f45a17fe5fe51e81e2d7bd580fd60ce754c5989', class: "spinner-arrow-container" }, hAsync("ion-spinner", { key: '210cd5f152453a283dbc579f545c683e3af84ea3', name: this.pullingIcon, paused: true }), (theme === 'md' || theme === 'ionic') && this.pullingIcon === 'circular' && (hAsync("div", { key: '060c8d531e90478121113f59989ac29809f48947', class: "arrow-container" }, hAsync("ion-icon", { key: '7c30ddd2c1a6e2274e7d57f792733017c663197b', icon: arrowIcon, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (hAsync("div", { key: '3dee253d56c871195dcd59eaedc2b867ac578319', class: "refresher-pulling-icon" }, hAsync("ion-icon", { key: '46b859328da272449f316ea8f68f3c3dd545c2e7', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), hAsync("div", { key: '56660f9f6cff1006c5552df3a9430124689d42cb', class: "refresher-refreshing" }, this.refreshingSpinner && (hAsync("div", { key: 'e8232281f251e5d0d22972fa8e38176edc3d9e5d', class: "refresher-refreshing-icon" }, hAsync("ion-spinner", { key: '70f42df444c4669f393137f218ba9d635f76a26c', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
|
|
31493
31493
|
}
|
|
31494
31494
|
get el() { return getElement(this); }
|
|
31495
31495
|
static get style() { return {
|
|
@@ -31558,9 +31558,9 @@ class Reorder {
|
|
|
31558
31558
|
render() {
|
|
31559
31559
|
const { reorderHandleIcon } = this;
|
|
31560
31560
|
const theme = getIonTheme(this);
|
|
31561
|
-
return (hAsync(Host, { key: '
|
|
31561
|
+
return (hAsync(Host, { key: 'ba59a095c200b70c6d847dc7362d52b315dc853a', class: {
|
|
31562
31562
|
[theme]: true,
|
|
31563
|
-
} }, hAsync("slot", { key: '
|
|
31563
|
+
} }, hAsync("slot", { key: '79be263f78cc21c9c4f91326e557e65849ab1e51' }, hAsync("ion-icon", { key: '6e5c47c8bbd33f5cd405a5fd531831cb87c8e57e', icon: reorderHandleIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
|
|
31564
31564
|
}
|
|
31565
31565
|
get el() { return getElement(this); }
|
|
31566
31566
|
static get style() { return {
|
|
@@ -31836,7 +31836,7 @@ class ReorderGroup {
|
|
|
31836
31836
|
}
|
|
31837
31837
|
render() {
|
|
31838
31838
|
const theme = getIonTheme(this);
|
|
31839
|
-
return (hAsync(Host, { key: '
|
|
31839
|
+
return (hAsync(Host, { key: 'df12858536c409c76552fe79b88827b3c4a5d9c5', class: {
|
|
31840
31840
|
[theme]: true,
|
|
31841
31841
|
'reorder-enabled': !this.disabled,
|
|
31842
31842
|
'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,
|
|
@@ -31960,7 +31960,7 @@ class RippleEffect {
|
|
|
31960
31960
|
}
|
|
31961
31961
|
render() {
|
|
31962
31962
|
const theme = getIonTheme(this);
|
|
31963
|
-
return (hAsync(Host, { key: '
|
|
31963
|
+
return (hAsync(Host, { key: '502ce1841747f255dfab542914bebd0d0f4ae9bd', role: "presentation", class: {
|
|
31964
31964
|
[theme]: true,
|
|
31965
31965
|
unbounded: this.unbounded,
|
|
31966
31966
|
} }));
|
|
@@ -32935,10 +32935,10 @@ class RouterLink {
|
|
|
32935
32935
|
rel: this.rel,
|
|
32936
32936
|
target: this.target,
|
|
32937
32937
|
};
|
|
32938
|
-
return (hAsync(Host, { key: '
|
|
32938
|
+
return (hAsync(Host, { key: '518b86cf40eb95e03f75a20ff44fff804ac8ec4d', onClick: this.onClick, class: createColorClasses$1(this.color, {
|
|
32939
32939
|
[theme]: true,
|
|
32940
32940
|
'ion-activatable': true,
|
|
32941
|
-
}) }, hAsync("a", Object.assign({ key: '
|
|
32941
|
+
}) }, hAsync("a", Object.assign({ key: 'dbf3cc12752b4fa2d3873723a8ea5a30b053d261' }, attrs), hAsync("slot", { key: '9614e46a8d35201937f1f9a39b88f71b78efa7a0' }))));
|
|
32942
32942
|
}
|
|
32943
32943
|
static get style() { return routerLinkCss; }
|
|
32944
32944
|
static get cmpMeta() { return {
|
|
@@ -33138,7 +33138,7 @@ class RouterOutlet {
|
|
|
33138
33138
|
return true;
|
|
33139
33139
|
}
|
|
33140
33140
|
render() {
|
|
33141
|
-
return hAsync("slot", { key: '
|
|
33141
|
+
return hAsync("slot", { key: '3f107f085a977b4d27c7266771a9564e3219f736' });
|
|
33142
33142
|
}
|
|
33143
33143
|
get el() { return getElement(this); }
|
|
33144
33144
|
static get watchers() { return {
|
|
@@ -33176,9 +33176,9 @@ class Row {
|
|
|
33176
33176
|
}
|
|
33177
33177
|
render() {
|
|
33178
33178
|
const theme = getIonTheme(this);
|
|
33179
|
-
return (hAsync(Host, { key: '
|
|
33179
|
+
return (hAsync(Host, { key: '6f5dd5032485a69ddf9510e2e539a7ba90afda47', class: {
|
|
33180
33180
|
[theme]: true,
|
|
33181
|
-
} }, hAsync("slot", { key: '
|
|
33181
|
+
} }, hAsync("slot", { key: '994dcbbc871d606b61ff5993fb29aa1fa349c483' })));
|
|
33182
33182
|
}
|
|
33183
33183
|
static get style() { return rowCss; }
|
|
33184
33184
|
static get cmpMeta() { return {
|
|
@@ -33726,8 +33726,8 @@ class Searchbar {
|
|
|
33726
33726
|
const shouldShowCancelButton = this.shouldShowCancelButton();
|
|
33727
33727
|
const shape = this.getShape();
|
|
33728
33728
|
const size = this.getSize();
|
|
33729
|
-
const cancelButton = this.showCancelButton !== 'never' && (hAsync("button", { key: '
|
|
33730
|
-
return (hAsync(Host, { key: '
|
|
33729
|
+
const cancelButton = this.showCancelButton !== 'never' && (hAsync("button", { key: '3f7daa2a4ec57132e8baf591542569338e7ec9c8', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, hAsync("div", { key: 'f214142fec5644d91eae82644558e6b817094957', "aria-hidden": "true" }, theme === 'md' || theme === 'ionic' ? (hAsync("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
|
|
33730
|
+
return (hAsync(Host, { key: '47e075305f28373fffab3e006ab4014da6dfb0c8', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses$1(this.color, {
|
|
33731
33731
|
[theme]: true,
|
|
33732
33732
|
'searchbar-animated': animated,
|
|
33733
33733
|
'searchbar-disabled': this.disabled,
|
|
@@ -33741,14 +33741,14 @@ class Searchbar {
|
|
|
33741
33741
|
[`searchbar-shape-${shape}`]: shape !== undefined,
|
|
33742
33742
|
[`searchbar-size-${size}`]: size !== undefined,
|
|
33743
33743
|
'in-toolbar': hostContext('ion-toolbar', this.el),
|
|
33744
|
-
}) }, hAsync("div", { key: '
|
|
33744
|
+
}) }, hAsync("div", { key: '14b271ab3eebf1b651a8cfd758c7880b548bb98d', class: "searchbar-input-container" }, hAsync("input", Object.assign({ key: 'f84a9435002eba2084ce0269fa3c926b7c03209d', "aria-label": "search text", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: autocapitalize === 'default' ? undefined : autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), (theme === 'md' || theme === 'ionic') && cancelButton, this.shouldShowSearchIcon() && (hAsync("ion-icon", { key: 'e1c7a66dba99591b0e3df5966acd027a561ee0ca', "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" })), this.shouldShowClearButton() && (hAsync("button", { key: 'bf55ac02128e22f9d303e75b9289c251bd582cdd', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
|
|
33745
33745
|
/**
|
|
33746
33746
|
* This prevents mobile browsers from
|
|
33747
33747
|
* blurring the input when the clear
|
|
33748
33748
|
* button is activated.
|
|
33749
33749
|
*/
|
|
33750
33750
|
ev.preventDefault();
|
|
33751
|
-
}, onClick: () => this.onClearInput(true) }, hAsync("ion-icon", { key: '
|
|
33751
|
+
}, onClick: () => this.onClearInput(true) }, hAsync("ion-icon", { key: '1ce87193499ccb682ad115a64cc5579e9bb586c9', "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, class: "searchbar-clear-icon" })))), theme === 'ios' && cancelButton));
|
|
33752
33752
|
}
|
|
33753
33753
|
get el() { return getElement(this); }
|
|
33754
33754
|
static get watchers() { return {
|
|
@@ -34349,14 +34349,14 @@ class Segment {
|
|
|
34349
34349
|
}
|
|
34350
34350
|
render() {
|
|
34351
34351
|
const theme = getIonTheme(this);
|
|
34352
|
-
return (hAsync(Host, { key: '
|
|
34352
|
+
return (hAsync(Host, { key: '578d4eb20a89742c8c3cb3109fe62a5fdf87b089', role: "tablist", onClick: this.onClick, class: createColorClasses$1(this.color, {
|
|
34353
34353
|
[theme]: true,
|
|
34354
34354
|
'in-toolbar': hostContext('ion-toolbar', this.el),
|
|
34355
34355
|
'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
|
|
34356
34356
|
'segment-activated': this.activated,
|
|
34357
34357
|
'segment-disabled': this.disabled,
|
|
34358
34358
|
'segment-scrollable': this.scrollable,
|
|
34359
|
-
}) }, hAsync("slot", { key: '
|
|
34359
|
+
}) }, hAsync("slot", { key: '4b9999c95622773aea0c1bf3d1ab9dc650efb5eb', onSlotchange: this.onSlottedItemsChange })));
|
|
34360
34360
|
}
|
|
34361
34361
|
get el() { return getElement(this); }
|
|
34362
34362
|
static get watchers() { return {
|
|
@@ -34500,7 +34500,7 @@ class SegmentButton {
|
|
|
34500
34500
|
const { checked, type, disabled, hasIcon, hasLabel, layout, segmentEl } = this;
|
|
34501
34501
|
const theme = getIonTheme(this);
|
|
34502
34502
|
const hasSegmentColor = () => (segmentEl === null || segmentEl === void 0 ? void 0 : segmentEl.color) !== undefined;
|
|
34503
|
-
return (hAsync(Host, { key: '
|
|
34503
|
+
return (hAsync(Host, { key: '75eeffd15e3581c15f48a0b12cbf5a4229b087d6', class: {
|
|
34504
34504
|
[theme]: true,
|
|
34505
34505
|
'in-toolbar': hostContext('ion-toolbar', this.el),
|
|
34506
34506
|
'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
|
|
@@ -34516,7 +34516,7 @@ class SegmentButton {
|
|
|
34516
34516
|
'ion-activatable': true,
|
|
34517
34517
|
'ion-activatable-instant': true,
|
|
34518
34518
|
'ion-focusable': true,
|
|
34519
|
-
} }, hAsync("button", Object.assign({ key: '
|
|
34519
|
+
} }, hAsync("button", Object.assign({ key: '701fd86647377f744d91eb92427c73583d229253', "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), hAsync("span", { key: '63634d3e500312c847194551996a2897610e0cc7', class: "button-inner" }, hAsync("slot", { key: '89963e233c9a7ea84b7262ab84db6edbe76ee95e' })), theme === 'md' && hAsync("ion-ripple-effect", { key: '9d766c3d48c0b2ba50ab03f2279ccf710973bbba' })), hAsync("div", { key: 'a70f2d1a57cca4e04b00b36a6b47eb93ef4cb26e', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, hAsync("div", { key: 'aff9931755a1f643147bf0e7d2be29b35d8f9d41', part: "indicator-background", class: "segment-button-indicator-background" }))));
|
|
34520
34520
|
}
|
|
34521
34521
|
get el() { return getElement(this); }
|
|
34522
34522
|
static get watchers() { return {
|
|
@@ -34552,7 +34552,7 @@ class SegmentContent {
|
|
|
34552
34552
|
registerInstance(this, hostRef);
|
|
34553
34553
|
}
|
|
34554
34554
|
render() {
|
|
34555
|
-
return (hAsync(Host, { key: '
|
|
34555
|
+
return (hAsync(Host, { key: '81cc29460a17c32592fbf9fca6242f4bb1738aa6' }, hAsync("slot", { key: '4f718420caf11c6672642fcf1a1bdb7f48d6cdfc' })));
|
|
34556
34556
|
}
|
|
34557
34557
|
static get style() { return segmentContentCss; }
|
|
34558
34558
|
static get cmpMeta() { return {
|
|
@@ -34669,10 +34669,10 @@ class SegmentView {
|
|
|
34669
34669
|
}
|
|
34670
34670
|
render() {
|
|
34671
34671
|
const { disabled, isManualScroll } = this;
|
|
34672
|
-
return (hAsync(Host, { key: '
|
|
34672
|
+
return (hAsync(Host, { key: 'caf57037127fff688f45edd7c27018fc1d8cc689', class: {
|
|
34673
34673
|
'segment-view-disabled': disabled,
|
|
34674
34674
|
'segment-view-scroll-disabled': isManualScroll === false,
|
|
34675
|
-
} }, hAsync("slot", { key: '
|
|
34675
|
+
} }, hAsync("slot", { key: 'f93d19747ed3f04ee5a966412f62f2900ee45480' })));
|
|
34676
34676
|
}
|
|
34677
34677
|
get el() { return getElement(this); }
|
|
34678
34678
|
static get style() { return {
|
|
@@ -35506,7 +35506,7 @@ class Select {
|
|
|
35506
35506
|
* TODO(FW-5592): Remove hasStartEndSlots condition
|
|
35507
35507
|
*/
|
|
35508
35508
|
const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
|
|
35509
|
-
return (hAsync(Host, { key: '
|
|
35509
|
+
return (hAsync(Host, { key: 'f7cd507ad8d9a480ed2f48237a63def44fb5cfbe', onClick: this.onClick, class: createColorClasses$1(this.color, {
|
|
35510
35510
|
[theme]: true,
|
|
35511
35511
|
'in-item': inItem,
|
|
35512
35512
|
'in-item-color': hostContext('ion-item.ion-color', el),
|
|
@@ -35525,7 +35525,7 @@ class Select {
|
|
|
35525
35525
|
[`select-shape-${shape}`]: shape !== undefined,
|
|
35526
35526
|
[`select-label-placement-${labelPlacement}`]: true,
|
|
35527
35527
|
[`select-size-${size}`]: size !== undefined,
|
|
35528
|
-
}) }, hAsync("label", { key: '
|
|
35528
|
+
}) }, hAsync("label", { key: '773c355e02fad6946eb0515b517c7e33308d9d36', class: "select-wrapper", id: "select-label", onClick: this.onLabelClick }, this.renderLabelContainer(), hAsync("div", { key: 'ff3d179c5e2944c61a3096214f1530317571623f', class: "select-wrapper-inner" },
|
|
35529
35529
|
/**
|
|
35530
35530
|
* For the ionic theme, we render the outline container here
|
|
35531
35531
|
* instead of higher up, so it can be positioned relative to
|
|
@@ -35535,7 +35535,7 @@ class Select {
|
|
|
35535
35535
|
* <label> element, ensuring that clicking the label text
|
|
35536
35536
|
* focuses the select.
|
|
35537
35537
|
*/
|
|
35538
|
-
theme === 'ionic' && fill === 'outline' && hAsync("div", { key: '
|
|
35538
|
+
theme === 'ionic' && fill === 'outline' && hAsync("div", { key: '7830f405008ed239d439fa2cdb631c956b94b09f', class: "select-outline" }), hAsync("slot", { key: '9bb2454c635cff619fde5cd09a87fc3bc279e063', name: "start" }), hAsync("div", { key: '8238a804b15f9a14152aed0296ede7340ebcb293', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), hAsync("slot", { key: 'f69bcdea9ffb8047f8833d08eaf4fc5f4647fcbf', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && hAsync("div", { key: 'cea830f2652a7d26b60be500caf89a11dcba5fbc', class: "select-highlight" })), this.renderBottomContent()));
|
|
35539
35539
|
}
|
|
35540
35540
|
get el() { return getElement(this); }
|
|
35541
35541
|
static get watchers() { return {
|
|
@@ -35705,7 +35705,7 @@ class SelectModal {
|
|
|
35705
35705
|
} }, option.text))));
|
|
35706
35706
|
}
|
|
35707
35707
|
render() {
|
|
35708
|
-
return (hAsync(Host, { key: '
|
|
35708
|
+
return (hAsync(Host, { key: '2ceb196accee272559c43225a859befa68027333', class: Object.assign({ [getIonMode$1(this)]: true }, this.getModalContextClasses()) }, hAsync("ion-header", { key: 'b0176847bd9ce94e28d72766d6a035a93ff6f10a' }, hAsync("ion-toolbar", { key: '49c2b1cf8e82b1d975cca67b154b149823b47b1f' }, this.header !== undefined && hAsync("ion-title", { key: 'fdc881fd94c07ca38d60e85170d176c7cf4139fb' }, this.header), hAsync("ion-buttons", { key: '8dfc972aa974909ecf2e5782e972b959a900f8c5', slot: "end" }, hAsync("ion-button", { key: 'b862896118bd4da0afc17925eab9dc9ed5269220', onClick: () => this.closeModal() }, "Close")))), hAsync("ion-content", { key: 'a7f5bf8f88377d978d2c7bdba3abefcc332296a3' }, hAsync("ion-list", { key: '23529677979b9ac63e2cba8d55f7f965489b74c5' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
|
|
35709
35709
|
}
|
|
35710
35710
|
get el() { return getElement(this); }
|
|
35711
35711
|
static get style() { return {
|
|
@@ -35744,7 +35744,7 @@ class SelectOption {
|
|
|
35744
35744
|
}
|
|
35745
35745
|
render() {
|
|
35746
35746
|
const theme = getIonTheme(this);
|
|
35747
|
-
return (hAsync(Host, { key: '
|
|
35747
|
+
return (hAsync(Host, { key: '39af595655b3645c923617fe4d4fa64112008273', class: {
|
|
35748
35748
|
[theme]: true,
|
|
35749
35749
|
}, role: "option", id: this.inputId }));
|
|
35750
35750
|
}
|
|
@@ -35869,9 +35869,9 @@ class SelectPopover {
|
|
|
35869
35869
|
const { header, message, options, subHeader } = this;
|
|
35870
35870
|
const hasSubHeaderOrMessage = subHeader !== undefined || message !== undefined;
|
|
35871
35871
|
const theme = getIonTheme(this);
|
|
35872
|
-
return (hAsync(Host, { key: '
|
|
35872
|
+
return (hAsync(Host, { key: '9b5160e6657620038fb4167ab7d08e2687be554b', class: {
|
|
35873
35873
|
[theme]: true,
|
|
35874
|
-
} }, hAsync("ion-list", { key: '
|
|
35874
|
+
} }, hAsync("ion-list", { key: '5f015bcc53bf96de3da98f05a73c6e1e7bc3250c' }, header !== undefined && hAsync("ion-list-header", { key: 'e7275a4b3b0b8706b6a89ed9fd4bf1bb6cf274a8' }, header), hasSubHeaderOrMessage && (hAsync("ion-item", { key: 'ca5750144abaf01d613f7ff4923939e6d6f4c0c8' }, hAsync("ion-label", { key: '299735684f529e05f08405b6587dec23fb8d2851', class: "ion-text-wrap" }, subHeader !== undefined && hAsync("h3", { key: 'af85ac2c17050eca4902811a886e7001b92701fe' }, subHeader), message !== undefined && hAsync("p", { key: 'f64006af8f2ffaf41d6d21701efa2d40580796e0' }, message)))), this.renderOptions(options))));
|
|
35875
35875
|
}
|
|
35876
35876
|
get el() { return getElement(this); }
|
|
35877
35877
|
static get style() { return {
|
|
@@ -35926,11 +35926,11 @@ class SkeletonText {
|
|
|
35926
35926
|
const animated = this.animated && config.getBoolean('animated', true);
|
|
35927
35927
|
const inMedia = hostContext('ion-avatar', this.el) || hostContext('ion-thumbnail', this.el);
|
|
35928
35928
|
const theme = getIonTheme(this);
|
|
35929
|
-
return (hAsync(Host, { key: '
|
|
35929
|
+
return (hAsync(Host, { key: '5014563646b6c5213750d503babce3013b66ec96', class: {
|
|
35930
35930
|
[theme]: true,
|
|
35931
35931
|
'skeleton-text-animated': animated,
|
|
35932
35932
|
'in-media': inMedia,
|
|
35933
|
-
} }, hAsync("span", { key: '
|
|
35933
|
+
} }, hAsync("span", { key: '4b816883b1c71bb1db66d8b2b084559f7cb489bd' }, "\u00A0")));
|
|
35934
35934
|
}
|
|
35935
35935
|
get el() { return getElement(this); }
|
|
35936
35936
|
static get style() { return skeletonTextCss; }
|
|
@@ -36003,7 +36003,7 @@ class Spinner {
|
|
|
36003
36003
|
svgs.push(buildLine(spinner, duration, i, spinner.lines));
|
|
36004
36004
|
}
|
|
36005
36005
|
}
|
|
36006
|
-
return (hAsync(Host, { key: '
|
|
36006
|
+
return (hAsync(Host, { key: '0b3ce4b99c2c828d05b507c4f073811ebbe17d0f', class: createColorClasses$1(self.color, {
|
|
36007
36007
|
[theme]: true,
|
|
36008
36008
|
[`spinner-${spinnerName}`]: true,
|
|
36009
36009
|
'spinner-paused': self.paused || config.getBoolean('_testing'),
|
|
@@ -36114,12 +36114,12 @@ class SplitPane {
|
|
|
36114
36114
|
}
|
|
36115
36115
|
render() {
|
|
36116
36116
|
const theme = getIonTheme(this);
|
|
36117
|
-
return (hAsync(Host, { key: '
|
|
36117
|
+
return (hAsync(Host, { key: '9d0c67f1f81b09bb9a6f14a66053e5cc7431a286', class: {
|
|
36118
36118
|
[theme]: true,
|
|
36119
36119
|
// Used internally for styling
|
|
36120
36120
|
[`split-pane-${theme}`]: true,
|
|
36121
36121
|
'split-pane-visible': this.visible,
|
|
36122
|
-
} }, hAsync("slot", { key: '
|
|
36122
|
+
} }, hAsync("slot", { key: 'ab7b3050d3c5484bd00949cf57efa4396b4d5bc3' })));
|
|
36123
36123
|
}
|
|
36124
36124
|
get el() { return getElement(this); }
|
|
36125
36125
|
static get watchers() { return {
|
|
@@ -36190,10 +36190,10 @@ class Tab {
|
|
|
36190
36190
|
}
|
|
36191
36191
|
render() {
|
|
36192
36192
|
const { tab, active, component } = this;
|
|
36193
|
-
return (hAsync(Host, { key: '
|
|
36193
|
+
return (hAsync(Host, { key: 'b249545a5adfcef4616afe79aa0f215bab464d0a', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
|
|
36194
36194
|
'ion-page': component === undefined,
|
|
36195
36195
|
'tab-hidden': !active,
|
|
36196
|
-
} }, hAsync("slot", { key: '
|
|
36196
|
+
} }, hAsync("slot", { key: '19e2a406d96d20d8d4af8c3ff900e975d06021f6' })));
|
|
36197
36197
|
}
|
|
36198
36198
|
get el() { return getElement(this); }
|
|
36199
36199
|
static get watchers() { return {
|
|
@@ -36311,13 +36311,13 @@ class TabBar {
|
|
|
36311
36311
|
const theme = getIonTheme(this);
|
|
36312
36312
|
const shape = this.getShape();
|
|
36313
36313
|
const shouldHide = keyboardVisible && this.el.getAttribute('slot') !== 'top';
|
|
36314
|
-
return (hAsync(Host, { key: '
|
|
36314
|
+
return (hAsync(Host, { key: 'c659f0d907c52602880822351d21c78339d2b6d3', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses$1(color, {
|
|
36315
36315
|
[theme]: true,
|
|
36316
36316
|
'tab-bar-translucent': translucent,
|
|
36317
36317
|
'tab-bar-hidden': shouldHide,
|
|
36318
36318
|
[`tab-bar-${expand}`]: true,
|
|
36319
36319
|
[`tab-bar-${shape}`]: shape !== undefined,
|
|
36320
|
-
}) }, hAsync("slot", { key: '
|
|
36320
|
+
}) }, hAsync("slot", { key: '34000fa9365e40f29a7aaf9669b523292b304af8' })));
|
|
36321
36321
|
}
|
|
36322
36322
|
get el() { return getElement(this); }
|
|
36323
36323
|
static get watchers() { return {
|
|
@@ -36441,7 +36441,7 @@ class TabButton {
|
|
|
36441
36441
|
rel,
|
|
36442
36442
|
target,
|
|
36443
36443
|
};
|
|
36444
|
-
return (hAsync(Host, { key: '
|
|
36444
|
+
return (hAsync(Host, { key: '5a32785eaf0570cdc3444d52ce8bba8174c3e0b9', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
|
|
36445
36445
|
[theme]: true,
|
|
36446
36446
|
'tab-selected': selected,
|
|
36447
36447
|
'tab-disabled': disabled,
|
|
@@ -36454,7 +36454,7 @@ class TabButton {
|
|
|
36454
36454
|
'ion-selectable': true,
|
|
36455
36455
|
[`tab-button-shape-${shape}`]: shape !== undefined,
|
|
36456
36456
|
'ion-focusable': true,
|
|
36457
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
36457
|
+
} }, hAsync("a", Object.assign({ key: '1441f409b4a60823a57f27b90f6840b557b7d65a' }, 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: '1566ca0af66b6e51068aca221a89133d2af061ed', class: "button-inner" }, hAsync("slot", { key: '757878091cfe3768107eb0a53b8d1c895ce43399' })), theme === 'md' && hAsync("ion-ripple-effect", { key: '28dde3e7127bdc9d5e1477b47458a5a4ab71328e', type: "unbounded" }))));
|
|
36458
36458
|
}
|
|
36459
36459
|
get el() { return getElement(this); }
|
|
36460
36460
|
static get style() { return {
|
|
@@ -36650,7 +36650,7 @@ class Tabs {
|
|
|
36650
36650
|
return Array.from(this.el.querySelectorAll('ion-tab'));
|
|
36651
36651
|
}
|
|
36652
36652
|
render() {
|
|
36653
|
-
return (hAsync(Host, { key: '
|
|
36653
|
+
return (hAsync(Host, { key: '9c05f69a72ab24897f1febab0928783d08224734', onIonTabButtonClick: this.onTabClicked }, hAsync("slot", { key: '56407c9562bfd095e0259e430879151b824287fd', name: "top" }), hAsync("div", { key: '6a86ceff372b8a60342040d9361ad31bf05e80ec', class: "tabs-inner" }, hAsync("slot", { key: 'a554d3e835236a87686a0a53bd16d3124e77c0c5' })), hAsync("slot", { key: 'd241d4cfba26a7ce3a3f93703dae18b8857bd9ee', name: "bottom" })));
|
|
36654
36654
|
}
|
|
36655
36655
|
get el() { return getElement(this); }
|
|
36656
36656
|
static get style() { return tabsCss; }
|
|
@@ -36691,9 +36691,9 @@ class Text {
|
|
|
36691
36691
|
}
|
|
36692
36692
|
render() {
|
|
36693
36693
|
const theme = getIonTheme(this);
|
|
36694
|
-
return (hAsync(Host, { key: '
|
|
36694
|
+
return (hAsync(Host, { key: '7a3f31d6e219207a1ff98ac441357caa512012e5', class: createColorClasses$1(this.color, {
|
|
36695
36695
|
[theme]: true,
|
|
36696
|
-
}) }, hAsync("slot", { key: '
|
|
36696
|
+
}) }, hAsync("slot", { key: '392d48d6a5e0e5d1b44e762ec96fb8b53b3ebd49' })));
|
|
36697
36697
|
}
|
|
36698
36698
|
static get style() { return textCss; }
|
|
36699
36699
|
static get cmpMeta() { return {
|
|
@@ -37182,7 +37182,7 @@ class Textarea {
|
|
|
37182
37182
|
* TODO(FW-5592): Remove hasStartEndSlots condition
|
|
37183
37183
|
*/
|
|
37184
37184
|
const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
|
|
37185
|
-
return (hAsync(Host, { key: '
|
|
37185
|
+
return (hAsync(Host, { key: '3a3030f319b29d21d049221d67978c04bbda9e70', class: createColorClasses$1(this.color, {
|
|
37186
37186
|
[theme]: true,
|
|
37187
37187
|
'has-value': hasValue,
|
|
37188
37188
|
'has-focus': hasFocus,
|
|
@@ -37193,7 +37193,7 @@ class Textarea {
|
|
|
37193
37193
|
[`textarea-label-placement-${labelPlacement}`]: true,
|
|
37194
37194
|
'textarea-disabled': disabled,
|
|
37195
37195
|
'textarea-readonly': readonly,
|
|
37196
|
-
}) }, hAsync("label", { key: '
|
|
37196
|
+
}) }, hAsync("label", { key: 'f1fa84c3818dc97a8f42ff1296f93b7de865ab47', class: "textarea-wrapper", htmlFor: inputId, onClick: this.onLabelClick }, this.renderLabelContainer(), hAsync("div", { key: '5cadc4944b88f4d9762e244b2ea2c7300c6ce722', class: "textarea-wrapper-inner" },
|
|
37197
37197
|
/**
|
|
37198
37198
|
* For the ionic theme, we render the outline container here
|
|
37199
37199
|
* instead of higher up, so it can be positioned relative to
|
|
@@ -37203,7 +37203,7 @@ class Textarea {
|
|
|
37203
37203
|
* <label> element, ensuring that clicking the label text
|
|
37204
37204
|
* focuses the textarea.
|
|
37205
37205
|
*/
|
|
37206
|
-
theme === 'ionic' && fill === 'outline' && hAsync("div", { key: '
|
|
37206
|
+
theme === 'ionic' && fill === 'outline' && hAsync("div", { key: '6bbf8ffa4279047982e4ce42eb93a34da739bb60', class: "textarea-outline" }), hAsync("div", { key: '492e9c6757f5475b0cb1b599ec829005ced19f61', class: "start-slot-wrapper" }, hAsync("slot", { key: '746790cb2b2eb2f438a3309d5ce2de9cf9d93204', name: "start" })), hAsync("div", { key: '7da04995627dbf0728e623f41184f85c8ffffe83', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, hAsync("textarea", Object.assign({ key: 'a5f2c80d229732ece2602020c0da197f93d7a2e0', 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, "aria-describedby": this.getHintTextID(), "aria-invalid": this.isInvalid ? 'true' : undefined }, this.inheritedAttributes), value)), hAsync("div", { key: '8d33c7f6d450642f6f4ceff9624793ca3a47d36f', class: "end-slot-wrapper" }, hAsync("slot", { key: 'd1ec6a465874956720c0f034cd445557450f34fd', name: "end" }))), shouldRenderHighlight && hAsync("div", { key: 'c20a26e67bb8d1c1328eb806a24dfe4222c3d4d5', class: "textarea-highlight" })), this.renderBottomContent()));
|
|
37207
37207
|
}
|
|
37208
37208
|
get el() { return getElement(this); }
|
|
37209
37209
|
static get watchers() { return {
|
|
@@ -37273,9 +37273,9 @@ class Thumbnail {
|
|
|
37273
37273
|
}
|
|
37274
37274
|
render() {
|
|
37275
37275
|
const theme = getIonTheme(this);
|
|
37276
|
-
return (hAsync(Host, { key: '
|
|
37276
|
+
return (hAsync(Host, { key: '6053cf163155d4268dad4fc81ffc6bbc70d75659', class: {
|
|
37277
37277
|
[theme]: true,
|
|
37278
|
-
} }, hAsync("slot", { key: '
|
|
37278
|
+
} }, hAsync("slot", { key: 'b7afb5835bce7c7ed9e5cf44758bbe2d802e1271' })));
|
|
37279
37279
|
}
|
|
37280
37280
|
static get style() { return thumbnailCss; }
|
|
37281
37281
|
static get cmpMeta() { return {
|
|
@@ -38157,9 +38157,9 @@ class Toast {
|
|
|
38157
38157
|
if (layout === 'stacked' && startButtons.length > 0 && endButtons.length > 0) {
|
|
38158
38158
|
printIonWarning('[ion-toast] - 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);
|
|
38159
38159
|
}
|
|
38160
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
38160
|
+
return (hAsync(Host, Object.assign({ key: '3f25e3c14197723e0c97edb71ddeeccb4f9143b3', tabindex: "-1" }, this.htmlAttributes, { style: {
|
|
38161
38161
|
zIndex: `${60000 + this.overlayIndex}`,
|
|
38162
|
-
}, class: createColorClasses$1(this.color, Object.assign(Object.assign({ [mode]: true, [theme]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent, [`toast-shape-${shape}`]: shape !== undefined, [`toast-hue-${hue}`]: hue !== undefined })), onIonToastWillDismiss: this.dispatchCancelHandler }), hAsync("div", { key: '
|
|
38162
|
+
}, class: createColorClasses$1(this.color, Object.assign(Object.assign({ [mode]: true, [theme]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent, [`toast-shape-${shape}`]: shape !== undefined, [`toast-hue-${hue}`]: hue !== undefined })), onIonToastWillDismiss: this.dispatchCancelHandler }), hAsync("div", { key: 'cec09872b7e08429a62e5cb821e072fa6259e63a', class: wrapperClass }, hAsync("div", { key: '8179d7a3c8b27536e37886a21293d1a6add60306', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (hAsync("ion-icon", { key: 'ef87a58440d914e4c55b8b3ecaac45f983f35daf', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), hAsync("div", { key: '56bca03e8501ad921cf2de37faace99a4f59cc71', 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')))));
|
|
38163
38163
|
}
|
|
38164
38164
|
get el() { return getElement(this); }
|
|
38165
38165
|
static get watchers() { return {
|
|
@@ -38529,7 +38529,7 @@ class Toggle {
|
|
|
38529
38529
|
const rtl = isRTL$1(el) ? 'rtl' : 'ltr';
|
|
38530
38530
|
const isIonicTheme = theme === 'ionic';
|
|
38531
38531
|
renderHiddenInput(true, el, name, checked ? value : '', disabled);
|
|
38532
|
-
return (hAsync(Host, { key: '
|
|
38532
|
+
return (hAsync(Host, { key: 'b12951146a79d3839e6263e91e747398a0fa901d', role: "switch", "aria-checked": `${checked}`, "aria-describedby": this.hintTextId, "aria-invalid": this.isInvalid ? 'true' : undefined, onClick: this.onClick, "aria-labelledby": hasLabel ? inputLabelId : null, "aria-label": inheritedAttributes['aria-label'] || null, "aria-disabled": disabled ? 'true' : null, "aria-required": required ? 'true' : undefined, tabindex: disabled ? undefined : 0, onKeyDown: this.onKeyDown, onFocus: this.onFocus, onBlur: this.onBlur, class: createColorClasses$1(color, {
|
|
38533
38533
|
[theme]: true,
|
|
38534
38534
|
'in-item': hostContext('ion-item', el),
|
|
38535
38535
|
'toggle-activated': activated,
|
|
@@ -38541,10 +38541,10 @@ class Toggle {
|
|
|
38541
38541
|
[`toggle-${rtl}`]: true,
|
|
38542
38542
|
'ion-activatable': isIonicTheme,
|
|
38543
38543
|
'ion-focusable': isIonicTheme,
|
|
38544
|
-
}) }, hAsync("label", { key: '
|
|
38544
|
+
}) }, hAsync("label", { key: 'cf1d27243bf9bdd5bafaf6d86b76beb311b5e01c', class: "toggle-wrapper", htmlFor: inputId }, hAsync("input", Object.assign({ key: 'b3eb0f146836f5994c15bf1fd67a79f72b9414f7', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, required: required }, inheritedAttributes)), hAsync("div", { key: '56ddcfd6452f30fd6b38d0fd85be3ec966aa120b', class: {
|
|
38545
38545
|
'label-text-wrapper': true,
|
|
38546
38546
|
'label-text-wrapper-hidden': !hasLabel,
|
|
38547
|
-
}, part: "label", id: inputLabelId, onClick: this.onDivLabelClick }, hAsync("slot", { key: '
|
|
38547
|
+
}, part: "label", id: inputLabelId, onClick: this.onDivLabelClick }, hAsync("slot", { key: '706e5b667ee242fb1afb3e4afa613f9798fbe25b' }), this.renderHintText()), hAsync("div", { key: '255ccd7d60f7d78b4eba8d380b303a72093e9d16', class: "native-wrapper" }, this.renderToggleControl()))));
|
|
38548
38548
|
}
|
|
38549
38549
|
get el() { return getElement(this); }
|
|
38550
38550
|
static get watchers() { return {
|
|
@@ -38799,10 +38799,10 @@ class Toolbar {
|
|
|
38799
38799
|
this.childrenStyles.forEach((style) => {
|
|
38800
38800
|
Object.assign(childStyles, style);
|
|
38801
38801
|
});
|
|
38802
|
-
return (hAsync(Host, { key: '
|
|
38802
|
+
return (hAsync(Host, { key: '6f52a5408379012843d0b93ac20c25b868e0211c', class: Object.assign(Object.assign({}, createColorClasses$1(this.color, {
|
|
38803
38803
|
[theme]: true,
|
|
38804
38804
|
'in-toolbar': hostContext('ion-toolbar', this.el),
|
|
38805
|
-
})), childStyles) }, hAsync("div", { key: '
|
|
38805
|
+
})), childStyles) }, hAsync("div", { key: '8f79b04f7c26edb4d64b88d1e1a69ee6e4ab8773', class: "toolbar-background", part: "background" }), hAsync("div", { key: '8a682653ea75f07fa583d9b7cf38850294e83448', class: "toolbar-container", part: "container" }, hAsync("slot", { key: '1a4e3289bdc3802cbabdd99d4bd5ab45e10846d8', name: "start", onSlotchange: () => this.updateSlotClasses }), hAsync("slot", { key: '5578aaf1d8bf6dba08ab4ac9ccd9b8d8fe6c8ff1', name: "secondary", onSlotchange: () => this.updateSlotClasses }), hAsync("div", { key: 'd4ba11c8daf43ed164a9c89dafdd96c5d2b50a35', class: "toolbar-content", part: "content" }, hAsync("slot", { key: '994952702fe18216044d10a96abbf9cf071612e3' })), hAsync("slot", { key: '2e07d6585687764a0a24bbc1b2f456aec30bfea7', name: "primary", onSlotchange: () => this.updateSlotClasses }), hAsync("slot", { key: 'ebcb8dcde1202d6ced4c251a3b78c30b1153849f', name: "end", onSlotchange: () => this.updateSlotClasses }))));
|
|
38806
38806
|
}
|
|
38807
38807
|
get el() { return getElement(this); }
|
|
38808
38808
|
static get style() { return {
|
|
@@ -38855,11 +38855,11 @@ class ToolbarTitle {
|
|
|
38855
38855
|
render() {
|
|
38856
38856
|
const theme = getIonTheme(this);
|
|
38857
38857
|
const size = this.getSize();
|
|
38858
|
-
return (hAsync(Host, { key: '
|
|
38858
|
+
return (hAsync(Host, { key: '8db3e5f9dbd8b1762a9919eaeef29c98649dfb25', class: createColorClasses$1(this.color, {
|
|
38859
38859
|
[theme]: true,
|
|
38860
38860
|
[`title-${size}`]: true,
|
|
38861
38861
|
'title-rtl': document.dir === 'rtl',
|
|
38862
|
-
}) }, hAsync("div", { key: '
|
|
38862
|
+
}) }, hAsync("div", { key: 'a31ebae2c494a51d2145eec69d0b1bc635108a01', class: "toolbar-title" }, hAsync("slot", { key: 'f5975b44b3e3afbf98dcbdb53fc78447b49407b3' }))));
|
|
38863
38863
|
}
|
|
38864
38864
|
get el() { return getElement(this); }
|
|
38865
38865
|
static get watchers() { return {
|