@ionic/core 8.6.2-dev.11749664155.1d651dfa → 8.6.2-dev.11749668763.17db572c
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-reorder-group.js +21 -2
- package/dist/cjs/ion-reorder_2.cjs.entry.js +21 -2
- package/dist/collection/components/reorder-group/reorder-group.js +81 -5
- package/dist/docs.json +73 -3
- package/dist/esm/ion-reorder_2.entry.js +21 -2
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/p-adfb508e.entry.js +4 -0
- package/dist/types/components/reorder-group/reorder-group-interface.d.ts +17 -0
- package/dist/types/components/reorder-group/reorder-group.d.ts +23 -4
- package/dist/types/components.d.ts +19 -4
- package/dist/types/interface.d.ts +5 -1
- package/hydrate/index.js +21 -2
- package/hydrate/index.mjs +21 -2
- package/package.json +1 -1
- package/dist/ionic/p-2020aa51.entry.js +0 -4
|
@@ -14,6 +14,9 @@ const ReorderGroup = /*@__PURE__*/ proxyCustomElement(class ReorderGroup extends
|
|
|
14
14
|
super();
|
|
15
15
|
this.__registerHost();
|
|
16
16
|
this.ionItemReorder = createEvent(this, "ionItemReorder", 7);
|
|
17
|
+
this.ionReorderStart = createEvent(this, "ionReorderStart", 7);
|
|
18
|
+
this.ionReorderMove = createEvent(this, "ionReorderMove", 7);
|
|
19
|
+
this.ionReorderEnd = createEvent(this, "ionReorderEnd", 7);
|
|
17
20
|
this.lastToIndex = -1;
|
|
18
21
|
this.cachedHeights = [];
|
|
19
22
|
this.scrollElTop = 0;
|
|
@@ -59,7 +62,7 @@ const ReorderGroup = /*@__PURE__*/ proxyCustomElement(class ReorderGroup extends
|
|
|
59
62
|
}
|
|
60
63
|
}
|
|
61
64
|
/**
|
|
62
|
-
* Completes the reorder operation. Must be called by the `
|
|
65
|
+
* Completes the reorder operation. Must be called by the `ionReorderEnd` event.
|
|
63
66
|
*
|
|
64
67
|
* If a list of items is passed, the list will be reordered and returned in the
|
|
65
68
|
* proper order.
|
|
@@ -126,6 +129,7 @@ const ReorderGroup = /*@__PURE__*/ proxyCustomElement(class ReorderGroup extends
|
|
|
126
129
|
this.state = 1 /* ReorderGroupState.Active */;
|
|
127
130
|
item.classList.add(ITEM_REORDER_SELECTED);
|
|
128
131
|
hapticSelectionStart();
|
|
132
|
+
this.ionReorderStart.emit();
|
|
129
133
|
}
|
|
130
134
|
onMove(ev) {
|
|
131
135
|
const selectedItem = this.selectedItemEl;
|
|
@@ -140,6 +144,7 @@ const ReorderGroup = /*@__PURE__*/ proxyCustomElement(class ReorderGroup extends
|
|
|
140
144
|
const currentY = Math.max(top, Math.min(ev.currentY, bottom));
|
|
141
145
|
const deltaY = scroll + currentY - ev.startY;
|
|
142
146
|
const normalizedY = currentY - top;
|
|
147
|
+
const fromIndex = this.lastToIndex;
|
|
143
148
|
const toIndex = this.itemIndexForTop(normalizedY);
|
|
144
149
|
if (toIndex !== this.lastToIndex) {
|
|
145
150
|
const fromIndex = indexForItem(selectedItem);
|
|
@@ -149,6 +154,10 @@ const ReorderGroup = /*@__PURE__*/ proxyCustomElement(class ReorderGroup extends
|
|
|
149
154
|
}
|
|
150
155
|
// Update selected item position
|
|
151
156
|
selectedItem.style.transform = `translateY(${deltaY}px)`;
|
|
157
|
+
this.ionReorderMove.emit({
|
|
158
|
+
from: fromIndex,
|
|
159
|
+
to: toIndex,
|
|
160
|
+
});
|
|
152
161
|
}
|
|
153
162
|
onEnd() {
|
|
154
163
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -160,9 +169,14 @@ const ReorderGroup = /*@__PURE__*/ proxyCustomElement(class ReorderGroup extends
|
|
|
160
169
|
const toIndex = this.lastToIndex;
|
|
161
170
|
const fromIndex = indexForItem(selectedItemEl);
|
|
162
171
|
if (toIndex === fromIndex) {
|
|
172
|
+
// TODO(FW-6590): Remove this once the deprecated event is removed
|
|
173
|
+
// Since the ionReorderEnd event is emitted at the end of every reorder
|
|
174
|
+
// gesture, even if the item did not move, the user can always call
|
|
175
|
+
// complete() to reset the state of the reorder group.
|
|
163
176
|
this.completeReorder();
|
|
164
177
|
}
|
|
165
178
|
else {
|
|
179
|
+
// TODO(FW-6590): Remove this once the deprecated event is removed
|
|
166
180
|
this.ionItemReorder.emit({
|
|
167
181
|
from: fromIndex,
|
|
168
182
|
to: toIndex,
|
|
@@ -170,6 +184,11 @@ const ReorderGroup = /*@__PURE__*/ proxyCustomElement(class ReorderGroup extends
|
|
|
170
184
|
});
|
|
171
185
|
}
|
|
172
186
|
hapticSelectionEnd();
|
|
187
|
+
this.ionReorderEnd.emit({
|
|
188
|
+
from: fromIndex,
|
|
189
|
+
to: toIndex,
|
|
190
|
+
complete: this.completeReorder.bind(this),
|
|
191
|
+
});
|
|
173
192
|
}
|
|
174
193
|
completeReorder(listOrReorder) {
|
|
175
194
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -247,7 +266,7 @@ const ReorderGroup = /*@__PURE__*/ proxyCustomElement(class ReorderGroup extends
|
|
|
247
266
|
}
|
|
248
267
|
render() {
|
|
249
268
|
const mode = getIonMode(this);
|
|
250
|
-
return (h(Host, { key: '
|
|
269
|
+
return (h(Host, { key: '9ff97c31e99392e6e23e117bc248bb7c28ab8e4c', class: {
|
|
251
270
|
[mode]: true,
|
|
252
271
|
'reorder-enabled': !this.disabled,
|
|
253
272
|
'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,
|
|
@@ -46,6 +46,9 @@ const ReorderGroup = class {
|
|
|
46
46
|
constructor(hostRef) {
|
|
47
47
|
index.registerInstance(this, hostRef);
|
|
48
48
|
this.ionItemReorder = index.createEvent(this, "ionItemReorder", 7);
|
|
49
|
+
this.ionReorderStart = index.createEvent(this, "ionReorderStart", 7);
|
|
50
|
+
this.ionReorderMove = index.createEvent(this, "ionReorderMove", 7);
|
|
51
|
+
this.ionReorderEnd = index.createEvent(this, "ionReorderEnd", 7);
|
|
49
52
|
this.lastToIndex = -1;
|
|
50
53
|
this.cachedHeights = [];
|
|
51
54
|
this.scrollElTop = 0;
|
|
@@ -91,7 +94,7 @@ const ReorderGroup = class {
|
|
|
91
94
|
}
|
|
92
95
|
}
|
|
93
96
|
/**
|
|
94
|
-
* Completes the reorder operation. Must be called by the `
|
|
97
|
+
* Completes the reorder operation. Must be called by the `ionReorderEnd` event.
|
|
95
98
|
*
|
|
96
99
|
* If a list of items is passed, the list will be reordered and returned in the
|
|
97
100
|
* proper order.
|
|
@@ -158,6 +161,7 @@ const ReorderGroup = class {
|
|
|
158
161
|
this.state = 1 /* ReorderGroupState.Active */;
|
|
159
162
|
item.classList.add(ITEM_REORDER_SELECTED);
|
|
160
163
|
haptic.hapticSelectionStart();
|
|
164
|
+
this.ionReorderStart.emit();
|
|
161
165
|
}
|
|
162
166
|
onMove(ev) {
|
|
163
167
|
const selectedItem = this.selectedItemEl;
|
|
@@ -172,6 +176,7 @@ const ReorderGroup = class {
|
|
|
172
176
|
const currentY = Math.max(top, Math.min(ev.currentY, bottom));
|
|
173
177
|
const deltaY = scroll + currentY - ev.startY;
|
|
174
178
|
const normalizedY = currentY - top;
|
|
179
|
+
const fromIndex = this.lastToIndex;
|
|
175
180
|
const toIndex = this.itemIndexForTop(normalizedY);
|
|
176
181
|
if (toIndex !== this.lastToIndex) {
|
|
177
182
|
const fromIndex = indexForItem(selectedItem);
|
|
@@ -181,6 +186,10 @@ const ReorderGroup = class {
|
|
|
181
186
|
}
|
|
182
187
|
// Update selected item position
|
|
183
188
|
selectedItem.style.transform = `translateY(${deltaY}px)`;
|
|
189
|
+
this.ionReorderMove.emit({
|
|
190
|
+
from: fromIndex,
|
|
191
|
+
to: toIndex,
|
|
192
|
+
});
|
|
184
193
|
}
|
|
185
194
|
onEnd() {
|
|
186
195
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -192,9 +201,14 @@ const ReorderGroup = class {
|
|
|
192
201
|
const toIndex = this.lastToIndex;
|
|
193
202
|
const fromIndex = indexForItem(selectedItemEl);
|
|
194
203
|
if (toIndex === fromIndex) {
|
|
204
|
+
// TODO(FW-6590): Remove this once the deprecated event is removed
|
|
205
|
+
// Since the ionReorderEnd event is emitted at the end of every reorder
|
|
206
|
+
// gesture, even if the item did not move, the user can always call
|
|
207
|
+
// complete() to reset the state of the reorder group.
|
|
195
208
|
this.completeReorder();
|
|
196
209
|
}
|
|
197
210
|
else {
|
|
211
|
+
// TODO(FW-6590): Remove this once the deprecated event is removed
|
|
198
212
|
this.ionItemReorder.emit({
|
|
199
213
|
from: fromIndex,
|
|
200
214
|
to: toIndex,
|
|
@@ -202,6 +216,11 @@ const ReorderGroup = class {
|
|
|
202
216
|
});
|
|
203
217
|
}
|
|
204
218
|
haptic.hapticSelectionEnd();
|
|
219
|
+
this.ionReorderEnd.emit({
|
|
220
|
+
from: fromIndex,
|
|
221
|
+
to: toIndex,
|
|
222
|
+
complete: this.completeReorder.bind(this),
|
|
223
|
+
});
|
|
205
224
|
}
|
|
206
225
|
completeReorder(listOrReorder) {
|
|
207
226
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -279,7 +298,7 @@ const ReorderGroup = class {
|
|
|
279
298
|
}
|
|
280
299
|
render() {
|
|
281
300
|
const mode = index.getIonMode(this);
|
|
282
|
-
return (index.h(index.Host, { key: '
|
|
301
|
+
return (index.h(index.Host, { key: '9ff97c31e99392e6e23e117bc248bb7c28ab8e4c', class: {
|
|
283
302
|
[mode]: true,
|
|
284
303
|
'reorder-enabled': !this.disabled,
|
|
285
304
|
'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,
|
|
@@ -53,7 +53,7 @@ export class ReorderGroup {
|
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
55
|
/**
|
|
56
|
-
* Completes the reorder operation. Must be called by the `
|
|
56
|
+
* Completes the reorder operation. Must be called by the `ionReorderEnd` event.
|
|
57
57
|
*
|
|
58
58
|
* If a list of items is passed, the list will be reordered and returned in the
|
|
59
59
|
* proper order.
|
|
@@ -120,6 +120,7 @@ export class ReorderGroup {
|
|
|
120
120
|
this.state = 1 /* ReorderGroupState.Active */;
|
|
121
121
|
item.classList.add(ITEM_REORDER_SELECTED);
|
|
122
122
|
hapticSelectionStart();
|
|
123
|
+
this.ionReorderStart.emit();
|
|
123
124
|
}
|
|
124
125
|
onMove(ev) {
|
|
125
126
|
const selectedItem = this.selectedItemEl;
|
|
@@ -134,6 +135,7 @@ export class ReorderGroup {
|
|
|
134
135
|
const currentY = Math.max(top, Math.min(ev.currentY, bottom));
|
|
135
136
|
const deltaY = scroll + currentY - ev.startY;
|
|
136
137
|
const normalizedY = currentY - top;
|
|
138
|
+
const fromIndex = this.lastToIndex;
|
|
137
139
|
const toIndex = this.itemIndexForTop(normalizedY);
|
|
138
140
|
if (toIndex !== this.lastToIndex) {
|
|
139
141
|
const fromIndex = indexForItem(selectedItem);
|
|
@@ -143,6 +145,10 @@ export class ReorderGroup {
|
|
|
143
145
|
}
|
|
144
146
|
// Update selected item position
|
|
145
147
|
selectedItem.style.transform = `translateY(${deltaY}px)`;
|
|
148
|
+
this.ionReorderMove.emit({
|
|
149
|
+
from: fromIndex,
|
|
150
|
+
to: toIndex,
|
|
151
|
+
});
|
|
146
152
|
}
|
|
147
153
|
onEnd() {
|
|
148
154
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -154,9 +160,14 @@ export class ReorderGroup {
|
|
|
154
160
|
const toIndex = this.lastToIndex;
|
|
155
161
|
const fromIndex = indexForItem(selectedItemEl);
|
|
156
162
|
if (toIndex === fromIndex) {
|
|
163
|
+
// TODO(FW-6590): Remove this once the deprecated event is removed
|
|
164
|
+
// Since the ionReorderEnd event is emitted at the end of every reorder
|
|
165
|
+
// gesture, even if the item did not move, the user can always call
|
|
166
|
+
// complete() to reset the state of the reorder group.
|
|
157
167
|
this.completeReorder();
|
|
158
168
|
}
|
|
159
169
|
else {
|
|
170
|
+
// TODO(FW-6590): Remove this once the deprecated event is removed
|
|
160
171
|
this.ionItemReorder.emit({
|
|
161
172
|
from: fromIndex,
|
|
162
173
|
to: toIndex,
|
|
@@ -164,6 +175,11 @@ export class ReorderGroup {
|
|
|
164
175
|
});
|
|
165
176
|
}
|
|
166
177
|
hapticSelectionEnd();
|
|
178
|
+
this.ionReorderEnd.emit({
|
|
179
|
+
from: fromIndex,
|
|
180
|
+
to: toIndex,
|
|
181
|
+
complete: this.completeReorder.bind(this),
|
|
182
|
+
});
|
|
167
183
|
}
|
|
168
184
|
completeReorder(listOrReorder) {
|
|
169
185
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -241,7 +257,7 @@ export class ReorderGroup {
|
|
|
241
257
|
}
|
|
242
258
|
render() {
|
|
243
259
|
const mode = getIonMode(this);
|
|
244
|
-
return (h(Host, { key: '
|
|
260
|
+
return (h(Host, { key: '9ff97c31e99392e6e23e117bc248bb7c28ab8e4c', class: {
|
|
245
261
|
[mode]: true,
|
|
246
262
|
'reorder-enabled': !this.disabled,
|
|
247
263
|
'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,
|
|
@@ -295,8 +311,11 @@ export class ReorderGroup {
|
|
|
295
311
|
"cancelable": true,
|
|
296
312
|
"composed": true,
|
|
297
313
|
"docs": {
|
|
298
|
-
"tags": [
|
|
299
|
-
|
|
314
|
+
"tags": [{
|
|
315
|
+
"name": "deprecated",
|
|
316
|
+
"text": "Use `ionReorderEnd` instead. The new event is emitted\nat the end of every reorder gesture, even if the positions do not\nchange. If you were accessing `event.detail.from` or `event.detail.to`\nbefore and relying on them being different you should now add checks as\nthey are always emitted in `ionReorderEnd`, even when they are the same."
|
|
317
|
+
}],
|
|
318
|
+
"text": ""
|
|
300
319
|
},
|
|
301
320
|
"complexType": {
|
|
302
321
|
"original": "ItemReorderEventDetail",
|
|
@@ -309,6 +328,63 @@ export class ReorderGroup {
|
|
|
309
328
|
}
|
|
310
329
|
}
|
|
311
330
|
}
|
|
331
|
+
}, {
|
|
332
|
+
"method": "ionReorderStart",
|
|
333
|
+
"name": "ionReorderStart",
|
|
334
|
+
"bubbles": true,
|
|
335
|
+
"cancelable": true,
|
|
336
|
+
"composed": true,
|
|
337
|
+
"docs": {
|
|
338
|
+
"tags": [],
|
|
339
|
+
"text": "Event that is emitted when the reorder gesture starts."
|
|
340
|
+
},
|
|
341
|
+
"complexType": {
|
|
342
|
+
"original": "void",
|
|
343
|
+
"resolved": "void",
|
|
344
|
+
"references": {}
|
|
345
|
+
}
|
|
346
|
+
}, {
|
|
347
|
+
"method": "ionReorderMove",
|
|
348
|
+
"name": "ionReorderMove",
|
|
349
|
+
"bubbles": true,
|
|
350
|
+
"cancelable": true,
|
|
351
|
+
"composed": true,
|
|
352
|
+
"docs": {
|
|
353
|
+
"tags": [],
|
|
354
|
+
"text": "Event that is emitted as the reorder gesture moves."
|
|
355
|
+
},
|
|
356
|
+
"complexType": {
|
|
357
|
+
"original": "ReorderMoveEventDetail",
|
|
358
|
+
"resolved": "ReorderMoveEventDetail",
|
|
359
|
+
"references": {
|
|
360
|
+
"ReorderMoveEventDetail": {
|
|
361
|
+
"location": "import",
|
|
362
|
+
"path": "./reorder-group-interface",
|
|
363
|
+
"id": "src/components/reorder-group/reorder-group-interface.ts::ReorderMoveEventDetail"
|
|
364
|
+
}
|
|
365
|
+
}
|
|
366
|
+
}
|
|
367
|
+
}, {
|
|
368
|
+
"method": "ionReorderEnd",
|
|
369
|
+
"name": "ionReorderEnd",
|
|
370
|
+
"bubbles": true,
|
|
371
|
+
"cancelable": true,
|
|
372
|
+
"composed": true,
|
|
373
|
+
"docs": {
|
|
374
|
+
"tags": [],
|
|
375
|
+
"text": "Event that is emitted when the reorder gesture ends.\nThe from and to properties are always available, regardless of\nif the reorder gesture moved the item. If the item did not change\nfrom its start position, the from and to properties will be the same.\nOnce the event has been emitted, the `complete()` method then needs\nto be called in order to finalize the reorder action."
|
|
376
|
+
},
|
|
377
|
+
"complexType": {
|
|
378
|
+
"original": "ReorderEndEventDetail",
|
|
379
|
+
"resolved": "ReorderEndEventDetail",
|
|
380
|
+
"references": {
|
|
381
|
+
"ReorderEndEventDetail": {
|
|
382
|
+
"location": "import",
|
|
383
|
+
"path": "./reorder-group-interface",
|
|
384
|
+
"id": "src/components/reorder-group/reorder-group-interface.ts::ReorderEndEventDetail"
|
|
385
|
+
}
|
|
386
|
+
}
|
|
387
|
+
}
|
|
312
388
|
}];
|
|
313
389
|
}
|
|
314
390
|
static get methods() {
|
|
@@ -330,7 +406,7 @@ export class ReorderGroup {
|
|
|
330
406
|
"return": "Promise<any>"
|
|
331
407
|
},
|
|
332
408
|
"docs": {
|
|
333
|
-
"text": "Completes the reorder operation. Must be called by the `
|
|
409
|
+
"text": "Completes the reorder operation. Must be called by the `ionReorderEnd` event.\n\nIf a list of items is passed, the list will be reordered and returned in the\nproper order.\n\nIf no parameters are passed or if `true` is passed in, the reorder will complete\nand the item will remain in the position it was dragged to. If `false` is passed,\nthe reorder will complete and the item will bounce back to its original position.",
|
|
334
410
|
"tags": [{
|
|
335
411
|
"name": "param",
|
|
336
412
|
"text": "listOrReorder A list of items to be sorted and returned in the new order or a\nboolean of whether or not the reorder should reposition the item."
|
package/dist/docs.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"timestamp": "2025-06-
|
|
2
|
+
"timestamp": "2025-06-11T19:08:00",
|
|
3
3
|
"compiler": {
|
|
4
4
|
"name": "@stencil/core",
|
|
5
5
|
"version": "4.33.1",
|
|
@@ -27019,7 +27019,7 @@
|
|
|
27019
27019
|
"docs": "A list of items to be sorted and returned in the new order or a\nboolean of whether or not the reorder should reposition the item."
|
|
27020
27020
|
}
|
|
27021
27021
|
],
|
|
27022
|
-
"docs": "Completes the reorder operation. Must be called by the `
|
|
27022
|
+
"docs": "Completes the reorder operation. Must be called by the `ionReorderEnd` event.\n\nIf a list of items is passed, the list will be reordered and returned in the\nproper order.\n\nIf no parameters are passed or if `true` is passed in, the reorder will complete\nand the item will remain in the position it was dragged to. If `false` is passed,\nthe reorder will complete and the item will bounce back to its original position.",
|
|
27023
27023
|
"docsTags": [
|
|
27024
27024
|
{
|
|
27025
27025
|
"name": "param",
|
|
@@ -27046,7 +27046,67 @@
|
|
|
27046
27046
|
},
|
|
27047
27047
|
"cancelable": true,
|
|
27048
27048
|
"composed": true,
|
|
27049
|
-
"docs": "
|
|
27049
|
+
"docs": "",
|
|
27050
|
+
"docsTags": [
|
|
27051
|
+
{
|
|
27052
|
+
"name": "deprecated",
|
|
27053
|
+
"text": "Use `ionReorderEnd` instead. The new event is emitted\nat the end of every reorder gesture, even if the positions do not\nchange. If you were accessing `event.detail.from` or `event.detail.to`\nbefore and relying on them being different you should now add checks as\nthey are always emitted in `ionReorderEnd`, even when they are the same."
|
|
27054
|
+
}
|
|
27055
|
+
],
|
|
27056
|
+
"deprecation": "Use `ionReorderEnd` instead. The new event is emitted\nat the end of every reorder gesture, even if the positions do not\nchange. If you were accessing `event.detail.from` or `event.detail.to`\nbefore and relying on them being different you should now add checks as\nthey are always emitted in `ionReorderEnd`, even when they are the same."
|
|
27057
|
+
},
|
|
27058
|
+
{
|
|
27059
|
+
"event": "ionReorderEnd",
|
|
27060
|
+
"detail": "ReorderEndEventDetail",
|
|
27061
|
+
"bubbles": true,
|
|
27062
|
+
"complexType": {
|
|
27063
|
+
"original": "ReorderEndEventDetail",
|
|
27064
|
+
"resolved": "ReorderEndEventDetail",
|
|
27065
|
+
"references": {
|
|
27066
|
+
"ReorderEndEventDetail": {
|
|
27067
|
+
"location": "import",
|
|
27068
|
+
"path": "./reorder-group-interface",
|
|
27069
|
+
"id": "src/components/reorder-group/reorder-group-interface.ts::ReorderEndEventDetail"
|
|
27070
|
+
}
|
|
27071
|
+
}
|
|
27072
|
+
},
|
|
27073
|
+
"cancelable": true,
|
|
27074
|
+
"composed": true,
|
|
27075
|
+
"docs": "Event that is emitted when the reorder gesture ends.\nThe from and to properties are always available, regardless of\nif the reorder gesture moved the item. If the item did not change\nfrom its start position, the from and to properties will be the same.\nOnce the event has been emitted, the `complete()` method then needs\nto be called in order to finalize the reorder action.",
|
|
27076
|
+
"docsTags": []
|
|
27077
|
+
},
|
|
27078
|
+
{
|
|
27079
|
+
"event": "ionReorderMove",
|
|
27080
|
+
"detail": "ReorderMoveEventDetail",
|
|
27081
|
+
"bubbles": true,
|
|
27082
|
+
"complexType": {
|
|
27083
|
+
"original": "ReorderMoveEventDetail",
|
|
27084
|
+
"resolved": "ReorderMoveEventDetail",
|
|
27085
|
+
"references": {
|
|
27086
|
+
"ReorderMoveEventDetail": {
|
|
27087
|
+
"location": "import",
|
|
27088
|
+
"path": "./reorder-group-interface",
|
|
27089
|
+
"id": "src/components/reorder-group/reorder-group-interface.ts::ReorderMoveEventDetail"
|
|
27090
|
+
}
|
|
27091
|
+
}
|
|
27092
|
+
},
|
|
27093
|
+
"cancelable": true,
|
|
27094
|
+
"composed": true,
|
|
27095
|
+
"docs": "Event that is emitted as the reorder gesture moves.",
|
|
27096
|
+
"docsTags": []
|
|
27097
|
+
},
|
|
27098
|
+
{
|
|
27099
|
+
"event": "ionReorderStart",
|
|
27100
|
+
"detail": "void",
|
|
27101
|
+
"bubbles": true,
|
|
27102
|
+
"complexType": {
|
|
27103
|
+
"original": "void",
|
|
27104
|
+
"resolved": "void",
|
|
27105
|
+
"references": {}
|
|
27106
|
+
},
|
|
27107
|
+
"cancelable": true,
|
|
27108
|
+
"composed": true,
|
|
27109
|
+
"docs": "Event that is emitted when the reorder gesture starts.",
|
|
27050
27110
|
"docsTags": []
|
|
27051
27111
|
}
|
|
27052
27112
|
],
|
|
@@ -37466,6 +37526,16 @@
|
|
|
37466
37526
|
"docstring": "",
|
|
37467
37527
|
"path": "src/components/reorder-group/reorder-group-interface.ts"
|
|
37468
37528
|
},
|
|
37529
|
+
"src/components/reorder-group/reorder-group-interface.ts::ReorderMoveEventDetail": {
|
|
37530
|
+
"declaration": "export interface ReorderMoveEventDetail {\n from: number;\n to: number;\n}",
|
|
37531
|
+
"docstring": "",
|
|
37532
|
+
"path": "src/components/reorder-group/reorder-group-interface.ts"
|
|
37533
|
+
},
|
|
37534
|
+
"src/components/reorder-group/reorder-group-interface.ts::ReorderEndEventDetail": {
|
|
37535
|
+
"declaration": "export interface ReorderEndEventDetail {\n from: number;\n to: number;\n complete: (data?: boolean | any[]) => any;\n}",
|
|
37536
|
+
"docstring": "",
|
|
37537
|
+
"path": "src/components/reorder-group/reorder-group-interface.ts"
|
|
37538
|
+
},
|
|
37469
37539
|
"src/components/route/route-interface.ts::NavigationHookCallback": {
|
|
37470
37540
|
"declaration": "() => NavigationHookResult | Promise<NavigationHookResult>",
|
|
37471
37541
|
"docstring": "",
|
|
@@ -44,6 +44,9 @@ const ReorderGroup = class {
|
|
|
44
44
|
constructor(hostRef) {
|
|
45
45
|
registerInstance(this, hostRef);
|
|
46
46
|
this.ionItemReorder = createEvent(this, "ionItemReorder", 7);
|
|
47
|
+
this.ionReorderStart = createEvent(this, "ionReorderStart", 7);
|
|
48
|
+
this.ionReorderMove = createEvent(this, "ionReorderMove", 7);
|
|
49
|
+
this.ionReorderEnd = createEvent(this, "ionReorderEnd", 7);
|
|
47
50
|
this.lastToIndex = -1;
|
|
48
51
|
this.cachedHeights = [];
|
|
49
52
|
this.scrollElTop = 0;
|
|
@@ -89,7 +92,7 @@ const ReorderGroup = class {
|
|
|
89
92
|
}
|
|
90
93
|
}
|
|
91
94
|
/**
|
|
92
|
-
* Completes the reorder operation. Must be called by the `
|
|
95
|
+
* Completes the reorder operation. Must be called by the `ionReorderEnd` event.
|
|
93
96
|
*
|
|
94
97
|
* If a list of items is passed, the list will be reordered and returned in the
|
|
95
98
|
* proper order.
|
|
@@ -156,6 +159,7 @@ const ReorderGroup = class {
|
|
|
156
159
|
this.state = 1 /* ReorderGroupState.Active */;
|
|
157
160
|
item.classList.add(ITEM_REORDER_SELECTED);
|
|
158
161
|
hapticSelectionStart();
|
|
162
|
+
this.ionReorderStart.emit();
|
|
159
163
|
}
|
|
160
164
|
onMove(ev) {
|
|
161
165
|
const selectedItem = this.selectedItemEl;
|
|
@@ -170,6 +174,7 @@ const ReorderGroup = class {
|
|
|
170
174
|
const currentY = Math.max(top, Math.min(ev.currentY, bottom));
|
|
171
175
|
const deltaY = scroll + currentY - ev.startY;
|
|
172
176
|
const normalizedY = currentY - top;
|
|
177
|
+
const fromIndex = this.lastToIndex;
|
|
173
178
|
const toIndex = this.itemIndexForTop(normalizedY);
|
|
174
179
|
if (toIndex !== this.lastToIndex) {
|
|
175
180
|
const fromIndex = indexForItem(selectedItem);
|
|
@@ -179,6 +184,10 @@ const ReorderGroup = class {
|
|
|
179
184
|
}
|
|
180
185
|
// Update selected item position
|
|
181
186
|
selectedItem.style.transform = `translateY(${deltaY}px)`;
|
|
187
|
+
this.ionReorderMove.emit({
|
|
188
|
+
from: fromIndex,
|
|
189
|
+
to: toIndex,
|
|
190
|
+
});
|
|
182
191
|
}
|
|
183
192
|
onEnd() {
|
|
184
193
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -190,9 +199,14 @@ const ReorderGroup = class {
|
|
|
190
199
|
const toIndex = this.lastToIndex;
|
|
191
200
|
const fromIndex = indexForItem(selectedItemEl);
|
|
192
201
|
if (toIndex === fromIndex) {
|
|
202
|
+
// TODO(FW-6590): Remove this once the deprecated event is removed
|
|
203
|
+
// Since the ionReorderEnd event is emitted at the end of every reorder
|
|
204
|
+
// gesture, even if the item did not move, the user can always call
|
|
205
|
+
// complete() to reset the state of the reorder group.
|
|
193
206
|
this.completeReorder();
|
|
194
207
|
}
|
|
195
208
|
else {
|
|
209
|
+
// TODO(FW-6590): Remove this once the deprecated event is removed
|
|
196
210
|
this.ionItemReorder.emit({
|
|
197
211
|
from: fromIndex,
|
|
198
212
|
to: toIndex,
|
|
@@ -200,6 +214,11 @@ const ReorderGroup = class {
|
|
|
200
214
|
});
|
|
201
215
|
}
|
|
202
216
|
hapticSelectionEnd();
|
|
217
|
+
this.ionReorderEnd.emit({
|
|
218
|
+
from: fromIndex,
|
|
219
|
+
to: toIndex,
|
|
220
|
+
complete: this.completeReorder.bind(this),
|
|
221
|
+
});
|
|
203
222
|
}
|
|
204
223
|
completeReorder(listOrReorder) {
|
|
205
224
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -277,7 +296,7 @@ const ReorderGroup = class {
|
|
|
277
296
|
}
|
|
278
297
|
render() {
|
|
279
298
|
const mode = getIonMode(this);
|
|
280
|
-
return (h(Host, { key: '
|
|
299
|
+
return (h(Host, { key: '9ff97c31e99392e6e23e117bc248bb7c28ab8e4c', class: {
|
|
281
300
|
[mode]: true,
|
|
282
301
|
'reorder-enabled': !this.disabled,
|
|
283
302
|
'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,
|
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 t,g as o,b as n}from"./p-B_U9CtaY.js";export{s as setNonce}from"./p-B_U9CtaY.js";var a=e=>{const t=e.cloneNode;e.cloneNode=function(e){if("TEMPLATE"===this.nodeName)return t.call(this,e);const o=t.call(this,!1),n=this.childNodes;if(e)for(let e=0;e<n.length;e++)2!==n[e].nodeType&&o.appendChild(n[e].cloneNode(!0));return o}};(()=>{a(t.prototype);const o=import.meta.url,n={};return""!==o&&(n.resourcesUrl=new URL(".",o).href),e(n)})().then((async e=>(await o(),n(JSON.parse('[["p-6b666996",[[33,"ion-menu-button",{"color":[513],"disabled":[4],"menu":[1],"autoHide":[4,"auto-hide"],"type":[1],"visible":[32]},[[16,"ionMenuChange","visibilityChanged"],[16,"ionSplitPaneVisible","visibilityChanged"]]],[33,"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"]}],[1,"ion-menu-toggle",{"menu":[1],"autoHide":[4,"auto-hide"],"visible":[32]},[[16,"ionMenuChange","visibilityChanged"],[16,"ionSplitPaneVisible","visibilityChanged"]]]]],["p-cf632ee2",[[33,"ion-input-password-toggle",{"color":[513],"showIcon":[1,"show-icon"],"hideIcon":[1,"hide-icon"],"type":[1025]},null,{"type":["onTypeChange"]}]]],["p-2cfd6b61",[[33,"ion-fab-button",{"color":[513],"activated":[4],"disabled":[4],"download":[1],"href":[1],"rel":[1],"routerDirection":[1,"router-direction"],"routerAnimation":[16,"router-animation"],"target":[1],"show":[4],"translucent":[4],"type":[1],"size":[1],"closeIcon":[1,"close-icon"]}],[1,"ion-fab",{"horizontal":[1],"vertical":[1],"edge":[4],"activated":[1028],"close":[64],"toggle":[64]},null,{"activated":["activatedChanged"]}],[1,"ion-fab-list",{"activated":[4],"side":[1]},null,{"activated":["activatedChanged"]}]]],["p-76b697a3",[[0,"ion-refresher-content",{"pullingIcon":[1025,"pulling-icon"],"pullingText":[1,"pulling-text"],"refreshingSpinner":[1025,"refreshing-spinner"],"refreshingText":[1,"refreshing-text"]}],[32,"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-c884d7e3",[[33,"ion-back-button",{"color":[513],"defaultHref":[1025,"default-href"],"disabled":[516],"icon":[1],"text":[1],"type":[1],"routerAnimation":[16,"router-animation"]}]]],["p-cd12ed1c",[[33,"ion-toast",{"overlayIndex":[2,"overlay-index"],"delegate":[16],"hasController":[4,"has-controller"],"color":[513],"enterAnimation":[16,"enter-animation"],"leaveAnimation":[16,"leave-animation"],"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,"html-attributes"],"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-97667b9c",[[33,"ion-card",{"color":[513],"button":[4],"type":[1],"disabled":[4],"download":[1],"href":[1],"rel":[1],"routerDirection":[1,"router-direction"],"routerAnimation":[16,"router-animation"],"target":[1]}],[32,"ion-card-content"],[33,"ion-card-header",{"color":[513],"translucent":[4]}],[33,"ion-card-subtitle",{"color":[513]}],[33,"ion-card-title",{"color":[513]}]]],["p-a92bfa13",[[33,"ion-item-option",{"color":[513],"disabled":[4],"download":[1],"expandable":[4],"href":[1],"rel":[1],"target":[1],"type":[1]}],[32,"ion-item-options",{"side":[1],"fireSwipeEvent":[64]}],[0,"ion-item-sliding",{"disabled":[4],"state":[32],"getOpenAmount":[64],"getSlidingRatio":[64],"open":[64],"close":[64],"closeOpened":[64]},null,{"disabled":["disabledChanged"]}]]],["p-91bde659",[[49,"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"]}],[33,"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-d8ed5df0",[[32,"ion-infinite-scroll-content",{"loadingSpinner":[1025,"loading-spinner"],"loadingText":[1,"loading-text"]}],[0,"ion-infinite-scroll",{"threshold":[1],"disabled":[4],"position":[1],"isLoading":[32],"complete":[64]},null,{"threshold":["thresholdChanged"],"disabled":["disabledChanged"]}]]],["p-2020aa51",[[33,"ion-reorder",null,[[2,"click","onClick"]]],[0,"ion-reorder-group",{"disabled":[4],"state":[32],"complete":[64]},null,{"disabled":["disabledChanged"]}]]],["p-f83db8cd",[[33,"ion-segment-button",{"contentId":[513,"content-id"],"disabled":[1028],"layout":[1],"type":[1],"value":[8],"checked":[32],"setFocus":[64]},null,{"value":["valueChanged"]}],[33,"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-18f1813b",[[33,"ion-chip",{"color":[513],"outline":[4],"disabled":[4]}]]],["p-56712fd4",[[38,"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,"counter-formatter"],"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],"setFocus":[64],"getInputElement":[64]},[[2,"click","onClickCapture"]],{"debounce":["debounceChanged"],"type":["onTypeChange"],"value":["valueChanged"],"dir":["onDirChanged"]}]]],["p-7149db7e",[[34,"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-b9f79efc",[[33,"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-d47b85ea",[[1,"ion-nav",{"delegate":[16],"swipeGesture":[1028,"swipe-gesture"],"animated":[4],"animation":[16],"rootParams":[16,"root-params"],"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"]}],[0,"ion-nav-link",{"component":[1],"componentProps":[16,"component-props"],"routerDirection":[1,"router-direction"],"routerAnimation":[16,"router-animation"]}]]],["p-73d7ad90",[[1,"ion-tab",{"active":[1028],"delegate":[16],"tab":[1],"component":[1],"setActive":[64]},null,{"active":["changeActive"]}],[1,"ion-tabs",{"useRouter":[1028,"use-router"],"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64],"setRouteId":[64],"getRouteId":[64]}]]],["p-c4912ca5",[[38,"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,"counter-formatter"],"errorText":[1,"error-text"],"helperText":[1,"helper-text"],"label":[1],"labelPlacement":[1,"label-placement"],"shape":[1],"hasFocus":[32],"setFocus":[64],"getInputElement":[64]},[[2,"click","onClickCapture"]],{"debounce":["debounceChanged"],"value":["valueChanged"],"dir":["onDirChanged"]}]]],["p-c0335397",[[33,"ion-backdrop",{"visible":[4],"tappable":[4],"stopPropagation":[4,"stop-propagation"]},[[2,"click","onMouseDown"]]]]],["p-bec79123",[[34,"ion-loading",{"overlayIndex":[2,"overlay-index"],"delegate":[16],"hasController":[4,"has-controller"],"keyboardClose":[4,"keyboard-close"],"enterAnimation":[16,"enter-animation"],"leaveAnimation":[16,"leave-animation"],"message":[1],"cssClass":[1,"css-class"],"duration":[2],"backdropDismiss":[4,"backdrop-dismiss"],"showBackdrop":[4,"show-backdrop"],"spinner":[1025],"translucent":[4],"animated":[4],"htmlAttributes":[16,"html-attributes"],"isOpen":[4,"is-open"],"trigger":[1],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64]},null,{"isOpen":["onIsOpenChange"],"trigger":["triggerChanged"]}]]],["p-a9f99c74",[[33,"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,"router-animation"]}],[33,"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-1739f5f2",[[33,"ion-tab-button",{"disabled":[4],"download":[1],"href":[1],"rel":[1],"layout":[1025],"selected":[1028],"tab":[1],"target":[1]},[[8,"ionTabBarChanged","onTabBarChanged"]]],[33,"ion-tab-bar",{"color":[513],"selectedTab":[1,"selected-tab"],"translucent":[4],"keyboardVisible":[32]},null,{"selectedTab":["selectedTabChanged"]}]]],["p-4b7d1f35",[[33,"ion-datetime-button",{"color":[513],"disabled":[516],"datetime":[1],"datetimePresentation":[32],"dateText":[32],"timeText":[32],"datetimeActive":[32],"selectedButton":[32]}]]],["p-8957540a",[[0,"ion-route",{"url":[1],"component":[1],"componentProps":[16,"component-props"],"beforeLeave":[16,"before-leave"],"beforeEnter":[16,"before-enter"]},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"]]],[1,"ion-router-link",{"color":[513],"href":[1],"rel":[1],"routerDirection":[1,"router-direction"],"routerAnimation":[16,"router-animation"],"target":[1]}]]],["p-0fc6fc38",[[33,"ion-avatar"],[33,"ion-badge",{"color":[513]}],[1,"ion-thumbnail"]]],["p-a9ac80bd",[[1,"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"]]],[1,"ion-grid",{"fixed":[4]}],[1,"ion-row"]]],["p-fbc5481b",[[1,"ion-img",{"alt":[1],"src":[1],"loadSrc":[32],"loadError":[32]},null,{"src":["srcChanged"]}]]],["p-e30ff968",[[38,"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],"setFocus":[64]},null,{"value":["valueChanged"],"separators":["processSeparators"],"length":["processSeparators"]}]]],["p-a6282370",[[33,"ion-progress-bar",{"type":[1],"reversed":[4],"value":[2],"buffer":[2],"color":[513]}]]],["p-473877b6",[[33,"ion-range",{"color":[513],"debounce":[2],"name":[1],"label":[1],"dualKnobs":[4,"dual-knobs"],"min":[2],"max":[2],"pin":[4],"pinFormatter":[16,"pin-formatter"],"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-15da9760",[[1,"ion-segment-content"]]],["p-8a8ef46b",[[33,"ion-segment-view",{"disabled":[4],"isManualScroll":[32],"setContent":[64]},[[1,"scroll","handleScroll"],[1,"touchstart","handleScrollStart"],[1,"touchend","handleTouchEnd"]]]]],["p-4d61f20b",[[33,"ion-split-pane",{"contentId":[513,"content-id"],"disabled":[4],"when":[8],"visible":[32],"isVisible":[64]},null,{"visible":["visibleChanged"],"disabled":["updateState"],"when":["updateState"]}]]],["p-fcc7437b",[[1,"ion-text",{"color":[513]}]]],["p-bc01c127",[[34,"ion-select-modal",{"header":[1],"multiple":[4],"options":[16]}]]],["p-96389029",[[33,"ion-datetime",{"color":[1],"name":[1],"disabled":[4],"formatOptions":[16,"format-options"],"readonly":[4],"isDateEnabled":[16,"is-date-enabled"],"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,"title-selected-dates-formatter"],"multiple":[4],"highlightedDates":[16,"highlighted-dates"],"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"]}],[34,"ion-picker-legacy",{"overlayIndex":[2,"overlay-index"],"delegate":[16],"hasController":[4,"has-controller"],"keyboardClose":[4,"keyboard-close"],"enterAnimation":[16,"enter-animation"],"leaveAnimation":[16,"leave-animation"],"buttons":[16],"columns":[16],"cssClass":[1,"css-class"],"duration":[2],"showBackdrop":[4,"show-backdrop"],"backdropDismiss":[4,"backdrop-dismiss"],"animated":[4],"htmlAttributes":[16,"html-attributes"],"isOpen":[4,"is-open"],"trigger":[1],"presented":[32],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64],"getColumn":[64]},null,{"isOpen":["onIsOpenChange"],"trigger":["triggerChanged"]}],[32,"ion-picker-legacy-column",{"col":[16]},null,{"col":["colChanged"]}]]],["p-cb787a4b",[[34,"ion-action-sheet",{"overlayIndex":[2,"overlay-index"],"delegate":[16],"hasController":[4,"has-controller"],"keyboardClose":[4,"keyboard-close"],"enterAnimation":[16,"enter-animation"],"leaveAnimation":[16,"leave-animation"],"buttons":[16],"cssClass":[1,"css-class"],"backdropDismiss":[4,"backdrop-dismiss"],"header":[1],"subHeader":[1,"sub-header"],"translucent":[4],"animated":[4],"htmlAttributes":[16,"html-attributes"],"isOpen":[4,"is-open"],"trigger":[1],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64]},null,{"isOpen":["onIsOpenChange"],"trigger":["triggerChanged"]}]]],["p-3a4feac2",[[34,"ion-alert",{"overlayIndex":[2,"overlay-index"],"delegate":[16],"hasController":[4,"has-controller"],"keyboardClose":[4,"keyboard-close"],"enterAnimation":[16,"enter-animation"],"leaveAnimation":[16,"leave-animation"],"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,"html-attributes"],"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-29759454",[[33,"ion-modal",{"hasController":[4,"has-controller"],"overlayIndex":[2,"overlay-index"],"delegate":[16],"keyboardClose":[4,"keyboard-close"],"enterAnimation":[16,"enter-animation"],"leaveAnimation":[16,"leave-animation"],"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,"component-props"],"cssClass":[1,"css-class"],"backdropDismiss":[4,"backdrop-dismiss"],"showBackdrop":[4,"show-backdrop"],"animated":[4],"presentingElement":[16,"presenting-element"],"htmlAttributes":[16,"html-attributes"],"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]},null,{"isOpen":["onIsOpenChange"],"trigger":["triggerChanged"]}]]],["p-9b46b31b",[[33,"ion-picker",{"exitInputMode":[64]},[[1,"touchstart","preventTouchStartPropagation"]]]]],["p-14ae45e4",[[1,"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-2da6a16b",[[33,"ion-picker-column-option",{"disabled":[4],"value":[8],"color":[513],"ariaLabel":[32]},null,{"aria-label":["onAriaLabelChange"]}]]],["p-9e699d4a",[[33,"ion-popover",{"hasController":[4,"has-controller"],"delegate":[16],"overlayIndex":[2,"overlay-index"],"enterAnimation":[16,"enter-animation"],"leaveAnimation":[16,"leave-animation"],"component":[1],"componentProps":[16,"component-props"],"keyboardClose":[4,"keyboard-close"],"cssClass":[1,"css-class"],"backdropDismiss":[4,"backdrop-dismiss"],"event":[8],"showBackdrop":[4,"show-backdrop"],"translucent":[4],"animated":[4],"htmlAttributes":[16,"html-attributes"],"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-aa8956c2",[[33,"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-b37dbc31",[[33,"ion-item-divider",{"color":[513],"sticky":[4]}],[32,"ion-item-group"],[33,"ion-note",{"color":[513]}],[1,"ion-skeleton-text",{"animated":[4]}],[38,"ion-label",{"color":[513],"position":[1],"noAnimate":[32]},null,{"color":["colorChanged"],"position":["positionChanged"]}],[33,"ion-list-header",{"color":[513],"lines":[1]}],[33,"ion-item",{"color":[513],"button":[4],"detail":[4],"detailIcon":[1,"detail-icon"],"disabled":[516],"download":[1],"href":[1],"rel":[1],"lines":[1],"routerAnimation":[16,"router-animation"],"routerDirection":[1,"router-direction"],"target":[1],"type":[1],"multipleInputs":[32],"focusable":[32]},[[0,"ionColor","labelColorChanged"],[0,"ionStyle","itemStyle"]],{"button":["buttonChanged"]}],[32,"ion-list",{"lines":[1],"inset":[4],"closeSlidingItems":[64]}]]],["p-ead42a37",[[0,"ion-app",{"setFocus":[64]}],[36,"ion-footer",{"collapse":[1],"translucent":[4],"keyboardVisible":[32]}],[1,"ion-router-outlet",{"mode":[1025],"delegate":[16],"animated":[4],"animation":[16],"swipeHandler":[16,"swipe-handler"],"commit":[64],"setRouteId":[64],"getRouteId":[64]},null,{"swipeHandler":["swipeHandlerChanged"]}],[1,"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"]]],[36,"ion-header",{"collapse":[1],"translucent":[4]}],[33,"ion-title",{"color":[513],"size":[1]},null,{"size":["sizeChanged"]}],[33,"ion-toolbar",{"color":[513]},[[0,"ionStyle","childrenStyle"]]],[38,"ion-buttons",{"collapse":[4]}]]],["p-4ddc10ef",[[33,"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],"open":[64]},null,{"disabled":["styleChanged"],"isExpanded":["styleChanged"],"placeholder":["styleChanged"],"value":["styleChanged"]}],[1,"ion-select-option",{"disabled":[4],"value":[8]}],[34,"ion-select-popover",{"header":[1],"subHeader":[1,"sub-header"],"message":[1],"multiple":[4],"options":[16]}]]],["p-8c674371",[[1,"ion-spinner",{"color":[513],"duration":[2],"name":[1],"paused":[4]}]]],["p-e1260ed5",[[33,"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"]}],[36,"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-8f2f76e0",[[1,"ion-ripple-effect",{"type":[1],"addRipple":[64]}]]],["p-2c6c6991",[[33,"ion-button",{"color":[513],"buttonType":[1025,"button-type"],"disabled":[516],"expand":[513],"fill":[1537],"routerDirection":[1,"router-direction"],"routerAnimation":[16,"router-animation"],"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"]}],[1,"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 t,g as o,b as n}from"./p-B_U9CtaY.js";export{s as setNonce}from"./p-B_U9CtaY.js";var a=e=>{const t=e.cloneNode;e.cloneNode=function(e){if("TEMPLATE"===this.nodeName)return t.call(this,e);const o=t.call(this,!1),n=this.childNodes;if(e)for(let e=0;e<n.length;e++)2!==n[e].nodeType&&o.appendChild(n[e].cloneNode(!0));return o}};(()=>{a(t.prototype);const o=import.meta.url,n={};return""!==o&&(n.resourcesUrl=new URL(".",o).href),e(n)})().then((async e=>(await o(),n(JSON.parse('[["p-6b666996",[[33,"ion-menu-button",{"color":[513],"disabled":[4],"menu":[1],"autoHide":[4,"auto-hide"],"type":[1],"visible":[32]},[[16,"ionMenuChange","visibilityChanged"],[16,"ionSplitPaneVisible","visibilityChanged"]]],[33,"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"]}],[1,"ion-menu-toggle",{"menu":[1],"autoHide":[4,"auto-hide"],"visible":[32]},[[16,"ionMenuChange","visibilityChanged"],[16,"ionSplitPaneVisible","visibilityChanged"]]]]],["p-cf632ee2",[[33,"ion-input-password-toggle",{"color":[513],"showIcon":[1,"show-icon"],"hideIcon":[1,"hide-icon"],"type":[1025]},null,{"type":["onTypeChange"]}]]],["p-2cfd6b61",[[33,"ion-fab-button",{"color":[513],"activated":[4],"disabled":[4],"download":[1],"href":[1],"rel":[1],"routerDirection":[1,"router-direction"],"routerAnimation":[16,"router-animation"],"target":[1],"show":[4],"translucent":[4],"type":[1],"size":[1],"closeIcon":[1,"close-icon"]}],[1,"ion-fab",{"horizontal":[1],"vertical":[1],"edge":[4],"activated":[1028],"close":[64],"toggle":[64]},null,{"activated":["activatedChanged"]}],[1,"ion-fab-list",{"activated":[4],"side":[1]},null,{"activated":["activatedChanged"]}]]],["p-76b697a3",[[0,"ion-refresher-content",{"pullingIcon":[1025,"pulling-icon"],"pullingText":[1,"pulling-text"],"refreshingSpinner":[1025,"refreshing-spinner"],"refreshingText":[1,"refreshing-text"]}],[32,"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-c884d7e3",[[33,"ion-back-button",{"color":[513],"defaultHref":[1025,"default-href"],"disabled":[516],"icon":[1],"text":[1],"type":[1],"routerAnimation":[16,"router-animation"]}]]],["p-cd12ed1c",[[33,"ion-toast",{"overlayIndex":[2,"overlay-index"],"delegate":[16],"hasController":[4,"has-controller"],"color":[513],"enterAnimation":[16,"enter-animation"],"leaveAnimation":[16,"leave-animation"],"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,"html-attributes"],"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-97667b9c",[[33,"ion-card",{"color":[513],"button":[4],"type":[1],"disabled":[4],"download":[1],"href":[1],"rel":[1],"routerDirection":[1,"router-direction"],"routerAnimation":[16,"router-animation"],"target":[1]}],[32,"ion-card-content"],[33,"ion-card-header",{"color":[513],"translucent":[4]}],[33,"ion-card-subtitle",{"color":[513]}],[33,"ion-card-title",{"color":[513]}]]],["p-a92bfa13",[[33,"ion-item-option",{"color":[513],"disabled":[4],"download":[1],"expandable":[4],"href":[1],"rel":[1],"target":[1],"type":[1]}],[32,"ion-item-options",{"side":[1],"fireSwipeEvent":[64]}],[0,"ion-item-sliding",{"disabled":[4],"state":[32],"getOpenAmount":[64],"getSlidingRatio":[64],"open":[64],"close":[64],"closeOpened":[64]},null,{"disabled":["disabledChanged"]}]]],["p-91bde659",[[49,"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"]}],[33,"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-d8ed5df0",[[32,"ion-infinite-scroll-content",{"loadingSpinner":[1025,"loading-spinner"],"loadingText":[1,"loading-text"]}],[0,"ion-infinite-scroll",{"threshold":[1],"disabled":[4],"position":[1],"isLoading":[32],"complete":[64]},null,{"threshold":["thresholdChanged"],"disabled":["disabledChanged"]}]]],["p-adfb508e",[[33,"ion-reorder",null,[[2,"click","onClick"]]],[0,"ion-reorder-group",{"disabled":[4],"state":[32],"complete":[64]},null,{"disabled":["disabledChanged"]}]]],["p-f83db8cd",[[33,"ion-segment-button",{"contentId":[513,"content-id"],"disabled":[1028],"layout":[1],"type":[1],"value":[8],"checked":[32],"setFocus":[64]},null,{"value":["valueChanged"]}],[33,"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-18f1813b",[[33,"ion-chip",{"color":[513],"outline":[4],"disabled":[4]}]]],["p-56712fd4",[[38,"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,"counter-formatter"],"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],"setFocus":[64],"getInputElement":[64]},[[2,"click","onClickCapture"]],{"debounce":["debounceChanged"],"type":["onTypeChange"],"value":["valueChanged"],"dir":["onDirChanged"]}]]],["p-7149db7e",[[34,"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-b9f79efc",[[33,"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-d47b85ea",[[1,"ion-nav",{"delegate":[16],"swipeGesture":[1028,"swipe-gesture"],"animated":[4],"animation":[16],"rootParams":[16,"root-params"],"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"]}],[0,"ion-nav-link",{"component":[1],"componentProps":[16,"component-props"],"routerDirection":[1,"router-direction"],"routerAnimation":[16,"router-animation"]}]]],["p-73d7ad90",[[1,"ion-tab",{"active":[1028],"delegate":[16],"tab":[1],"component":[1],"setActive":[64]},null,{"active":["changeActive"]}],[1,"ion-tabs",{"useRouter":[1028,"use-router"],"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64],"setRouteId":[64],"getRouteId":[64]}]]],["p-c4912ca5",[[38,"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,"counter-formatter"],"errorText":[1,"error-text"],"helperText":[1,"helper-text"],"label":[1],"labelPlacement":[1,"label-placement"],"shape":[1],"hasFocus":[32],"setFocus":[64],"getInputElement":[64]},[[2,"click","onClickCapture"]],{"debounce":["debounceChanged"],"value":["valueChanged"],"dir":["onDirChanged"]}]]],["p-c0335397",[[33,"ion-backdrop",{"visible":[4],"tappable":[4],"stopPropagation":[4,"stop-propagation"]},[[2,"click","onMouseDown"]]]]],["p-bec79123",[[34,"ion-loading",{"overlayIndex":[2,"overlay-index"],"delegate":[16],"hasController":[4,"has-controller"],"keyboardClose":[4,"keyboard-close"],"enterAnimation":[16,"enter-animation"],"leaveAnimation":[16,"leave-animation"],"message":[1],"cssClass":[1,"css-class"],"duration":[2],"backdropDismiss":[4,"backdrop-dismiss"],"showBackdrop":[4,"show-backdrop"],"spinner":[1025],"translucent":[4],"animated":[4],"htmlAttributes":[16,"html-attributes"],"isOpen":[4,"is-open"],"trigger":[1],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64]},null,{"isOpen":["onIsOpenChange"],"trigger":["triggerChanged"]}]]],["p-a9f99c74",[[33,"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,"router-animation"]}],[33,"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-1739f5f2",[[33,"ion-tab-button",{"disabled":[4],"download":[1],"href":[1],"rel":[1],"layout":[1025],"selected":[1028],"tab":[1],"target":[1]},[[8,"ionTabBarChanged","onTabBarChanged"]]],[33,"ion-tab-bar",{"color":[513],"selectedTab":[1,"selected-tab"],"translucent":[4],"keyboardVisible":[32]},null,{"selectedTab":["selectedTabChanged"]}]]],["p-4b7d1f35",[[33,"ion-datetime-button",{"color":[513],"disabled":[516],"datetime":[1],"datetimePresentation":[32],"dateText":[32],"timeText":[32],"datetimeActive":[32],"selectedButton":[32]}]]],["p-8957540a",[[0,"ion-route",{"url":[1],"component":[1],"componentProps":[16,"component-props"],"beforeLeave":[16,"before-leave"],"beforeEnter":[16,"before-enter"]},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"]]],[1,"ion-router-link",{"color":[513],"href":[1],"rel":[1],"routerDirection":[1,"router-direction"],"routerAnimation":[16,"router-animation"],"target":[1]}]]],["p-0fc6fc38",[[33,"ion-avatar"],[33,"ion-badge",{"color":[513]}],[1,"ion-thumbnail"]]],["p-a9ac80bd",[[1,"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"]]],[1,"ion-grid",{"fixed":[4]}],[1,"ion-row"]]],["p-fbc5481b",[[1,"ion-img",{"alt":[1],"src":[1],"loadSrc":[32],"loadError":[32]},null,{"src":["srcChanged"]}]]],["p-e30ff968",[[38,"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],"setFocus":[64]},null,{"value":["valueChanged"],"separators":["processSeparators"],"length":["processSeparators"]}]]],["p-a6282370",[[33,"ion-progress-bar",{"type":[1],"reversed":[4],"value":[2],"buffer":[2],"color":[513]}]]],["p-473877b6",[[33,"ion-range",{"color":[513],"debounce":[2],"name":[1],"label":[1],"dualKnobs":[4,"dual-knobs"],"min":[2],"max":[2],"pin":[4],"pinFormatter":[16,"pin-formatter"],"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-15da9760",[[1,"ion-segment-content"]]],["p-8a8ef46b",[[33,"ion-segment-view",{"disabled":[4],"isManualScroll":[32],"setContent":[64]},[[1,"scroll","handleScroll"],[1,"touchstart","handleScrollStart"],[1,"touchend","handleTouchEnd"]]]]],["p-4d61f20b",[[33,"ion-split-pane",{"contentId":[513,"content-id"],"disabled":[4],"when":[8],"visible":[32],"isVisible":[64]},null,{"visible":["visibleChanged"],"disabled":["updateState"],"when":["updateState"]}]]],["p-fcc7437b",[[1,"ion-text",{"color":[513]}]]],["p-bc01c127",[[34,"ion-select-modal",{"header":[1],"multiple":[4],"options":[16]}]]],["p-96389029",[[33,"ion-datetime",{"color":[1],"name":[1],"disabled":[4],"formatOptions":[16,"format-options"],"readonly":[4],"isDateEnabled":[16,"is-date-enabled"],"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,"title-selected-dates-formatter"],"multiple":[4],"highlightedDates":[16,"highlighted-dates"],"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"]}],[34,"ion-picker-legacy",{"overlayIndex":[2,"overlay-index"],"delegate":[16],"hasController":[4,"has-controller"],"keyboardClose":[4,"keyboard-close"],"enterAnimation":[16,"enter-animation"],"leaveAnimation":[16,"leave-animation"],"buttons":[16],"columns":[16],"cssClass":[1,"css-class"],"duration":[2],"showBackdrop":[4,"show-backdrop"],"backdropDismiss":[4,"backdrop-dismiss"],"animated":[4],"htmlAttributes":[16,"html-attributes"],"isOpen":[4,"is-open"],"trigger":[1],"presented":[32],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64],"getColumn":[64]},null,{"isOpen":["onIsOpenChange"],"trigger":["triggerChanged"]}],[32,"ion-picker-legacy-column",{"col":[16]},null,{"col":["colChanged"]}]]],["p-cb787a4b",[[34,"ion-action-sheet",{"overlayIndex":[2,"overlay-index"],"delegate":[16],"hasController":[4,"has-controller"],"keyboardClose":[4,"keyboard-close"],"enterAnimation":[16,"enter-animation"],"leaveAnimation":[16,"leave-animation"],"buttons":[16],"cssClass":[1,"css-class"],"backdropDismiss":[4,"backdrop-dismiss"],"header":[1],"subHeader":[1,"sub-header"],"translucent":[4],"animated":[4],"htmlAttributes":[16,"html-attributes"],"isOpen":[4,"is-open"],"trigger":[1],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64]},null,{"isOpen":["onIsOpenChange"],"trigger":["triggerChanged"]}]]],["p-3a4feac2",[[34,"ion-alert",{"overlayIndex":[2,"overlay-index"],"delegate":[16],"hasController":[4,"has-controller"],"keyboardClose":[4,"keyboard-close"],"enterAnimation":[16,"enter-animation"],"leaveAnimation":[16,"leave-animation"],"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,"html-attributes"],"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-29759454",[[33,"ion-modal",{"hasController":[4,"has-controller"],"overlayIndex":[2,"overlay-index"],"delegate":[16],"keyboardClose":[4,"keyboard-close"],"enterAnimation":[16,"enter-animation"],"leaveAnimation":[16,"leave-animation"],"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,"component-props"],"cssClass":[1,"css-class"],"backdropDismiss":[4,"backdrop-dismiss"],"showBackdrop":[4,"show-backdrop"],"animated":[4],"presentingElement":[16,"presenting-element"],"htmlAttributes":[16,"html-attributes"],"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]},null,{"isOpen":["onIsOpenChange"],"trigger":["triggerChanged"]}]]],["p-9b46b31b",[[33,"ion-picker",{"exitInputMode":[64]},[[1,"touchstart","preventTouchStartPropagation"]]]]],["p-14ae45e4",[[1,"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-2da6a16b",[[33,"ion-picker-column-option",{"disabled":[4],"value":[8],"color":[513],"ariaLabel":[32]},null,{"aria-label":["onAriaLabelChange"]}]]],["p-9e699d4a",[[33,"ion-popover",{"hasController":[4,"has-controller"],"delegate":[16],"overlayIndex":[2,"overlay-index"],"enterAnimation":[16,"enter-animation"],"leaveAnimation":[16,"leave-animation"],"component":[1],"componentProps":[16,"component-props"],"keyboardClose":[4,"keyboard-close"],"cssClass":[1,"css-class"],"backdropDismiss":[4,"backdrop-dismiss"],"event":[8],"showBackdrop":[4,"show-backdrop"],"translucent":[4],"animated":[4],"htmlAttributes":[16,"html-attributes"],"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-aa8956c2",[[33,"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-b37dbc31",[[33,"ion-item-divider",{"color":[513],"sticky":[4]}],[32,"ion-item-group"],[33,"ion-note",{"color":[513]}],[1,"ion-skeleton-text",{"animated":[4]}],[38,"ion-label",{"color":[513],"position":[1],"noAnimate":[32]},null,{"color":["colorChanged"],"position":["positionChanged"]}],[33,"ion-list-header",{"color":[513],"lines":[1]}],[33,"ion-item",{"color":[513],"button":[4],"detail":[4],"detailIcon":[1,"detail-icon"],"disabled":[516],"download":[1],"href":[1],"rel":[1],"lines":[1],"routerAnimation":[16,"router-animation"],"routerDirection":[1,"router-direction"],"target":[1],"type":[1],"multipleInputs":[32],"focusable":[32]},[[0,"ionColor","labelColorChanged"],[0,"ionStyle","itemStyle"]],{"button":["buttonChanged"]}],[32,"ion-list",{"lines":[1],"inset":[4],"closeSlidingItems":[64]}]]],["p-ead42a37",[[0,"ion-app",{"setFocus":[64]}],[36,"ion-footer",{"collapse":[1],"translucent":[4],"keyboardVisible":[32]}],[1,"ion-router-outlet",{"mode":[1025],"delegate":[16],"animated":[4],"animation":[16],"swipeHandler":[16,"swipe-handler"],"commit":[64],"setRouteId":[64],"getRouteId":[64]},null,{"swipeHandler":["swipeHandlerChanged"]}],[1,"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"]]],[36,"ion-header",{"collapse":[1],"translucent":[4]}],[33,"ion-title",{"color":[513],"size":[1]},null,{"size":["sizeChanged"]}],[33,"ion-toolbar",{"color":[513]},[[0,"ionStyle","childrenStyle"]]],[38,"ion-buttons",{"collapse":[4]}]]],["p-4ddc10ef",[[33,"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],"open":[64]},null,{"disabled":["styleChanged"],"isExpanded":["styleChanged"],"placeholder":["styleChanged"],"value":["styleChanged"]}],[1,"ion-select-option",{"disabled":[4],"value":[8]}],[34,"ion-select-popover",{"header":[1],"subHeader":[1,"sub-header"],"message":[1],"multiple":[4],"options":[16]}]]],["p-8c674371",[[1,"ion-spinner",{"color":[513],"duration":[2],"name":[1],"paused":[4]}]]],["p-e1260ed5",[[33,"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"]}],[36,"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-8f2f76e0",[[1,"ion-ripple-effect",{"type":[1],"addRipple":[64]}]]],["p-2c6c6991",[[33,"ion-button",{"color":[513],"buttonType":[1025,"button-type"],"disabled":[516],"expand":[513],"fill":[1537],"routerDirection":[1,"router-direction"],"routerAnimation":[16,"router-animation"],"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"]}],[1,"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 t,e as s,h as e,j as i,k as r,d as o}from"./p-B_U9CtaY.js";import{j as n,k as h}from"./p-BLV6ykCk.js";import{f as a,g as c}from"./p-QwEXyOze.js";import{r as d}from"./p-Do-uqmtX.js";import{b as l,a as m,h as b}from"./p-CKvCXMs9.js";import"./p-CIGNaXM1.js";import"./p-ZjP4CjeZ.js";const p=class{constructor(s){t(this,s)}onClick(t){const s=this.el.closest("ion-reorder-group");t.preventDefault(),s&&s.disabled||t.stopImmediatePropagation()}render(){const t=s(this);return e(i,{key:"e6807bb349725682e99e791ac65e729a360d64e8",class:t},e("slot",{key:"1c691cdbffa6427ba08dc12184c69559ed5d5506"},e("ion-icon",{key:"8b4150302cdca475379582b2251737b5e74079b1",icon:"ios"===t?n:h,lazy:!1,class:"reorder-icon",part:"icon","aria-hidden":"true"})))}get el(){return r(this)}};p.style={ios:":host([slot]){display:none;line-height:0;z-index:100}.reorder-icon{display:block}::slotted(ion-icon){font-size:dynamic-font(16px)}.reorder-icon{font-size:2.125rem;opacity:0.4}",md:":host([slot]){display:none;line-height:0;z-index:100}.reorder-icon{display:block}::slotted(ion-icon){font-size:dynamic-font(16px)}.reorder-icon{font-size:1.9375rem;opacity:0.3}"};const f=class{constructor(s){t(this,s),this.ionItemReorder=o(this,"ionItemReorder",7),this.ionReorderStart=o(this,"ionReorderStart",7),this.ionReorderMove=o(this,"ionReorderMove",7),this.ionReorderEnd=o(this,"ionReorderEnd",7),this.lastToIndex=-1,this.cachedHeights=[],this.scrollElTop=0,this.scrollElBottom=0,this.scrollElInitial=0,this.containerTop=0,this.containerBottom=0,this.state=0,this.disabled=!0}disabledChanged(){this.gesture&&this.gesture.enable(!this.disabled)}async connectedCallback(){const t=a(this.el);t&&(this.scrollEl=await c(t)),this.gesture=(await import("./p-Cl0B-RWe.js")).createGesture({el:this.el,gestureName:"reorder",gesturePriority:110,threshold:0,direction:"y",passive:!1,canStart:t=>this.canStart(t),onStart:t=>this.onStart(t),onMove:t=>this.onMove(t),onEnd:()=>this.onEnd()}),this.disabledChanged()}disconnectedCallback(){this.onEnd(),this.gesture&&(this.gesture.destroy(),this.gesture=void 0)}complete(t){return Promise.resolve(this.completeReorder(t))}canStart(t){if(this.selectedItemEl||0!==this.state)return!1;const s=t.event.target.closest("ion-reorder");if(!s)return!1;const e=k(s,this.el);return!!e&&(t.data=e,!0)}onStart(t){t.event.preventDefault();const s=this.selectedItemEl=t.data,e=this.cachedHeights;e.length=0;const i=this.el,r=i.children;if(!r||0===r.length)return;let o=0;for(let t=0;t<r.length;t++){const s=r[t];o+=s.offsetHeight,e.push(o),s.$ionIndex=t}const n=i.getBoundingClientRect();if(this.containerTop=n.top,this.containerBottom=n.bottom,this.scrollEl){const t=this.scrollEl.getBoundingClientRect();this.scrollElInitial=this.scrollEl.scrollTop,this.scrollElTop=t.top+y,this.scrollElBottom=t.bottom-y}else this.scrollElInitial=0,this.scrollElTop=0,this.scrollElBottom=0;this.lastToIndex=u(s),this.selectedItemHeight=s.offsetHeight,this.state=1,s.classList.add(w),l(),this.ionReorderStart.emit()}onMove(t){const s=this.selectedItemEl;if(!s)return;const e=this.autoscroll(t.currentY),i=this.containerTop-e,r=Math.max(i,Math.min(t.currentY,this.containerBottom-e)),o=e+r-t.startY,n=this.lastToIndex,h=this.itemIndexForTop(r-i);if(h!==this.lastToIndex){const t=u(s);this.lastToIndex=h,m(),this.reorderMove(t,h)}s.style.transform=`translateY(${o}px)`,this.ionReorderMove.emit({from:n,to:h})}onEnd(){const t=this.selectedItemEl;if(this.state=2,!t)return void(this.state=0);const s=this.lastToIndex,e=u(t);s===e?this.completeReorder():this.ionItemReorder.emit({from:e,to:s,complete:this.completeReorder.bind(this)}),b(),this.ionReorderEnd.emit({from:e,to:s,complete:this.completeReorder.bind(this)})}completeReorder(t){const s=this.selectedItemEl;if(s&&2===this.state){const e=this.el.children,i=e.length,r=this.lastToIndex,o=u(s);d((()=>{r===o||void 0!==t&&!0!==t||this.el.insertBefore(s,o<r?e[r+1]:e[r]);for(let t=0;t<i;t++)e[t].style.transform=""})),Array.isArray(t)&&(t=v(t,o,r)),s.style.transition="",s.classList.remove(w),this.selectedItemEl=void 0,this.state=0}return t}itemIndexForTop(t){const s=this.cachedHeights;for(let e=0;e<s.length;e++)if(s[e]>t)return e;return s.length-1}reorderMove(t,s){const e=this.selectedItemHeight,i=this.el.children;for(let r=0;r<i.length;r++){let o="";r>t&&r<=s?o=`translateY(${-e}px)`:r<t&&r>=s&&(o=`translateY(${e}px)`),i[r].style.transform=o}}autoscroll(t){if(!this.scrollEl)return 0;let s=0;return t<this.scrollElTop?s=-10:t>this.scrollElBottom&&(s=g),0!==s&&this.scrollEl.scrollBy(0,s),this.scrollEl.scrollTop-this.scrollElInitial}render(){const t=s(this);return e(i,{key:"9ff97c31e99392e6e23e117bc248bb7c28ab8e4c",class:{[t]:!0,"reorder-enabled":!this.disabled,"reorder-list-active":0!==this.state}})}get el(){return r(this)}static get watchers(){return{disabled:["disabledChanged"]}}},u=t=>t.$ionIndex,k=(t,s)=>{let e;for(;t;){if(e=t.parentElement,e===s)return t;t=e}},y=60,g=10,w="reorder-selected",v=(t,s,e)=>{const i=t[s];return t.splice(s,1),t.splice(e,0,i),t.slice()};f.style=".reorder-list-active>*{display:block;-webkit-transition:-webkit-transform 300ms;transition:-webkit-transform 300ms;transition:transform 300ms;transition:transform 300ms, -webkit-transform 300ms;will-change:transform}.reorder-enabled{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.reorder-enabled ion-reorder{display:block;cursor:-webkit-grab;cursor:grab;pointer-events:all;-ms-touch-action:none;touch-action:none}.reorder-selected,.reorder-selected ion-reorder{cursor:-webkit-grabbing;cursor:grabbing}.reorder-selected{position:relative;-webkit-transition:none !important;transition:none !important;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.4);box-shadow:0 0 10px rgba(0, 0, 0, 0.4);opacity:0.8;z-index:100}.reorder-visible ion-reorder .reorder-icon{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}";export{p as ion_reorder,f as ion_reorder_group}
|
|
@@ -7,3 +7,20 @@ export interface ItemReorderCustomEvent extends CustomEvent {
|
|
|
7
7
|
detail: ItemReorderEventDetail;
|
|
8
8
|
target: HTMLIonReorderGroupElement;
|
|
9
9
|
}
|
|
10
|
+
export interface ReorderMoveEventDetail {
|
|
11
|
+
from: number;
|
|
12
|
+
to: number;
|
|
13
|
+
}
|
|
14
|
+
export interface ReorderEndEventDetail {
|
|
15
|
+
from: number;
|
|
16
|
+
to: number;
|
|
17
|
+
complete: (data?: boolean | any[]) => any;
|
|
18
|
+
}
|
|
19
|
+
export interface ReorderMoveCustomEvent extends CustomEvent {
|
|
20
|
+
detail: ReorderMoveEventDetail;
|
|
21
|
+
target: HTMLIonReorderGroupElement;
|
|
22
|
+
}
|
|
23
|
+
export interface ReorderEndCustomEvent extends CustomEvent {
|
|
24
|
+
detail: ReorderEndEventDetail;
|
|
25
|
+
target: HTMLIonReorderGroupElement;
|
|
26
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
|
|
2
|
-
import type { ItemReorderEventDetail } from './reorder-group-interface';
|
|
2
|
+
import type { ItemReorderEventDetail, ReorderMoveEventDetail, ReorderEndEventDetail } from './reorder-group-interface';
|
|
3
3
|
declare const enum ReorderGroupState {
|
|
4
4
|
Idle = 0,
|
|
5
5
|
Active = 1,
|
|
@@ -25,15 +25,34 @@ export declare class ReorderGroup implements ComponentInterface {
|
|
|
25
25
|
disabled: boolean;
|
|
26
26
|
disabledChanged(): void;
|
|
27
27
|
/**
|
|
28
|
-
*
|
|
28
|
+
* @deprecated Use `ionReorderEnd` instead. The new event is emitted
|
|
29
|
+
* at the end of every reorder gesture, even if the positions do not
|
|
30
|
+
* change. If you were accessing `event.detail.from` or `event.detail.to`
|
|
31
|
+
* before and relying on them being different you should now add checks as
|
|
32
|
+
* they are always emitted in `ionReorderEnd`, even when they are the same.
|
|
33
|
+
*/
|
|
34
|
+
ionItemReorder: EventEmitter<ItemReorderEventDetail>;
|
|
35
|
+
/**
|
|
36
|
+
* Event that is emitted when the reorder gesture starts.
|
|
37
|
+
*/
|
|
38
|
+
ionReorderStart: EventEmitter<void>;
|
|
39
|
+
/**
|
|
40
|
+
* Event that is emitted as the reorder gesture moves.
|
|
41
|
+
*/
|
|
42
|
+
ionReorderMove: EventEmitter<ReorderMoveEventDetail>;
|
|
43
|
+
/**
|
|
44
|
+
* Event that is emitted when the reorder gesture ends.
|
|
45
|
+
* The from and to properties are always available, regardless of
|
|
46
|
+
* if the reorder gesture moved the item. If the item did not change
|
|
47
|
+
* from its start position, the from and to properties will be the same.
|
|
29
48
|
* Once the event has been emitted, the `complete()` method then needs
|
|
30
49
|
* to be called in order to finalize the reorder action.
|
|
31
50
|
*/
|
|
32
|
-
|
|
51
|
+
ionReorderEnd: EventEmitter<ReorderEndEventDetail>;
|
|
33
52
|
connectedCallback(): Promise<void>;
|
|
34
53
|
disconnectedCallback(): void;
|
|
35
54
|
/**
|
|
36
|
-
* Completes the reorder operation. Must be called by the `
|
|
55
|
+
* Completes the reorder operation. Must be called by the `ionReorderEnd` event.
|
|
37
56
|
*
|
|
38
57
|
* If a list of items is passed, the list will be reordered and returned in the
|
|
39
58
|
* proper order.
|
|
@@ -30,7 +30,7 @@ import { PopoverSize, PositionAlign, PositionReference, PositionSide, TriggerAct
|
|
|
30
30
|
import { RadioGroupChangeEventDetail, RadioGroupCompareFn } from "./components/radio-group/radio-group-interface";
|
|
31
31
|
import { PinFormatter, RangeChangeEventDetail, RangeKnobMoveEndEventDetail, RangeKnobMoveStartEventDetail, RangeValue } from "./components/range/range-interface";
|
|
32
32
|
import { RefresherEventDetail } from "./components/refresher/refresher-interface";
|
|
33
|
-
import { ItemReorderEventDetail } from "./components/reorder-group/reorder-group-interface";
|
|
33
|
+
import { ItemReorderEventDetail, ReorderEndEventDetail, ReorderMoveEventDetail } from "./components/reorder-group/reorder-group-interface";
|
|
34
34
|
import { NavigationHookCallback } from "./components/route/route-interface";
|
|
35
35
|
import { SearchbarChangeEventDetail, SearchbarInputEventDetail } from "./components/searchbar/searchbar-interface";
|
|
36
36
|
import { SegmentChangeEventDetail, SegmentValue } from "./components/segment/segment-interface";
|
|
@@ -68,7 +68,7 @@ export { PopoverSize, PositionAlign, PositionReference, PositionSide, TriggerAct
|
|
|
68
68
|
export { RadioGroupChangeEventDetail, RadioGroupCompareFn } from "./components/radio-group/radio-group-interface";
|
|
69
69
|
export { PinFormatter, RangeChangeEventDetail, RangeKnobMoveEndEventDetail, RangeKnobMoveStartEventDetail, RangeValue } from "./components/range/range-interface";
|
|
70
70
|
export { RefresherEventDetail } from "./components/refresher/refresher-interface";
|
|
71
|
-
export { ItemReorderEventDetail } from "./components/reorder-group/reorder-group-interface";
|
|
71
|
+
export { ItemReorderEventDetail, ReorderEndEventDetail, ReorderMoveEventDetail } from "./components/reorder-group/reorder-group-interface";
|
|
72
72
|
export { NavigationHookCallback } from "./components/route/route-interface";
|
|
73
73
|
export { SearchbarChangeEventDetail, SearchbarInputEventDetail } from "./components/searchbar/searchbar-interface";
|
|
74
74
|
export { SegmentChangeEventDetail, SegmentValue } from "./components/segment/segment-interface";
|
|
@@ -2770,7 +2770,7 @@ export namespace Components {
|
|
|
2770
2770
|
}
|
|
2771
2771
|
interface IonReorderGroup {
|
|
2772
2772
|
/**
|
|
2773
|
-
* Completes the reorder operation. Must be called by the `
|
|
2773
|
+
* Completes the reorder operation. Must be called by the `ionReorderEnd` event. If a list of items is passed, the list will be reordered and returned in the proper order. If no parameters are passed or if `true` is passed in, the reorder will complete and the item will remain in the position it was dragged to. If `false` is passed, the reorder will complete and the item will bounce back to its original position.
|
|
2774
2774
|
* @param listOrReorder A list of items to be sorted and returned in the new order or a boolean of whether or not the reorder should reposition the item.
|
|
2775
2775
|
*/
|
|
2776
2776
|
"complete": (listOrReorder?: boolean | any[]) => Promise<any>;
|
|
@@ -4755,6 +4755,9 @@ declare global {
|
|
|
4755
4755
|
};
|
|
4756
4756
|
interface HTMLIonReorderGroupElementEventMap {
|
|
4757
4757
|
"ionItemReorder": ItemReorderEventDetail;
|
|
4758
|
+
"ionReorderStart": void;
|
|
4759
|
+
"ionReorderMove": ReorderMoveEventDetail;
|
|
4760
|
+
"ionReorderEnd": ReorderEndEventDetail;
|
|
4758
4761
|
}
|
|
4759
4762
|
interface HTMLIonReorderGroupElement extends Components.IonReorderGroup, HTMLStencilElement {
|
|
4760
4763
|
addEventListener<K extends keyof HTMLIonReorderGroupElementEventMap>(type: K, listener: (this: HTMLIonReorderGroupElement, ev: IonReorderGroupCustomEvent<HTMLIonReorderGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
|
@@ -7914,9 +7917,21 @@ declare namespace LocalJSX {
|
|
|
7914
7917
|
*/
|
|
7915
7918
|
"disabled"?: boolean;
|
|
7916
7919
|
/**
|
|
7917
|
-
*
|
|
7920
|
+
* @deprecated Use `ionReorderEnd` instead. The new event is emitted at the end of every reorder gesture, even if the positions do not change. If you were accessing `event.detail.from` or `event.detail.to` before and relying on them being different you should now add checks as they are always emitted in `ionReorderEnd`, even when they are the same.
|
|
7918
7921
|
*/
|
|
7919
7922
|
"onIonItemReorder"?: (event: IonReorderGroupCustomEvent<ItemReorderEventDetail>) => void;
|
|
7923
|
+
/**
|
|
7924
|
+
* Event that is emitted when the reorder gesture ends. The from and to properties are always available, regardless of if the reorder gesture moved the item. If the item did not change from its start position, the from and to properties will be the same. Once the event has been emitted, the `complete()` method then needs to be called in order to finalize the reorder action.
|
|
7925
|
+
*/
|
|
7926
|
+
"onIonReorderEnd"?: (event: IonReorderGroupCustomEvent<ReorderEndEventDetail>) => void;
|
|
7927
|
+
/**
|
|
7928
|
+
* Event that is emitted as the reorder gesture moves.
|
|
7929
|
+
*/
|
|
7930
|
+
"onIonReorderMove"?: (event: IonReorderGroupCustomEvent<ReorderMoveEventDetail>) => void;
|
|
7931
|
+
/**
|
|
7932
|
+
* Event that is emitted when the reorder gesture starts.
|
|
7933
|
+
*/
|
|
7934
|
+
"onIonReorderStart"?: (event: IonReorderGroupCustomEvent<void>) => void;
|
|
7920
7935
|
}
|
|
7921
7936
|
interface IonRippleEffect {
|
|
7922
7937
|
/**
|
|
@@ -25,7 +25,11 @@ export { RadioGroupCustomEvent } from './components/radio-group/radio-group-inte
|
|
|
25
25
|
export { RangeCustomEvent, PinFormatter } from './components/range/range-interface';
|
|
26
26
|
export { HTMLStencilElement, RouterCustomEvent } from './components/router/utils/interface';
|
|
27
27
|
export { RefresherCustomEvent } from './components/refresher/refresher-interface';
|
|
28
|
-
export {
|
|
28
|
+
export {
|
|
29
|
+
ItemReorderCustomEvent,
|
|
30
|
+
ReorderEndCustomEvent,
|
|
31
|
+
ReorderMoveCustomEvent,
|
|
32
|
+
} from './components/reorder-group/reorder-group-interface';
|
|
29
33
|
export { SearchbarCustomEvent } from './components/searchbar/searchbar-interface';
|
|
30
34
|
export { SegmentCustomEvent } from './components/segment/segment-interface';
|
|
31
35
|
export { SelectCustomEvent, SelectCompareFn } from './components/select/select-interface';
|
package/hydrate/index.js
CHANGED
|
@@ -29401,6 +29401,9 @@ class ReorderGroup {
|
|
|
29401
29401
|
constructor(hostRef) {
|
|
29402
29402
|
registerInstance(this, hostRef);
|
|
29403
29403
|
this.ionItemReorder = createEvent(this, "ionItemReorder", 7);
|
|
29404
|
+
this.ionReorderStart = createEvent(this, "ionReorderStart", 7);
|
|
29405
|
+
this.ionReorderMove = createEvent(this, "ionReorderMove", 7);
|
|
29406
|
+
this.ionReorderEnd = createEvent(this, "ionReorderEnd", 7);
|
|
29404
29407
|
this.lastToIndex = -1;
|
|
29405
29408
|
this.cachedHeights = [];
|
|
29406
29409
|
this.scrollElTop = 0;
|
|
@@ -29446,7 +29449,7 @@ class ReorderGroup {
|
|
|
29446
29449
|
}
|
|
29447
29450
|
}
|
|
29448
29451
|
/**
|
|
29449
|
-
* Completes the reorder operation. Must be called by the `
|
|
29452
|
+
* Completes the reorder operation. Must be called by the `ionReorderEnd` event.
|
|
29450
29453
|
*
|
|
29451
29454
|
* If a list of items is passed, the list will be reordered and returned in the
|
|
29452
29455
|
* proper order.
|
|
@@ -29513,6 +29516,7 @@ class ReorderGroup {
|
|
|
29513
29516
|
this.state = 1 /* ReorderGroupState.Active */;
|
|
29514
29517
|
item.classList.add(ITEM_REORDER_SELECTED);
|
|
29515
29518
|
hapticSelectionStart();
|
|
29519
|
+
this.ionReorderStart.emit();
|
|
29516
29520
|
}
|
|
29517
29521
|
onMove(ev) {
|
|
29518
29522
|
const selectedItem = this.selectedItemEl;
|
|
@@ -29527,6 +29531,7 @@ class ReorderGroup {
|
|
|
29527
29531
|
const currentY = Math.max(top, Math.min(ev.currentY, bottom));
|
|
29528
29532
|
const deltaY = scroll + currentY - ev.startY;
|
|
29529
29533
|
const normalizedY = currentY - top;
|
|
29534
|
+
const fromIndex = this.lastToIndex;
|
|
29530
29535
|
const toIndex = this.itemIndexForTop(normalizedY);
|
|
29531
29536
|
if (toIndex !== this.lastToIndex) {
|
|
29532
29537
|
const fromIndex = indexForItem(selectedItem);
|
|
@@ -29536,6 +29541,10 @@ class ReorderGroup {
|
|
|
29536
29541
|
}
|
|
29537
29542
|
// Update selected item position
|
|
29538
29543
|
selectedItem.style.transform = `translateY(${deltaY}px)`;
|
|
29544
|
+
this.ionReorderMove.emit({
|
|
29545
|
+
from: fromIndex,
|
|
29546
|
+
to: toIndex,
|
|
29547
|
+
});
|
|
29539
29548
|
}
|
|
29540
29549
|
onEnd() {
|
|
29541
29550
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -29547,9 +29556,14 @@ class ReorderGroup {
|
|
|
29547
29556
|
const toIndex = this.lastToIndex;
|
|
29548
29557
|
const fromIndex = indexForItem(selectedItemEl);
|
|
29549
29558
|
if (toIndex === fromIndex) {
|
|
29559
|
+
// TODO(FW-6590): Remove this once the deprecated event is removed
|
|
29560
|
+
// Since the ionReorderEnd event is emitted at the end of every reorder
|
|
29561
|
+
// gesture, even if the item did not move, the user can always call
|
|
29562
|
+
// complete() to reset the state of the reorder group.
|
|
29550
29563
|
this.completeReorder();
|
|
29551
29564
|
}
|
|
29552
29565
|
else {
|
|
29566
|
+
// TODO(FW-6590): Remove this once the deprecated event is removed
|
|
29553
29567
|
this.ionItemReorder.emit({
|
|
29554
29568
|
from: fromIndex,
|
|
29555
29569
|
to: toIndex,
|
|
@@ -29557,6 +29571,11 @@ class ReorderGroup {
|
|
|
29557
29571
|
});
|
|
29558
29572
|
}
|
|
29559
29573
|
hapticSelectionEnd();
|
|
29574
|
+
this.ionReorderEnd.emit({
|
|
29575
|
+
from: fromIndex,
|
|
29576
|
+
to: toIndex,
|
|
29577
|
+
complete: this.completeReorder.bind(this),
|
|
29578
|
+
});
|
|
29560
29579
|
}
|
|
29561
29580
|
completeReorder(listOrReorder) {
|
|
29562
29581
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -29634,7 +29653,7 @@ class ReorderGroup {
|
|
|
29634
29653
|
}
|
|
29635
29654
|
render() {
|
|
29636
29655
|
const mode = getIonMode$1(this);
|
|
29637
|
-
return (hAsync(Host, { key: '
|
|
29656
|
+
return (hAsync(Host, { key: '9ff97c31e99392e6e23e117bc248bb7c28ab8e4c', class: {
|
|
29638
29657
|
[mode]: true,
|
|
29639
29658
|
'reorder-enabled': !this.disabled,
|
|
29640
29659
|
'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,
|
package/hydrate/index.mjs
CHANGED
|
@@ -29399,6 +29399,9 @@ class ReorderGroup {
|
|
|
29399
29399
|
constructor(hostRef) {
|
|
29400
29400
|
registerInstance(this, hostRef);
|
|
29401
29401
|
this.ionItemReorder = createEvent(this, "ionItemReorder", 7);
|
|
29402
|
+
this.ionReorderStart = createEvent(this, "ionReorderStart", 7);
|
|
29403
|
+
this.ionReorderMove = createEvent(this, "ionReorderMove", 7);
|
|
29404
|
+
this.ionReorderEnd = createEvent(this, "ionReorderEnd", 7);
|
|
29402
29405
|
this.lastToIndex = -1;
|
|
29403
29406
|
this.cachedHeights = [];
|
|
29404
29407
|
this.scrollElTop = 0;
|
|
@@ -29444,7 +29447,7 @@ class ReorderGroup {
|
|
|
29444
29447
|
}
|
|
29445
29448
|
}
|
|
29446
29449
|
/**
|
|
29447
|
-
* Completes the reorder operation. Must be called by the `
|
|
29450
|
+
* Completes the reorder operation. Must be called by the `ionReorderEnd` event.
|
|
29448
29451
|
*
|
|
29449
29452
|
* If a list of items is passed, the list will be reordered and returned in the
|
|
29450
29453
|
* proper order.
|
|
@@ -29511,6 +29514,7 @@ class ReorderGroup {
|
|
|
29511
29514
|
this.state = 1 /* ReorderGroupState.Active */;
|
|
29512
29515
|
item.classList.add(ITEM_REORDER_SELECTED);
|
|
29513
29516
|
hapticSelectionStart();
|
|
29517
|
+
this.ionReorderStart.emit();
|
|
29514
29518
|
}
|
|
29515
29519
|
onMove(ev) {
|
|
29516
29520
|
const selectedItem = this.selectedItemEl;
|
|
@@ -29525,6 +29529,7 @@ class ReorderGroup {
|
|
|
29525
29529
|
const currentY = Math.max(top, Math.min(ev.currentY, bottom));
|
|
29526
29530
|
const deltaY = scroll + currentY - ev.startY;
|
|
29527
29531
|
const normalizedY = currentY - top;
|
|
29532
|
+
const fromIndex = this.lastToIndex;
|
|
29528
29533
|
const toIndex = this.itemIndexForTop(normalizedY);
|
|
29529
29534
|
if (toIndex !== this.lastToIndex) {
|
|
29530
29535
|
const fromIndex = indexForItem(selectedItem);
|
|
@@ -29534,6 +29539,10 @@ class ReorderGroup {
|
|
|
29534
29539
|
}
|
|
29535
29540
|
// Update selected item position
|
|
29536
29541
|
selectedItem.style.transform = `translateY(${deltaY}px)`;
|
|
29542
|
+
this.ionReorderMove.emit({
|
|
29543
|
+
from: fromIndex,
|
|
29544
|
+
to: toIndex,
|
|
29545
|
+
});
|
|
29537
29546
|
}
|
|
29538
29547
|
onEnd() {
|
|
29539
29548
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -29545,9 +29554,14 @@ class ReorderGroup {
|
|
|
29545
29554
|
const toIndex = this.lastToIndex;
|
|
29546
29555
|
const fromIndex = indexForItem(selectedItemEl);
|
|
29547
29556
|
if (toIndex === fromIndex) {
|
|
29557
|
+
// TODO(FW-6590): Remove this once the deprecated event is removed
|
|
29558
|
+
// Since the ionReorderEnd event is emitted at the end of every reorder
|
|
29559
|
+
// gesture, even if the item did not move, the user can always call
|
|
29560
|
+
// complete() to reset the state of the reorder group.
|
|
29548
29561
|
this.completeReorder();
|
|
29549
29562
|
}
|
|
29550
29563
|
else {
|
|
29564
|
+
// TODO(FW-6590): Remove this once the deprecated event is removed
|
|
29551
29565
|
this.ionItemReorder.emit({
|
|
29552
29566
|
from: fromIndex,
|
|
29553
29567
|
to: toIndex,
|
|
@@ -29555,6 +29569,11 @@ class ReorderGroup {
|
|
|
29555
29569
|
});
|
|
29556
29570
|
}
|
|
29557
29571
|
hapticSelectionEnd();
|
|
29572
|
+
this.ionReorderEnd.emit({
|
|
29573
|
+
from: fromIndex,
|
|
29574
|
+
to: toIndex,
|
|
29575
|
+
complete: this.completeReorder.bind(this),
|
|
29576
|
+
});
|
|
29558
29577
|
}
|
|
29559
29578
|
completeReorder(listOrReorder) {
|
|
29560
29579
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -29632,7 +29651,7 @@ class ReorderGroup {
|
|
|
29632
29651
|
}
|
|
29633
29652
|
render() {
|
|
29634
29653
|
const mode = getIonMode$1(this);
|
|
29635
|
-
return (hAsync(Host, { key: '
|
|
29654
|
+
return (hAsync(Host, { key: '9ff97c31e99392e6e23e117bc248bb7c28ab8e4c', class: {
|
|
29636
29655
|
[mode]: true,
|
|
29637
29656
|
'reorder-enabled': !this.disabled,
|
|
29638
29657
|
'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,
|
package/package.json
CHANGED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
|
-
*/
|
|
4
|
-
import{r as t,e as s,h as e,j as r,k as i,d as o}from"./p-B_U9CtaY.js";import{j as n,k as a}from"./p-BLV6ykCk.js";import{f as h,g as c}from"./p-QwEXyOze.js";import{r as d}from"./p-Do-uqmtX.js";import{b as l,a as b,h as m}from"./p-CKvCXMs9.js";import"./p-CIGNaXM1.js";import"./p-ZjP4CjeZ.js";const p=class{constructor(s){t(this,s)}onClick(t){const s=this.el.closest("ion-reorder-group");t.preventDefault(),s&&s.disabled||t.stopImmediatePropagation()}render(){const t=s(this);return e(r,{key:"e6807bb349725682e99e791ac65e729a360d64e8",class:t},e("slot",{key:"1c691cdbffa6427ba08dc12184c69559ed5d5506"},e("ion-icon",{key:"8b4150302cdca475379582b2251737b5e74079b1",icon:"ios"===t?n:a,lazy:!1,class:"reorder-icon",part:"icon","aria-hidden":"true"})))}get el(){return i(this)}};p.style={ios:":host([slot]){display:none;line-height:0;z-index:100}.reorder-icon{display:block}::slotted(ion-icon){font-size:dynamic-font(16px)}.reorder-icon{font-size:2.125rem;opacity:0.4}",md:":host([slot]){display:none;line-height:0;z-index:100}.reorder-icon{display:block}::slotted(ion-icon){font-size:dynamic-font(16px)}.reorder-icon{font-size:1.9375rem;opacity:0.3}"};const f=class{constructor(s){t(this,s),this.ionItemReorder=o(this,"ionItemReorder",7),this.lastToIndex=-1,this.cachedHeights=[],this.scrollElTop=0,this.scrollElBottom=0,this.scrollElInitial=0,this.containerTop=0,this.containerBottom=0,this.state=0,this.disabled=!0}disabledChanged(){this.gesture&&this.gesture.enable(!this.disabled)}async connectedCallback(){const t=h(this.el);t&&(this.scrollEl=await c(t)),this.gesture=(await import("./p-Cl0B-RWe.js")).createGesture({el:this.el,gestureName:"reorder",gesturePriority:110,threshold:0,direction:"y",passive:!1,canStart:t=>this.canStart(t),onStart:t=>this.onStart(t),onMove:t=>this.onMove(t),onEnd:()=>this.onEnd()}),this.disabledChanged()}disconnectedCallback(){this.onEnd(),this.gesture&&(this.gesture.destroy(),this.gesture=void 0)}complete(t){return Promise.resolve(this.completeReorder(t))}canStart(t){if(this.selectedItemEl||0!==this.state)return!1;const s=t.event.target.closest("ion-reorder");if(!s)return!1;const e=k(s,this.el);return!!e&&(t.data=e,!0)}onStart(t){t.event.preventDefault();const s=this.selectedItemEl=t.data,e=this.cachedHeights;e.length=0;const r=this.el,i=r.children;if(!i||0===i.length)return;let o=0;for(let t=0;t<i.length;t++){const s=i[t];o+=s.offsetHeight,e.push(o),s.$ionIndex=t}const n=r.getBoundingClientRect();if(this.containerTop=n.top,this.containerBottom=n.bottom,this.scrollEl){const t=this.scrollEl.getBoundingClientRect();this.scrollElInitial=this.scrollEl.scrollTop,this.scrollElTop=t.top+y,this.scrollElBottom=t.bottom-y}else this.scrollElInitial=0,this.scrollElTop=0,this.scrollElBottom=0;this.lastToIndex=u(s),this.selectedItemHeight=s.offsetHeight,this.state=1,s.classList.add(w),l()}onMove(t){const s=this.selectedItemEl;if(!s)return;const e=this.autoscroll(t.currentY),r=this.containerTop-e,i=Math.max(r,Math.min(t.currentY,this.containerBottom-e)),o=e+i-t.startY,n=this.itemIndexForTop(i-r);if(n!==this.lastToIndex){const t=u(s);this.lastToIndex=n,b(),this.reorderMove(t,n)}s.style.transform=`translateY(${o}px)`}onEnd(){const t=this.selectedItemEl;if(this.state=2,!t)return void(this.state=0);const s=this.lastToIndex,e=u(t);s===e?this.completeReorder():this.ionItemReorder.emit({from:e,to:s,complete:this.completeReorder.bind(this)}),m()}completeReorder(t){const s=this.selectedItemEl;if(s&&2===this.state){const e=this.el.children,r=e.length,i=this.lastToIndex,o=u(s);d((()=>{i===o||void 0!==t&&!0!==t||this.el.insertBefore(s,o<i?e[i+1]:e[i]);for(let t=0;t<r;t++)e[t].style.transform=""})),Array.isArray(t)&&(t=v(t,o,i)),s.style.transition="",s.classList.remove(w),this.selectedItemEl=void 0,this.state=0}return t}itemIndexForTop(t){const s=this.cachedHeights;for(let e=0;e<s.length;e++)if(s[e]>t)return e;return s.length-1}reorderMove(t,s){const e=this.selectedItemHeight,r=this.el.children;for(let i=0;i<r.length;i++){let o="";i>t&&i<=s?o=`translateY(${-e}px)`:i<t&&i>=s&&(o=`translateY(${e}px)`),r[i].style.transform=o}}autoscroll(t){if(!this.scrollEl)return 0;let s=0;return t<this.scrollElTop?s=-10:t>this.scrollElBottom&&(s=g),0!==s&&this.scrollEl.scrollBy(0,s),this.scrollEl.scrollTop-this.scrollElInitial}render(){const t=s(this);return e(r,{key:"f30613b361c5c3095b7928a92fb4b1e8d6eff600",class:{[t]:!0,"reorder-enabled":!this.disabled,"reorder-list-active":0!==this.state}})}get el(){return i(this)}static get watchers(){return{disabled:["disabledChanged"]}}},u=t=>t.$ionIndex,k=(t,s)=>{let e;for(;t;){if(e=t.parentElement,e===s)return t;t=e}},y=60,g=10,w="reorder-selected",v=(t,s,e)=>{const r=t[s];return t.splice(s,1),t.splice(e,0,r),t.slice()};f.style=".reorder-list-active>*{display:block;-webkit-transition:-webkit-transform 300ms;transition:-webkit-transform 300ms;transition:transform 300ms;transition:transform 300ms, -webkit-transform 300ms;will-change:transform}.reorder-enabled{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.reorder-enabled ion-reorder{display:block;cursor:-webkit-grab;cursor:grab;pointer-events:all;-ms-touch-action:none;touch-action:none}.reorder-selected,.reorder-selected ion-reorder{cursor:-webkit-grabbing;cursor:grabbing}.reorder-selected{position:relative;-webkit-transition:none !important;transition:none !important;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.4);box-shadow:0 0 10px rgba(0, 0, 0, 0.4);opacity:0.8;z-index:100}.reorder-visible ion-reorder .reorder-icon{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}";export{p as ion_reorder,f as ion_reorder_group}
|