@ionic/core 8.7.18-dev.11771365900.125bf49c → 8.7.18-dev.11772217280.122eed89
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/ion-app.js +17 -12
- package/components/ion-checkbox.js +1 -1
- package/components/ion-content.js +1 -1
- package/components/ion-datetime.js +7 -4
- package/components/ion-fab-list.js +10 -3
- package/components/ion-img.js +11 -2
- package/components/ion-label.js +1 -1
- package/components/ion-modal.js +1 -1
- package/components/ion-popover.js +1 -1
- package/components/ion-radio-group.js +1 -1
- package/components/ion-searchbar.js +17 -6
- package/components/ion-select-modal.js +1 -1
- package/components/ion-select-popover.js +1 -1
- package/components/ion-select.js +8 -8
- package/components/{p-CJrGvZ1Z.js → p-51c2oSfC.js} +3 -3
- package/components/{p-BnpDIASH.js → p-BANeLH_G.js} +2 -2
- package/components/{p-D3KEyQ8e.js → p-BRLve2EP.js} +3 -3
- package/components/{p-DRHwNkVo.js → p-C6dkQWq2.js} +152 -30
- package/components/{p-CUfY9DTD.js → p-Cdm3dKWf.js} +8 -3
- package/components/{p-DyFBFrV7.js → p-D--b4514.js} +4 -4
- package/components/{p-DPm73mCi.js → p-DGOrLIyS.js} +7 -3
- package/components/{p-IHgAGzvW.js → p-iyo0Toaz.js} +326 -17
- package/dist/cjs/ion-app_8.cjs.entry.js +22 -13
- package/dist/cjs/ion-checkbox.cjs.entry.js +3 -3
- package/dist/cjs/ion-datetime_3.cjs.entry.js +6 -3
- package/dist/cjs/ion-fab_3.cjs.entry.js +10 -3
- package/dist/cjs/ion-img.cjs.entry.js +11 -2
- package/dist/cjs/ion-item_8.cjs.entry.js +8 -3
- package/dist/cjs/ion-modal.cjs.entry.js +326 -17
- package/dist/cjs/ion-popover.cjs.entry.js +152 -30
- package/dist/cjs/ion-radio_2.cjs.entry.js +2 -2
- package/dist/cjs/ion-searchbar.cjs.entry.js +17 -6
- package/dist/collection/components/app/app.js +15 -10
- package/dist/collection/components/checkbox/checkbox.js +4 -4
- package/dist/collection/components/content/content.js +7 -3
- package/dist/collection/components/datetime/datetime.js +6 -3
- package/dist/collection/components/fab-list/fab-list.js +10 -3
- package/dist/collection/components/img/img.js +11 -2
- package/dist/collection/components/label/label.js +8 -3
- package/dist/collection/components/modal/modal.ios.css +6 -5
- package/dist/collection/components/modal/modal.js +164 -15
- package/dist/collection/components/modal/modal.md.css +6 -5
- package/dist/collection/components/modal/safe-area-utils.js +165 -0
- package/dist/collection/components/popover/animations/ios.enter.js +33 -8
- package/dist/collection/components/popover/animations/md.enter.js +26 -6
- package/dist/collection/components/popover/utils.js +96 -19
- package/dist/collection/components/radio-group/radio-group.ios.css +0 -4
- package/dist/collection/components/radio-group/radio-group.md.css +0 -4
- package/dist/collection/components/searchbar/searchbar.js +17 -6
- package/dist/docs.json +1 -1
- package/dist/esm/ion-app_8.entry.js +24 -15
- package/dist/esm/ion-checkbox.entry.js +4 -4
- package/dist/esm/ion-datetime_3.entry.js +6 -3
- package/dist/esm/ion-fab_3.entry.js +10 -3
- package/dist/esm/ion-img.entry.js +11 -2
- package/dist/esm/ion-item_8.entry.js +8 -3
- package/dist/esm/ion-modal.entry.js +326 -17
- package/dist/esm/ion-popover.entry.js +152 -30
- package/dist/esm/ion-radio_2.entry.js +2 -2
- package/dist/esm/ion-searchbar.entry.js +17 -6
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/{p-72af946b.entry.js → p-2ac254dc.entry.js} +1 -1
- package/dist/ionic/p-7cad388a.entry.js +4 -0
- package/dist/ionic/p-7d218555.entry.js +4 -0
- package/dist/ionic/p-8303e3fc.entry.js +4 -0
- package/dist/ionic/p-915b3e3d.entry.js +4 -0
- package/dist/ionic/{p-eaf3f5ff.entry.js → p-b0ebf9f8.entry.js} +1 -1
- package/dist/ionic/p-e4c57008.entry.js +4 -0
- package/dist/ionic/p-e5d6d0f0.entry.js +4 -0
- package/dist/ionic/p-f1dfee25.entry.js +4 -0
- package/dist/ionic/{p-6444c606.entry.js → p-f9f7b9db.entry.js} +1 -1
- package/dist/types/components/app/app.d.ts +3 -0
- package/dist/types/components/datetime/datetime.d.ts +1 -0
- package/dist/types/components/fab-list/fab-list.d.ts +2 -0
- package/dist/types/components/img/img.d.ts +2 -0
- package/dist/types/components/label/label.d.ts +2 -0
- package/dist/types/components/modal/modal.d.ts +35 -0
- package/dist/types/components/modal/safe-area-utils.d.ts +66 -0
- package/dist/types/components/popover/utils.d.ts +23 -1
- package/dist/types/components/searchbar/searchbar.d.ts +3 -0
- package/hydrate/index.js +556 -73
- package/hydrate/index.mjs +556 -73
- package/package.json +1 -1
- package/dist/ionic/p-01e27965.entry.js +0 -4
- package/dist/ionic/p-3ec563c1.entry.js +0 -4
- package/dist/ionic/p-42db6404.entry.js +0 -4
- package/dist/ionic/p-46d74291.entry.js +0 -4
- package/dist/ionic/p-bc293244.entry.js +0 -4
- package/dist/ionic/p-d1f54e28.entry.js +0 -4
- package/dist/ionic/p-e338f669.entry.js +0 -4
package/components/ion-app.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import { p as proxyCustomElement, H,
|
|
4
|
+
import { p as proxyCustomElement, H, c as config, f as printIonWarning, h, d as Host } from './p-DWoUQeZ3.js';
|
|
5
5
|
import { shouldUseCloseWatcher } from './p-Boi6hecl.js';
|
|
6
|
-
import {
|
|
6
|
+
import { a as isPlatform, b as getIonMode } from './p-Bxl5etF4.js';
|
|
7
7
|
|
|
8
8
|
const appCss = "html.plt-mobile ion-app{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html.plt-mobile ion-app [contenteditable]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}ion-app.force-statusbar-padding{--ion-safe-area-top:20px}";
|
|
9
9
|
|
|
@@ -16,7 +16,7 @@ const App = /*@__PURE__*/ proxyCustomElement(class App extends H {
|
|
|
16
16
|
}
|
|
17
17
|
componentDidLoad() {
|
|
18
18
|
{
|
|
19
|
-
rIC(async () => {
|
|
19
|
+
this.rIC(async () => {
|
|
20
20
|
const isHybrid = isPlatform(window, 'hybrid');
|
|
21
21
|
if (!config.getBoolean('_testing')) {
|
|
22
22
|
import('./p-Cyd00tgZ.js').then((module) => module.startTapClick(config));
|
|
@@ -54,6 +54,11 @@ const App = /*@__PURE__*/ proxyCustomElement(class App extends H {
|
|
|
54
54
|
});
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
|
+
disconnectedCallback() {
|
|
58
|
+
if (this.loadTimeout) {
|
|
59
|
+
clearTimeout(this.loadTimeout);
|
|
60
|
+
}
|
|
61
|
+
}
|
|
57
62
|
/**
|
|
58
63
|
* Used to set focus on an element that uses `ion-focusable`.
|
|
59
64
|
* Do not use this if focusing the element as a result of a keyboard
|
|
@@ -70,9 +75,17 @@ const App = /*@__PURE__*/ proxyCustomElement(class App extends H {
|
|
|
70
75
|
this.focusVisible.setFocus(elements);
|
|
71
76
|
}
|
|
72
77
|
}
|
|
78
|
+
rIC(callback) {
|
|
79
|
+
if ('requestIdleCallback' in window) {
|
|
80
|
+
window.requestIdleCallback(callback);
|
|
81
|
+
}
|
|
82
|
+
else {
|
|
83
|
+
this.loadTimeout = setTimeout(callback, 32);
|
|
84
|
+
}
|
|
85
|
+
}
|
|
73
86
|
render() {
|
|
74
87
|
const mode = getIonMode(this);
|
|
75
|
-
return (h(Host, { key: '
|
|
88
|
+
return (h(Host, { key: '77a7459d3e42b3715a5a7e1cf468e2ebc99e54bb', class: {
|
|
76
89
|
[mode]: true,
|
|
77
90
|
'ion-page': true,
|
|
78
91
|
'force-statusbar-padding': config.getBoolean('_forceStatusbarPadding'),
|
|
@@ -102,14 +115,6 @@ const needInputShims = () => {
|
|
|
102
115
|
}
|
|
103
116
|
return false;
|
|
104
117
|
};
|
|
105
|
-
const rIC = (callback) => {
|
|
106
|
-
if ('requestIdleCallback' in window) {
|
|
107
|
-
window.requestIdleCallback(callback);
|
|
108
|
-
}
|
|
109
|
-
else {
|
|
110
|
-
setTimeout(callback, 32);
|
|
111
|
-
}
|
|
112
|
-
};
|
|
113
118
|
function defineCustomElement$1() {
|
|
114
119
|
if (typeof customElements === "undefined") {
|
|
115
120
|
return;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import { C as Checkbox, d as defineCustomElement$1 } from './p-
|
|
4
|
+
import { C as Checkbox, d as defineCustomElement$1 } from './p-D--b4514.js';
|
|
5
5
|
|
|
6
6
|
const IonCheckbox = Checkbox;
|
|
7
7
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import { C as Content, d as defineCustomElement$1 } from './p-
|
|
4
|
+
import { C as Content, d as defineCustomElement$1 } from './p-DGOrLIyS.js';
|
|
5
5
|
|
|
6
6
|
const IonContent = Content;
|
|
7
7
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -17,7 +17,7 @@ import { d as defineCustomElement$7 } from './p-Wro9IPHE.js';
|
|
|
17
17
|
import { d as defineCustomElement$6 } from './p-BHbOsu99.js';
|
|
18
18
|
import { d as defineCustomElement$5 } from './p-DKRQWlK2.js';
|
|
19
19
|
import { d as defineCustomElement$4 } from './p-ByjmWt3s.js';
|
|
20
|
-
import { d as defineCustomElement$3 } from './p-
|
|
20
|
+
import { d as defineCustomElement$3 } from './p-C6dkQWq2.js';
|
|
21
21
|
import { d as defineCustomElement$2 } from './p-LgLeKTkH.js';
|
|
22
22
|
|
|
23
23
|
const isYearDisabled = (refYear, minParts, maxParts) => {
|
|
@@ -1088,6 +1088,9 @@ const Datetime = /*@__PURE__*/ proxyCustomElement(class Datetime extends H {
|
|
|
1088
1088
|
this.clearFocusVisible();
|
|
1089
1089
|
this.clearFocusVisible = undefined;
|
|
1090
1090
|
}
|
|
1091
|
+
if (this.loadTimeout) {
|
|
1092
|
+
clearTimeout(this.loadTimeout);
|
|
1093
|
+
}
|
|
1091
1094
|
}
|
|
1092
1095
|
initializeListeners() {
|
|
1093
1096
|
this.initializeCalendarListener();
|
|
@@ -1136,7 +1139,7 @@ const Datetime = /*@__PURE__*/ proxyCustomElement(class Datetime extends H {
|
|
|
1136
1139
|
*
|
|
1137
1140
|
* We schedule this after everything has had a chance to run.
|
|
1138
1141
|
*/
|
|
1139
|
-
setTimeout(() => {
|
|
1142
|
+
this.loadTimeout = setTimeout(() => {
|
|
1140
1143
|
this.ensureReadyIfVisible();
|
|
1141
1144
|
}, 100);
|
|
1142
1145
|
/**
|
|
@@ -1894,7 +1897,7 @@ const Datetime = /*@__PURE__*/ proxyCustomElement(class Datetime extends H {
|
|
|
1894
1897
|
const hasDatePresentation = presentation === 'date' || presentation === 'date-time' || presentation === 'time-date';
|
|
1895
1898
|
const hasWheelVariant = hasDatePresentation && preferWheel;
|
|
1896
1899
|
renderHiddenInput(true, el, name, formatValue(value), disabled);
|
|
1897
|
-
return (h(Host, { key: '
|
|
1900
|
+
return (h(Host, { key: 'b81c3531f4654be3f6948df5f790c0f6ab488000', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses(color, {
|
|
1898
1901
|
[mode]: true,
|
|
1899
1902
|
['datetime-readonly']: readonly,
|
|
1900
1903
|
['datetime-disabled']: disabled,
|
|
@@ -1904,7 +1907,7 @@ const Datetime = /*@__PURE__*/ proxyCustomElement(class Datetime extends H {
|
|
|
1904
1907
|
[`datetime-size-${size}`]: true,
|
|
1905
1908
|
[`datetime-prefer-wheel`]: hasWheelVariant,
|
|
1906
1909
|
[`datetime-grid`]: isGridStyle,
|
|
1907
|
-
})) }, h("div", { key: '
|
|
1910
|
+
})) }, h("div", { key: 'f7f39f8e56146186210d0ab70ae95e829573e549', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
|
|
1908
1911
|
}
|
|
1909
1912
|
get el() { return this; }
|
|
1910
1913
|
static get watchers() { return {
|
|
@@ -13,6 +13,7 @@ const FabList = /*@__PURE__*/ proxyCustomElement(class FabList extends H {
|
|
|
13
13
|
this.__registerHost();
|
|
14
14
|
}
|
|
15
15
|
this.__attachShadow();
|
|
16
|
+
this.activateTimeouts = [];
|
|
16
17
|
/**
|
|
17
18
|
* If `true`, the fab list will show all fab buttons in the list.
|
|
18
19
|
*/
|
|
@@ -23,20 +24,26 @@ const FabList = /*@__PURE__*/ proxyCustomElement(class FabList extends H {
|
|
|
23
24
|
this.side = 'bottom';
|
|
24
25
|
}
|
|
25
26
|
activatedChanged(activated) {
|
|
27
|
+
this.activateTimeouts.forEach(clearTimeout);
|
|
28
|
+
this.activateTimeouts = [];
|
|
26
29
|
const fabs = Array.from(this.el.querySelectorAll('ion-fab-button'));
|
|
27
30
|
// if showing the fabs add a timeout, else show immediately
|
|
28
31
|
const timeout = activated ? 30 : 0;
|
|
29
32
|
fabs.forEach((fab, i) => {
|
|
30
|
-
setTimeout(() => (fab.show = activated), i * timeout);
|
|
33
|
+
this.activateTimeouts.push(setTimeout(() => (fab.show = activated), i * timeout));
|
|
31
34
|
});
|
|
32
35
|
}
|
|
36
|
+
disconnectedCallback() {
|
|
37
|
+
this.activateTimeouts.forEach(clearTimeout);
|
|
38
|
+
this.activateTimeouts = [];
|
|
39
|
+
}
|
|
33
40
|
render() {
|
|
34
41
|
const mode = getIonMode(this);
|
|
35
|
-
return (h(Host, { key: '
|
|
42
|
+
return (h(Host, { key: '03a8920c29a93c6df4bab14753a78a8a30722ce8', class: {
|
|
36
43
|
[mode]: true,
|
|
37
44
|
'fab-list-active': this.activated,
|
|
38
45
|
[`fab-list-side-${this.side}`]: true,
|
|
39
|
-
} }, h("slot", { key: '
|
|
46
|
+
} }, h("slot", { key: 'd9e1541cb044e209bc2dff14080f3b938a2b84ae' })));
|
|
40
47
|
}
|
|
41
48
|
get el() { return this; }
|
|
42
49
|
static get watchers() { return {
|
package/components/ion-img.js
CHANGED
|
@@ -34,7 +34,16 @@ const Img = /*@__PURE__*/ proxyCustomElement(class Img extends H {
|
|
|
34
34
|
componentDidLoad() {
|
|
35
35
|
this.addIO();
|
|
36
36
|
}
|
|
37
|
+
disconnectedCallback() {
|
|
38
|
+
if (this.loadTimeout) {
|
|
39
|
+
clearTimeout(this.loadTimeout);
|
|
40
|
+
}
|
|
41
|
+
}
|
|
37
42
|
addIO() {
|
|
43
|
+
if (this.loadTimeout) {
|
|
44
|
+
clearTimeout(this.loadTimeout);
|
|
45
|
+
this.loadTimeout = undefined;
|
|
46
|
+
}
|
|
38
47
|
if (this.src === undefined) {
|
|
39
48
|
return;
|
|
40
49
|
}
|
|
@@ -58,7 +67,7 @@ const Img = /*@__PURE__*/ proxyCustomElement(class Img extends H {
|
|
|
58
67
|
}
|
|
59
68
|
else {
|
|
60
69
|
// fall back to setTimeout for Safari and IE
|
|
61
|
-
setTimeout(() => this.load(), 200);
|
|
70
|
+
this.loadTimeout = setTimeout(() => this.load(), 200);
|
|
62
71
|
}
|
|
63
72
|
}
|
|
64
73
|
load() {
|
|
@@ -75,7 +84,7 @@ const Img = /*@__PURE__*/ proxyCustomElement(class Img extends H {
|
|
|
75
84
|
render() {
|
|
76
85
|
const { loadSrc, alt, onLoad, loadError, inheritedAttributes } = this;
|
|
77
86
|
const { draggable } = inheritedAttributes;
|
|
78
|
-
return (h(Host, { key: '
|
|
87
|
+
return (h(Host, { key: '9bfaa659b0680189fd29f3acb2fdce7f70be6060', class: getIonMode(this) }, h("img", { key: 'd484beae0d5cbe0406958bfad40cdd6c05625340', decoding: "async", src: loadSrc, alt: alt, onLoad: onLoad, onError: loadError, part: "image", draggable: isDraggable(draggable) })));
|
|
79
88
|
}
|
|
80
89
|
get el() { return this; }
|
|
81
90
|
static get watchers() { return {
|
package/components/ion-label.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import { L as Label, d as defineCustomElement$1 } from './p-
|
|
4
|
+
import { L as Label, d as defineCustomElement$1 } from './p-Cdm3dKWf.js';
|
|
5
5
|
|
|
6
6
|
const IonLabel = Label;
|
|
7
7
|
const defineCustomElement = defineCustomElement$1;
|
package/components/ion-modal.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import { M as Modal, d as defineCustomElement$1 } from './p-
|
|
4
|
+
import { M as Modal, d as defineCustomElement$1 } from './p-iyo0Toaz.js';
|
|
5
5
|
|
|
6
6
|
const IonModal = Modal;
|
|
7
7
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import { P as Popover, d as defineCustomElement$1 } from './p-
|
|
4
|
+
import { P as Popover, d as defineCustomElement$1 } from './p-C6dkQWq2.js';
|
|
5
5
|
|
|
6
6
|
const IonPopover = Popover;
|
|
7
7
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import { R as RadioGroup, d as defineCustomElement$1 } from './p-
|
|
4
|
+
import { R as RadioGroup, d as defineCustomElement$1 } from './p-BANeLH_G.js';
|
|
5
5
|
|
|
6
6
|
const IonRadioGroup = RadioGroup;
|
|
7
7
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -109,11 +109,14 @@ const Searchbar = /*@__PURE__*/ proxyCustomElement(class Searchbar extends H {
|
|
|
109
109
|
* Clears the input field and triggers the control change.
|
|
110
110
|
*/
|
|
111
111
|
this.onClearInput = async (shouldFocus) => {
|
|
112
|
+
if (this.clearTimeout) {
|
|
113
|
+
clearTimeout(this.clearTimeout);
|
|
114
|
+
}
|
|
112
115
|
this.ionClear.emit();
|
|
113
116
|
return new Promise((resolve) => {
|
|
114
117
|
// setTimeout() fixes https://github.com/ionic-team/ionic-framework/issues/7527
|
|
115
118
|
// wait for 4 frames
|
|
116
|
-
setTimeout(() => {
|
|
119
|
+
this.clearTimeout = setTimeout(() => {
|
|
117
120
|
const value = this.getValue();
|
|
118
121
|
if (value !== '') {
|
|
119
122
|
this.value = '';
|
|
@@ -248,10 +251,18 @@ const Searchbar = /*@__PURE__*/ proxyCustomElement(class Searchbar extends H {
|
|
|
248
251
|
this.originalIonInput = this.ionInput;
|
|
249
252
|
this.positionElements();
|
|
250
253
|
this.debounceChanged();
|
|
251
|
-
setTimeout(() => {
|
|
254
|
+
this.loadTimeout = setTimeout(() => {
|
|
252
255
|
this.noAnimate = false;
|
|
253
256
|
}, 300);
|
|
254
257
|
}
|
|
258
|
+
disconnectedCallback() {
|
|
259
|
+
if (this.loadTimeout) {
|
|
260
|
+
clearTimeout(this.loadTimeout);
|
|
261
|
+
}
|
|
262
|
+
if (this.clearTimeout) {
|
|
263
|
+
clearTimeout(this.clearTimeout);
|
|
264
|
+
}
|
|
265
|
+
}
|
|
255
266
|
emitStyle() {
|
|
256
267
|
this.ionStyle.emit({
|
|
257
268
|
searchbar: true,
|
|
@@ -440,8 +451,8 @@ const Searchbar = /*@__PURE__*/ proxyCustomElement(class Searchbar extends H {
|
|
|
440
451
|
const clearIcon = this.clearIcon || (mode === 'ios' ? closeCircle : closeSharp);
|
|
441
452
|
const searchIcon = this.searchIcon || (mode === 'ios' ? searchOutline : searchSharp);
|
|
442
453
|
const shouldShowCancelButton = this.shouldShowCancelButton();
|
|
443
|
-
const cancelButton = this.showCancelButton !== 'never' && (h("button", { key: '
|
|
444
|
-
return (h(Host, { key: '
|
|
454
|
+
const cancelButton = this.showCancelButton !== 'never' && (h("button", { key: '9e9f3a7f6ee66140181f8c3cfa42bbeee75adafc', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: mode === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, h("div", { key: '5f83fbcc0708830637815e8c0b69356cad381870', "aria-hidden": "true" }, mode === 'md' ? (h("ion-icon", { "aria-hidden": "true", mode: mode, icon: this.cancelButtonIcon, lazy: false })) : (cancelButtonText))));
|
|
455
|
+
return (h(Host, { key: '219c263c1f3cc63e18bc2d2ba5d672b7806eddd0', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
|
|
445
456
|
[mode]: true,
|
|
446
457
|
'searchbar-animated': animated,
|
|
447
458
|
'searchbar-disabled': this.disabled,
|
|
@@ -451,14 +462,14 @@ const Searchbar = /*@__PURE__*/ proxyCustomElement(class Searchbar extends H {
|
|
|
451
462
|
'searchbar-has-focus': this.focused,
|
|
452
463
|
'searchbar-should-show-clear': this.shouldShowClearButton(),
|
|
453
464
|
'searchbar-should-show-cancel': this.shouldShowCancelButton(),
|
|
454
|
-
}) }, h("div", { key: '
|
|
465
|
+
}) }, h("div", { key: '3f1c25442d6d87c0df67f79482a925b80dcc403d', class: "searchbar-input-container" }, h("input", Object.assign({ key: 'a386fecafda0fab449ea1488906ba6cfc55e2b5c', "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)), mode === 'md' && cancelButton, h("ion-icon", { key: '5f81642628335def39a14f0726e0fafdc7203776', "aria-hidden": "true", mode: mode, icon: searchIcon, lazy: false, class: "searchbar-search-icon" }), h("button", { key: 'da3073646f2d7f639261b556517fbadabc3c10e9', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
|
|
455
466
|
/**
|
|
456
467
|
* This prevents mobile browsers from
|
|
457
468
|
* blurring the input when the clear
|
|
458
469
|
* button is activated.
|
|
459
470
|
*/
|
|
460
471
|
ev.preventDefault();
|
|
461
|
-
}, onClick: () => this.onClearInput(true) }, h("ion-icon", { key: '
|
|
472
|
+
}, onClick: () => this.onClearInput(true) }, h("ion-icon", { key: '065cd6c707ae462c0767df1bab04ce8045f340a4', "aria-hidden": "true", mode: mode, icon: clearIcon, lazy: false, class: "searchbar-clear-icon" }))), mode === 'ios' && cancelButton));
|
|
462
473
|
}
|
|
463
474
|
get el() { return this; }
|
|
464
475
|
static get watchers() { return {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import { S as SelectModal, d as defineCustomElement$1 } from './p-
|
|
4
|
+
import { S as SelectModal, d as defineCustomElement$1 } from './p-51c2oSfC.js';
|
|
5
5
|
|
|
6
6
|
const IonSelectModal = SelectModal;
|
|
7
7
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import { S as SelectPopover, d as defineCustomElement$1 } from './p-
|
|
4
|
+
import { S as SelectPopover, d as defineCustomElement$1 } from './p-BRLve2EP.js';
|
|
5
5
|
|
|
6
6
|
const IonSelectPopover = SelectPopover;
|
|
7
7
|
const defineCustomElement = defineCustomElement$1;
|
package/components/ion-select.js
CHANGED
|
@@ -17,20 +17,20 @@ import { d as defineCustomElement$m } from './p-BcazQttQ.js';
|
|
|
17
17
|
import { d as defineCustomElement$l } from './p-Bhnhnzjz.js';
|
|
18
18
|
import { d as defineCustomElement$k } from './p-DK2Bn1Mc.js';
|
|
19
19
|
import { d as defineCustomElement$j } from './p-BBFQmhcD.js';
|
|
20
|
-
import { d as defineCustomElement$i } from './p-
|
|
21
|
-
import { d as defineCustomElement$h } from './p-
|
|
20
|
+
import { d as defineCustomElement$i } from './p-D--b4514.js';
|
|
21
|
+
import { d as defineCustomElement$h } from './p-DGOrLIyS.js';
|
|
22
22
|
import { d as defineCustomElement$g } from './p-DX0w75a9.js';
|
|
23
23
|
import { d as defineCustomElement$f } from './p-Wro9IPHE.js';
|
|
24
24
|
import { d as defineCustomElement$e } from './p-aIWC4ZEV.js';
|
|
25
|
-
import { d as defineCustomElement$d } from './p-
|
|
25
|
+
import { d as defineCustomElement$d } from './p-Cdm3dKWf.js';
|
|
26
26
|
import { d as defineCustomElement$c } from './p-B25GjpND.js';
|
|
27
27
|
import { d as defineCustomElement$b } from './p-NhiRFRn9.js';
|
|
28
|
-
import { d as defineCustomElement$a } from './p-
|
|
29
|
-
import { d as defineCustomElement$9 } from './p-
|
|
30
|
-
import { d as defineCustomElement$7 } from './p-
|
|
28
|
+
import { d as defineCustomElement$a } from './p-iyo0Toaz.js';
|
|
29
|
+
import { d as defineCustomElement$9 } from './p-C6dkQWq2.js';
|
|
30
|
+
import { d as defineCustomElement$7 } from './p-BANeLH_G.js';
|
|
31
31
|
import { d as defineCustomElement$6 } from './p-LgLeKTkH.js';
|
|
32
|
-
import { d as defineCustomElement$5 } from './p-
|
|
33
|
-
import { d as defineCustomElement$4 } from './p-
|
|
32
|
+
import { d as defineCustomElement$5 } from './p-51c2oSfC.js';
|
|
33
|
+
import { d as defineCustomElement$4 } from './p-BRLve2EP.js';
|
|
34
34
|
import { d as defineCustomElement$3 } from './p-BTlwXR9e.js';
|
|
35
35
|
import { d as defineCustomElement$2 } from './p-Dt8zaCLQ.js';
|
|
36
36
|
|
|
@@ -7,14 +7,14 @@ import { s as safeCall } from './p-c-XJ9XhZ.js';
|
|
|
7
7
|
import { g as getClassMap } from './p-DiVJyqlX.js';
|
|
8
8
|
import { d as defineCustomElement$d } from './p-DK2Bn1Mc.js';
|
|
9
9
|
import { d as defineCustomElement$c } from './p-BBFQmhcD.js';
|
|
10
|
-
import { d as defineCustomElement$b } from './p-
|
|
11
|
-
import { d as defineCustomElement$a } from './p-
|
|
10
|
+
import { d as defineCustomElement$b } from './p-D--b4514.js';
|
|
11
|
+
import { d as defineCustomElement$a } from './p-DGOrLIyS.js';
|
|
12
12
|
import { d as defineCustomElement$9 } from './p-DX0w75a9.js';
|
|
13
13
|
import { d as defineCustomElement$8 } from './p-Wro9IPHE.js';
|
|
14
14
|
import { d as defineCustomElement$7 } from './p-aIWC4ZEV.js';
|
|
15
15
|
import { d as defineCustomElement$6 } from './p-B25GjpND.js';
|
|
16
16
|
import { d as defineCustomElement$5 } from './p-Bt_moUyl.js';
|
|
17
|
-
import { d as defineCustomElement$4 } from './p-
|
|
17
|
+
import { d as defineCustomElement$4 } from './p-BANeLH_G.js';
|
|
18
18
|
import { d as defineCustomElement$3 } from './p-LgLeKTkH.js';
|
|
19
19
|
import { d as defineCustomElement$2 } from './p-BTlwXR9e.js';
|
|
20
20
|
import { d as defineCustomElement$1 } from './p-Dt8zaCLQ.js';
|
|
@@ -6,9 +6,9 @@ import { e as renderHiddenInput } from './p-D5hF6rwn.js';
|
|
|
6
6
|
import { c as checkInvalidState } from './p-DJztqcrH.js';
|
|
7
7
|
import { b as getIonMode } from './p-Bxl5etF4.js';
|
|
8
8
|
|
|
9
|
-
const radioGroupIosCss = "ion-radio-group{vertical-align:top}.radio-group-
|
|
9
|
+
const radioGroupIosCss = "ion-radio-group{vertical-align:top}.radio-group-top{line-height:1.5}.radio-group-top .error-text{display:none;color:var(--ion-color-danger, #c5000f)}.radio-group-top .helper-text{display:block;color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}.ion-touched.ion-invalid .radio-group-top .error-text{display:block}.ion-touched.ion-invalid .radio-group-top .helper-text{display:none}ion-list .radio-group-top{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px}";
|
|
10
10
|
|
|
11
|
-
const radioGroupMdCss = "ion-radio-group{vertical-align:top}.radio-group-
|
|
11
|
+
const radioGroupMdCss = "ion-radio-group{vertical-align:top}.radio-group-top{line-height:1.5}.radio-group-top .error-text{display:none;color:var(--ion-color-danger, #c5000f)}.radio-group-top .helper-text{display:block;color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}.ion-touched.ion-invalid .radio-group-top .error-text{display:block}.ion-touched.ion-invalid .radio-group-top .helper-text{display:none}ion-list .radio-group-top{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px}";
|
|
12
12
|
|
|
13
13
|
const RadioGroup = /*@__PURE__*/ proxyCustomElement(class RadioGroup extends H {
|
|
14
14
|
constructor(registerHost) {
|
|
@@ -5,14 +5,14 @@ import { p as proxyCustomElement, H, h, i as forceUpdate, d as Host } from './p-
|
|
|
5
5
|
import { s as safeCall } from './p-c-XJ9XhZ.js';
|
|
6
6
|
import { g as getClassMap } from './p-DiVJyqlX.js';
|
|
7
7
|
import { b as getIonMode } from './p-Bxl5etF4.js';
|
|
8
|
-
import { d as defineCustomElement$9 } from './p-
|
|
8
|
+
import { d as defineCustomElement$9 } from './p-D--b4514.js';
|
|
9
9
|
import { d as defineCustomElement$8 } from './p-Wro9IPHE.js';
|
|
10
10
|
import { d as defineCustomElement$7 } from './p-aIWC4ZEV.js';
|
|
11
|
-
import { d as defineCustomElement$6 } from './p-
|
|
11
|
+
import { d as defineCustomElement$6 } from './p-Cdm3dKWf.js';
|
|
12
12
|
import { d as defineCustomElement$5 } from './p-B25GjpND.js';
|
|
13
13
|
import { d as defineCustomElement$4 } from './p-NhiRFRn9.js';
|
|
14
14
|
import { d as defineCustomElement$3 } from './p-Bt_moUyl.js';
|
|
15
|
-
import { d as defineCustomElement$2 } from './p-
|
|
15
|
+
import { d as defineCustomElement$2 } from './p-BANeLH_G.js';
|
|
16
16
|
import { d as defineCustomElement$1 } from './p-LgLeKTkH.js';
|
|
17
17
|
|
|
18
18
|
const selectPopoverIosCss = ".sc-ion-select-popover-ios-h ion-list.sc-ion-select-popover-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list-header.sc-ion-select-popover-ios,ion-label.sc-ion-select-popover-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-select-popover-ios-h{overflow-y:auto}";
|