@ionic/core 8.6.2-dev.11749759855.198287b7 → 8.6.2-dev.11749830167.1460aa73
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 +2 -17
- package/dist/cjs/ion-reorder_2.cjs.entry.js +2 -17
- package/dist/collection/components/reorder-group/reorder-group.js +5 -77
- package/dist/docs.json +3 -73
- package/dist/esm/ion-reorder_2.entry.js +2 -17
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/p-2020aa51.entry.js +4 -0
- package/dist/types/components/reorder-group/reorder-group-interface.d.ts +0 -17
- package/dist/types/components/reorder-group/reorder-group.d.ts +3 -22
- package/dist/types/components.d.ts +4 -20
- package/dist/types/interface.d.ts +1 -5
- package/hydrate/index.js +2 -17
- package/hydrate/index.mjs +2 -17
- package/package.json +1 -1
- package/dist/ionic/p-32b71d47.entry.js +0 -4
|
@@ -14,9 +14,6 @@ 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);
|
|
20
17
|
this.lastToIndex = -1;
|
|
21
18
|
this.cachedHeights = [];
|
|
22
19
|
this.scrollElTop = 0;
|
|
@@ -62,7 +59,7 @@ const ReorderGroup = /*@__PURE__*/ proxyCustomElement(class ReorderGroup extends
|
|
|
62
59
|
}
|
|
63
60
|
}
|
|
64
61
|
/**
|
|
65
|
-
* Completes the reorder operation. Must be called by the `
|
|
62
|
+
* Completes the reorder operation. Must be called by the `ionItemReorder` event.
|
|
66
63
|
*
|
|
67
64
|
* If a list of items is passed, the list will be reordered and returned in the
|
|
68
65
|
* proper order.
|
|
@@ -129,7 +126,6 @@ const ReorderGroup = /*@__PURE__*/ proxyCustomElement(class ReorderGroup extends
|
|
|
129
126
|
this.state = 1 /* ReorderGroupState.Active */;
|
|
130
127
|
item.classList.add(ITEM_REORDER_SELECTED);
|
|
131
128
|
hapticSelectionStart();
|
|
132
|
-
this.ionReorderStart.emit();
|
|
133
129
|
}
|
|
134
130
|
onMove(ev) {
|
|
135
131
|
const selectedItem = this.selectedItemEl;
|
|
@@ -144,7 +140,6 @@ const ReorderGroup = /*@__PURE__*/ proxyCustomElement(class ReorderGroup extends
|
|
|
144
140
|
const currentY = Math.max(top, Math.min(ev.currentY, bottom));
|
|
145
141
|
const deltaY = scroll + currentY - ev.startY;
|
|
146
142
|
const normalizedY = currentY - top;
|
|
147
|
-
const fromIndex = this.lastToIndex;
|
|
148
143
|
const toIndex = this.itemIndexForTop(normalizedY);
|
|
149
144
|
if (toIndex !== this.lastToIndex) {
|
|
150
145
|
const fromIndex = indexForItem(selectedItem);
|
|
@@ -154,10 +149,6 @@ const ReorderGroup = /*@__PURE__*/ proxyCustomElement(class ReorderGroup extends
|
|
|
154
149
|
}
|
|
155
150
|
// Update selected item position
|
|
156
151
|
selectedItem.style.transform = `translateY(${deltaY}px)`;
|
|
157
|
-
this.ionReorderMove.emit({
|
|
158
|
-
from: fromIndex,
|
|
159
|
-
to: toIndex,
|
|
160
|
-
});
|
|
161
152
|
}
|
|
162
153
|
onEnd() {
|
|
163
154
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -172,7 +163,6 @@ const ReorderGroup = /*@__PURE__*/ proxyCustomElement(class ReorderGroup extends
|
|
|
172
163
|
this.completeReorder();
|
|
173
164
|
}
|
|
174
165
|
else {
|
|
175
|
-
// TODO(FW-6590): Remove this once the deprecated event is removed
|
|
176
166
|
this.ionItemReorder.emit({
|
|
177
167
|
from: fromIndex,
|
|
178
168
|
to: toIndex,
|
|
@@ -180,11 +170,6 @@ const ReorderGroup = /*@__PURE__*/ proxyCustomElement(class ReorderGroup extends
|
|
|
180
170
|
});
|
|
181
171
|
}
|
|
182
172
|
hapticSelectionEnd();
|
|
183
|
-
this.ionReorderEnd.emit({
|
|
184
|
-
from: fromIndex,
|
|
185
|
-
to: toIndex,
|
|
186
|
-
complete: this.completeReorder.bind(this),
|
|
187
|
-
});
|
|
188
173
|
}
|
|
189
174
|
completeReorder(listOrReorder) {
|
|
190
175
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -262,7 +247,7 @@ const ReorderGroup = /*@__PURE__*/ proxyCustomElement(class ReorderGroup extends
|
|
|
262
247
|
}
|
|
263
248
|
render() {
|
|
264
249
|
const mode = getIonMode(this);
|
|
265
|
-
return (h(Host, { key: '
|
|
250
|
+
return (h(Host, { key: 'f30613b361c5c3095b7928a92fb4b1e8d6eff600', class: {
|
|
266
251
|
[mode]: true,
|
|
267
252
|
'reorder-enabled': !this.disabled,
|
|
268
253
|
'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,
|
|
@@ -46,9 +46,6 @@ 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);
|
|
52
49
|
this.lastToIndex = -1;
|
|
53
50
|
this.cachedHeights = [];
|
|
54
51
|
this.scrollElTop = 0;
|
|
@@ -94,7 +91,7 @@ const ReorderGroup = class {
|
|
|
94
91
|
}
|
|
95
92
|
}
|
|
96
93
|
/**
|
|
97
|
-
* Completes the reorder operation. Must be called by the `
|
|
94
|
+
* Completes the reorder operation. Must be called by the `ionItemReorder` event.
|
|
98
95
|
*
|
|
99
96
|
* If a list of items is passed, the list will be reordered and returned in the
|
|
100
97
|
* proper order.
|
|
@@ -161,7 +158,6 @@ const ReorderGroup = class {
|
|
|
161
158
|
this.state = 1 /* ReorderGroupState.Active */;
|
|
162
159
|
item.classList.add(ITEM_REORDER_SELECTED);
|
|
163
160
|
haptic.hapticSelectionStart();
|
|
164
|
-
this.ionReorderStart.emit();
|
|
165
161
|
}
|
|
166
162
|
onMove(ev) {
|
|
167
163
|
const selectedItem = this.selectedItemEl;
|
|
@@ -176,7 +172,6 @@ const ReorderGroup = class {
|
|
|
176
172
|
const currentY = Math.max(top, Math.min(ev.currentY, bottom));
|
|
177
173
|
const deltaY = scroll + currentY - ev.startY;
|
|
178
174
|
const normalizedY = currentY - top;
|
|
179
|
-
const fromIndex = this.lastToIndex;
|
|
180
175
|
const toIndex = this.itemIndexForTop(normalizedY);
|
|
181
176
|
if (toIndex !== this.lastToIndex) {
|
|
182
177
|
const fromIndex = indexForItem(selectedItem);
|
|
@@ -186,10 +181,6 @@ const ReorderGroup = class {
|
|
|
186
181
|
}
|
|
187
182
|
// Update selected item position
|
|
188
183
|
selectedItem.style.transform = `translateY(${deltaY}px)`;
|
|
189
|
-
this.ionReorderMove.emit({
|
|
190
|
-
from: fromIndex,
|
|
191
|
-
to: toIndex,
|
|
192
|
-
});
|
|
193
184
|
}
|
|
194
185
|
onEnd() {
|
|
195
186
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -204,7 +195,6 @@ const ReorderGroup = class {
|
|
|
204
195
|
this.completeReorder();
|
|
205
196
|
}
|
|
206
197
|
else {
|
|
207
|
-
// TODO(FW-6590): Remove this once the deprecated event is removed
|
|
208
198
|
this.ionItemReorder.emit({
|
|
209
199
|
from: fromIndex,
|
|
210
200
|
to: toIndex,
|
|
@@ -212,11 +202,6 @@ const ReorderGroup = class {
|
|
|
212
202
|
});
|
|
213
203
|
}
|
|
214
204
|
haptic.hapticSelectionEnd();
|
|
215
|
-
this.ionReorderEnd.emit({
|
|
216
|
-
from: fromIndex,
|
|
217
|
-
to: toIndex,
|
|
218
|
-
complete: this.completeReorder.bind(this),
|
|
219
|
-
});
|
|
220
205
|
}
|
|
221
206
|
completeReorder(listOrReorder) {
|
|
222
207
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -294,7 +279,7 @@ const ReorderGroup = class {
|
|
|
294
279
|
}
|
|
295
280
|
render() {
|
|
296
281
|
const mode = index.getIonMode(this);
|
|
297
|
-
return (index.h(index.Host, { key: '
|
|
282
|
+
return (index.h(index.Host, { key: 'f30613b361c5c3095b7928a92fb4b1e8d6eff600', class: {
|
|
298
283
|
[mode]: true,
|
|
299
284
|
'reorder-enabled': !this.disabled,
|
|
300
285
|
'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 `ionItemReorder` 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,7 +120,6 @@ 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();
|
|
124
123
|
}
|
|
125
124
|
onMove(ev) {
|
|
126
125
|
const selectedItem = this.selectedItemEl;
|
|
@@ -135,7 +134,6 @@ export class ReorderGroup {
|
|
|
135
134
|
const currentY = Math.max(top, Math.min(ev.currentY, bottom));
|
|
136
135
|
const deltaY = scroll + currentY - ev.startY;
|
|
137
136
|
const normalizedY = currentY - top;
|
|
138
|
-
const fromIndex = this.lastToIndex;
|
|
139
137
|
const toIndex = this.itemIndexForTop(normalizedY);
|
|
140
138
|
if (toIndex !== this.lastToIndex) {
|
|
141
139
|
const fromIndex = indexForItem(selectedItem);
|
|
@@ -145,10 +143,6 @@ export class ReorderGroup {
|
|
|
145
143
|
}
|
|
146
144
|
// Update selected item position
|
|
147
145
|
selectedItem.style.transform = `translateY(${deltaY}px)`;
|
|
148
|
-
this.ionReorderMove.emit({
|
|
149
|
-
from: fromIndex,
|
|
150
|
-
to: toIndex,
|
|
151
|
-
});
|
|
152
146
|
}
|
|
153
147
|
onEnd() {
|
|
154
148
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -163,7 +157,6 @@ export class ReorderGroup {
|
|
|
163
157
|
this.completeReorder();
|
|
164
158
|
}
|
|
165
159
|
else {
|
|
166
|
-
// TODO(FW-6590): Remove this once the deprecated event is removed
|
|
167
160
|
this.ionItemReorder.emit({
|
|
168
161
|
from: fromIndex,
|
|
169
162
|
to: toIndex,
|
|
@@ -171,11 +164,6 @@ export class ReorderGroup {
|
|
|
171
164
|
});
|
|
172
165
|
}
|
|
173
166
|
hapticSelectionEnd();
|
|
174
|
-
this.ionReorderEnd.emit({
|
|
175
|
-
from: fromIndex,
|
|
176
|
-
to: toIndex,
|
|
177
|
-
complete: this.completeReorder.bind(this),
|
|
178
|
-
});
|
|
179
167
|
}
|
|
180
168
|
completeReorder(listOrReorder) {
|
|
181
169
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -253,7 +241,7 @@ export class ReorderGroup {
|
|
|
253
241
|
}
|
|
254
242
|
render() {
|
|
255
243
|
const mode = getIonMode(this);
|
|
256
|
-
return (h(Host, { key: '
|
|
244
|
+
return (h(Host, { key: 'f30613b361c5c3095b7928a92fb4b1e8d6eff600', class: {
|
|
257
245
|
[mode]: true,
|
|
258
246
|
'reorder-enabled': !this.disabled,
|
|
259
247
|
'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,
|
|
@@ -307,11 +295,8 @@ export class ReorderGroup {
|
|
|
307
295
|
"cancelable": true,
|
|
308
296
|
"composed": true,
|
|
309
297
|
"docs": {
|
|
310
|
-
"tags": [
|
|
311
|
-
|
|
312
|
-
"text": "Use `ionReorderEnd` instead. If you are accessing\n`event.detail.from` or `event.detail.to` and relying on them\nbeing different you should now add checks as they are always emitted\nin `ionReorderEnd`, even when they are the same."
|
|
313
|
-
}],
|
|
314
|
-
"text": "Event that needs to be listened to in order to complete the reorder action."
|
|
298
|
+
"tags": [],
|
|
299
|
+
"text": "Event that needs to be listened to in order to complete the reorder action.\nOnce the event has been emitted, the `complete()` method then needs\nto be called in order to finalize the reorder action."
|
|
315
300
|
},
|
|
316
301
|
"complexType": {
|
|
317
302
|
"original": "ItemReorderEventDetail",
|
|
@@ -324,63 +309,6 @@ export class ReorderGroup {
|
|
|
324
309
|
}
|
|
325
310
|
}
|
|
326
311
|
}
|
|
327
|
-
}, {
|
|
328
|
-
"method": "ionReorderStart",
|
|
329
|
-
"name": "ionReorderStart",
|
|
330
|
-
"bubbles": true,
|
|
331
|
-
"cancelable": true,
|
|
332
|
-
"composed": true,
|
|
333
|
-
"docs": {
|
|
334
|
-
"tags": [],
|
|
335
|
-
"text": "Event that is emitted when the reorder gesture starts."
|
|
336
|
-
},
|
|
337
|
-
"complexType": {
|
|
338
|
-
"original": "void",
|
|
339
|
-
"resolved": "void",
|
|
340
|
-
"references": {}
|
|
341
|
-
}
|
|
342
|
-
}, {
|
|
343
|
-
"method": "ionReorderMove",
|
|
344
|
-
"name": "ionReorderMove",
|
|
345
|
-
"bubbles": true,
|
|
346
|
-
"cancelable": true,
|
|
347
|
-
"composed": true,
|
|
348
|
-
"docs": {
|
|
349
|
-
"tags": [],
|
|
350
|
-
"text": "Event that is emitted as the reorder gesture moves."
|
|
351
|
-
},
|
|
352
|
-
"complexType": {
|
|
353
|
-
"original": "ReorderMoveEventDetail",
|
|
354
|
-
"resolved": "ReorderMoveEventDetail",
|
|
355
|
-
"references": {
|
|
356
|
-
"ReorderMoveEventDetail": {
|
|
357
|
-
"location": "import",
|
|
358
|
-
"path": "./reorder-group-interface",
|
|
359
|
-
"id": "src/components/reorder-group/reorder-group-interface.ts::ReorderMoveEventDetail"
|
|
360
|
-
}
|
|
361
|
-
}
|
|
362
|
-
}
|
|
363
|
-
}, {
|
|
364
|
-
"method": "ionReorderEnd",
|
|
365
|
-
"name": "ionReorderEnd",
|
|
366
|
-
"bubbles": true,
|
|
367
|
-
"cancelable": true,
|
|
368
|
-
"composed": true,
|
|
369
|
-
"docs": {
|
|
370
|
-
"tags": [],
|
|
371
|
-
"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."
|
|
372
|
-
},
|
|
373
|
-
"complexType": {
|
|
374
|
-
"original": "ReorderEndEventDetail",
|
|
375
|
-
"resolved": "ReorderEndEventDetail",
|
|
376
|
-
"references": {
|
|
377
|
-
"ReorderEndEventDetail": {
|
|
378
|
-
"location": "import",
|
|
379
|
-
"path": "./reorder-group-interface",
|
|
380
|
-
"id": "src/components/reorder-group/reorder-group-interface.ts::ReorderEndEventDetail"
|
|
381
|
-
}
|
|
382
|
-
}
|
|
383
|
-
}
|
|
384
312
|
}];
|
|
385
313
|
}
|
|
386
314
|
static get methods() {
|
|
@@ -402,7 +330,7 @@ export class ReorderGroup {
|
|
|
402
330
|
"return": "Promise<any>"
|
|
403
331
|
},
|
|
404
332
|
"docs": {
|
|
405
|
-
"text": "Completes the reorder operation. Must be called by the `
|
|
333
|
+
"text": "Completes the reorder operation. Must be called by the `ionItemReorder` 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.",
|
|
406
334
|
"tags": [{
|
|
407
335
|
"name": "param",
|
|
408
336
|
"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-13T15:57:46",
|
|
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 `ionItemReorder` 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,67 +27046,7 @@
|
|
|
27046
27046
|
},
|
|
27047
27047
|
"cancelable": true,
|
|
27048
27048
|
"composed": true,
|
|
27049
|
-
"docs": "Event that needs to be listened to in order to complete the reorder action.",
|
|
27050
|
-
"docsTags": [
|
|
27051
|
-
{
|
|
27052
|
-
"name": "deprecated",
|
|
27053
|
-
"text": "Use `ionReorderEnd` instead. If you are accessing\n`event.detail.from` or `event.detail.to` and relying on them\nbeing different you should now add checks as they are always emitted\nin `ionReorderEnd`, even when they are the same."
|
|
27054
|
-
}
|
|
27055
|
-
],
|
|
27056
|
-
"deprecation": "Use `ionReorderEnd` instead. If you are accessing\n`event.detail.from` or `event.detail.to` and relying on them\nbeing different you should now add checks as they are always emitted\nin `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.",
|
|
27049
|
+
"docs": "Event that needs to be listened to in order to complete the reorder action.\nOnce the event has been emitted, the `complete()` method then needs\nto be called in order to finalize the reorder action.",
|
|
27110
27050
|
"docsTags": []
|
|
27111
27051
|
}
|
|
27112
27052
|
],
|
|
@@ -37526,16 +37466,6 @@
|
|
|
37526
37466
|
"docstring": "",
|
|
37527
37467
|
"path": "src/components/reorder-group/reorder-group-interface.ts"
|
|
37528
37468
|
},
|
|
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
|
-
},
|
|
37539
37469
|
"src/components/route/route-interface.ts::NavigationHookCallback": {
|
|
37540
37470
|
"declaration": "() => NavigationHookResult | Promise<NavigationHookResult>",
|
|
37541
37471
|
"docstring": "",
|
|
@@ -44,9 +44,6 @@ 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);
|
|
50
47
|
this.lastToIndex = -1;
|
|
51
48
|
this.cachedHeights = [];
|
|
52
49
|
this.scrollElTop = 0;
|
|
@@ -92,7 +89,7 @@ const ReorderGroup = class {
|
|
|
92
89
|
}
|
|
93
90
|
}
|
|
94
91
|
/**
|
|
95
|
-
* Completes the reorder operation. Must be called by the `
|
|
92
|
+
* Completes the reorder operation. Must be called by the `ionItemReorder` event.
|
|
96
93
|
*
|
|
97
94
|
* If a list of items is passed, the list will be reordered and returned in the
|
|
98
95
|
* proper order.
|
|
@@ -159,7 +156,6 @@ const ReorderGroup = class {
|
|
|
159
156
|
this.state = 1 /* ReorderGroupState.Active */;
|
|
160
157
|
item.classList.add(ITEM_REORDER_SELECTED);
|
|
161
158
|
hapticSelectionStart();
|
|
162
|
-
this.ionReorderStart.emit();
|
|
163
159
|
}
|
|
164
160
|
onMove(ev) {
|
|
165
161
|
const selectedItem = this.selectedItemEl;
|
|
@@ -174,7 +170,6 @@ const ReorderGroup = class {
|
|
|
174
170
|
const currentY = Math.max(top, Math.min(ev.currentY, bottom));
|
|
175
171
|
const deltaY = scroll + currentY - ev.startY;
|
|
176
172
|
const normalizedY = currentY - top;
|
|
177
|
-
const fromIndex = this.lastToIndex;
|
|
178
173
|
const toIndex = this.itemIndexForTop(normalizedY);
|
|
179
174
|
if (toIndex !== this.lastToIndex) {
|
|
180
175
|
const fromIndex = indexForItem(selectedItem);
|
|
@@ -184,10 +179,6 @@ const ReorderGroup = class {
|
|
|
184
179
|
}
|
|
185
180
|
// Update selected item position
|
|
186
181
|
selectedItem.style.transform = `translateY(${deltaY}px)`;
|
|
187
|
-
this.ionReorderMove.emit({
|
|
188
|
-
from: fromIndex,
|
|
189
|
-
to: toIndex,
|
|
190
|
-
});
|
|
191
182
|
}
|
|
192
183
|
onEnd() {
|
|
193
184
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -202,7 +193,6 @@ const ReorderGroup = class {
|
|
|
202
193
|
this.completeReorder();
|
|
203
194
|
}
|
|
204
195
|
else {
|
|
205
|
-
// TODO(FW-6590): Remove this once the deprecated event is removed
|
|
206
196
|
this.ionItemReorder.emit({
|
|
207
197
|
from: fromIndex,
|
|
208
198
|
to: toIndex,
|
|
@@ -210,11 +200,6 @@ const ReorderGroup = class {
|
|
|
210
200
|
});
|
|
211
201
|
}
|
|
212
202
|
hapticSelectionEnd();
|
|
213
|
-
this.ionReorderEnd.emit({
|
|
214
|
-
from: fromIndex,
|
|
215
|
-
to: toIndex,
|
|
216
|
-
complete: this.completeReorder.bind(this),
|
|
217
|
-
});
|
|
218
203
|
}
|
|
219
204
|
completeReorder(listOrReorder) {
|
|
220
205
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -292,7 +277,7 @@ const ReorderGroup = class {
|
|
|
292
277
|
}
|
|
293
278
|
render() {
|
|
294
279
|
const mode = getIonMode(this);
|
|
295
|
-
return (h(Host, { key: '
|
|
280
|
+
return (h(Host, { key: 'f30613b361c5c3095b7928a92fb4b1e8d6eff600', class: {
|
|
296
281
|
[mode]: true,
|
|
297
282
|
'reorder-enabled': !this.disabled,
|
|
298
283
|
'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-32b71d47",[[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-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))));
|
|
@@ -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 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}
|
|
@@ -7,20 +7,3 @@ 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
|
|
2
|
+
import type { ItemReorderEventDetail } from './reorder-group-interface';
|
|
3
3
|
declare const enum ReorderGroupState {
|
|
4
4
|
Idle = 0,
|
|
5
5
|
Active = 1,
|
|
@@ -26,33 +26,14 @@ export declare class ReorderGroup implements ComponentInterface {
|
|
|
26
26
|
disabledChanged(): void;
|
|
27
27
|
/**
|
|
28
28
|
* Event that needs to be listened to in order to complete the reorder action.
|
|
29
|
-
* @deprecated Use `ionReorderEnd` instead. If you are accessing
|
|
30
|
-
* `event.detail.from` or `event.detail.to` and relying on them
|
|
31
|
-
* being different you should now add checks as they are always emitted
|
|
32
|
-
* 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.
|
|
48
29
|
* Once the event has been emitted, the `complete()` method then needs
|
|
49
30
|
* to be called in order to finalize the reorder action.
|
|
50
31
|
*/
|
|
51
|
-
|
|
32
|
+
ionItemReorder: EventEmitter<ItemReorderEventDetail>;
|
|
52
33
|
connectedCallback(): Promise<void>;
|
|
53
34
|
disconnectedCallback(): void;
|
|
54
35
|
/**
|
|
55
|
-
* Completes the reorder operation. Must be called by the `
|
|
36
|
+
* Completes the reorder operation. Must be called by the `ionItemReorder` event.
|
|
56
37
|
*
|
|
57
38
|
* If a list of items is passed, the list will be reordered and returned in the
|
|
58
39
|
* 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
|
|
33
|
+
import { ItemReorderEventDetail } 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
|
|
71
|
+
export { ItemReorderEventDetail } 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 `ionItemReorder` 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,9 +4755,6 @@ declare global {
|
|
|
4755
4755
|
};
|
|
4756
4756
|
interface HTMLIonReorderGroupElementEventMap {
|
|
4757
4757
|
"ionItemReorder": ItemReorderEventDetail;
|
|
4758
|
-
"ionReorderStart": void;
|
|
4759
|
-
"ionReorderMove": ReorderMoveEventDetail;
|
|
4760
|
-
"ionReorderEnd": ReorderEndEventDetail;
|
|
4761
4758
|
}
|
|
4762
4759
|
interface HTMLIonReorderGroupElement extends Components.IonReorderGroup, HTMLStencilElement {
|
|
4763
4760
|
addEventListener<K extends keyof HTMLIonReorderGroupElementEventMap>(type: K, listener: (this: HTMLIonReorderGroupElement, ev: IonReorderGroupCustomEvent<HTMLIonReorderGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
|
@@ -7917,22 +7914,9 @@ declare namespace LocalJSX {
|
|
|
7917
7914
|
*/
|
|
7918
7915
|
"disabled"?: boolean;
|
|
7919
7916
|
/**
|
|
7920
|
-
* Event that needs to be listened to in order to complete the reorder action.
|
|
7921
|
-
* @deprecated Use `ionReorderEnd` instead. If you are accessing `event.detail.from` or `event.detail.to` and relying on them being different you should now add checks as they are always emitted in `ionReorderEnd`, even when they are the same.
|
|
7917
|
+
* Event that needs to be listened to in order to complete the reorder action. Once the event has been emitted, the `complete()` method then needs to be called in order to finalize the reorder action.
|
|
7922
7918
|
*/
|
|
7923
7919
|
"onIonItemReorder"?: (event: IonReorderGroupCustomEvent<ItemReorderEventDetail>) => void;
|
|
7924
|
-
/**
|
|
7925
|
-
* 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.
|
|
7926
|
-
*/
|
|
7927
|
-
"onIonReorderEnd"?: (event: IonReorderGroupCustomEvent<ReorderEndEventDetail>) => void;
|
|
7928
|
-
/**
|
|
7929
|
-
* Event that is emitted as the reorder gesture moves.
|
|
7930
|
-
*/
|
|
7931
|
-
"onIonReorderMove"?: (event: IonReorderGroupCustomEvent<ReorderMoveEventDetail>) => void;
|
|
7932
|
-
/**
|
|
7933
|
-
* Event that is emitted when the reorder gesture starts.
|
|
7934
|
-
*/
|
|
7935
|
-
"onIonReorderStart"?: (event: IonReorderGroupCustomEvent<void>) => void;
|
|
7936
7920
|
}
|
|
7937
7921
|
interface IonRippleEffect {
|
|
7938
7922
|
/**
|
|
@@ -25,11 +25,7 @@ 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 {
|
|
29
|
-
ItemReorderCustomEvent,
|
|
30
|
-
ReorderEndCustomEvent,
|
|
31
|
-
ReorderMoveCustomEvent,
|
|
32
|
-
} from './components/reorder-group/reorder-group-interface';
|
|
28
|
+
export { ItemReorderCustomEvent } from './components/reorder-group/reorder-group-interface';
|
|
33
29
|
export { SearchbarCustomEvent } from './components/searchbar/searchbar-interface';
|
|
34
30
|
export { SegmentCustomEvent } from './components/segment/segment-interface';
|
|
35
31
|
export { SelectCustomEvent, SelectCompareFn } from './components/select/select-interface';
|
package/hydrate/index.js
CHANGED
|
@@ -29401,9 +29401,6 @@ 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);
|
|
29407
29404
|
this.lastToIndex = -1;
|
|
29408
29405
|
this.cachedHeights = [];
|
|
29409
29406
|
this.scrollElTop = 0;
|
|
@@ -29449,7 +29446,7 @@ class ReorderGroup {
|
|
|
29449
29446
|
}
|
|
29450
29447
|
}
|
|
29451
29448
|
/**
|
|
29452
|
-
* Completes the reorder operation. Must be called by the `
|
|
29449
|
+
* Completes the reorder operation. Must be called by the `ionItemReorder` event.
|
|
29453
29450
|
*
|
|
29454
29451
|
* If a list of items is passed, the list will be reordered and returned in the
|
|
29455
29452
|
* proper order.
|
|
@@ -29516,7 +29513,6 @@ class ReorderGroup {
|
|
|
29516
29513
|
this.state = 1 /* ReorderGroupState.Active */;
|
|
29517
29514
|
item.classList.add(ITEM_REORDER_SELECTED);
|
|
29518
29515
|
hapticSelectionStart();
|
|
29519
|
-
this.ionReorderStart.emit();
|
|
29520
29516
|
}
|
|
29521
29517
|
onMove(ev) {
|
|
29522
29518
|
const selectedItem = this.selectedItemEl;
|
|
@@ -29531,7 +29527,6 @@ class ReorderGroup {
|
|
|
29531
29527
|
const currentY = Math.max(top, Math.min(ev.currentY, bottom));
|
|
29532
29528
|
const deltaY = scroll + currentY - ev.startY;
|
|
29533
29529
|
const normalizedY = currentY - top;
|
|
29534
|
-
const fromIndex = this.lastToIndex;
|
|
29535
29530
|
const toIndex = this.itemIndexForTop(normalizedY);
|
|
29536
29531
|
if (toIndex !== this.lastToIndex) {
|
|
29537
29532
|
const fromIndex = indexForItem(selectedItem);
|
|
@@ -29541,10 +29536,6 @@ class ReorderGroup {
|
|
|
29541
29536
|
}
|
|
29542
29537
|
// Update selected item position
|
|
29543
29538
|
selectedItem.style.transform = `translateY(${deltaY}px)`;
|
|
29544
|
-
this.ionReorderMove.emit({
|
|
29545
|
-
from: fromIndex,
|
|
29546
|
-
to: toIndex,
|
|
29547
|
-
});
|
|
29548
29539
|
}
|
|
29549
29540
|
onEnd() {
|
|
29550
29541
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -29559,7 +29550,6 @@ class ReorderGroup {
|
|
|
29559
29550
|
this.completeReorder();
|
|
29560
29551
|
}
|
|
29561
29552
|
else {
|
|
29562
|
-
// TODO(FW-6590): Remove this once the deprecated event is removed
|
|
29563
29553
|
this.ionItemReorder.emit({
|
|
29564
29554
|
from: fromIndex,
|
|
29565
29555
|
to: toIndex,
|
|
@@ -29567,11 +29557,6 @@ class ReorderGroup {
|
|
|
29567
29557
|
});
|
|
29568
29558
|
}
|
|
29569
29559
|
hapticSelectionEnd();
|
|
29570
|
-
this.ionReorderEnd.emit({
|
|
29571
|
-
from: fromIndex,
|
|
29572
|
-
to: toIndex,
|
|
29573
|
-
complete: this.completeReorder.bind(this),
|
|
29574
|
-
});
|
|
29575
29560
|
}
|
|
29576
29561
|
completeReorder(listOrReorder) {
|
|
29577
29562
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -29649,7 +29634,7 @@ class ReorderGroup {
|
|
|
29649
29634
|
}
|
|
29650
29635
|
render() {
|
|
29651
29636
|
const mode = getIonMode$1(this);
|
|
29652
|
-
return (hAsync(Host, { key: '
|
|
29637
|
+
return (hAsync(Host, { key: 'f30613b361c5c3095b7928a92fb4b1e8d6eff600', class: {
|
|
29653
29638
|
[mode]: true,
|
|
29654
29639
|
'reorder-enabled': !this.disabled,
|
|
29655
29640
|
'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,
|
package/hydrate/index.mjs
CHANGED
|
@@ -29399,9 +29399,6 @@ 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);
|
|
29405
29402
|
this.lastToIndex = -1;
|
|
29406
29403
|
this.cachedHeights = [];
|
|
29407
29404
|
this.scrollElTop = 0;
|
|
@@ -29447,7 +29444,7 @@ class ReorderGroup {
|
|
|
29447
29444
|
}
|
|
29448
29445
|
}
|
|
29449
29446
|
/**
|
|
29450
|
-
* Completes the reorder operation. Must be called by the `
|
|
29447
|
+
* Completes the reorder operation. Must be called by the `ionItemReorder` event.
|
|
29451
29448
|
*
|
|
29452
29449
|
* If a list of items is passed, the list will be reordered and returned in the
|
|
29453
29450
|
* proper order.
|
|
@@ -29514,7 +29511,6 @@ class ReorderGroup {
|
|
|
29514
29511
|
this.state = 1 /* ReorderGroupState.Active */;
|
|
29515
29512
|
item.classList.add(ITEM_REORDER_SELECTED);
|
|
29516
29513
|
hapticSelectionStart();
|
|
29517
|
-
this.ionReorderStart.emit();
|
|
29518
29514
|
}
|
|
29519
29515
|
onMove(ev) {
|
|
29520
29516
|
const selectedItem = this.selectedItemEl;
|
|
@@ -29529,7 +29525,6 @@ class ReorderGroup {
|
|
|
29529
29525
|
const currentY = Math.max(top, Math.min(ev.currentY, bottom));
|
|
29530
29526
|
const deltaY = scroll + currentY - ev.startY;
|
|
29531
29527
|
const normalizedY = currentY - top;
|
|
29532
|
-
const fromIndex = this.lastToIndex;
|
|
29533
29528
|
const toIndex = this.itemIndexForTop(normalizedY);
|
|
29534
29529
|
if (toIndex !== this.lastToIndex) {
|
|
29535
29530
|
const fromIndex = indexForItem(selectedItem);
|
|
@@ -29539,10 +29534,6 @@ class ReorderGroup {
|
|
|
29539
29534
|
}
|
|
29540
29535
|
// Update selected item position
|
|
29541
29536
|
selectedItem.style.transform = `translateY(${deltaY}px)`;
|
|
29542
|
-
this.ionReorderMove.emit({
|
|
29543
|
-
from: fromIndex,
|
|
29544
|
-
to: toIndex,
|
|
29545
|
-
});
|
|
29546
29537
|
}
|
|
29547
29538
|
onEnd() {
|
|
29548
29539
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -29557,7 +29548,6 @@ class ReorderGroup {
|
|
|
29557
29548
|
this.completeReorder();
|
|
29558
29549
|
}
|
|
29559
29550
|
else {
|
|
29560
|
-
// TODO(FW-6590): Remove this once the deprecated event is removed
|
|
29561
29551
|
this.ionItemReorder.emit({
|
|
29562
29552
|
from: fromIndex,
|
|
29563
29553
|
to: toIndex,
|
|
@@ -29565,11 +29555,6 @@ class ReorderGroup {
|
|
|
29565
29555
|
});
|
|
29566
29556
|
}
|
|
29567
29557
|
hapticSelectionEnd();
|
|
29568
|
-
this.ionReorderEnd.emit({
|
|
29569
|
-
from: fromIndex,
|
|
29570
|
-
to: toIndex,
|
|
29571
|
-
complete: this.completeReorder.bind(this),
|
|
29572
|
-
});
|
|
29573
29558
|
}
|
|
29574
29559
|
completeReorder(listOrReorder) {
|
|
29575
29560
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -29647,7 +29632,7 @@ class ReorderGroup {
|
|
|
29647
29632
|
}
|
|
29648
29633
|
render() {
|
|
29649
29634
|
const mode = getIonMode$1(this);
|
|
29650
|
-
return (hAsync(Host, { key: '
|
|
29635
|
+
return (hAsync(Host, { key: 'f30613b361c5c3095b7928a92fb4b1e8d6eff600', class: {
|
|
29651
29636
|
[mode]: true,
|
|
29652
29637
|
'reorder-enabled': !this.disabled,
|
|
29653
29638
|
'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 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 p}from"./p-CKvCXMs9.js";import"./p-CIGNaXM1.js";import"./p-ZjP4CjeZ.js";const b=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)}};b.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)}),p(),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:"f45457bfd5d611d81767a246259abab468ee0714",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{b as ion_reorder,f as ion_reorder_group}
|