@ionic/core 8.7.8-dev.11760617852.1761d06f → 8.7.8-nightly.20251017
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/ion-accordion-group.js +26 -35
- package/components/ion-accordion.js +3 -7
- package/dist/cjs/ion-accordion_2.cjs.entry.js +29 -42
- package/dist/collection/components/accordion/accordion.js +3 -7
- package/dist/collection/components/accordion-group/accordion-group.js +26 -35
- package/dist/docs.json +2 -2
- package/dist/esm/ion-accordion_2.entry.js +29 -42
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/p-62e50f80.entry.js +4 -0
- package/dist/types/components/accordion-group/accordion-group-interface.d.ts +0 -1
- package/dist/types/components/accordion-group/accordion-group.d.ts +0 -2
- package/hydrate/index.js +29 -42
- package/hydrate/index.mjs +29 -42
- package/package.json +1 -1
- package/dist/ionic/p-b0e37d22.entry.js +0 -4
|
@@ -39,10 +39,28 @@ const AccordionGroup = /*@__PURE__*/ proxyCustomElement(class AccordionGroup ext
|
|
|
39
39
|
* Defaults to `"compact"`.
|
|
40
40
|
*/
|
|
41
41
|
this.expand = 'compact';
|
|
42
|
-
this.hasEmittedInitialValue = false;
|
|
43
42
|
}
|
|
44
43
|
valueChanged() {
|
|
45
|
-
this
|
|
44
|
+
const { value, multiple } = this;
|
|
45
|
+
if (!multiple && Array.isArray(value)) {
|
|
46
|
+
/**
|
|
47
|
+
* We do some processing on the `value` array so
|
|
48
|
+
* that it looks more like an array when logged to
|
|
49
|
+
* the console.
|
|
50
|
+
* Example given ['a', 'b']
|
|
51
|
+
* Default toString() behavior: a,b
|
|
52
|
+
* Custom behavior: ['a', 'b']
|
|
53
|
+
*/
|
|
54
|
+
printIonWarning(`[ion-accordion-group] - An array of values was passed, but multiple is "false". This is incorrect usage and may result in unexpected behaviors. To dismiss this warning, pass a string to the "value" property when multiple="false".
|
|
55
|
+
|
|
56
|
+
Value Passed: [${value.map((v) => `'${v}'`).join(', ')}]
|
|
57
|
+
`, this.el);
|
|
58
|
+
}
|
|
59
|
+
/**
|
|
60
|
+
* Do not use `value` here as that will be
|
|
61
|
+
* not account for the adjustment we make above.
|
|
62
|
+
*/
|
|
63
|
+
this.ionValueChange.emit({ value: this.value });
|
|
46
64
|
}
|
|
47
65
|
async disabledChanged() {
|
|
48
66
|
const { disabled } = this;
|
|
@@ -116,12 +134,11 @@ const AccordionGroup = /*@__PURE__*/ proxyCustomElement(class AccordionGroup ext
|
|
|
116
134
|
* it is possible for the value to be set after the Web Component
|
|
117
135
|
* initializes but before the value watcher is set up in Stencil.
|
|
118
136
|
* As a result, the watcher callback may not be fired.
|
|
119
|
-
* We work around this by manually
|
|
120
|
-
* has loaded and the watcher
|
|
137
|
+
* We work around this by manually calling the watcher
|
|
138
|
+
* callback when the component has loaded and the watcher
|
|
139
|
+
* is configured.
|
|
121
140
|
*/
|
|
122
|
-
|
|
123
|
-
this.emitValueChange(true);
|
|
124
|
-
}
|
|
141
|
+
this.valueChanged();
|
|
125
142
|
}
|
|
126
143
|
/**
|
|
127
144
|
* Sets the value property and emits ionChange.
|
|
@@ -201,41 +218,15 @@ const AccordionGroup = /*@__PURE__*/ proxyCustomElement(class AccordionGroup ext
|
|
|
201
218
|
async getAccordions() {
|
|
202
219
|
return Array.from(this.el.querySelectorAll(':scope > ion-accordion'));
|
|
203
220
|
}
|
|
204
|
-
emitValueChange(initial) {
|
|
205
|
-
const { value, multiple } = this;
|
|
206
|
-
if (!multiple && Array.isArray(value)) {
|
|
207
|
-
/**
|
|
208
|
-
* We do some processing on the `value` array so
|
|
209
|
-
* that it looks more like an array when logged to
|
|
210
|
-
* the console.
|
|
211
|
-
* Example given ['a', 'b']
|
|
212
|
-
* Default toString() behavior: a,b
|
|
213
|
-
* Custom behavior: ['a', 'b']
|
|
214
|
-
*/
|
|
215
|
-
printIonWarning(`[ion-accordion-group] - An array of values was passed, but multiple is "false". This is incorrect usage and may result in unexpected behaviors. To dismiss this warning, pass a string to the "value" property when multiple="false".
|
|
216
|
-
|
|
217
|
-
Value Passed: [${value.map((v) => `'${v}'`).join(', ')}]
|
|
218
|
-
`, this.el);
|
|
219
|
-
}
|
|
220
|
-
/**
|
|
221
|
-
* Track if this is the initial value update so accordions
|
|
222
|
-
* can skip transition animations when they first render.
|
|
223
|
-
*/
|
|
224
|
-
const shouldMarkInitial = initial || (!this.hasEmittedInitialValue && value !== undefined);
|
|
225
|
-
this.ionValueChange.emit({ value, initial: shouldMarkInitial });
|
|
226
|
-
if (value !== undefined) {
|
|
227
|
-
this.hasEmittedInitialValue = true;
|
|
228
|
-
}
|
|
229
|
-
}
|
|
230
221
|
render() {
|
|
231
222
|
const { disabled, readonly, expand } = this;
|
|
232
223
|
const mode = getIonMode(this);
|
|
233
|
-
return (h(Host, { key: '
|
|
224
|
+
return (h(Host, { key: 'd1a79a93179474fbba66fcf11a92f4871dacc975', class: {
|
|
234
225
|
[mode]: true,
|
|
235
226
|
'accordion-group-disabled': disabled,
|
|
236
227
|
'accordion-group-readonly': readonly,
|
|
237
228
|
[`accordion-group-expand-${expand}`]: true,
|
|
238
|
-
}, role: "presentation" }, h("slot", { key: '
|
|
229
|
+
}, role: "presentation" }, h("slot", { key: 'e6b8954b686d1fbb4fc92adb07fddc97a24b0a31' })));
|
|
239
230
|
}
|
|
240
231
|
get el() { return this; }
|
|
241
232
|
static get watchers() { return {
|
|
@@ -19,11 +19,7 @@ const Accordion = /*@__PURE__*/ proxyCustomElement(class Accordion extends HTMLE
|
|
|
19
19
|
this.__registerHost();
|
|
20
20
|
}
|
|
21
21
|
this.__attachShadow();
|
|
22
|
-
this.updateListener = (
|
|
23
|
-
var _a, _b;
|
|
24
|
-
const initialUpdate = (_b = (_a = ev.detail) === null || _a === void 0 ? void 0 : _a.initial) !== null && _b !== void 0 ? _b : false;
|
|
25
|
-
this.updateState(initialUpdate);
|
|
26
|
-
};
|
|
22
|
+
this.updateListener = () => this.updateState(false);
|
|
27
23
|
this.state = 1 /* AccordionState.Collapsed */;
|
|
28
24
|
this.isNext = false;
|
|
29
25
|
this.isPrevious = false;
|
|
@@ -325,7 +321,7 @@ const Accordion = /*@__PURE__*/ proxyCustomElement(class Accordion extends HTMLE
|
|
|
325
321
|
const headerPart = expanded ? 'header expanded' : 'header';
|
|
326
322
|
const contentPart = expanded ? 'content expanded' : 'content';
|
|
327
323
|
this.setAria(expanded);
|
|
328
|
-
return (h(Host, { key: '
|
|
324
|
+
return (h(Host, { key: '073e1d02c18dcbc20c68648426e87c14750c031d', class: {
|
|
329
325
|
[mode]: true,
|
|
330
326
|
'accordion-expanding': this.state === 8 /* AccordionState.Expanding */,
|
|
331
327
|
'accordion-expanded': this.state === 4 /* AccordionState.Expanded */,
|
|
@@ -336,7 +332,7 @@ const Accordion = /*@__PURE__*/ proxyCustomElement(class Accordion extends HTMLE
|
|
|
336
332
|
'accordion-disabled': disabled,
|
|
337
333
|
'accordion-readonly': readonly,
|
|
338
334
|
'accordion-animated': this.shouldAnimate(),
|
|
339
|
-
} }, h("div", { key: '
|
|
335
|
+
} }, h("div", { key: '9b4cf326de8bb6b4033992903c0c1bfd7eea9bcc', onClick: () => this.toggleExpanded(), id: "header", part: headerPart, "aria-controls": "content", ref: (headerEl) => (this.headerEl = headerEl) }, h("slot", { key: '464c32a37f64655eacf4218284214f5f30b14a1e', name: "header" })), h("div", { key: '8bb52e6a62d7de0106b253201a89a32e79d9a594', id: "content", part: contentPart, role: "region", "aria-labelledby": "header", ref: (contentEl) => (this.contentEl = contentEl) }, h("div", { key: '1d9dfd952ad493754aaeea7a8f625b33c2dd90a0', id: "content-wrapper", ref: (contentElWrapper) => (this.contentElWrapper = contentElWrapper) }, h("slot", { key: '970dfbc55a612d739d0ca3b7b1a08e5c96d0c479', name: "content" })))));
|
|
340
336
|
}
|
|
341
337
|
static get delegatesFocus() { return true; }
|
|
342
338
|
get el() { return this; }
|
|
@@ -15,11 +15,7 @@ const accordionMdCss = ":host{display:block;position:relative;width:100%;backgro
|
|
|
15
15
|
const Accordion = class {
|
|
16
16
|
constructor(hostRef) {
|
|
17
17
|
index.registerInstance(this, hostRef);
|
|
18
|
-
this.updateListener = (
|
|
19
|
-
var _a, _b;
|
|
20
|
-
const initialUpdate = (_b = (_a = ev.detail) === null || _a === void 0 ? void 0 : _a.initial) !== null && _b !== void 0 ? _b : false;
|
|
21
|
-
this.updateState(initialUpdate);
|
|
22
|
-
};
|
|
18
|
+
this.updateListener = () => this.updateState(false);
|
|
23
19
|
this.state = 1 /* AccordionState.Collapsed */;
|
|
24
20
|
this.isNext = false;
|
|
25
21
|
this.isPrevious = false;
|
|
@@ -321,7 +317,7 @@ const Accordion = class {
|
|
|
321
317
|
const headerPart = expanded ? 'header expanded' : 'header';
|
|
322
318
|
const contentPart = expanded ? 'content expanded' : 'content';
|
|
323
319
|
this.setAria(expanded);
|
|
324
|
-
return (index.h(index.Host, { key: '
|
|
320
|
+
return (index.h(index.Host, { key: '073e1d02c18dcbc20c68648426e87c14750c031d', class: {
|
|
325
321
|
[mode]: true,
|
|
326
322
|
'accordion-expanding': this.state === 8 /* AccordionState.Expanding */,
|
|
327
323
|
'accordion-expanded': this.state === 4 /* AccordionState.Expanded */,
|
|
@@ -332,7 +328,7 @@ const Accordion = class {
|
|
|
332
328
|
'accordion-disabled': disabled,
|
|
333
329
|
'accordion-readonly': readonly,
|
|
334
330
|
'accordion-animated': this.shouldAnimate(),
|
|
335
|
-
} }, index.h("div", { key: '
|
|
331
|
+
} }, index.h("div", { key: '9b4cf326de8bb6b4033992903c0c1bfd7eea9bcc', onClick: () => this.toggleExpanded(), id: "header", part: headerPart, "aria-controls": "content", ref: (headerEl) => (this.headerEl = headerEl) }, index.h("slot", { key: '464c32a37f64655eacf4218284214f5f30b14a1e', name: "header" })), index.h("div", { key: '8bb52e6a62d7de0106b253201a89a32e79d9a594', id: "content", part: contentPart, role: "region", "aria-labelledby": "header", ref: (contentEl) => (this.contentEl = contentEl) }, index.h("div", { key: '1d9dfd952ad493754aaeea7a8f625b33c2dd90a0', id: "content-wrapper", ref: (contentElWrapper) => (this.contentElWrapper = contentElWrapper) }, index.h("slot", { key: '970dfbc55a612d739d0ca3b7b1a08e5c96d0c479', name: "content" })))));
|
|
336
332
|
}
|
|
337
333
|
static get delegatesFocus() { return true; }
|
|
338
334
|
get el() { return index.getElement(this); }
|
|
@@ -376,10 +372,28 @@ const AccordionGroup = class {
|
|
|
376
372
|
* Defaults to `"compact"`.
|
|
377
373
|
*/
|
|
378
374
|
this.expand = 'compact';
|
|
379
|
-
this.hasEmittedInitialValue = false;
|
|
380
375
|
}
|
|
381
376
|
valueChanged() {
|
|
382
|
-
this
|
|
377
|
+
const { value, multiple } = this;
|
|
378
|
+
if (!multiple && Array.isArray(value)) {
|
|
379
|
+
/**
|
|
380
|
+
* We do some processing on the `value` array so
|
|
381
|
+
* that it looks more like an array when logged to
|
|
382
|
+
* the console.
|
|
383
|
+
* Example given ['a', 'b']
|
|
384
|
+
* Default toString() behavior: a,b
|
|
385
|
+
* Custom behavior: ['a', 'b']
|
|
386
|
+
*/
|
|
387
|
+
index.printIonWarning(`[ion-accordion-group] - An array of values was passed, but multiple is "false". This is incorrect usage and may result in unexpected behaviors. To dismiss this warning, pass a string to the "value" property when multiple="false".
|
|
388
|
+
|
|
389
|
+
Value Passed: [${value.map((v) => `'${v}'`).join(', ')}]
|
|
390
|
+
`, this.el);
|
|
391
|
+
}
|
|
392
|
+
/**
|
|
393
|
+
* Do not use `value` here as that will be
|
|
394
|
+
* not account for the adjustment we make above.
|
|
395
|
+
*/
|
|
396
|
+
this.ionValueChange.emit({ value: this.value });
|
|
383
397
|
}
|
|
384
398
|
async disabledChanged() {
|
|
385
399
|
const { disabled } = this;
|
|
@@ -453,12 +467,11 @@ const AccordionGroup = class {
|
|
|
453
467
|
* it is possible for the value to be set after the Web Component
|
|
454
468
|
* initializes but before the value watcher is set up in Stencil.
|
|
455
469
|
* As a result, the watcher callback may not be fired.
|
|
456
|
-
* We work around this by manually
|
|
457
|
-
* has loaded and the watcher
|
|
470
|
+
* We work around this by manually calling the watcher
|
|
471
|
+
* callback when the component has loaded and the watcher
|
|
472
|
+
* is configured.
|
|
458
473
|
*/
|
|
459
|
-
|
|
460
|
-
this.emitValueChange(true);
|
|
461
|
-
}
|
|
474
|
+
this.valueChanged();
|
|
462
475
|
}
|
|
463
476
|
/**
|
|
464
477
|
* Sets the value property and emits ionChange.
|
|
@@ -538,41 +551,15 @@ const AccordionGroup = class {
|
|
|
538
551
|
async getAccordions() {
|
|
539
552
|
return Array.from(this.el.querySelectorAll(':scope > ion-accordion'));
|
|
540
553
|
}
|
|
541
|
-
emitValueChange(initial) {
|
|
542
|
-
const { value, multiple } = this;
|
|
543
|
-
if (!multiple && Array.isArray(value)) {
|
|
544
|
-
/**
|
|
545
|
-
* We do some processing on the `value` array so
|
|
546
|
-
* that it looks more like an array when logged to
|
|
547
|
-
* the console.
|
|
548
|
-
* Example given ['a', 'b']
|
|
549
|
-
* Default toString() behavior: a,b
|
|
550
|
-
* Custom behavior: ['a', 'b']
|
|
551
|
-
*/
|
|
552
|
-
index.printIonWarning(`[ion-accordion-group] - An array of values was passed, but multiple is "false". This is incorrect usage and may result in unexpected behaviors. To dismiss this warning, pass a string to the "value" property when multiple="false".
|
|
553
|
-
|
|
554
|
-
Value Passed: [${value.map((v) => `'${v}'`).join(', ')}]
|
|
555
|
-
`, this.el);
|
|
556
|
-
}
|
|
557
|
-
/**
|
|
558
|
-
* Track if this is the initial value update so accordions
|
|
559
|
-
* can skip transition animations when they first render.
|
|
560
|
-
*/
|
|
561
|
-
const shouldMarkInitial = initial || (!this.hasEmittedInitialValue && value !== undefined);
|
|
562
|
-
this.ionValueChange.emit({ value, initial: shouldMarkInitial });
|
|
563
|
-
if (value !== undefined) {
|
|
564
|
-
this.hasEmittedInitialValue = true;
|
|
565
|
-
}
|
|
566
|
-
}
|
|
567
554
|
render() {
|
|
568
555
|
const { disabled, readonly, expand } = this;
|
|
569
556
|
const mode = ionicGlobal.getIonMode(this);
|
|
570
|
-
return (index.h(index.Host, { key: '
|
|
557
|
+
return (index.h(index.Host, { key: 'd1a79a93179474fbba66fcf11a92f4871dacc975', class: {
|
|
571
558
|
[mode]: true,
|
|
572
559
|
'accordion-group-disabled': disabled,
|
|
573
560
|
'accordion-group-readonly': readonly,
|
|
574
561
|
[`accordion-group-expand-${expand}`]: true,
|
|
575
|
-
}, role: "presentation" }, index.h("slot", { key: '
|
|
562
|
+
}, role: "presentation" }, index.h("slot", { key: 'e6b8954b686d1fbb4fc92adb07fddc97a24b0a31' })));
|
|
576
563
|
}
|
|
577
564
|
get el() { return index.getElement(this); }
|
|
578
565
|
static get watchers() { return {
|
|
@@ -21,11 +21,7 @@ import { getIonMode } from "../../global/ionic-global";
|
|
|
21
21
|
*/
|
|
22
22
|
export class Accordion {
|
|
23
23
|
constructor() {
|
|
24
|
-
this.updateListener = (
|
|
25
|
-
var _a, _b;
|
|
26
|
-
const initialUpdate = (_b = (_a = ev.detail) === null || _a === void 0 ? void 0 : _a.initial) !== null && _b !== void 0 ? _b : false;
|
|
27
|
-
this.updateState(initialUpdate);
|
|
28
|
-
};
|
|
24
|
+
this.updateListener = () => this.updateState(false);
|
|
29
25
|
this.state = 1 /* AccordionState.Collapsed */;
|
|
30
26
|
this.isNext = false;
|
|
31
27
|
this.isPrevious = false;
|
|
@@ -327,7 +323,7 @@ export class Accordion {
|
|
|
327
323
|
const headerPart = expanded ? 'header expanded' : 'header';
|
|
328
324
|
const contentPart = expanded ? 'content expanded' : 'content';
|
|
329
325
|
this.setAria(expanded);
|
|
330
|
-
return (h(Host, { key: '
|
|
326
|
+
return (h(Host, { key: '073e1d02c18dcbc20c68648426e87c14750c031d', class: {
|
|
331
327
|
[mode]: true,
|
|
332
328
|
'accordion-expanding': this.state === 8 /* AccordionState.Expanding */,
|
|
333
329
|
'accordion-expanded': this.state === 4 /* AccordionState.Expanded */,
|
|
@@ -338,7 +334,7 @@ export class Accordion {
|
|
|
338
334
|
'accordion-disabled': disabled,
|
|
339
335
|
'accordion-readonly': readonly,
|
|
340
336
|
'accordion-animated': this.shouldAnimate(),
|
|
341
|
-
} }, h("div", { key: '
|
|
337
|
+
} }, h("div", { key: '9b4cf326de8bb6b4033992903c0c1bfd7eea9bcc', onClick: () => this.toggleExpanded(), id: "header", part: headerPart, "aria-controls": "content", ref: (headerEl) => (this.headerEl = headerEl) }, h("slot", { key: '464c32a37f64655eacf4218284214f5f30b14a1e', name: "header" })), h("div", { key: '8bb52e6a62d7de0106b253201a89a32e79d9a594', id: "content", part: contentPart, role: "region", "aria-labelledby": "header", ref: (contentEl) => (this.contentEl = contentEl) }, h("div", { key: '1d9dfd952ad493754aaeea7a8f625b33c2dd90a0', id: "content-wrapper", ref: (contentElWrapper) => (this.contentElWrapper = contentElWrapper) }, h("slot", { key: '970dfbc55a612d739d0ca3b7b1a08e5c96d0c479', name: "content" })))));
|
|
342
338
|
}
|
|
343
339
|
static get is() { return "ion-accordion"; }
|
|
344
340
|
static get encapsulation() { return "shadow"; }
|
|
@@ -30,10 +30,28 @@ export class AccordionGroup {
|
|
|
30
30
|
* Defaults to `"compact"`.
|
|
31
31
|
*/
|
|
32
32
|
this.expand = 'compact';
|
|
33
|
-
this.hasEmittedInitialValue = false;
|
|
34
33
|
}
|
|
35
34
|
valueChanged() {
|
|
36
|
-
this
|
|
35
|
+
const { value, multiple } = this;
|
|
36
|
+
if (!multiple && Array.isArray(value)) {
|
|
37
|
+
/**
|
|
38
|
+
* We do some processing on the `value` array so
|
|
39
|
+
* that it looks more like an array when logged to
|
|
40
|
+
* the console.
|
|
41
|
+
* Example given ['a', 'b']
|
|
42
|
+
* Default toString() behavior: a,b
|
|
43
|
+
* Custom behavior: ['a', 'b']
|
|
44
|
+
*/
|
|
45
|
+
printIonWarning(`[ion-accordion-group] - An array of values was passed, but multiple is "false". This is incorrect usage and may result in unexpected behaviors. To dismiss this warning, pass a string to the "value" property when multiple="false".
|
|
46
|
+
|
|
47
|
+
Value Passed: [${value.map((v) => `'${v}'`).join(', ')}]
|
|
48
|
+
`, this.el);
|
|
49
|
+
}
|
|
50
|
+
/**
|
|
51
|
+
* Do not use `value` here as that will be
|
|
52
|
+
* not account for the adjustment we make above.
|
|
53
|
+
*/
|
|
54
|
+
this.ionValueChange.emit({ value: this.value });
|
|
37
55
|
}
|
|
38
56
|
async disabledChanged() {
|
|
39
57
|
const { disabled } = this;
|
|
@@ -107,12 +125,11 @@ export class AccordionGroup {
|
|
|
107
125
|
* it is possible for the value to be set after the Web Component
|
|
108
126
|
* initializes but before the value watcher is set up in Stencil.
|
|
109
127
|
* As a result, the watcher callback may not be fired.
|
|
110
|
-
* We work around this by manually
|
|
111
|
-
* has loaded and the watcher
|
|
128
|
+
* We work around this by manually calling the watcher
|
|
129
|
+
* callback when the component has loaded and the watcher
|
|
130
|
+
* is configured.
|
|
112
131
|
*/
|
|
113
|
-
|
|
114
|
-
this.emitValueChange(true);
|
|
115
|
-
}
|
|
132
|
+
this.valueChanged();
|
|
116
133
|
}
|
|
117
134
|
/**
|
|
118
135
|
* Sets the value property and emits ionChange.
|
|
@@ -192,41 +209,15 @@ export class AccordionGroup {
|
|
|
192
209
|
async getAccordions() {
|
|
193
210
|
return Array.from(this.el.querySelectorAll(':scope > ion-accordion'));
|
|
194
211
|
}
|
|
195
|
-
emitValueChange(initial) {
|
|
196
|
-
const { value, multiple } = this;
|
|
197
|
-
if (!multiple && Array.isArray(value)) {
|
|
198
|
-
/**
|
|
199
|
-
* We do some processing on the `value` array so
|
|
200
|
-
* that it looks more like an array when logged to
|
|
201
|
-
* the console.
|
|
202
|
-
* Example given ['a', 'b']
|
|
203
|
-
* Default toString() behavior: a,b
|
|
204
|
-
* Custom behavior: ['a', 'b']
|
|
205
|
-
*/
|
|
206
|
-
printIonWarning(`[ion-accordion-group] - An array of values was passed, but multiple is "false". This is incorrect usage and may result in unexpected behaviors. To dismiss this warning, pass a string to the "value" property when multiple="false".
|
|
207
|
-
|
|
208
|
-
Value Passed: [${value.map((v) => `'${v}'`).join(', ')}]
|
|
209
|
-
`, this.el);
|
|
210
|
-
}
|
|
211
|
-
/**
|
|
212
|
-
* Track if this is the initial value update so accordions
|
|
213
|
-
* can skip transition animations when they first render.
|
|
214
|
-
*/
|
|
215
|
-
const shouldMarkInitial = initial || (!this.hasEmittedInitialValue && value !== undefined);
|
|
216
|
-
this.ionValueChange.emit({ value, initial: shouldMarkInitial });
|
|
217
|
-
if (value !== undefined) {
|
|
218
|
-
this.hasEmittedInitialValue = true;
|
|
219
|
-
}
|
|
220
|
-
}
|
|
221
212
|
render() {
|
|
222
213
|
const { disabled, readonly, expand } = this;
|
|
223
214
|
const mode = getIonMode(this);
|
|
224
|
-
return (h(Host, { key: '
|
|
215
|
+
return (h(Host, { key: 'd1a79a93179474fbba66fcf11a92f4871dacc975', class: {
|
|
225
216
|
[mode]: true,
|
|
226
217
|
'accordion-group-disabled': disabled,
|
|
227
218
|
'accordion-group-readonly': readonly,
|
|
228
219
|
[`accordion-group-expand-${expand}`]: true,
|
|
229
|
-
}, role: "presentation" }, h("slot", { key: '
|
|
220
|
+
}, role: "presentation" }, h("slot", { key: 'e6b8954b686d1fbb4fc92adb07fddc97a24b0a31' })));
|
|
230
221
|
}
|
|
231
222
|
static get is() { return "ion-accordion-group"; }
|
|
232
223
|
static get encapsulation() { return "shadow"; }
|
package/dist/docs.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"timestamp": "2025-10-
|
|
2
|
+
"timestamp": "2025-10-17T06:10:44",
|
|
3
3
|
"compiler": {
|
|
4
4
|
"name": "@stencil/core",
|
|
5
5
|
"version": "4.38.0",
|
|
@@ -37226,7 +37226,7 @@
|
|
|
37226
37226
|
],
|
|
37227
37227
|
"typeLibrary": {
|
|
37228
37228
|
"src/components/accordion-group/accordion-group-interface.ts::AccordionGroupChangeEventDetail": {
|
|
37229
|
-
"declaration": "export interface AccordionGroupChangeEventDetail<T = any> {\n value: T;\n
|
|
37229
|
+
"declaration": "export interface AccordionGroupChangeEventDetail<T = any> {\n value: T;\n}",
|
|
37230
37230
|
"docstring": "",
|
|
37231
37231
|
"path": "src/components/accordion-group/accordion-group-interface.ts"
|
|
37232
37232
|
},
|
|
@@ -13,11 +13,7 @@ const accordionMdCss = ":host{display:block;position:relative;width:100%;backgro
|
|
|
13
13
|
const Accordion = class {
|
|
14
14
|
constructor(hostRef) {
|
|
15
15
|
registerInstance(this, hostRef);
|
|
16
|
-
this.updateListener = (
|
|
17
|
-
var _a, _b;
|
|
18
|
-
const initialUpdate = (_b = (_a = ev.detail) === null || _a === void 0 ? void 0 : _a.initial) !== null && _b !== void 0 ? _b : false;
|
|
19
|
-
this.updateState(initialUpdate);
|
|
20
|
-
};
|
|
16
|
+
this.updateListener = () => this.updateState(false);
|
|
21
17
|
this.state = 1 /* AccordionState.Collapsed */;
|
|
22
18
|
this.isNext = false;
|
|
23
19
|
this.isPrevious = false;
|
|
@@ -319,7 +315,7 @@ const Accordion = class {
|
|
|
319
315
|
const headerPart = expanded ? 'header expanded' : 'header';
|
|
320
316
|
const contentPart = expanded ? 'content expanded' : 'content';
|
|
321
317
|
this.setAria(expanded);
|
|
322
|
-
return (h(Host, { key: '
|
|
318
|
+
return (h(Host, { key: '073e1d02c18dcbc20c68648426e87c14750c031d', class: {
|
|
323
319
|
[mode]: true,
|
|
324
320
|
'accordion-expanding': this.state === 8 /* AccordionState.Expanding */,
|
|
325
321
|
'accordion-expanded': this.state === 4 /* AccordionState.Expanded */,
|
|
@@ -330,7 +326,7 @@ const Accordion = class {
|
|
|
330
326
|
'accordion-disabled': disabled,
|
|
331
327
|
'accordion-readonly': readonly,
|
|
332
328
|
'accordion-animated': this.shouldAnimate(),
|
|
333
|
-
} }, h("div", { key: '
|
|
329
|
+
} }, h("div", { key: '9b4cf326de8bb6b4033992903c0c1bfd7eea9bcc', onClick: () => this.toggleExpanded(), id: "header", part: headerPart, "aria-controls": "content", ref: (headerEl) => (this.headerEl = headerEl) }, h("slot", { key: '464c32a37f64655eacf4218284214f5f30b14a1e', name: "header" })), h("div", { key: '8bb52e6a62d7de0106b253201a89a32e79d9a594', id: "content", part: contentPart, role: "region", "aria-labelledby": "header", ref: (contentEl) => (this.contentEl = contentEl) }, h("div", { key: '1d9dfd952ad493754aaeea7a8f625b33c2dd90a0', id: "content-wrapper", ref: (contentElWrapper) => (this.contentElWrapper = contentElWrapper) }, h("slot", { key: '970dfbc55a612d739d0ca3b7b1a08e5c96d0c479', name: "content" })))));
|
|
334
330
|
}
|
|
335
331
|
static get delegatesFocus() { return true; }
|
|
336
332
|
get el() { return getElement(this); }
|
|
@@ -374,10 +370,28 @@ const AccordionGroup = class {
|
|
|
374
370
|
* Defaults to `"compact"`.
|
|
375
371
|
*/
|
|
376
372
|
this.expand = 'compact';
|
|
377
|
-
this.hasEmittedInitialValue = false;
|
|
378
373
|
}
|
|
379
374
|
valueChanged() {
|
|
380
|
-
this
|
|
375
|
+
const { value, multiple } = this;
|
|
376
|
+
if (!multiple && Array.isArray(value)) {
|
|
377
|
+
/**
|
|
378
|
+
* We do some processing on the `value` array so
|
|
379
|
+
* that it looks more like an array when logged to
|
|
380
|
+
* the console.
|
|
381
|
+
* Example given ['a', 'b']
|
|
382
|
+
* Default toString() behavior: a,b
|
|
383
|
+
* Custom behavior: ['a', 'b']
|
|
384
|
+
*/
|
|
385
|
+
printIonWarning(`[ion-accordion-group] - An array of values was passed, but multiple is "false". This is incorrect usage and may result in unexpected behaviors. To dismiss this warning, pass a string to the "value" property when multiple="false".
|
|
386
|
+
|
|
387
|
+
Value Passed: [${value.map((v) => `'${v}'`).join(', ')}]
|
|
388
|
+
`, this.el);
|
|
389
|
+
}
|
|
390
|
+
/**
|
|
391
|
+
* Do not use `value` here as that will be
|
|
392
|
+
* not account for the adjustment we make above.
|
|
393
|
+
*/
|
|
394
|
+
this.ionValueChange.emit({ value: this.value });
|
|
381
395
|
}
|
|
382
396
|
async disabledChanged() {
|
|
383
397
|
const { disabled } = this;
|
|
@@ -451,12 +465,11 @@ const AccordionGroup = class {
|
|
|
451
465
|
* it is possible for the value to be set after the Web Component
|
|
452
466
|
* initializes but before the value watcher is set up in Stencil.
|
|
453
467
|
* As a result, the watcher callback may not be fired.
|
|
454
|
-
* We work around this by manually
|
|
455
|
-
* has loaded and the watcher
|
|
468
|
+
* We work around this by manually calling the watcher
|
|
469
|
+
* callback when the component has loaded and the watcher
|
|
470
|
+
* is configured.
|
|
456
471
|
*/
|
|
457
|
-
|
|
458
|
-
this.emitValueChange(true);
|
|
459
|
-
}
|
|
472
|
+
this.valueChanged();
|
|
460
473
|
}
|
|
461
474
|
/**
|
|
462
475
|
* Sets the value property and emits ionChange.
|
|
@@ -536,41 +549,15 @@ const AccordionGroup = class {
|
|
|
536
549
|
async getAccordions() {
|
|
537
550
|
return Array.from(this.el.querySelectorAll(':scope > ion-accordion'));
|
|
538
551
|
}
|
|
539
|
-
emitValueChange(initial) {
|
|
540
|
-
const { value, multiple } = this;
|
|
541
|
-
if (!multiple && Array.isArray(value)) {
|
|
542
|
-
/**
|
|
543
|
-
* We do some processing on the `value` array so
|
|
544
|
-
* that it looks more like an array when logged to
|
|
545
|
-
* the console.
|
|
546
|
-
* Example given ['a', 'b']
|
|
547
|
-
* Default toString() behavior: a,b
|
|
548
|
-
* Custom behavior: ['a', 'b']
|
|
549
|
-
*/
|
|
550
|
-
printIonWarning(`[ion-accordion-group] - An array of values was passed, but multiple is "false". This is incorrect usage and may result in unexpected behaviors. To dismiss this warning, pass a string to the "value" property when multiple="false".
|
|
551
|
-
|
|
552
|
-
Value Passed: [${value.map((v) => `'${v}'`).join(', ')}]
|
|
553
|
-
`, this.el);
|
|
554
|
-
}
|
|
555
|
-
/**
|
|
556
|
-
* Track if this is the initial value update so accordions
|
|
557
|
-
* can skip transition animations when they first render.
|
|
558
|
-
*/
|
|
559
|
-
const shouldMarkInitial = initial || (!this.hasEmittedInitialValue && value !== undefined);
|
|
560
|
-
this.ionValueChange.emit({ value, initial: shouldMarkInitial });
|
|
561
|
-
if (value !== undefined) {
|
|
562
|
-
this.hasEmittedInitialValue = true;
|
|
563
|
-
}
|
|
564
|
-
}
|
|
565
552
|
render() {
|
|
566
553
|
const { disabled, readonly, expand } = this;
|
|
567
554
|
const mode = getIonMode(this);
|
|
568
|
-
return (h(Host, { key: '
|
|
555
|
+
return (h(Host, { key: 'd1a79a93179474fbba66fcf11a92f4871dacc975', class: {
|
|
569
556
|
[mode]: true,
|
|
570
557
|
'accordion-group-disabled': disabled,
|
|
571
558
|
'accordion-group-readonly': readonly,
|
|
572
559
|
[`accordion-group-expand-${expand}`]: true,
|
|
573
|
-
}, role: "presentation" }, h("slot", { key: '
|
|
560
|
+
}, role: "presentation" }, h("slot", { key: 'e6b8954b686d1fbb4fc92adb07fddc97a24b0a31' })));
|
|
574
561
|
}
|
|
575
562
|
get el() { return getElement(this); }
|
|
576
563
|
static get watchers() { return {
|
package/dist/ionic/ionic.esm.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import{p as e,H as o,b as t}from"./p-C8IsBmNU.js";export{s as setNonce}from"./p-C8IsBmNU.js";import{g as n}from"./p-CJxh_yLS.js";import"./p-BFvmZNyx.js";var a=e=>{const o=e.cloneNode;e.cloneNode=function(e){if("TEMPLATE"===this.nodeName)return o.call(this,e);const t=o.call(this,!1),n=this.childNodes;if(e)for(let e=0;e<n.length;e++)2!==n[e].nodeType&&t.appendChild(n[e].cloneNode(!0));return t}};(()=>{a(o.prototype);const t=import.meta.url,n={};return""!==t&&(n.resourcesUrl=new URL(".",t).href),e(n)})().then((async e=>(await n(),t(JSON.parse('[["p-83be404e",[[289,"ion-menu-button",{"color":[513],"disabled":[4],"menu":[1],"autoHide":[4,"auto-hide"],"type":[1],"visible":[32]},[[16,"ionMenuChange","visibilityChanged"],[16,"ionSplitPaneVisible","visibilityChanged"]]],[289,"ion-menu",{"contentId":[513,"content-id"],"menuId":[513,"menu-id"],"type":[1025],"disabled":[1028],"side":[513],"swipeGesture":[4,"swipe-gesture"],"maxEdgeStart":[2,"max-edge-start"],"isPaneVisible":[32],"isEndSide":[32],"isOpen":[64],"isActive":[64],"open":[64],"close":[64],"toggle":[64],"setOpen":[64]},[[16,"ionSplitPaneVisible","onSplitPaneChanged"],[2,"click","onBackdropClick"]],{"type":["typeChanged"],"disabled":["disabledChanged"],"side":["sideChanged"],"swipeGesture":["swipeGestureChanged"]}],[257,"ion-menu-toggle",{"menu":[1],"autoHide":[4,"auto-hide"],"visible":[32]},[[16,"ionMenuChange","visibilityChanged"],[16,"ionSplitPaneVisible","visibilityChanged"]]]]],["p-b57c6d3e",[[289,"ion-input-password-toggle",{"color":[513],"showIcon":[1,"show-icon"],"hideIcon":[1,"hide-icon"],"type":[1025]},null,{"type":["onTypeChange"]}]]],["p-6444c606",[[289,"ion-fab-button",{"color":[513],"activated":[4],"disabled":[4],"download":[1],"href":[1],"rel":[1],"routerDirection":[1,"router-direction"],"routerAnimation":[16],"target":[1],"show":[4],"translucent":[4],"type":[1],"size":[1],"closeIcon":[1,"close-icon"]}],[257,"ion-fab",{"horizontal":[1],"vertical":[1],"edge":[4],"activated":[1028],"close":[64],"toggle":[64]},null,{"activated":["activatedChanged"]}],[257,"ion-fab-list",{"activated":[4],"side":[1]},null,{"activated":["activatedChanged"]}]]],["p-639dd543",[[256,"ion-refresher-content",{"pullingIcon":[1025,"pulling-icon"],"pullingText":[1,"pulling-text"],"refreshingSpinner":[1025,"refreshing-spinner"],"refreshingText":[1,"refreshing-text"]}],[288,"ion-refresher",{"pullMin":[2,"pull-min"],"pullMax":[2,"pull-max"],"closeDuration":[1,"close-duration"],"snapbackDuration":[1,"snapback-duration"],"pullFactor":[2,"pull-factor"],"disabled":[4],"nativeRefresher":[32],"state":[32],"complete":[64],"cancel":[64],"getProgress":[64]},null,{"disabled":["disabledChanged"]}]]],["p-49d06882",[[289,"ion-back-button",{"color":[513],"defaultHref":[1025,"default-href"],"disabled":[516],"icon":[1],"text":[1],"type":[1],"routerAnimation":[16]}]]],["p-15193d01",[[289,"ion-toast",{"overlayIndex":[2,"overlay-index"],"delegate":[16],"hasController":[4,"has-controller"],"color":[513],"enterAnimation":[16],"leaveAnimation":[16],"cssClass":[1,"css-class"],"duration":[2],"header":[1],"layout":[1],"message":[1],"keyboardClose":[4,"keyboard-close"],"position":[1],"positionAnchor":[1,"position-anchor"],"buttons":[16],"translucent":[4],"animated":[4],"icon":[1],"htmlAttributes":[16],"swipeGesture":[1,"swipe-gesture"],"isOpen":[4,"is-open"],"trigger":[1],"revealContentToScreenReader":[32],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64]},null,{"swipeGesture":["swipeGestureChanged"],"isOpen":["onIsOpenChange"],"trigger":["triggerChanged"]}]]],["p-79bd78f9",[[289,"ion-card",{"color":[513],"button":[4],"type":[1],"disabled":[4],"download":[1],"href":[1],"rel":[1],"routerDirection":[1,"router-direction"],"routerAnimation":[16],"target":[1]}],[288,"ion-card-content"],[289,"ion-card-header",{"color":[513],"translucent":[4]}],[289,"ion-card-subtitle",{"color":[513]}],[289,"ion-card-title",{"color":[513]}]]],["p-316c0420",[[289,"ion-item-option",{"color":[513],"disabled":[4],"download":[1],"expandable":[4],"href":[1],"rel":[1],"target":[1],"type":[1]}],[288,"ion-item-options",{"side":[1],"fireSwipeEvent":[64]}],[256,"ion-item-sliding",{"disabled":[4],"state":[32],"getOpenAmount":[64],"getSlidingRatio":[64],"open":[64],"close":[64],"closeOpened":[64]},null,{"disabled":["disabledChanged"]}]]],["p-b0e37d22",[[305,"ion-accordion",{"value":[1],"disabled":[4],"readonly":[4],"toggleIcon":[1,"toggle-icon"],"toggleIconSlot":[1,"toggle-icon-slot"],"state":[32],"isNext":[32],"isPrevious":[32]},null,{"value":["valueChanged"]}],[289,"ion-accordion-group",{"animated":[4],"multiple":[4],"value":[1025],"disabled":[4],"readonly":[4],"expand":[1],"requestAccordionToggle":[64],"getAccordions":[64]},[[0,"keydown","onKeydown"]],{"value":["valueChanged"],"disabled":["disabledChanged"],"readonly":["readonlyChanged"]}]]],["p-cc45bcbc",[[288,"ion-infinite-scroll-content",{"loadingSpinner":[1025,"loading-spinner"],"loadingText":[1,"loading-text"]}],[256,"ion-infinite-scroll",{"threshold":[1],"disabled":[4],"position":[1],"isLoading":[32],"complete":[64]},null,{"threshold":["thresholdChanged"],"disabled":["disabledChanged"]}]]],["p-2a939845",[[289,"ion-reorder",null,[[2,"click","onClick"]]],[256,"ion-reorder-group",{"disabled":[4],"state":[32],"complete":[64]},null,{"disabled":["disabledChanged"]}]]],["p-0dfa5a37",[[289,"ion-segment-button",{"contentId":[513,"content-id"],"disabled":[1028],"layout":[1],"type":[1],"value":[8],"checked":[32],"setFocus":[64]},null,{"value":["valueChanged"]}],[289,"ion-segment",{"color":[513],"disabled":[4],"scrollable":[4],"swipeGesture":[4,"swipe-gesture"],"value":[1032],"selectOnFocus":[4,"select-on-focus"],"activated":[32]},[[16,"ionSegmentViewScroll","handleSegmentViewScroll"],[0,"keydown","onKeyDown"]],{"color":["colorChanged"],"swipeGesture":["swipeGestureChanged"],"value":["valueChanged"],"disabled":["disabledChanged"]}]]],["p-b0a7585c",[[289,"ion-chip",{"color":[513],"outline":[4],"disabled":[4]}]]],["p-8bdfc8f6",[[294,"ion-input",{"color":[513],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"clearInput":[4,"clear-input"],"clearInputIcon":[1,"clear-input-icon"],"clearOnEdit":[4,"clear-on-edit"],"counter":[4],"counterFormatter":[16],"debounce":[2],"disabled":[516],"enterkeyhint":[1],"errorText":[1,"error-text"],"fill":[1],"inputmode":[1],"helperText":[1,"helper-text"],"label":[1],"labelPlacement":[1,"label-placement"],"max":[8],"maxlength":[2],"min":[8],"minlength":[2],"multiple":[4],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[516],"required":[4],"shape":[1],"spellcheck":[4],"step":[1],"type":[1],"value":[1032],"hasFocus":[32],"isInvalid":[32],"setFocus":[64],"getInputElement":[64]},[[2,"click","onClickCapture"]],{"debounce":["debounceChanged"],"type":["onTypeChange"],"value":["valueChanged"],"dir":["onDirChanged"]}]]],["p-074839fc",[[290,"ion-searchbar",{"color":[513],"animated":[4],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"cancelButtonIcon":[1,"cancel-button-icon"],"cancelButtonText":[1,"cancel-button-text"],"clearIcon":[1,"clear-icon"],"debounce":[2],"disabled":[4],"inputmode":[1],"enterkeyhint":[1],"maxlength":[2],"minlength":[2],"name":[1],"placeholder":[1],"searchIcon":[1,"search-icon"],"showCancelButton":[1,"show-cancel-button"],"showClearButton":[1,"show-clear-button"],"spellcheck":[4],"type":[1],"value":[1025],"focused":[32],"noAnimate":[32],"setFocus":[64],"getInputElement":[64]},null,{"lang":["onLangChanged"],"dir":["onDirChanged"],"debounce":["debounceChanged"],"value":["valueChanged"],"showCancelButton":["showCancelButtonChanged"]}]]],["p-c17c0a01",[[289,"ion-toggle",{"color":[513],"name":[1],"checked":[1028],"disabled":[4],"errorText":[1,"error-text"],"helperText":[1,"helper-text"],"value":[1],"enableOnOffLabels":[4,"enable-on-off-labels"],"labelPlacement":[1,"label-placement"],"justify":[1],"alignment":[1],"required":[4],"activated":[32]},null,{"disabled":["disabledChanged"]}]]],["p-dbbe606a",[[257,"ion-nav",{"delegate":[16],"swipeGesture":[1028,"swipe-gesture"],"animated":[4],"animation":[16],"rootParams":[16],"root":[1],"push":[64],"insert":[64],"insertPages":[64],"pop":[64],"popTo":[64],"popToRoot":[64],"removeIndex":[64],"setRoot":[64],"setPages":[64],"setRouteId":[64],"getRouteId":[64],"getActive":[64],"getByIndex":[64],"canGoBack":[64],"getPrevious":[64],"getLength":[64]},null,{"swipeGesture":["swipeGestureChanged"],"root":["rootChanged"]}],[256,"ion-nav-link",{"component":[1],"componentProps":[16],"routerDirection":[1,"router-direction"],"routerAnimation":[16]}]]],["p-a127bee2",[[257,"ion-tab",{"active":[1028],"delegate":[16],"tab":[1],"component":[1],"setActive":[64]},null,{"active":["changeActive"]}],[257,"ion-tabs",{"useRouter":[1028,"use-router"],"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64],"setRouteId":[64],"getRouteId":[64]}]]],["p-4cc26913",[[294,"ion-textarea",{"color":[513],"autocapitalize":[1],"autofocus":[4],"clearOnEdit":[4,"clear-on-edit"],"debounce":[2],"disabled":[4],"fill":[1],"inputmode":[1],"enterkeyhint":[1],"maxlength":[2],"minlength":[2],"name":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"cols":[514],"rows":[2],"wrap":[1],"autoGrow":[516,"auto-grow"],"value":[1025],"counter":[4],"counterFormatter":[16],"errorText":[1,"error-text"],"helperText":[1,"helper-text"],"label":[1],"labelPlacement":[1,"label-placement"],"shape":[1],"hasFocus":[32],"isInvalid":[32],"setFocus":[64],"getInputElement":[64]},[[2,"click","onClickCapture"]],{"debounce":["debounceChanged"],"value":["valueChanged"],"dir":["onDirChanged"]}]]],["p-582824c5",[[289,"ion-backdrop",{"visible":[4],"tappable":[4],"stopPropagation":[4,"stop-propagation"]},[[2,"click","onMouseDown"]]]]],["p-98fc09eb",[[290,"ion-loading",{"overlayIndex":[2,"overlay-index"],"delegate":[16],"hasController":[4,"has-controller"],"keyboardClose":[4,"keyboard-close"],"enterAnimation":[16],"leaveAnimation":[16],"message":[1],"cssClass":[1,"css-class"],"duration":[2],"backdropDismiss":[4,"backdrop-dismiss"],"showBackdrop":[4,"show-backdrop"],"spinner":[1025],"translucent":[4],"animated":[4],"htmlAttributes":[16],"isOpen":[4,"is-open"],"trigger":[1],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64]},null,{"isOpen":["onIsOpenChange"],"trigger":["triggerChanged"]}]]],["p-da7d04cc",[[289,"ion-breadcrumb",{"collapsed":[4],"last":[4],"showCollapsedIndicator":[4,"show-collapsed-indicator"],"color":[1],"active":[4],"disabled":[4],"download":[1],"href":[1],"rel":[1],"separator":[4],"target":[1],"routerDirection":[1,"router-direction"],"routerAnimation":[16]}],[289,"ion-breadcrumbs",{"color":[513],"maxItems":[2,"max-items"],"itemsBeforeCollapse":[2,"items-before-collapse"],"itemsAfterCollapse":[2,"items-after-collapse"],"collapsed":[32],"activeChanged":[32]},[[0,"collapsedClick","onCollapsedClick"]],{"maxItems":["maxItemsChanged"],"itemsBeforeCollapse":["maxItemsChanged"],"itemsAfterCollapse":["maxItemsChanged"]}]]],["p-7268efa5",[[289,"ion-tab-button",{"disabled":[4],"download":[1],"href":[1],"rel":[1],"layout":[1025],"selected":[1028],"tab":[1],"target":[1]},[[8,"ionTabBarChanged","onTabBarChanged"]]],[289,"ion-tab-bar",{"color":[513],"selectedTab":[1,"selected-tab"],"translucent":[4],"keyboardVisible":[32]},null,{"selectedTab":["selectedTabChanged"]}]]],["p-ac4eb91d",[[289,"ion-datetime-button",{"color":[513],"disabled":[516],"datetime":[1],"datetimePresentation":[32],"dateText":[32],"timeText":[32],"datetimeActive":[32],"selectedButton":[32]}]]],["p-31f7095f",[[0,"ion-route",{"url":[1],"component":[1],"componentProps":[16],"beforeLeave":[16],"beforeEnter":[16]},null,{"url":["onUpdate"],"component":["onUpdate"],"componentProps":["onComponentProps"]}],[0,"ion-route-redirect",{"from":[1],"to":[1]},null,{"from":["propDidChange"],"to":["propDidChange"]}],[0,"ion-router",{"root":[1],"useHash":[4,"use-hash"],"canTransition":[64],"push":[64],"back":[64],"printDebug":[64],"navChanged":[64]},[[8,"popstate","onPopState"],[4,"ionBackButton","onBackButton"]]],[257,"ion-router-link",{"color":[513],"href":[1],"rel":[1],"routerDirection":[1,"router-direction"],"routerAnimation":[16],"target":[1]}]]],["p-d126e8d3",[[289,"ion-avatar"],[289,"ion-badge",{"color":[513]}],[257,"ion-thumbnail"]]],["p-72c38b88",[[257,"ion-col",{"offset":[1],"offsetXs":[1,"offset-xs"],"offsetSm":[1,"offset-sm"],"offsetMd":[1,"offset-md"],"offsetLg":[1,"offset-lg"],"offsetXl":[1,"offset-xl"],"pull":[1],"pullXs":[1,"pull-xs"],"pullSm":[1,"pull-sm"],"pullMd":[1,"pull-md"],"pullLg":[1,"pull-lg"],"pullXl":[1,"pull-xl"],"push":[1],"pushXs":[1,"push-xs"],"pushSm":[1,"push-sm"],"pushMd":[1,"push-md"],"pushLg":[1,"push-lg"],"pushXl":[1,"push-xl"],"size":[1],"sizeXs":[1,"size-xs"],"sizeSm":[1,"size-sm"],"sizeMd":[1,"size-md"],"sizeLg":[1,"size-lg"],"sizeXl":[1,"size-xl"]},[[9,"resize","onResize"]]],[257,"ion-grid",{"fixed":[4]}],[257,"ion-row"]]],["p-46d74291",[[257,"ion-img",{"alt":[1],"src":[1],"loadSrc":[32],"loadError":[32]},null,{"src":["srcChanged"]}]]],["p-11518b31",[[294,"ion-input-otp",{"autocapitalize":[1],"color":[513],"disabled":[516],"fill":[1],"inputmode":[1],"length":[2],"pattern":[1],"readonly":[516],"separators":[1],"shape":[1],"size":[1],"type":[1],"value":[1032],"inputValues":[32],"hasFocus":[32],"previousInputValues":[32],"setFocus":[64]},null,{"value":["valueChanged"],"separators":["processSeparators"],"length":["processSeparators"]}]]],["p-86f53961",[[289,"ion-progress-bar",{"type":[1],"reversed":[4],"value":[2],"buffer":[2],"color":[513]}]]],["p-1647c46c",[[289,"ion-range",{"color":[513],"debounce":[2],"name":[1],"label":[1],"dualKnobs":[4,"dual-knobs"],"min":[2],"max":[2],"pin":[4],"pinFormatter":[16],"snaps":[4],"step":[2],"ticks":[4],"activeBarStart":[1026,"active-bar-start"],"disabled":[4],"value":[1026],"labelPlacement":[1,"label-placement"],"ratioA":[32],"ratioB":[32],"pressedKnob":[32]},null,{"debounce":["debounceChanged"],"min":["minChanged"],"max":["maxChanged"],"step":["stepChanged"],"activeBarStart":["activeBarStartChanged"],"disabled":["disabledChanged"],"value":["valueChanged"]}]]],["p-94de5cfa",[[257,"ion-segment-content"]]],["p-020af078",[[289,"ion-segment-view",{"disabled":[4],"isManualScroll":[32],"setContent":[64]},[[1,"scroll","handleScroll"],[1,"touchstart","handleScrollStart"],[1,"touchend","handleTouchEnd"]]]]],["p-3a6caca9",[[289,"ion-split-pane",{"contentId":[513,"content-id"],"disabled":[4],"when":[8],"visible":[32],"isVisible":[64]},null,{"visible":["visibleChanged"],"disabled":["updateState"],"when":["updateState"]}]]],["p-51a60e0f",[[257,"ion-text",{"color":[513]}]]],["p-0b80d700",[[290,"ion-select-modal",{"header":[1],"multiple":[4],"options":[16]}]]],["p-4efea47a",[[289,"ion-datetime",{"color":[1],"name":[1],"disabled":[4],"formatOptions":[16],"readonly":[4],"isDateEnabled":[16],"showAdjacentDays":[4,"show-adjacent-days"],"min":[1025],"max":[1025],"presentation":[1],"cancelText":[1,"cancel-text"],"doneText":[1,"done-text"],"clearText":[1,"clear-text"],"yearValues":[8,"year-values"],"monthValues":[8,"month-values"],"dayValues":[8,"day-values"],"hourValues":[8,"hour-values"],"minuteValues":[8,"minute-values"],"locale":[1],"firstDayOfWeek":[2,"first-day-of-week"],"titleSelectedDatesFormatter":[16],"multiple":[4],"highlightedDates":[16],"value":[1025],"showDefaultTitle":[4,"show-default-title"],"showDefaultButtons":[4,"show-default-buttons"],"showClearButton":[4,"show-clear-button"],"showDefaultTimeLabel":[4,"show-default-time-label"],"hourCycle":[1,"hour-cycle"],"size":[1],"preferWheel":[4,"prefer-wheel"],"showMonthAndYear":[32],"activeParts":[32],"workingParts":[32],"isTimePopoverOpen":[32],"forceRenderDate":[32],"confirm":[64],"reset":[64],"cancel":[64]},null,{"formatOptions":["formatOptionsChanged"],"disabled":["disabledChanged"],"min":["minChanged"],"max":["maxChanged"],"presentation":["presentationChanged"],"yearValues":["yearValuesChanged"],"monthValues":["monthValuesChanged"],"dayValues":["dayValuesChanged"],"hourValues":["hourValuesChanged"],"minuteValues":["minuteValuesChanged"],"value":["valueChanged"]}],[290,"ion-picker-legacy",{"overlayIndex":[2,"overlay-index"],"delegate":[16],"hasController":[4,"has-controller"],"keyboardClose":[4,"keyboard-close"],"enterAnimation":[16],"leaveAnimation":[16],"buttons":[16],"columns":[16],"cssClass":[1,"css-class"],"duration":[2],"showBackdrop":[4,"show-backdrop"],"backdropDismiss":[4,"backdrop-dismiss"],"animated":[4],"htmlAttributes":[16],"isOpen":[4,"is-open"],"trigger":[1],"presented":[32],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64],"getColumn":[64]},null,{"isOpen":["onIsOpenChange"],"trigger":["triggerChanged"]}],[288,"ion-picker-legacy-column",{"col":[16]},null,{"col":["colChanged"]}]]],["p-510d86e1",[[290,"ion-action-sheet",{"overlayIndex":[2,"overlay-index"],"delegate":[16],"hasController":[4,"has-controller"],"keyboardClose":[4,"keyboard-close"],"enterAnimation":[16],"leaveAnimation":[16],"buttons":[16],"cssClass":[1,"css-class"],"backdropDismiss":[4,"backdrop-dismiss"],"header":[1],"subHeader":[1,"sub-header"],"translucent":[4],"animated":[4],"htmlAttributes":[16],"isOpen":[4,"is-open"],"trigger":[1],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64]},null,{"isOpen":["onIsOpenChange"],"trigger":["triggerChanged"]}]]],["p-7da39a4d",[[290,"ion-alert",{"overlayIndex":[2,"overlay-index"],"delegate":[16],"hasController":[4,"has-controller"],"keyboardClose":[4,"keyboard-close"],"enterAnimation":[16],"leaveAnimation":[16],"cssClass":[1,"css-class"],"header":[1],"subHeader":[1,"sub-header"],"message":[1],"buttons":[16],"inputs":[1040],"backdropDismiss":[4,"backdrop-dismiss"],"translucent":[4],"animated":[4],"htmlAttributes":[16],"isOpen":[4,"is-open"],"trigger":[1],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64]},[[4,"keydown","onKeydown"]],{"isOpen":["onIsOpenChange"],"trigger":["triggerChanged"],"buttons":["buttonsChanged"],"inputs":["inputsChanged"]}]]],["p-a80f1b04",[[289,"ion-modal",{"hasController":[4,"has-controller"],"overlayIndex":[2,"overlay-index"],"delegate":[16],"keyboardClose":[4,"keyboard-close"],"enterAnimation":[16],"leaveAnimation":[16],"breakpoints":[16],"expandToScroll":[4,"expand-to-scroll"],"initialBreakpoint":[2,"initial-breakpoint"],"backdropBreakpoint":[2,"backdrop-breakpoint"],"handle":[4],"handleBehavior":[1,"handle-behavior"],"component":[1],"componentProps":[16],"cssClass":[1,"css-class"],"backdropDismiss":[4,"backdrop-dismiss"],"showBackdrop":[4,"show-backdrop"],"animated":[4],"presentingElement":[16],"htmlAttributes":[16],"isOpen":[4,"is-open"],"trigger":[1],"keepContentsMounted":[4,"keep-contents-mounted"],"focusTrap":[4,"focus-trap"],"canDismiss":[4,"can-dismiss"],"presented":[32],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64],"setCurrentBreakpoint":[64],"getCurrentBreakpoint":[64]},[[9,"resize","onWindowResize"]],{"isOpen":["onIsOpenChange"],"trigger":["triggerChanged"]}]]],["p-9575b654",[[289,"ion-picker",{"exitInputMode":[64]},[[1,"touchstart","preventTouchStartPropagation"]]]]],["p-675b1a31",[[257,"ion-picker-column",{"disabled":[4],"value":[1032],"color":[513],"numericInput":[4,"numeric-input"],"ariaLabel":[32],"isActive":[32],"scrollActiveItemIntoView":[64],"setValue":[64],"setFocus":[64]},null,{"aria-label":["ariaLabelChanged"],"value":["valueChange"]}]]],["p-6d070558",[[289,"ion-picker-column-option",{"disabled":[4],"value":[8],"color":[513],"ariaLabel":[32]},null,{"aria-label":["onAriaLabelChange"]}]]],["p-e16b69e1",[[289,"ion-popover",{"hasController":[4,"has-controller"],"delegate":[16],"overlayIndex":[2,"overlay-index"],"enterAnimation":[16],"leaveAnimation":[16],"component":[1],"componentProps":[16],"keyboardClose":[4,"keyboard-close"],"cssClass":[1,"css-class"],"backdropDismiss":[4,"backdrop-dismiss"],"event":[8],"showBackdrop":[4,"show-backdrop"],"translucent":[4],"animated":[4],"htmlAttributes":[16],"triggerAction":[1,"trigger-action"],"trigger":[1],"size":[1],"dismissOnSelect":[4,"dismiss-on-select"],"reference":[1],"side":[1],"alignment":[1025],"arrow":[4],"isOpen":[4,"is-open"],"keyboardEvents":[4,"keyboard-events"],"focusTrap":[4,"focus-trap"],"keepContentsMounted":[4,"keep-contents-mounted"],"presented":[32],"presentFromTrigger":[64],"present":[64],"dismiss":[64],"getParentPopover":[64],"onDidDismiss":[64],"onWillDismiss":[64]},null,{"trigger":["onTriggerChange"],"triggerAction":["onTriggerChange"],"isOpen":["onIsOpenChange"]}]]],["p-83fc84e7",[[289,"ion-checkbox",{"color":[513],"name":[1],"checked":[1028],"indeterminate":[1028],"disabled":[4],"errorText":[1,"error-text"],"helperText":[1,"helper-text"],"value":[8],"labelPlacement":[1,"label-placement"],"justify":[1],"alignment":[1],"required":[4],"setFocus":[64]}]]],["p-6241ce47",[[289,"ion-item-divider",{"color":[513],"sticky":[4]}],[288,"ion-item-group"],[289,"ion-note",{"color":[513]}],[257,"ion-skeleton-text",{"animated":[4]}],[294,"ion-label",{"color":[513],"position":[1],"noAnimate":[32]},null,{"color":["colorChanged"],"position":["positionChanged"]}],[289,"ion-list-header",{"color":[513],"lines":[1]}],[289,"ion-item",{"color":[513],"button":[4],"detail":[4],"detailIcon":[1,"detail-icon"],"disabled":[516],"download":[1],"href":[1],"rel":[1],"lines":[1],"routerAnimation":[16],"routerDirection":[1,"router-direction"],"target":[1],"type":[1],"multipleInputs":[32],"focusable":[32],"isInteractive":[32]},[[0,"ionColor","labelColorChanged"],[0,"ionStyle","itemStyle"]],{"button":["buttonChanged"]}],[288,"ion-list",{"lines":[1],"inset":[4],"closeSlidingItems":[64]}]]],["p-4c85d268",[[256,"ion-app",{"setFocus":[64]}],[292,"ion-footer",{"collapse":[1],"translucent":[4],"keyboardVisible":[32]}],[257,"ion-router-outlet",{"mode":[1025],"delegate":[16],"animated":[4],"animation":[16],"swipeHandler":[16],"commit":[64],"setRouteId":[64],"getRouteId":[64]},null,{"swipeHandler":["swipeHandlerChanged"]}],[257,"ion-content",{"color":[513],"fullscreen":[4],"fixedSlotPlacement":[1,"fixed-slot-placement"],"forceOverscroll":[1028,"force-overscroll"],"scrollX":[4,"scroll-x"],"scrollY":[4,"scroll-y"],"scrollEvents":[4,"scroll-events"],"getScrollElement":[64],"getBackgroundElement":[64],"scrollToTop":[64],"scrollToBottom":[64],"scrollByPoint":[64],"scrollToPoint":[64]},[[9,"resize","onResize"]]],[292,"ion-header",{"collapse":[1],"translucent":[4]}],[289,"ion-title",{"color":[513],"size":[1]},null,{"size":["sizeChanged"]}],[289,"ion-toolbar",{"color":[513]},[[0,"ionStyle","childrenStyle"]]],[294,"ion-buttons",{"collapse":[4]}]]],["p-f65f9308",[[289,"ion-select",{"cancelText":[1,"cancel-text"],"color":[513],"compareWith":[1,"compare-with"],"disabled":[4],"fill":[1],"errorText":[1,"error-text"],"helperText":[1,"helper-text"],"interface":[1],"interfaceOptions":[8,"interface-options"],"justify":[1],"label":[1],"labelPlacement":[1,"label-placement"],"multiple":[4],"name":[1],"okText":[1,"ok-text"],"placeholder":[1],"selectedText":[1,"selected-text"],"toggleIcon":[1,"toggle-icon"],"expandedIcon":[1,"expanded-icon"],"shape":[1],"value":[1032],"required":[4],"isExpanded":[32],"hasFocus":[32],"isInvalid":[32],"hintTextID":[32],"open":[64]},null,{"disabled":["styleChanged"],"isExpanded":["styleChanged"],"placeholder":["styleChanged"],"value":["styleChanged"]}],[257,"ion-select-option",{"disabled":[4],"value":[8]}],[290,"ion-select-popover",{"header":[1],"subHeader":[1,"sub-header"],"message":[1],"multiple":[4],"options":[16]}]]],["p-f8f22cc0",[[257,"ion-spinner",{"color":[513],"duration":[2],"name":[1],"paused":[4]}]]],["p-7bcfc421",[[289,"ion-radio",{"color":[513],"name":[1],"disabled":[4],"value":[8],"labelPlacement":[1,"label-placement"],"justify":[1],"alignment":[1],"checked":[32],"buttonTabindex":[32],"setFocus":[64],"setButtonTabindex":[64]},null,{"value":["valueChanged"]}],[292,"ion-radio-group",{"allowEmptySelection":[4,"allow-empty-selection"],"compareWith":[1,"compare-with"],"name":[1],"value":[1032],"helperText":[1,"helper-text"],"errorText":[1,"error-text"],"setFocus":[64]},[[4,"keydown","onKeydown"]],{"value":["valueChanged"]}]]],["p-370e4237",[[257,"ion-ripple-effect",{"type":[1],"addRipple":[64]}]]],["p-43ed1ef5",[[289,"ion-button",{"color":[513],"buttonType":[1025,"button-type"],"disabled":[516],"expand":[513],"fill":[1537],"routerDirection":[1,"router-direction"],"routerAnimation":[16],"download":[1],"href":[1],"rel":[1],"shape":[513],"size":[513],"strong":[4],"target":[1],"type":[1],"form":[1],"isCircle":[32]},null,{"disabled":["disabledChanged"],"aria-checked":["onAriaChanged"],"aria-label":["onAriaChanged"]}],[257,"ion-icon",{"mode":[1025],"color":[1],"ios":[1],"md":[1],"flipRtl":[4,"flip-rtl"],"name":[513],"src":[1],"icon":[8],"size":[1],"lazy":[4],"sanitize":[4],"svgContent":[32],"isVisible":[32]},null,{"name":["loadIcon"],"src":["loadIcon"],"icon":["loadIcon"],"ios":["loadIcon"],"md":["loadIcon"]}]]]]'),e))));
|
|
4
|
+
import{p as e,H as o,b as t}from"./p-C8IsBmNU.js";export{s as setNonce}from"./p-C8IsBmNU.js";import{g as n}from"./p-CJxh_yLS.js";import"./p-BFvmZNyx.js";var a=e=>{const o=e.cloneNode;e.cloneNode=function(e){if("TEMPLATE"===this.nodeName)return o.call(this,e);const t=o.call(this,!1),n=this.childNodes;if(e)for(let e=0;e<n.length;e++)2!==n[e].nodeType&&t.appendChild(n[e].cloneNode(!0));return t}};(()=>{a(o.prototype);const t=import.meta.url,n={};return""!==t&&(n.resourcesUrl=new URL(".",t).href),e(n)})().then((async e=>(await n(),t(JSON.parse('[["p-83be404e",[[289,"ion-menu-button",{"color":[513],"disabled":[4],"menu":[1],"autoHide":[4,"auto-hide"],"type":[1],"visible":[32]},[[16,"ionMenuChange","visibilityChanged"],[16,"ionSplitPaneVisible","visibilityChanged"]]],[289,"ion-menu",{"contentId":[513,"content-id"],"menuId":[513,"menu-id"],"type":[1025],"disabled":[1028],"side":[513],"swipeGesture":[4,"swipe-gesture"],"maxEdgeStart":[2,"max-edge-start"],"isPaneVisible":[32],"isEndSide":[32],"isOpen":[64],"isActive":[64],"open":[64],"close":[64],"toggle":[64],"setOpen":[64]},[[16,"ionSplitPaneVisible","onSplitPaneChanged"],[2,"click","onBackdropClick"]],{"type":["typeChanged"],"disabled":["disabledChanged"],"side":["sideChanged"],"swipeGesture":["swipeGestureChanged"]}],[257,"ion-menu-toggle",{"menu":[1],"autoHide":[4,"auto-hide"],"visible":[32]},[[16,"ionMenuChange","visibilityChanged"],[16,"ionSplitPaneVisible","visibilityChanged"]]]]],["p-b57c6d3e",[[289,"ion-input-password-toggle",{"color":[513],"showIcon":[1,"show-icon"],"hideIcon":[1,"hide-icon"],"type":[1025]},null,{"type":["onTypeChange"]}]]],["p-6444c606",[[289,"ion-fab-button",{"color":[513],"activated":[4],"disabled":[4],"download":[1],"href":[1],"rel":[1],"routerDirection":[1,"router-direction"],"routerAnimation":[16],"target":[1],"show":[4],"translucent":[4],"type":[1],"size":[1],"closeIcon":[1,"close-icon"]}],[257,"ion-fab",{"horizontal":[1],"vertical":[1],"edge":[4],"activated":[1028],"close":[64],"toggle":[64]},null,{"activated":["activatedChanged"]}],[257,"ion-fab-list",{"activated":[4],"side":[1]},null,{"activated":["activatedChanged"]}]]],["p-639dd543",[[256,"ion-refresher-content",{"pullingIcon":[1025,"pulling-icon"],"pullingText":[1,"pulling-text"],"refreshingSpinner":[1025,"refreshing-spinner"],"refreshingText":[1,"refreshing-text"]}],[288,"ion-refresher",{"pullMin":[2,"pull-min"],"pullMax":[2,"pull-max"],"closeDuration":[1,"close-duration"],"snapbackDuration":[1,"snapback-duration"],"pullFactor":[2,"pull-factor"],"disabled":[4],"nativeRefresher":[32],"state":[32],"complete":[64],"cancel":[64],"getProgress":[64]},null,{"disabled":["disabledChanged"]}]]],["p-49d06882",[[289,"ion-back-button",{"color":[513],"defaultHref":[1025,"default-href"],"disabled":[516],"icon":[1],"text":[1],"type":[1],"routerAnimation":[16]}]]],["p-15193d01",[[289,"ion-toast",{"overlayIndex":[2,"overlay-index"],"delegate":[16],"hasController":[4,"has-controller"],"color":[513],"enterAnimation":[16],"leaveAnimation":[16],"cssClass":[1,"css-class"],"duration":[2],"header":[1],"layout":[1],"message":[1],"keyboardClose":[4,"keyboard-close"],"position":[1],"positionAnchor":[1,"position-anchor"],"buttons":[16],"translucent":[4],"animated":[4],"icon":[1],"htmlAttributes":[16],"swipeGesture":[1,"swipe-gesture"],"isOpen":[4,"is-open"],"trigger":[1],"revealContentToScreenReader":[32],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64]},null,{"swipeGesture":["swipeGestureChanged"],"isOpen":["onIsOpenChange"],"trigger":["triggerChanged"]}]]],["p-79bd78f9",[[289,"ion-card",{"color":[513],"button":[4],"type":[1],"disabled":[4],"download":[1],"href":[1],"rel":[1],"routerDirection":[1,"router-direction"],"routerAnimation":[16],"target":[1]}],[288,"ion-card-content"],[289,"ion-card-header",{"color":[513],"translucent":[4]}],[289,"ion-card-subtitle",{"color":[513]}],[289,"ion-card-title",{"color":[513]}]]],["p-316c0420",[[289,"ion-item-option",{"color":[513],"disabled":[4],"download":[1],"expandable":[4],"href":[1],"rel":[1],"target":[1],"type":[1]}],[288,"ion-item-options",{"side":[1],"fireSwipeEvent":[64]}],[256,"ion-item-sliding",{"disabled":[4],"state":[32],"getOpenAmount":[64],"getSlidingRatio":[64],"open":[64],"close":[64],"closeOpened":[64]},null,{"disabled":["disabledChanged"]}]]],["p-62e50f80",[[305,"ion-accordion",{"value":[1],"disabled":[4],"readonly":[4],"toggleIcon":[1,"toggle-icon"],"toggleIconSlot":[1,"toggle-icon-slot"],"state":[32],"isNext":[32],"isPrevious":[32]},null,{"value":["valueChanged"]}],[289,"ion-accordion-group",{"animated":[4],"multiple":[4],"value":[1025],"disabled":[4],"readonly":[4],"expand":[1],"requestAccordionToggle":[64],"getAccordions":[64]},[[0,"keydown","onKeydown"]],{"value":["valueChanged"],"disabled":["disabledChanged"],"readonly":["readonlyChanged"]}]]],["p-cc45bcbc",[[288,"ion-infinite-scroll-content",{"loadingSpinner":[1025,"loading-spinner"],"loadingText":[1,"loading-text"]}],[256,"ion-infinite-scroll",{"threshold":[1],"disabled":[4],"position":[1],"isLoading":[32],"complete":[64]},null,{"threshold":["thresholdChanged"],"disabled":["disabledChanged"]}]]],["p-2a939845",[[289,"ion-reorder",null,[[2,"click","onClick"]]],[256,"ion-reorder-group",{"disabled":[4],"state":[32],"complete":[64]},null,{"disabled":["disabledChanged"]}]]],["p-0dfa5a37",[[289,"ion-segment-button",{"contentId":[513,"content-id"],"disabled":[1028],"layout":[1],"type":[1],"value":[8],"checked":[32],"setFocus":[64]},null,{"value":["valueChanged"]}],[289,"ion-segment",{"color":[513],"disabled":[4],"scrollable":[4],"swipeGesture":[4,"swipe-gesture"],"value":[1032],"selectOnFocus":[4,"select-on-focus"],"activated":[32]},[[16,"ionSegmentViewScroll","handleSegmentViewScroll"],[0,"keydown","onKeyDown"]],{"color":["colorChanged"],"swipeGesture":["swipeGestureChanged"],"value":["valueChanged"],"disabled":["disabledChanged"]}]]],["p-b0a7585c",[[289,"ion-chip",{"color":[513],"outline":[4],"disabled":[4]}]]],["p-8bdfc8f6",[[294,"ion-input",{"color":[513],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"clearInput":[4,"clear-input"],"clearInputIcon":[1,"clear-input-icon"],"clearOnEdit":[4,"clear-on-edit"],"counter":[4],"counterFormatter":[16],"debounce":[2],"disabled":[516],"enterkeyhint":[1],"errorText":[1,"error-text"],"fill":[1],"inputmode":[1],"helperText":[1,"helper-text"],"label":[1],"labelPlacement":[1,"label-placement"],"max":[8],"maxlength":[2],"min":[8],"minlength":[2],"multiple":[4],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[516],"required":[4],"shape":[1],"spellcheck":[4],"step":[1],"type":[1],"value":[1032],"hasFocus":[32],"isInvalid":[32],"setFocus":[64],"getInputElement":[64]},[[2,"click","onClickCapture"]],{"debounce":["debounceChanged"],"type":["onTypeChange"],"value":["valueChanged"],"dir":["onDirChanged"]}]]],["p-074839fc",[[290,"ion-searchbar",{"color":[513],"animated":[4],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"cancelButtonIcon":[1,"cancel-button-icon"],"cancelButtonText":[1,"cancel-button-text"],"clearIcon":[1,"clear-icon"],"debounce":[2],"disabled":[4],"inputmode":[1],"enterkeyhint":[1],"maxlength":[2],"minlength":[2],"name":[1],"placeholder":[1],"searchIcon":[1,"search-icon"],"showCancelButton":[1,"show-cancel-button"],"showClearButton":[1,"show-clear-button"],"spellcheck":[4],"type":[1],"value":[1025],"focused":[32],"noAnimate":[32],"setFocus":[64],"getInputElement":[64]},null,{"lang":["onLangChanged"],"dir":["onDirChanged"],"debounce":["debounceChanged"],"value":["valueChanged"],"showCancelButton":["showCancelButtonChanged"]}]]],["p-c17c0a01",[[289,"ion-toggle",{"color":[513],"name":[1],"checked":[1028],"disabled":[4],"errorText":[1,"error-text"],"helperText":[1,"helper-text"],"value":[1],"enableOnOffLabels":[4,"enable-on-off-labels"],"labelPlacement":[1,"label-placement"],"justify":[1],"alignment":[1],"required":[4],"activated":[32]},null,{"disabled":["disabledChanged"]}]]],["p-dbbe606a",[[257,"ion-nav",{"delegate":[16],"swipeGesture":[1028,"swipe-gesture"],"animated":[4],"animation":[16],"rootParams":[16],"root":[1],"push":[64],"insert":[64],"insertPages":[64],"pop":[64],"popTo":[64],"popToRoot":[64],"removeIndex":[64],"setRoot":[64],"setPages":[64],"setRouteId":[64],"getRouteId":[64],"getActive":[64],"getByIndex":[64],"canGoBack":[64],"getPrevious":[64],"getLength":[64]},null,{"swipeGesture":["swipeGestureChanged"],"root":["rootChanged"]}],[256,"ion-nav-link",{"component":[1],"componentProps":[16],"routerDirection":[1,"router-direction"],"routerAnimation":[16]}]]],["p-a127bee2",[[257,"ion-tab",{"active":[1028],"delegate":[16],"tab":[1],"component":[1],"setActive":[64]},null,{"active":["changeActive"]}],[257,"ion-tabs",{"useRouter":[1028,"use-router"],"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64],"setRouteId":[64],"getRouteId":[64]}]]],["p-4cc26913",[[294,"ion-textarea",{"color":[513],"autocapitalize":[1],"autofocus":[4],"clearOnEdit":[4,"clear-on-edit"],"debounce":[2],"disabled":[4],"fill":[1],"inputmode":[1],"enterkeyhint":[1],"maxlength":[2],"minlength":[2],"name":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"cols":[514],"rows":[2],"wrap":[1],"autoGrow":[516,"auto-grow"],"value":[1025],"counter":[4],"counterFormatter":[16],"errorText":[1,"error-text"],"helperText":[1,"helper-text"],"label":[1],"labelPlacement":[1,"label-placement"],"shape":[1],"hasFocus":[32],"isInvalid":[32],"setFocus":[64],"getInputElement":[64]},[[2,"click","onClickCapture"]],{"debounce":["debounceChanged"],"value":["valueChanged"],"dir":["onDirChanged"]}]]],["p-582824c5",[[289,"ion-backdrop",{"visible":[4],"tappable":[4],"stopPropagation":[4,"stop-propagation"]},[[2,"click","onMouseDown"]]]]],["p-98fc09eb",[[290,"ion-loading",{"overlayIndex":[2,"overlay-index"],"delegate":[16],"hasController":[4,"has-controller"],"keyboardClose":[4,"keyboard-close"],"enterAnimation":[16],"leaveAnimation":[16],"message":[1],"cssClass":[1,"css-class"],"duration":[2],"backdropDismiss":[4,"backdrop-dismiss"],"showBackdrop":[4,"show-backdrop"],"spinner":[1025],"translucent":[4],"animated":[4],"htmlAttributes":[16],"isOpen":[4,"is-open"],"trigger":[1],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64]},null,{"isOpen":["onIsOpenChange"],"trigger":["triggerChanged"]}]]],["p-da7d04cc",[[289,"ion-breadcrumb",{"collapsed":[4],"last":[4],"showCollapsedIndicator":[4,"show-collapsed-indicator"],"color":[1],"active":[4],"disabled":[4],"download":[1],"href":[1],"rel":[1],"separator":[4],"target":[1],"routerDirection":[1,"router-direction"],"routerAnimation":[16]}],[289,"ion-breadcrumbs",{"color":[513],"maxItems":[2,"max-items"],"itemsBeforeCollapse":[2,"items-before-collapse"],"itemsAfterCollapse":[2,"items-after-collapse"],"collapsed":[32],"activeChanged":[32]},[[0,"collapsedClick","onCollapsedClick"]],{"maxItems":["maxItemsChanged"],"itemsBeforeCollapse":["maxItemsChanged"],"itemsAfterCollapse":["maxItemsChanged"]}]]],["p-7268efa5",[[289,"ion-tab-button",{"disabled":[4],"download":[1],"href":[1],"rel":[1],"layout":[1025],"selected":[1028],"tab":[1],"target":[1]},[[8,"ionTabBarChanged","onTabBarChanged"]]],[289,"ion-tab-bar",{"color":[513],"selectedTab":[1,"selected-tab"],"translucent":[4],"keyboardVisible":[32]},null,{"selectedTab":["selectedTabChanged"]}]]],["p-ac4eb91d",[[289,"ion-datetime-button",{"color":[513],"disabled":[516],"datetime":[1],"datetimePresentation":[32],"dateText":[32],"timeText":[32],"datetimeActive":[32],"selectedButton":[32]}]]],["p-31f7095f",[[0,"ion-route",{"url":[1],"component":[1],"componentProps":[16],"beforeLeave":[16],"beforeEnter":[16]},null,{"url":["onUpdate"],"component":["onUpdate"],"componentProps":["onComponentProps"]}],[0,"ion-route-redirect",{"from":[1],"to":[1]},null,{"from":["propDidChange"],"to":["propDidChange"]}],[0,"ion-router",{"root":[1],"useHash":[4,"use-hash"],"canTransition":[64],"push":[64],"back":[64],"printDebug":[64],"navChanged":[64]},[[8,"popstate","onPopState"],[4,"ionBackButton","onBackButton"]]],[257,"ion-router-link",{"color":[513],"href":[1],"rel":[1],"routerDirection":[1,"router-direction"],"routerAnimation":[16],"target":[1]}]]],["p-d126e8d3",[[289,"ion-avatar"],[289,"ion-badge",{"color":[513]}],[257,"ion-thumbnail"]]],["p-72c38b88",[[257,"ion-col",{"offset":[1],"offsetXs":[1,"offset-xs"],"offsetSm":[1,"offset-sm"],"offsetMd":[1,"offset-md"],"offsetLg":[1,"offset-lg"],"offsetXl":[1,"offset-xl"],"pull":[1],"pullXs":[1,"pull-xs"],"pullSm":[1,"pull-sm"],"pullMd":[1,"pull-md"],"pullLg":[1,"pull-lg"],"pullXl":[1,"pull-xl"],"push":[1],"pushXs":[1,"push-xs"],"pushSm":[1,"push-sm"],"pushMd":[1,"push-md"],"pushLg":[1,"push-lg"],"pushXl":[1,"push-xl"],"size":[1],"sizeXs":[1,"size-xs"],"sizeSm":[1,"size-sm"],"sizeMd":[1,"size-md"],"sizeLg":[1,"size-lg"],"sizeXl":[1,"size-xl"]},[[9,"resize","onResize"]]],[257,"ion-grid",{"fixed":[4]}],[257,"ion-row"]]],["p-46d74291",[[257,"ion-img",{"alt":[1],"src":[1],"loadSrc":[32],"loadError":[32]},null,{"src":["srcChanged"]}]]],["p-11518b31",[[294,"ion-input-otp",{"autocapitalize":[1],"color":[513],"disabled":[516],"fill":[1],"inputmode":[1],"length":[2],"pattern":[1],"readonly":[516],"separators":[1],"shape":[1],"size":[1],"type":[1],"value":[1032],"inputValues":[32],"hasFocus":[32],"previousInputValues":[32],"setFocus":[64]},null,{"value":["valueChanged"],"separators":["processSeparators"],"length":["processSeparators"]}]]],["p-86f53961",[[289,"ion-progress-bar",{"type":[1],"reversed":[4],"value":[2],"buffer":[2],"color":[513]}]]],["p-1647c46c",[[289,"ion-range",{"color":[513],"debounce":[2],"name":[1],"label":[1],"dualKnobs":[4,"dual-knobs"],"min":[2],"max":[2],"pin":[4],"pinFormatter":[16],"snaps":[4],"step":[2],"ticks":[4],"activeBarStart":[1026,"active-bar-start"],"disabled":[4],"value":[1026],"labelPlacement":[1,"label-placement"],"ratioA":[32],"ratioB":[32],"pressedKnob":[32]},null,{"debounce":["debounceChanged"],"min":["minChanged"],"max":["maxChanged"],"step":["stepChanged"],"activeBarStart":["activeBarStartChanged"],"disabled":["disabledChanged"],"value":["valueChanged"]}]]],["p-94de5cfa",[[257,"ion-segment-content"]]],["p-020af078",[[289,"ion-segment-view",{"disabled":[4],"isManualScroll":[32],"setContent":[64]},[[1,"scroll","handleScroll"],[1,"touchstart","handleScrollStart"],[1,"touchend","handleTouchEnd"]]]]],["p-3a6caca9",[[289,"ion-split-pane",{"contentId":[513,"content-id"],"disabled":[4],"when":[8],"visible":[32],"isVisible":[64]},null,{"visible":["visibleChanged"],"disabled":["updateState"],"when":["updateState"]}]]],["p-51a60e0f",[[257,"ion-text",{"color":[513]}]]],["p-0b80d700",[[290,"ion-select-modal",{"header":[1],"multiple":[4],"options":[16]}]]],["p-4efea47a",[[289,"ion-datetime",{"color":[1],"name":[1],"disabled":[4],"formatOptions":[16],"readonly":[4],"isDateEnabled":[16],"showAdjacentDays":[4,"show-adjacent-days"],"min":[1025],"max":[1025],"presentation":[1],"cancelText":[1,"cancel-text"],"doneText":[1,"done-text"],"clearText":[1,"clear-text"],"yearValues":[8,"year-values"],"monthValues":[8,"month-values"],"dayValues":[8,"day-values"],"hourValues":[8,"hour-values"],"minuteValues":[8,"minute-values"],"locale":[1],"firstDayOfWeek":[2,"first-day-of-week"],"titleSelectedDatesFormatter":[16],"multiple":[4],"highlightedDates":[16],"value":[1025],"showDefaultTitle":[4,"show-default-title"],"showDefaultButtons":[4,"show-default-buttons"],"showClearButton":[4,"show-clear-button"],"showDefaultTimeLabel":[4,"show-default-time-label"],"hourCycle":[1,"hour-cycle"],"size":[1],"preferWheel":[4,"prefer-wheel"],"showMonthAndYear":[32],"activeParts":[32],"workingParts":[32],"isTimePopoverOpen":[32],"forceRenderDate":[32],"confirm":[64],"reset":[64],"cancel":[64]},null,{"formatOptions":["formatOptionsChanged"],"disabled":["disabledChanged"],"min":["minChanged"],"max":["maxChanged"],"presentation":["presentationChanged"],"yearValues":["yearValuesChanged"],"monthValues":["monthValuesChanged"],"dayValues":["dayValuesChanged"],"hourValues":["hourValuesChanged"],"minuteValues":["minuteValuesChanged"],"value":["valueChanged"]}],[290,"ion-picker-legacy",{"overlayIndex":[2,"overlay-index"],"delegate":[16],"hasController":[4,"has-controller"],"keyboardClose":[4,"keyboard-close"],"enterAnimation":[16],"leaveAnimation":[16],"buttons":[16],"columns":[16],"cssClass":[1,"css-class"],"duration":[2],"showBackdrop":[4,"show-backdrop"],"backdropDismiss":[4,"backdrop-dismiss"],"animated":[4],"htmlAttributes":[16],"isOpen":[4,"is-open"],"trigger":[1],"presented":[32],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64],"getColumn":[64]},null,{"isOpen":["onIsOpenChange"],"trigger":["triggerChanged"]}],[288,"ion-picker-legacy-column",{"col":[16]},null,{"col":["colChanged"]}]]],["p-510d86e1",[[290,"ion-action-sheet",{"overlayIndex":[2,"overlay-index"],"delegate":[16],"hasController":[4,"has-controller"],"keyboardClose":[4,"keyboard-close"],"enterAnimation":[16],"leaveAnimation":[16],"buttons":[16],"cssClass":[1,"css-class"],"backdropDismiss":[4,"backdrop-dismiss"],"header":[1],"subHeader":[1,"sub-header"],"translucent":[4],"animated":[4],"htmlAttributes":[16],"isOpen":[4,"is-open"],"trigger":[1],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64]},null,{"isOpen":["onIsOpenChange"],"trigger":["triggerChanged"]}]]],["p-7da39a4d",[[290,"ion-alert",{"overlayIndex":[2,"overlay-index"],"delegate":[16],"hasController":[4,"has-controller"],"keyboardClose":[4,"keyboard-close"],"enterAnimation":[16],"leaveAnimation":[16],"cssClass":[1,"css-class"],"header":[1],"subHeader":[1,"sub-header"],"message":[1],"buttons":[16],"inputs":[1040],"backdropDismiss":[4,"backdrop-dismiss"],"translucent":[4],"animated":[4],"htmlAttributes":[16],"isOpen":[4,"is-open"],"trigger":[1],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64]},[[4,"keydown","onKeydown"]],{"isOpen":["onIsOpenChange"],"trigger":["triggerChanged"],"buttons":["buttonsChanged"],"inputs":["inputsChanged"]}]]],["p-a80f1b04",[[289,"ion-modal",{"hasController":[4,"has-controller"],"overlayIndex":[2,"overlay-index"],"delegate":[16],"keyboardClose":[4,"keyboard-close"],"enterAnimation":[16],"leaveAnimation":[16],"breakpoints":[16],"expandToScroll":[4,"expand-to-scroll"],"initialBreakpoint":[2,"initial-breakpoint"],"backdropBreakpoint":[2,"backdrop-breakpoint"],"handle":[4],"handleBehavior":[1,"handle-behavior"],"component":[1],"componentProps":[16],"cssClass":[1,"css-class"],"backdropDismiss":[4,"backdrop-dismiss"],"showBackdrop":[4,"show-backdrop"],"animated":[4],"presentingElement":[16],"htmlAttributes":[16],"isOpen":[4,"is-open"],"trigger":[1],"keepContentsMounted":[4,"keep-contents-mounted"],"focusTrap":[4,"focus-trap"],"canDismiss":[4,"can-dismiss"],"presented":[32],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64],"setCurrentBreakpoint":[64],"getCurrentBreakpoint":[64]},[[9,"resize","onWindowResize"]],{"isOpen":["onIsOpenChange"],"trigger":["triggerChanged"]}]]],["p-9575b654",[[289,"ion-picker",{"exitInputMode":[64]},[[1,"touchstart","preventTouchStartPropagation"]]]]],["p-675b1a31",[[257,"ion-picker-column",{"disabled":[4],"value":[1032],"color":[513],"numericInput":[4,"numeric-input"],"ariaLabel":[32],"isActive":[32],"scrollActiveItemIntoView":[64],"setValue":[64],"setFocus":[64]},null,{"aria-label":["ariaLabelChanged"],"value":["valueChange"]}]]],["p-6d070558",[[289,"ion-picker-column-option",{"disabled":[4],"value":[8],"color":[513],"ariaLabel":[32]},null,{"aria-label":["onAriaLabelChange"]}]]],["p-e16b69e1",[[289,"ion-popover",{"hasController":[4,"has-controller"],"delegate":[16],"overlayIndex":[2,"overlay-index"],"enterAnimation":[16],"leaveAnimation":[16],"component":[1],"componentProps":[16],"keyboardClose":[4,"keyboard-close"],"cssClass":[1,"css-class"],"backdropDismiss":[4,"backdrop-dismiss"],"event":[8],"showBackdrop":[4,"show-backdrop"],"translucent":[4],"animated":[4],"htmlAttributes":[16],"triggerAction":[1,"trigger-action"],"trigger":[1],"size":[1],"dismissOnSelect":[4,"dismiss-on-select"],"reference":[1],"side":[1],"alignment":[1025],"arrow":[4],"isOpen":[4,"is-open"],"keyboardEvents":[4,"keyboard-events"],"focusTrap":[4,"focus-trap"],"keepContentsMounted":[4,"keep-contents-mounted"],"presented":[32],"presentFromTrigger":[64],"present":[64],"dismiss":[64],"getParentPopover":[64],"onDidDismiss":[64],"onWillDismiss":[64]},null,{"trigger":["onTriggerChange"],"triggerAction":["onTriggerChange"],"isOpen":["onIsOpenChange"]}]]],["p-83fc84e7",[[289,"ion-checkbox",{"color":[513],"name":[1],"checked":[1028],"indeterminate":[1028],"disabled":[4],"errorText":[1,"error-text"],"helperText":[1,"helper-text"],"value":[8],"labelPlacement":[1,"label-placement"],"justify":[1],"alignment":[1],"required":[4],"setFocus":[64]}]]],["p-6241ce47",[[289,"ion-item-divider",{"color":[513],"sticky":[4]}],[288,"ion-item-group"],[289,"ion-note",{"color":[513]}],[257,"ion-skeleton-text",{"animated":[4]}],[294,"ion-label",{"color":[513],"position":[1],"noAnimate":[32]},null,{"color":["colorChanged"],"position":["positionChanged"]}],[289,"ion-list-header",{"color":[513],"lines":[1]}],[289,"ion-item",{"color":[513],"button":[4],"detail":[4],"detailIcon":[1,"detail-icon"],"disabled":[516],"download":[1],"href":[1],"rel":[1],"lines":[1],"routerAnimation":[16],"routerDirection":[1,"router-direction"],"target":[1],"type":[1],"multipleInputs":[32],"focusable":[32],"isInteractive":[32]},[[0,"ionColor","labelColorChanged"],[0,"ionStyle","itemStyle"]],{"button":["buttonChanged"]}],[288,"ion-list",{"lines":[1],"inset":[4],"closeSlidingItems":[64]}]]],["p-4c85d268",[[256,"ion-app",{"setFocus":[64]}],[292,"ion-footer",{"collapse":[1],"translucent":[4],"keyboardVisible":[32]}],[257,"ion-router-outlet",{"mode":[1025],"delegate":[16],"animated":[4],"animation":[16],"swipeHandler":[16],"commit":[64],"setRouteId":[64],"getRouteId":[64]},null,{"swipeHandler":["swipeHandlerChanged"]}],[257,"ion-content",{"color":[513],"fullscreen":[4],"fixedSlotPlacement":[1,"fixed-slot-placement"],"forceOverscroll":[1028,"force-overscroll"],"scrollX":[4,"scroll-x"],"scrollY":[4,"scroll-y"],"scrollEvents":[4,"scroll-events"],"getScrollElement":[64],"getBackgroundElement":[64],"scrollToTop":[64],"scrollToBottom":[64],"scrollByPoint":[64],"scrollToPoint":[64]},[[9,"resize","onResize"]]],[292,"ion-header",{"collapse":[1],"translucent":[4]}],[289,"ion-title",{"color":[513],"size":[1]},null,{"size":["sizeChanged"]}],[289,"ion-toolbar",{"color":[513]},[[0,"ionStyle","childrenStyle"]]],[294,"ion-buttons",{"collapse":[4]}]]],["p-f65f9308",[[289,"ion-select",{"cancelText":[1,"cancel-text"],"color":[513],"compareWith":[1,"compare-with"],"disabled":[4],"fill":[1],"errorText":[1,"error-text"],"helperText":[1,"helper-text"],"interface":[1],"interfaceOptions":[8,"interface-options"],"justify":[1],"label":[1],"labelPlacement":[1,"label-placement"],"multiple":[4],"name":[1],"okText":[1,"ok-text"],"placeholder":[1],"selectedText":[1,"selected-text"],"toggleIcon":[1,"toggle-icon"],"expandedIcon":[1,"expanded-icon"],"shape":[1],"value":[1032],"required":[4],"isExpanded":[32],"hasFocus":[32],"isInvalid":[32],"hintTextID":[32],"open":[64]},null,{"disabled":["styleChanged"],"isExpanded":["styleChanged"],"placeholder":["styleChanged"],"value":["styleChanged"]}],[257,"ion-select-option",{"disabled":[4],"value":[8]}],[290,"ion-select-popover",{"header":[1],"subHeader":[1,"sub-header"],"message":[1],"multiple":[4],"options":[16]}]]],["p-f8f22cc0",[[257,"ion-spinner",{"color":[513],"duration":[2],"name":[1],"paused":[4]}]]],["p-7bcfc421",[[289,"ion-radio",{"color":[513],"name":[1],"disabled":[4],"value":[8],"labelPlacement":[1,"label-placement"],"justify":[1],"alignment":[1],"checked":[32],"buttonTabindex":[32],"setFocus":[64],"setButtonTabindex":[64]},null,{"value":["valueChanged"]}],[292,"ion-radio-group",{"allowEmptySelection":[4,"allow-empty-selection"],"compareWith":[1,"compare-with"],"name":[1],"value":[1032],"helperText":[1,"helper-text"],"errorText":[1,"error-text"],"setFocus":[64]},[[4,"keydown","onKeydown"]],{"value":["valueChanged"]}]]],["p-370e4237",[[257,"ion-ripple-effect",{"type":[1],"addRipple":[64]}]]],["p-43ed1ef5",[[289,"ion-button",{"color":[513],"buttonType":[1025,"button-type"],"disabled":[516],"expand":[513],"fill":[1537],"routerDirection":[1,"router-direction"],"routerAnimation":[16],"download":[1],"href":[1],"rel":[1],"shape":[513],"size":[513],"strong":[4],"target":[1],"type":[1],"form":[1],"isCircle":[32]},null,{"disabled":["disabledChanged"],"aria-checked":["onAriaChanged"],"aria-label":["onAriaChanged"]}],[257,"ion-icon",{"mode":[1025],"color":[1],"ios":[1],"md":[1],"flipRtl":[4,"flip-rtl"],"name":[513],"src":[1],"icon":[8],"size":[1],"lazy":[4],"sanitize":[4],"svgContent":[32],"isVisible":[32]},null,{"name":["loadIcon"],"src":["loadIcon"],"icon":["loadIcon"],"ios":["loadIcon"],"md":["loadIcon"]}]]]]'),e))));
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
|
+
*/
|
|
4
|
+
import{r as o,e as t,h as i,d as n,g as e,c as a,f as s}from"./p-C8IsBmNU.js";import{g as r,r as d,f as c,m as h,t as l}from"./p-CTfR9YZG.js";import{l as p}from"./p-DV3sJJW8.js";import{b as g}from"./p-BFvmZNyx.js";const u=class{constructor(i){o(this,i),this.updateListener=()=>this.updateState(!1),this.state=1,this.isNext=!1,this.isPrevious=!1,this.value="ion-accordion-"+b++,this.disabled=!1,this.readonly=!1,this.toggleIcon=p,this.toggleIconSlot="end",this.setItemDefaults=()=>{const o=this.getSlottedHeaderIonItem();o&&(o.button=!0,o.detail=!1,void 0===o.lines&&(o.lines="full"))},this.getSlottedHeaderIonItem=()=>{const{headerEl:o}=this;if(!o)return;const t=o.querySelector("slot");return t&&void 0!==t.assignedElements?t.assignedElements().find((o=>"ION-ITEM"===o.tagName)):void 0},this.setAria=(o=!1)=>{const t=this.getSlottedHeaderIonItem();if(!t)return;const i=r(t).querySelector("button");i&&i.setAttribute("aria-expanded",`${o}`)},this.slotToggleIcon=()=>{const o=this.getSlottedHeaderIonItem();if(!o)return;const{toggleIconSlot:t,toggleIcon:i}=this;if(o.querySelector(".ion-accordion-toggle-icon"))return;const n=document.createElement("ion-icon");n.slot=t,n.lazy=!1,n.classList.add("ion-accordion-toggle-icon"),n.icon=i,n.setAttribute("aria-hidden","true"),o.appendChild(n)},this.expandAccordion=(o=!1)=>{const{contentEl:t,contentElWrapper:i}=this;o||void 0===t||void 0===i?this.state=4:4!==this.state&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?d((()=>{this.state=8,this.currentRaf=d((async()=>{const o=i.offsetHeight,n=l(t,2e3);t.style.setProperty("max-height",`${o}px`),await n,this.state=4,t.style.removeProperty("max-height")}))})):this.state=4)},this.collapseAccordion=(o=!1)=>{const{contentEl:t}=this;o||void 0===t?this.state=1:1!==this.state&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?this.currentRaf=d((async()=>{t.style.setProperty("max-height",`${t.offsetHeight}px`),d((async()=>{const o=l(t,2e3);this.state=2,await o,this.state=1,t.style.removeProperty("max-height")}))})):this.state=1)},this.shouldAnimate=()=>"undefined"!=typeof window&&(!matchMedia("(prefers-reduced-motion: reduce)").matches&&!(!t.get("animated",!0)||this.accordionGroupEl&&!this.accordionGroupEl.animated)),this.updateState=async(o=!1)=>{const t=this.accordionGroupEl,i=this.value;if(!t)return;const n=t.value;if(Array.isArray(n)?n.includes(i):n===i)this.expandAccordion(o),this.isNext=this.isPrevious=!1;else{this.collapseAccordion(o);const t=this.getNextSibling(),i=null==t?void 0:t.value;void 0!==i&&(this.isPrevious=Array.isArray(n)?n.includes(i):n===i);const e=this.getPreviousSibling(),a=null==e?void 0:e.value;void 0!==a&&(this.isNext=Array.isArray(n)?n.includes(a):n===a)}},this.getNextSibling=()=>{if(!this.el)return;const o=this.el.nextElementSibling;return"ION-ACCORDION"===(null==o?void 0:o.tagName)?o:void 0},this.getPreviousSibling=()=>{if(!this.el)return;const o=this.el.previousElementSibling;return"ION-ACCORDION"===(null==o?void 0:o.tagName)?o:void 0}}valueChanged(){this.updateState()}connectedCallback(){var o;const t=this.accordionGroupEl=null===(o=this.el)||void 0===o?void 0:o.closest("ion-accordion-group");t&&(this.updateState(!0),c(t,"ionValueChange",this.updateListener))}disconnectedCallback(){const o=this.accordionGroupEl;o&&h(o,"ionValueChange",this.updateListener)}componentDidLoad(){this.setItemDefaults(),this.slotToggleIcon(),d((()=>{this.setAria(4===this.state||8===this.state)}))}toggleExpanded(){const{accordionGroupEl:o,disabled:t,readonly:i,value:n,state:e}=this;t||i||!o||o.requestAccordionToggle(n,1===e||2===e)}render(){const{disabled:o,readonly:t}=this,e=g(this),a=4===this.state||8===this.state,s=a?"header expanded":"header",r=a?"content expanded":"content";return this.setAria(a),i(n,{key:"073e1d02c18dcbc20c68648426e87c14750c031d",class:{[e]:!0,"accordion-expanding":8===this.state,"accordion-expanded":4===this.state,"accordion-collapsing":2===this.state,"accordion-collapsed":1===this.state,"accordion-next":this.isNext,"accordion-previous":this.isPrevious,"accordion-disabled":o,"accordion-readonly":t,"accordion-animated":this.shouldAnimate()}},i("div",{key:"9b4cf326de8bb6b4033992903c0c1bfd7eea9bcc",onClick:()=>this.toggleExpanded(),id:"header",part:s,"aria-controls":"content",ref:o=>this.headerEl=o},i("slot",{key:"464c32a37f64655eacf4218284214f5f30b14a1e",name:"header"})),i("div",{key:"8bb52e6a62d7de0106b253201a89a32e79d9a594",id:"content",part:r,role:"region","aria-labelledby":"header",ref:o=>this.contentEl=o},i("div",{key:"1d9dfd952ad493754aaeea7a8f625b33c2dd90a0",id:"content-wrapper",ref:o=>this.contentElWrapper=o},i("slot",{key:"970dfbc55a612d739d0ca3b7b1a08e5c96d0c479",name:"content"}))))}static get delegatesFocus(){return!0}get el(){return e(this)}static get watchers(){return{value:["valueChanged"]}}};let b=0;u.style={ios:":host{display:block;position:relative;width:100%;background-color:var(--ion-background-color, #ffffff);overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}:host(.accordion-next) ::slotted(ion-item[slot=header]){--border-width:0.55px 0px 0.55px 0px}",md:":host{display:block;position:relative;width:100%;background-color:var(--ion-background-color, #ffffff);overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}"};const x=class{constructor(t){o(this,t),this.ionChange=a(this,"ionChange",7),this.ionValueChange=a(this,"ionValueChange",7),this.animated=!0,this.disabled=!1,this.readonly=!1,this.expand="compact"}valueChanged(){const{value:o,multiple:t}=this;!t&&Array.isArray(o)&&s(`[ion-accordion-group] - An array of values was passed, but multiple is "false". This is incorrect usage and may result in unexpected behaviors. To dismiss this warning, pass a string to the "value" property when multiple="false".\n\n Value Passed: [${o.map((o=>`'${o}'`)).join(", ")}]\n`,this.el),this.ionValueChange.emit({value:this.value})}async disabledChanged(){const{disabled:o}=this,t=await this.getAccordions();for(const i of t)i.disabled=o}async readonlyChanged(){const{readonly:o}=this,t=await this.getAccordions();for(const i of t)i.readonly=o}async onKeydown(o){const t=document.activeElement;if(!t)return;if(!t.closest('ion-accordion [slot="header"]'))return;const i="ION-ACCORDION"===t.tagName?t:t.closest("ion-accordion");if(!i)return;if(i.closest("ion-accordion-group")!==this.el)return;const n=await this.getAccordions(),e=n.findIndex((o=>o===i));if(-1===e)return;let a;"ArrowDown"===o.key?a=this.findNextAccordion(n,e):"ArrowUp"===o.key?a=this.findPreviousAccordion(n,e):"Home"===o.key?a=n[0]:"End"===o.key&&(a=n[n.length-1]),void 0!==a&&a!==t&&a.focus()}async componentDidLoad(){this.disabled&&this.disabledChanged(),this.readonly&&this.readonlyChanged(),this.valueChanged()}setValue(o){const t=this.value=o;this.ionChange.emit({value:t})}async requestAccordionToggle(o,t){const{multiple:i,value:n,readonly:e,disabled:a}=this;if(!e&&!a)if(t)if(i){const t=null!=n?n:[],i=Array.isArray(t)?t:[t];void 0===i.find((t=>t===o))&&void 0!==o&&this.setValue([...i,o])}else this.setValue(o);else if(i){const t=null!=n?n:[],i=Array.isArray(t)?t:[t];this.setValue(i.filter((t=>t!==o)))}else this.setValue(void 0)}findNextAccordion(o,t){const i=o[t+1];return void 0===i?o[0]:i}findPreviousAccordion(o,t){const i=o[t-1];return void 0===i?o[o.length-1]:i}async getAccordions(){return Array.from(this.el.querySelectorAll(":scope > ion-accordion"))}render(){const{disabled:o,readonly:t,expand:e}=this,a=g(this);return i(n,{key:"d1a79a93179474fbba66fcf11a92f4871dacc975",class:{[a]:!0,"accordion-group-disabled":o,"accordion-group-readonly":t,[`accordion-group-expand-${e}`]:!0},role:"presentation"},i("slot",{key:"e6b8954b686d1fbb4fc92adb07fddc97a24b0a31"}))}get el(){return e(this)}static get watchers(){return{value:["valueChanged"],disabled:["disabledChanged"],readonly:["readonlyChanged"]}}};x.style={ios:":host{display:block}:host(.accordion-group-expand-inset){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanding),:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanded){border-bottom:none}",md:":host{display:block}:host(.accordion-group-expand-inset){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion){-webkit-box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanding),:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanded){margin-left:0;margin-right:0;margin-top:16px;margin-bottom:16px;border-radius:6px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-previous){border-end-end-radius:6px;border-end-start-radius:6px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-next){border-start-start-radius:6px;border-start-end-radius:6px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion):first-of-type{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}"};export{u as ion_accordion,x as ion_accordion_group}
|
|
@@ -50,7 +50,6 @@ export declare class AccordionGroup implements ComponentInterface {
|
|
|
50
50
|
* @internal
|
|
51
51
|
*/
|
|
52
52
|
ionValueChange: EventEmitter<AccordionGroupChangeEventDetail>;
|
|
53
|
-
private hasEmittedInitialValue;
|
|
54
53
|
valueChanged(): void;
|
|
55
54
|
disabledChanged(): Promise<void>;
|
|
56
55
|
readonlyChanged(): Promise<void>;
|
|
@@ -79,6 +78,5 @@ export declare class AccordionGroup implements ComponentInterface {
|
|
|
79
78
|
* @internal
|
|
80
79
|
*/
|
|
81
80
|
getAccordions(): Promise<HTMLIonAccordionElement[]>;
|
|
82
|
-
private emitValueChange;
|
|
83
81
|
render(): any;
|
|
84
82
|
}
|
package/hydrate/index.js
CHANGED
|
@@ -4042,11 +4042,7 @@ const accordionMdCss = ":host{display:block;position:relative;width:100%;backgro
|
|
|
4042
4042
|
class Accordion {
|
|
4043
4043
|
constructor(hostRef) {
|
|
4044
4044
|
registerInstance(this, hostRef);
|
|
4045
|
-
this.updateListener = (
|
|
4046
|
-
var _a, _b;
|
|
4047
|
-
const initialUpdate = (_b = (_a = ev.detail) === null || _a === void 0 ? void 0 : _a.initial) !== null && _b !== void 0 ? _b : false;
|
|
4048
|
-
this.updateState(initialUpdate);
|
|
4049
|
-
};
|
|
4045
|
+
this.updateListener = () => this.updateState(false);
|
|
4050
4046
|
this.state = 1 /* AccordionState.Collapsed */;
|
|
4051
4047
|
this.isNext = false;
|
|
4052
4048
|
this.isPrevious = false;
|
|
@@ -4348,7 +4344,7 @@ class Accordion {
|
|
|
4348
4344
|
const headerPart = expanded ? 'header expanded' : 'header';
|
|
4349
4345
|
const contentPart = expanded ? 'content expanded' : 'content';
|
|
4350
4346
|
this.setAria(expanded);
|
|
4351
|
-
return (hAsync(Host, { key: '
|
|
4347
|
+
return (hAsync(Host, { key: '073e1d02c18dcbc20c68648426e87c14750c031d', class: {
|
|
4352
4348
|
[mode]: true,
|
|
4353
4349
|
'accordion-expanding': this.state === 8 /* AccordionState.Expanding */,
|
|
4354
4350
|
'accordion-expanded': this.state === 4 /* AccordionState.Expanded */,
|
|
@@ -4359,7 +4355,7 @@ class Accordion {
|
|
|
4359
4355
|
'accordion-disabled': disabled,
|
|
4360
4356
|
'accordion-readonly': readonly,
|
|
4361
4357
|
'accordion-animated': this.shouldAnimate(),
|
|
4362
|
-
} }, hAsync("div", { key: '
|
|
4358
|
+
} }, hAsync("div", { key: '9b4cf326de8bb6b4033992903c0c1bfd7eea9bcc', onClick: () => this.toggleExpanded(), id: "header", part: headerPart, "aria-controls": "content", ref: (headerEl) => (this.headerEl = headerEl) }, hAsync("slot", { key: '464c32a37f64655eacf4218284214f5f30b14a1e', name: "header" })), hAsync("div", { key: '8bb52e6a62d7de0106b253201a89a32e79d9a594', id: "content", part: contentPart, role: "region", "aria-labelledby": "header", ref: (contentEl) => (this.contentEl = contentEl) }, hAsync("div", { key: '1d9dfd952ad493754aaeea7a8f625b33c2dd90a0', id: "content-wrapper", ref: (contentElWrapper) => (this.contentElWrapper = contentElWrapper) }, hAsync("slot", { key: '970dfbc55a612d739d0ca3b7b1a08e5c96d0c479', name: "content" })))));
|
|
4363
4359
|
}
|
|
4364
4360
|
static get delegatesFocus() { return true; }
|
|
4365
4361
|
get el() { return getElement(this); }
|
|
@@ -4423,10 +4419,28 @@ class AccordionGroup {
|
|
|
4423
4419
|
* Defaults to `"compact"`.
|
|
4424
4420
|
*/
|
|
4425
4421
|
this.expand = 'compact';
|
|
4426
|
-
this.hasEmittedInitialValue = false;
|
|
4427
4422
|
}
|
|
4428
4423
|
valueChanged() {
|
|
4429
|
-
this
|
|
4424
|
+
const { value, multiple } = this;
|
|
4425
|
+
if (!multiple && Array.isArray(value)) {
|
|
4426
|
+
/**
|
|
4427
|
+
* We do some processing on the `value` array so
|
|
4428
|
+
* that it looks more like an array when logged to
|
|
4429
|
+
* the console.
|
|
4430
|
+
* Example given ['a', 'b']
|
|
4431
|
+
* Default toString() behavior: a,b
|
|
4432
|
+
* Custom behavior: ['a', 'b']
|
|
4433
|
+
*/
|
|
4434
|
+
printIonWarning(`[ion-accordion-group] - An array of values was passed, but multiple is "false". This is incorrect usage and may result in unexpected behaviors. To dismiss this warning, pass a string to the "value" property when multiple="false".
|
|
4435
|
+
|
|
4436
|
+
Value Passed: [${value.map((v) => `'${v}'`).join(', ')}]
|
|
4437
|
+
`, this.el);
|
|
4438
|
+
}
|
|
4439
|
+
/**
|
|
4440
|
+
* Do not use `value` here as that will be
|
|
4441
|
+
* not account for the adjustment we make above.
|
|
4442
|
+
*/
|
|
4443
|
+
this.ionValueChange.emit({ value: this.value });
|
|
4430
4444
|
}
|
|
4431
4445
|
async disabledChanged() {
|
|
4432
4446
|
const { disabled } = this;
|
|
@@ -4500,12 +4514,11 @@ class AccordionGroup {
|
|
|
4500
4514
|
* it is possible for the value to be set after the Web Component
|
|
4501
4515
|
* initializes but before the value watcher is set up in Stencil.
|
|
4502
4516
|
* As a result, the watcher callback may not be fired.
|
|
4503
|
-
* We work around this by manually
|
|
4504
|
-
* has loaded and the watcher
|
|
4517
|
+
* We work around this by manually calling the watcher
|
|
4518
|
+
* callback when the component has loaded and the watcher
|
|
4519
|
+
* is configured.
|
|
4505
4520
|
*/
|
|
4506
|
-
|
|
4507
|
-
this.emitValueChange(true);
|
|
4508
|
-
}
|
|
4521
|
+
this.valueChanged();
|
|
4509
4522
|
}
|
|
4510
4523
|
/**
|
|
4511
4524
|
* Sets the value property and emits ionChange.
|
|
@@ -4585,41 +4598,15 @@ class AccordionGroup {
|
|
|
4585
4598
|
async getAccordions() {
|
|
4586
4599
|
return Array.from(this.el.querySelectorAll(':scope > ion-accordion'));
|
|
4587
4600
|
}
|
|
4588
|
-
emitValueChange(initial) {
|
|
4589
|
-
const { value, multiple } = this;
|
|
4590
|
-
if (!multiple && Array.isArray(value)) {
|
|
4591
|
-
/**
|
|
4592
|
-
* We do some processing on the `value` array so
|
|
4593
|
-
* that it looks more like an array when logged to
|
|
4594
|
-
* the console.
|
|
4595
|
-
* Example given ['a', 'b']
|
|
4596
|
-
* Default toString() behavior: a,b
|
|
4597
|
-
* Custom behavior: ['a', 'b']
|
|
4598
|
-
*/
|
|
4599
|
-
printIonWarning(`[ion-accordion-group] - An array of values was passed, but multiple is "false". This is incorrect usage and may result in unexpected behaviors. To dismiss this warning, pass a string to the "value" property when multiple="false".
|
|
4600
|
-
|
|
4601
|
-
Value Passed: [${value.map((v) => `'${v}'`).join(', ')}]
|
|
4602
|
-
`, this.el);
|
|
4603
|
-
}
|
|
4604
|
-
/**
|
|
4605
|
-
* Track if this is the initial value update so accordions
|
|
4606
|
-
* can skip transition animations when they first render.
|
|
4607
|
-
*/
|
|
4608
|
-
const shouldMarkInitial = initial || (!this.hasEmittedInitialValue && value !== undefined);
|
|
4609
|
-
this.ionValueChange.emit({ value, initial: shouldMarkInitial });
|
|
4610
|
-
if (value !== undefined) {
|
|
4611
|
-
this.hasEmittedInitialValue = true;
|
|
4612
|
-
}
|
|
4613
|
-
}
|
|
4614
4601
|
render() {
|
|
4615
4602
|
const { disabled, readonly, expand } = this;
|
|
4616
4603
|
const mode = getIonMode$1(this);
|
|
4617
|
-
return (hAsync(Host, { key: '
|
|
4604
|
+
return (hAsync(Host, { key: 'd1a79a93179474fbba66fcf11a92f4871dacc975', class: {
|
|
4618
4605
|
[mode]: true,
|
|
4619
4606
|
'accordion-group-disabled': disabled,
|
|
4620
4607
|
'accordion-group-readonly': readonly,
|
|
4621
4608
|
[`accordion-group-expand-${expand}`]: true,
|
|
4622
|
-
}, role: "presentation" }, hAsync("slot", { key: '
|
|
4609
|
+
}, role: "presentation" }, hAsync("slot", { key: 'e6b8954b686d1fbb4fc92adb07fddc97a24b0a31' })));
|
|
4623
4610
|
}
|
|
4624
4611
|
get el() { return getElement(this); }
|
|
4625
4612
|
static get watchers() { return {
|
package/hydrate/index.mjs
CHANGED
|
@@ -4040,11 +4040,7 @@ const accordionMdCss = ":host{display:block;position:relative;width:100%;backgro
|
|
|
4040
4040
|
class Accordion {
|
|
4041
4041
|
constructor(hostRef) {
|
|
4042
4042
|
registerInstance(this, hostRef);
|
|
4043
|
-
this.updateListener = (
|
|
4044
|
-
var _a, _b;
|
|
4045
|
-
const initialUpdate = (_b = (_a = ev.detail) === null || _a === void 0 ? void 0 : _a.initial) !== null && _b !== void 0 ? _b : false;
|
|
4046
|
-
this.updateState(initialUpdate);
|
|
4047
|
-
};
|
|
4043
|
+
this.updateListener = () => this.updateState(false);
|
|
4048
4044
|
this.state = 1 /* AccordionState.Collapsed */;
|
|
4049
4045
|
this.isNext = false;
|
|
4050
4046
|
this.isPrevious = false;
|
|
@@ -4346,7 +4342,7 @@ class Accordion {
|
|
|
4346
4342
|
const headerPart = expanded ? 'header expanded' : 'header';
|
|
4347
4343
|
const contentPart = expanded ? 'content expanded' : 'content';
|
|
4348
4344
|
this.setAria(expanded);
|
|
4349
|
-
return (hAsync(Host, { key: '
|
|
4345
|
+
return (hAsync(Host, { key: '073e1d02c18dcbc20c68648426e87c14750c031d', class: {
|
|
4350
4346
|
[mode]: true,
|
|
4351
4347
|
'accordion-expanding': this.state === 8 /* AccordionState.Expanding */,
|
|
4352
4348
|
'accordion-expanded': this.state === 4 /* AccordionState.Expanded */,
|
|
@@ -4357,7 +4353,7 @@ class Accordion {
|
|
|
4357
4353
|
'accordion-disabled': disabled,
|
|
4358
4354
|
'accordion-readonly': readonly,
|
|
4359
4355
|
'accordion-animated': this.shouldAnimate(),
|
|
4360
|
-
} }, hAsync("div", { key: '
|
|
4356
|
+
} }, hAsync("div", { key: '9b4cf326de8bb6b4033992903c0c1bfd7eea9bcc', onClick: () => this.toggleExpanded(), id: "header", part: headerPart, "aria-controls": "content", ref: (headerEl) => (this.headerEl = headerEl) }, hAsync("slot", { key: '464c32a37f64655eacf4218284214f5f30b14a1e', name: "header" })), hAsync("div", { key: '8bb52e6a62d7de0106b253201a89a32e79d9a594', id: "content", part: contentPart, role: "region", "aria-labelledby": "header", ref: (contentEl) => (this.contentEl = contentEl) }, hAsync("div", { key: '1d9dfd952ad493754aaeea7a8f625b33c2dd90a0', id: "content-wrapper", ref: (contentElWrapper) => (this.contentElWrapper = contentElWrapper) }, hAsync("slot", { key: '970dfbc55a612d739d0ca3b7b1a08e5c96d0c479', name: "content" })))));
|
|
4361
4357
|
}
|
|
4362
4358
|
static get delegatesFocus() { return true; }
|
|
4363
4359
|
get el() { return getElement(this); }
|
|
@@ -4421,10 +4417,28 @@ class AccordionGroup {
|
|
|
4421
4417
|
* Defaults to `"compact"`.
|
|
4422
4418
|
*/
|
|
4423
4419
|
this.expand = 'compact';
|
|
4424
|
-
this.hasEmittedInitialValue = false;
|
|
4425
4420
|
}
|
|
4426
4421
|
valueChanged() {
|
|
4427
|
-
this
|
|
4422
|
+
const { value, multiple } = this;
|
|
4423
|
+
if (!multiple && Array.isArray(value)) {
|
|
4424
|
+
/**
|
|
4425
|
+
* We do some processing on the `value` array so
|
|
4426
|
+
* that it looks more like an array when logged to
|
|
4427
|
+
* the console.
|
|
4428
|
+
* Example given ['a', 'b']
|
|
4429
|
+
* Default toString() behavior: a,b
|
|
4430
|
+
* Custom behavior: ['a', 'b']
|
|
4431
|
+
*/
|
|
4432
|
+
printIonWarning(`[ion-accordion-group] - An array of values was passed, but multiple is "false". This is incorrect usage and may result in unexpected behaviors. To dismiss this warning, pass a string to the "value" property when multiple="false".
|
|
4433
|
+
|
|
4434
|
+
Value Passed: [${value.map((v) => `'${v}'`).join(', ')}]
|
|
4435
|
+
`, this.el);
|
|
4436
|
+
}
|
|
4437
|
+
/**
|
|
4438
|
+
* Do not use `value` here as that will be
|
|
4439
|
+
* not account for the adjustment we make above.
|
|
4440
|
+
*/
|
|
4441
|
+
this.ionValueChange.emit({ value: this.value });
|
|
4428
4442
|
}
|
|
4429
4443
|
async disabledChanged() {
|
|
4430
4444
|
const { disabled } = this;
|
|
@@ -4498,12 +4512,11 @@ class AccordionGroup {
|
|
|
4498
4512
|
* it is possible for the value to be set after the Web Component
|
|
4499
4513
|
* initializes but before the value watcher is set up in Stencil.
|
|
4500
4514
|
* As a result, the watcher callback may not be fired.
|
|
4501
|
-
* We work around this by manually
|
|
4502
|
-
* has loaded and the watcher
|
|
4515
|
+
* We work around this by manually calling the watcher
|
|
4516
|
+
* callback when the component has loaded and the watcher
|
|
4517
|
+
* is configured.
|
|
4503
4518
|
*/
|
|
4504
|
-
|
|
4505
|
-
this.emitValueChange(true);
|
|
4506
|
-
}
|
|
4519
|
+
this.valueChanged();
|
|
4507
4520
|
}
|
|
4508
4521
|
/**
|
|
4509
4522
|
* Sets the value property and emits ionChange.
|
|
@@ -4583,41 +4596,15 @@ class AccordionGroup {
|
|
|
4583
4596
|
async getAccordions() {
|
|
4584
4597
|
return Array.from(this.el.querySelectorAll(':scope > ion-accordion'));
|
|
4585
4598
|
}
|
|
4586
|
-
emitValueChange(initial) {
|
|
4587
|
-
const { value, multiple } = this;
|
|
4588
|
-
if (!multiple && Array.isArray(value)) {
|
|
4589
|
-
/**
|
|
4590
|
-
* We do some processing on the `value` array so
|
|
4591
|
-
* that it looks more like an array when logged to
|
|
4592
|
-
* the console.
|
|
4593
|
-
* Example given ['a', 'b']
|
|
4594
|
-
* Default toString() behavior: a,b
|
|
4595
|
-
* Custom behavior: ['a', 'b']
|
|
4596
|
-
*/
|
|
4597
|
-
printIonWarning(`[ion-accordion-group] - An array of values was passed, but multiple is "false". This is incorrect usage and may result in unexpected behaviors. To dismiss this warning, pass a string to the "value" property when multiple="false".
|
|
4598
|
-
|
|
4599
|
-
Value Passed: [${value.map((v) => `'${v}'`).join(', ')}]
|
|
4600
|
-
`, this.el);
|
|
4601
|
-
}
|
|
4602
|
-
/**
|
|
4603
|
-
* Track if this is the initial value update so accordions
|
|
4604
|
-
* can skip transition animations when they first render.
|
|
4605
|
-
*/
|
|
4606
|
-
const shouldMarkInitial = initial || (!this.hasEmittedInitialValue && value !== undefined);
|
|
4607
|
-
this.ionValueChange.emit({ value, initial: shouldMarkInitial });
|
|
4608
|
-
if (value !== undefined) {
|
|
4609
|
-
this.hasEmittedInitialValue = true;
|
|
4610
|
-
}
|
|
4611
|
-
}
|
|
4612
4599
|
render() {
|
|
4613
4600
|
const { disabled, readonly, expand } = this;
|
|
4614
4601
|
const mode = getIonMode$1(this);
|
|
4615
|
-
return (hAsync(Host, { key: '
|
|
4602
|
+
return (hAsync(Host, { key: 'd1a79a93179474fbba66fcf11a92f4871dacc975', class: {
|
|
4616
4603
|
[mode]: true,
|
|
4617
4604
|
'accordion-group-disabled': disabled,
|
|
4618
4605
|
'accordion-group-readonly': readonly,
|
|
4619
4606
|
[`accordion-group-expand-${expand}`]: true,
|
|
4620
|
-
}, role: "presentation" }, hAsync("slot", { key: '
|
|
4607
|
+
}, role: "presentation" }, hAsync("slot", { key: 'e6b8954b686d1fbb4fc92adb07fddc97a24b0a31' })));
|
|
4621
4608
|
}
|
|
4622
4609
|
get el() { return getElement(this); }
|
|
4623
4610
|
static get watchers() { return {
|
package/package.json
CHANGED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
|
-
*/
|
|
4
|
-
import{r as o,e as t,h as i,d as n,g as e,c as a,f as s}from"./p-C8IsBmNU.js";import{g as r,r as d,f as c,m as h,t as l}from"./p-CTfR9YZG.js";import{l as p}from"./p-DV3sJJW8.js";import{b as u}from"./p-BFvmZNyx.js";const g=class{constructor(i){o(this,i),this.updateListener=o=>{var t,i;const n=null!==(i=null===(t=o.detail)||void 0===t?void 0:t.initial)&&void 0!==i&&i;this.updateState(n)},this.state=1,this.isNext=!1,this.isPrevious=!1,this.value="ion-accordion-"+x++,this.disabled=!1,this.readonly=!1,this.toggleIcon=p,this.toggleIconSlot="end",this.setItemDefaults=()=>{const o=this.getSlottedHeaderIonItem();o&&(o.button=!0,o.detail=!1,void 0===o.lines&&(o.lines="full"))},this.getSlottedHeaderIonItem=()=>{const{headerEl:o}=this;if(!o)return;const t=o.querySelector("slot");return t&&void 0!==t.assignedElements?t.assignedElements().find((o=>"ION-ITEM"===o.tagName)):void 0},this.setAria=(o=!1)=>{const t=this.getSlottedHeaderIonItem();if(!t)return;const i=r(t).querySelector("button");i&&i.setAttribute("aria-expanded",`${o}`)},this.slotToggleIcon=()=>{const o=this.getSlottedHeaderIonItem();if(!o)return;const{toggleIconSlot:t,toggleIcon:i}=this;if(o.querySelector(".ion-accordion-toggle-icon"))return;const n=document.createElement("ion-icon");n.slot=t,n.lazy=!1,n.classList.add("ion-accordion-toggle-icon"),n.icon=i,n.setAttribute("aria-hidden","true"),o.appendChild(n)},this.expandAccordion=(o=!1)=>{const{contentEl:t,contentElWrapper:i}=this;o||void 0===t||void 0===i?this.state=4:4!==this.state&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?d((()=>{this.state=8,this.currentRaf=d((async()=>{const o=i.offsetHeight,n=l(t,2e3);t.style.setProperty("max-height",`${o}px`),await n,this.state=4,t.style.removeProperty("max-height")}))})):this.state=4)},this.collapseAccordion=(o=!1)=>{const{contentEl:t}=this;o||void 0===t?this.state=1:1!==this.state&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?this.currentRaf=d((async()=>{t.style.setProperty("max-height",`${t.offsetHeight}px`),d((async()=>{const o=l(t,2e3);this.state=2,await o,this.state=1,t.style.removeProperty("max-height")}))})):this.state=1)},this.shouldAnimate=()=>"undefined"!=typeof window&&(!matchMedia("(prefers-reduced-motion: reduce)").matches&&!(!t.get("animated",!0)||this.accordionGroupEl&&!this.accordionGroupEl.animated)),this.updateState=async(o=!1)=>{const t=this.accordionGroupEl,i=this.value;if(!t)return;const n=t.value;if(Array.isArray(n)?n.includes(i):n===i)this.expandAccordion(o),this.isNext=this.isPrevious=!1;else{this.collapseAccordion(o);const t=this.getNextSibling(),i=null==t?void 0:t.value;void 0!==i&&(this.isPrevious=Array.isArray(n)?n.includes(i):n===i);const e=this.getPreviousSibling(),a=null==e?void 0:e.value;void 0!==a&&(this.isNext=Array.isArray(n)?n.includes(a):n===a)}},this.getNextSibling=()=>{if(!this.el)return;const o=this.el.nextElementSibling;return"ION-ACCORDION"===(null==o?void 0:o.tagName)?o:void 0},this.getPreviousSibling=()=>{if(!this.el)return;const o=this.el.previousElementSibling;return"ION-ACCORDION"===(null==o?void 0:o.tagName)?o:void 0}}valueChanged(){this.updateState()}connectedCallback(){var o;const t=this.accordionGroupEl=null===(o=this.el)||void 0===o?void 0:o.closest("ion-accordion-group");t&&(this.updateState(!0),c(t,"ionValueChange",this.updateListener))}disconnectedCallback(){const o=this.accordionGroupEl;o&&h(o,"ionValueChange",this.updateListener)}componentDidLoad(){this.setItemDefaults(),this.slotToggleIcon(),d((()=>{this.setAria(4===this.state||8===this.state)}))}toggleExpanded(){const{accordionGroupEl:o,disabled:t,readonly:i,value:n,state:e}=this;t||i||!o||o.requestAccordionToggle(n,1===e||2===e)}render(){const{disabled:o,readonly:t}=this,e=u(this),a=4===this.state||8===this.state,s=a?"header expanded":"header",r=a?"content expanded":"content";return this.setAria(a),i(n,{key:"4c8a2978e1c428f1b856d80adcee31d7abb3925d",class:{[e]:!0,"accordion-expanding":8===this.state,"accordion-expanded":4===this.state,"accordion-collapsing":2===this.state,"accordion-collapsed":1===this.state,"accordion-next":this.isNext,"accordion-previous":this.isPrevious,"accordion-disabled":o,"accordion-readonly":t,"accordion-animated":this.shouldAnimate()}},i("div",{key:"789c5cec6e54d2aa7528d63e880e1f2cf1924ff2",onClick:()=>this.toggleExpanded(),id:"header",part:s,"aria-controls":"content",ref:o=>this.headerEl=o},i("slot",{key:"c98907a0e54d2edc0e6e50b8dce1af6e81588eba",name:"header"})),i("div",{key:"adfe9e7083d5addc1b7cbba0cfc9c65d5809f8f6",id:"content",part:r,role:"region","aria-labelledby":"header",ref:o=>this.contentEl=o},i("div",{key:"c77a044fae8d5173ea180bc57c84d24b39abb494",id:"content-wrapper",ref:o=>this.contentElWrapper=o},i("slot",{key:"8214cfd99fcb7a77fc08b1145b2c3d58ddf7f185",name:"content"}))))}static get delegatesFocus(){return!0}get el(){return e(this)}static get watchers(){return{value:["valueChanged"]}}};let x=0;g.style={ios:":host{display:block;position:relative;width:100%;background-color:var(--ion-background-color, #ffffff);overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}:host(.accordion-next) ::slotted(ion-item[slot=header]){--border-width:0.55px 0px 0.55px 0px}",md:":host{display:block;position:relative;width:100%;background-color:var(--ion-background-color, #ffffff);overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}"};const b=class{constructor(t){o(this,t),this.ionChange=a(this,"ionChange",7),this.ionValueChange=a(this,"ionValueChange",7),this.animated=!0,this.disabled=!1,this.readonly=!1,this.expand="compact",this.hasEmittedInitialValue=!1}valueChanged(){this.emitValueChange(!1)}async disabledChanged(){const{disabled:o}=this,t=await this.getAccordions();for(const i of t)i.disabled=o}async readonlyChanged(){const{readonly:o}=this,t=await this.getAccordions();for(const i of t)i.readonly=o}async onKeydown(o){const t=document.activeElement;if(!t)return;if(!t.closest('ion-accordion [slot="header"]'))return;const i="ION-ACCORDION"===t.tagName?t:t.closest("ion-accordion");if(!i)return;if(i.closest("ion-accordion-group")!==this.el)return;const n=await this.getAccordions(),e=n.findIndex((o=>o===i));if(-1===e)return;let a;"ArrowDown"===o.key?a=this.findNextAccordion(n,e):"ArrowUp"===o.key?a=this.findPreviousAccordion(n,e):"Home"===o.key?a=n[0]:"End"===o.key&&(a=n[n.length-1]),void 0!==a&&a!==t&&a.focus()}async componentDidLoad(){this.disabled&&this.disabledChanged(),this.readonly&&this.readonlyChanged(),this.hasEmittedInitialValue||this.emitValueChange(!0)}setValue(o){const t=this.value=o;this.ionChange.emit({value:t})}async requestAccordionToggle(o,t){const{multiple:i,value:n,readonly:e,disabled:a}=this;if(!e&&!a)if(t)if(i){const t=null!=n?n:[],i=Array.isArray(t)?t:[t];void 0===i.find((t=>t===o))&&void 0!==o&&this.setValue([...i,o])}else this.setValue(o);else if(i){const t=null!=n?n:[],i=Array.isArray(t)?t:[t];this.setValue(i.filter((t=>t!==o)))}else this.setValue(void 0)}findNextAccordion(o,t){const i=o[t+1];return void 0===i?o[0]:i}findPreviousAccordion(o,t){const i=o[t-1];return void 0===i?o[o.length-1]:i}async getAccordions(){return Array.from(this.el.querySelectorAll(":scope > ion-accordion"))}emitValueChange(o){const{value:t,multiple:i}=this;!i&&Array.isArray(t)&&s(`[ion-accordion-group] - An array of values was passed, but multiple is "false". This is incorrect usage and may result in unexpected behaviors. To dismiss this warning, pass a string to the "value" property when multiple="false".\n\n Value Passed: [${t.map((o=>`'${o}'`)).join(", ")}]\n`,this.el),this.ionValueChange.emit({value:t,initial:o||!this.hasEmittedInitialValue&&void 0!==t}),void 0!==t&&(this.hasEmittedInitialValue=!0)}render(){const{disabled:o,readonly:t,expand:e}=this,a=u(this);return i(n,{key:"86f55bb44d753113213932356b984e93ec1c4cc9",class:{[a]:!0,"accordion-group-disabled":o,"accordion-group-readonly":t,[`accordion-group-expand-${e}`]:!0},role:"presentation"},i("slot",{key:"7279f32bd3e5352676c5e631d82ee97d3d4aa749"}))}get el(){return e(this)}static get watchers(){return{value:["valueChanged"],disabled:["disabledChanged"],readonly:["readonlyChanged"]}}};b.style={ios:":host{display:block}:host(.accordion-group-expand-inset){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanding),:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanded){border-bottom:none}",md:":host{display:block}:host(.accordion-group-expand-inset){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion){-webkit-box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanding),:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanded){margin-left:0;margin-right:0;margin-top:16px;margin-bottom:16px;border-radius:6px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-previous){border-end-end-radius:6px;border-end-start-radius:6px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-next){border-start-start-radius:6px;border-start-end-radius:6px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion):first-of-type{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}"};export{g as ion_accordion,b as ion_accordion_group}
|