@ionic/core 8.6.2-dev.11749664155.1d651dfa → 8.6.2-dev.11749759855.198287b7
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 +17 -2
- package/dist/cjs/ion-reorder_2.cjs.entry.js +17 -2
- package/dist/collection/components/reorder-group/reorder-group.js +77 -5
- package/dist/docs.json +73 -3
- package/dist/esm/ion-reorder_2.entry.js +17 -2
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/p-32b71d47.entry.js +4 -0
- package/dist/types/components/reorder-group/reorder-group-interface.d.ts +17 -0
- package/dist/types/components/reorder-group/reorder-group.d.ts +22 -3
- package/dist/types/components.d.ts +20 -4
- package/dist/types/interface.d.ts +5 -1
- package/hydrate/index.js +17 -2
- package/hydrate/index.mjs +17 -2
- package/package.json +1 -1
- package/dist/ionic/p-2020aa51.entry.js +0 -4
|
@@ -14,6 +14,9 @@ const ReorderGroup = /*@__PURE__*/ proxyCustomElement(class ReorderGroup extends
|
|
|
14
14
|
super();
|
|
15
15
|
this.__registerHost();
|
|
16
16
|
this.ionItemReorder = createEvent(this, "ionItemReorder", 7);
|
|
17
|
+
this.ionReorderStart = createEvent(this, "ionReorderStart", 7);
|
|
18
|
+
this.ionReorderMove = createEvent(this, "ionReorderMove", 7);
|
|
19
|
+
this.ionReorderEnd = createEvent(this, "ionReorderEnd", 7);
|
|
17
20
|
this.lastToIndex = -1;
|
|
18
21
|
this.cachedHeights = [];
|
|
19
22
|
this.scrollElTop = 0;
|
|
@@ -59,7 +62,7 @@ const ReorderGroup = /*@__PURE__*/ proxyCustomElement(class ReorderGroup extends
|
|
|
59
62
|
}
|
|
60
63
|
}
|
|
61
64
|
/**
|
|
62
|
-
* Completes the reorder operation. Must be called by the `
|
|
65
|
+
* Completes the reorder operation. Must be called by the `ionReorderEnd` event.
|
|
63
66
|
*
|
|
64
67
|
* If a list of items is passed, the list will be reordered and returned in the
|
|
65
68
|
* proper order.
|
|
@@ -126,6 +129,7 @@ const ReorderGroup = /*@__PURE__*/ proxyCustomElement(class ReorderGroup extends
|
|
|
126
129
|
this.state = 1 /* ReorderGroupState.Active */;
|
|
127
130
|
item.classList.add(ITEM_REORDER_SELECTED);
|
|
128
131
|
hapticSelectionStart();
|
|
132
|
+
this.ionReorderStart.emit();
|
|
129
133
|
}
|
|
130
134
|
onMove(ev) {
|
|
131
135
|
const selectedItem = this.selectedItemEl;
|
|
@@ -140,6 +144,7 @@ const ReorderGroup = /*@__PURE__*/ proxyCustomElement(class ReorderGroup extends
|
|
|
140
144
|
const currentY = Math.max(top, Math.min(ev.currentY, bottom));
|
|
141
145
|
const deltaY = scroll + currentY - ev.startY;
|
|
142
146
|
const normalizedY = currentY - top;
|
|
147
|
+
const fromIndex = this.lastToIndex;
|
|
143
148
|
const toIndex = this.itemIndexForTop(normalizedY);
|
|
144
149
|
if (toIndex !== this.lastToIndex) {
|
|
145
150
|
const fromIndex = indexForItem(selectedItem);
|
|
@@ -149,6 +154,10 @@ const ReorderGroup = /*@__PURE__*/ proxyCustomElement(class ReorderGroup extends
|
|
|
149
154
|
}
|
|
150
155
|
// Update selected item position
|
|
151
156
|
selectedItem.style.transform = `translateY(${deltaY}px)`;
|
|
157
|
+
this.ionReorderMove.emit({
|
|
158
|
+
from: fromIndex,
|
|
159
|
+
to: toIndex,
|
|
160
|
+
});
|
|
152
161
|
}
|
|
153
162
|
onEnd() {
|
|
154
163
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -163,6 +172,7 @@ const ReorderGroup = /*@__PURE__*/ proxyCustomElement(class ReorderGroup extends
|
|
|
163
172
|
this.completeReorder();
|
|
164
173
|
}
|
|
165
174
|
else {
|
|
175
|
+
// TODO(FW-6590): Remove this once the deprecated event is removed
|
|
166
176
|
this.ionItemReorder.emit({
|
|
167
177
|
from: fromIndex,
|
|
168
178
|
to: toIndex,
|
|
@@ -170,6 +180,11 @@ const ReorderGroup = /*@__PURE__*/ proxyCustomElement(class ReorderGroup extends
|
|
|
170
180
|
});
|
|
171
181
|
}
|
|
172
182
|
hapticSelectionEnd();
|
|
183
|
+
this.ionReorderEnd.emit({
|
|
184
|
+
from: fromIndex,
|
|
185
|
+
to: toIndex,
|
|
186
|
+
complete: this.completeReorder.bind(this),
|
|
187
|
+
});
|
|
173
188
|
}
|
|
174
189
|
completeReorder(listOrReorder) {
|
|
175
190
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -247,7 +262,7 @@ const ReorderGroup = /*@__PURE__*/ proxyCustomElement(class ReorderGroup extends
|
|
|
247
262
|
}
|
|
248
263
|
render() {
|
|
249
264
|
const mode = getIonMode(this);
|
|
250
|
-
return (h(Host, { key: '
|
|
265
|
+
return (h(Host, { key: 'f45457bfd5d611d81767a246259abab468ee0714', class: {
|
|
251
266
|
[mode]: true,
|
|
252
267
|
'reorder-enabled': !this.disabled,
|
|
253
268
|
'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,
|
|
@@ -46,6 +46,9 @@ const ReorderGroup = class {
|
|
|
46
46
|
constructor(hostRef) {
|
|
47
47
|
index.registerInstance(this, hostRef);
|
|
48
48
|
this.ionItemReorder = index.createEvent(this, "ionItemReorder", 7);
|
|
49
|
+
this.ionReorderStart = index.createEvent(this, "ionReorderStart", 7);
|
|
50
|
+
this.ionReorderMove = index.createEvent(this, "ionReorderMove", 7);
|
|
51
|
+
this.ionReorderEnd = index.createEvent(this, "ionReorderEnd", 7);
|
|
49
52
|
this.lastToIndex = -1;
|
|
50
53
|
this.cachedHeights = [];
|
|
51
54
|
this.scrollElTop = 0;
|
|
@@ -91,7 +94,7 @@ const ReorderGroup = class {
|
|
|
91
94
|
}
|
|
92
95
|
}
|
|
93
96
|
/**
|
|
94
|
-
* Completes the reorder operation. Must be called by the `
|
|
97
|
+
* Completes the reorder operation. Must be called by the `ionReorderEnd` event.
|
|
95
98
|
*
|
|
96
99
|
* If a list of items is passed, the list will be reordered and returned in the
|
|
97
100
|
* proper order.
|
|
@@ -158,6 +161,7 @@ const ReorderGroup = class {
|
|
|
158
161
|
this.state = 1 /* ReorderGroupState.Active */;
|
|
159
162
|
item.classList.add(ITEM_REORDER_SELECTED);
|
|
160
163
|
haptic.hapticSelectionStart();
|
|
164
|
+
this.ionReorderStart.emit();
|
|
161
165
|
}
|
|
162
166
|
onMove(ev) {
|
|
163
167
|
const selectedItem = this.selectedItemEl;
|
|
@@ -172,6 +176,7 @@ const ReorderGroup = class {
|
|
|
172
176
|
const currentY = Math.max(top, Math.min(ev.currentY, bottom));
|
|
173
177
|
const deltaY = scroll + currentY - ev.startY;
|
|
174
178
|
const normalizedY = currentY - top;
|
|
179
|
+
const fromIndex = this.lastToIndex;
|
|
175
180
|
const toIndex = this.itemIndexForTop(normalizedY);
|
|
176
181
|
if (toIndex !== this.lastToIndex) {
|
|
177
182
|
const fromIndex = indexForItem(selectedItem);
|
|
@@ -181,6 +186,10 @@ const ReorderGroup = class {
|
|
|
181
186
|
}
|
|
182
187
|
// Update selected item position
|
|
183
188
|
selectedItem.style.transform = `translateY(${deltaY}px)`;
|
|
189
|
+
this.ionReorderMove.emit({
|
|
190
|
+
from: fromIndex,
|
|
191
|
+
to: toIndex,
|
|
192
|
+
});
|
|
184
193
|
}
|
|
185
194
|
onEnd() {
|
|
186
195
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -195,6 +204,7 @@ const ReorderGroup = class {
|
|
|
195
204
|
this.completeReorder();
|
|
196
205
|
}
|
|
197
206
|
else {
|
|
207
|
+
// TODO(FW-6590): Remove this once the deprecated event is removed
|
|
198
208
|
this.ionItemReorder.emit({
|
|
199
209
|
from: fromIndex,
|
|
200
210
|
to: toIndex,
|
|
@@ -202,6 +212,11 @@ const ReorderGroup = class {
|
|
|
202
212
|
});
|
|
203
213
|
}
|
|
204
214
|
haptic.hapticSelectionEnd();
|
|
215
|
+
this.ionReorderEnd.emit({
|
|
216
|
+
from: fromIndex,
|
|
217
|
+
to: toIndex,
|
|
218
|
+
complete: this.completeReorder.bind(this),
|
|
219
|
+
});
|
|
205
220
|
}
|
|
206
221
|
completeReorder(listOrReorder) {
|
|
207
222
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -279,7 +294,7 @@ const ReorderGroup = class {
|
|
|
279
294
|
}
|
|
280
295
|
render() {
|
|
281
296
|
const mode = index.getIonMode(this);
|
|
282
|
-
return (index.h(index.Host, { key: '
|
|
297
|
+
return (index.h(index.Host, { key: 'f45457bfd5d611d81767a246259abab468ee0714', class: {
|
|
283
298
|
[mode]: true,
|
|
284
299
|
'reorder-enabled': !this.disabled,
|
|
285
300
|
'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,
|
|
@@ -53,7 +53,7 @@ export class ReorderGroup {
|
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
55
|
/**
|
|
56
|
-
* Completes the reorder operation. Must be called by the `
|
|
56
|
+
* Completes the reorder operation. Must be called by the `ionReorderEnd` event.
|
|
57
57
|
*
|
|
58
58
|
* If a list of items is passed, the list will be reordered and returned in the
|
|
59
59
|
* proper order.
|
|
@@ -120,6 +120,7 @@ export class ReorderGroup {
|
|
|
120
120
|
this.state = 1 /* ReorderGroupState.Active */;
|
|
121
121
|
item.classList.add(ITEM_REORDER_SELECTED);
|
|
122
122
|
hapticSelectionStart();
|
|
123
|
+
this.ionReorderStart.emit();
|
|
123
124
|
}
|
|
124
125
|
onMove(ev) {
|
|
125
126
|
const selectedItem = this.selectedItemEl;
|
|
@@ -134,6 +135,7 @@ export class ReorderGroup {
|
|
|
134
135
|
const currentY = Math.max(top, Math.min(ev.currentY, bottom));
|
|
135
136
|
const deltaY = scroll + currentY - ev.startY;
|
|
136
137
|
const normalizedY = currentY - top;
|
|
138
|
+
const fromIndex = this.lastToIndex;
|
|
137
139
|
const toIndex = this.itemIndexForTop(normalizedY);
|
|
138
140
|
if (toIndex !== this.lastToIndex) {
|
|
139
141
|
const fromIndex = indexForItem(selectedItem);
|
|
@@ -143,6 +145,10 @@ export class ReorderGroup {
|
|
|
143
145
|
}
|
|
144
146
|
// Update selected item position
|
|
145
147
|
selectedItem.style.transform = `translateY(${deltaY}px)`;
|
|
148
|
+
this.ionReorderMove.emit({
|
|
149
|
+
from: fromIndex,
|
|
150
|
+
to: toIndex,
|
|
151
|
+
});
|
|
146
152
|
}
|
|
147
153
|
onEnd() {
|
|
148
154
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -157,6 +163,7 @@ export class ReorderGroup {
|
|
|
157
163
|
this.completeReorder();
|
|
158
164
|
}
|
|
159
165
|
else {
|
|
166
|
+
// TODO(FW-6590): Remove this once the deprecated event is removed
|
|
160
167
|
this.ionItemReorder.emit({
|
|
161
168
|
from: fromIndex,
|
|
162
169
|
to: toIndex,
|
|
@@ -164,6 +171,11 @@ export class ReorderGroup {
|
|
|
164
171
|
});
|
|
165
172
|
}
|
|
166
173
|
hapticSelectionEnd();
|
|
174
|
+
this.ionReorderEnd.emit({
|
|
175
|
+
from: fromIndex,
|
|
176
|
+
to: toIndex,
|
|
177
|
+
complete: this.completeReorder.bind(this),
|
|
178
|
+
});
|
|
167
179
|
}
|
|
168
180
|
completeReorder(listOrReorder) {
|
|
169
181
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -241,7 +253,7 @@ export class ReorderGroup {
|
|
|
241
253
|
}
|
|
242
254
|
render() {
|
|
243
255
|
const mode = getIonMode(this);
|
|
244
|
-
return (h(Host, { key: '
|
|
256
|
+
return (h(Host, { key: 'f45457bfd5d611d81767a246259abab468ee0714', class: {
|
|
245
257
|
[mode]: true,
|
|
246
258
|
'reorder-enabled': !this.disabled,
|
|
247
259
|
'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,
|
|
@@ -295,8 +307,11 @@ export class ReorderGroup {
|
|
|
295
307
|
"cancelable": true,
|
|
296
308
|
"composed": true,
|
|
297
309
|
"docs": {
|
|
298
|
-
"tags": [
|
|
299
|
-
|
|
310
|
+
"tags": [{
|
|
311
|
+
"name": "deprecated",
|
|
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."
|
|
300
315
|
},
|
|
301
316
|
"complexType": {
|
|
302
317
|
"original": "ItemReorderEventDetail",
|
|
@@ -309,6 +324,63 @@ export class ReorderGroup {
|
|
|
309
324
|
}
|
|
310
325
|
}
|
|
311
326
|
}
|
|
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
|
+
}
|
|
312
384
|
}];
|
|
313
385
|
}
|
|
314
386
|
static get methods() {
|
|
@@ -330,7 +402,7 @@ export class ReorderGroup {
|
|
|
330
402
|
"return": "Promise<any>"
|
|
331
403
|
},
|
|
332
404
|
"docs": {
|
|
333
|
-
"text": "Completes the reorder operation. Must be called by the `
|
|
405
|
+
"text": "Completes the reorder operation. Must be called by the `ionReorderEnd` event.\n\nIf a list of items is passed, the list will be reordered and returned in the\nproper order.\n\nIf no parameters are passed or if `true` is passed in, the reorder will complete\nand the item will remain in the position it was dragged to. If `false` is passed,\nthe reorder will complete and the item will bounce back to its original position.",
|
|
334
406
|
"tags": [{
|
|
335
407
|
"name": "param",
|
|
336
408
|
"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-12T20:25:57",
|
|
3
3
|
"compiler": {
|
|
4
4
|
"name": "@stencil/core",
|
|
5
5
|
"version": "4.33.1",
|
|
@@ -27019,7 +27019,7 @@
|
|
|
27019
27019
|
"docs": "A list of items to be sorted and returned in the new order or a\nboolean of whether or not the reorder should reposition the item."
|
|
27020
27020
|
}
|
|
27021
27021
|
],
|
|
27022
|
-
"docs": "Completes the reorder operation. Must be called by the `
|
|
27022
|
+
"docs": "Completes the reorder operation. Must be called by the `ionReorderEnd` event.\n\nIf a list of items is passed, the list will be reordered and returned in the\nproper order.\n\nIf no parameters are passed or if `true` is passed in, the reorder will complete\nand the item will remain in the position it was dragged to. If `false` is passed,\nthe reorder will complete and the item will bounce back to its original position.",
|
|
27023
27023
|
"docsTags": [
|
|
27024
27024
|
{
|
|
27025
27025
|
"name": "param",
|
|
@@ -27046,7 +27046,67 @@
|
|
|
27046
27046
|
},
|
|
27047
27047
|
"cancelable": true,
|
|
27048
27048
|
"composed": true,
|
|
27049
|
-
"docs": "Event that needs to be listened to in order to complete the reorder action
|
|
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.",
|
|
27050
27110
|
"docsTags": []
|
|
27051
27111
|
}
|
|
27052
27112
|
],
|
|
@@ -37466,6 +37526,16 @@
|
|
|
37466
37526
|
"docstring": "",
|
|
37467
37527
|
"path": "src/components/reorder-group/reorder-group-interface.ts"
|
|
37468
37528
|
},
|
|
37529
|
+
"src/components/reorder-group/reorder-group-interface.ts::ReorderMoveEventDetail": {
|
|
37530
|
+
"declaration": "export interface ReorderMoveEventDetail {\n from: number;\n to: number;\n}",
|
|
37531
|
+
"docstring": "",
|
|
37532
|
+
"path": "src/components/reorder-group/reorder-group-interface.ts"
|
|
37533
|
+
},
|
|
37534
|
+
"src/components/reorder-group/reorder-group-interface.ts::ReorderEndEventDetail": {
|
|
37535
|
+
"declaration": "export interface ReorderEndEventDetail {\n from: number;\n to: number;\n complete: (data?: boolean | any[]) => any;\n}",
|
|
37536
|
+
"docstring": "",
|
|
37537
|
+
"path": "src/components/reorder-group/reorder-group-interface.ts"
|
|
37538
|
+
},
|
|
37469
37539
|
"src/components/route/route-interface.ts::NavigationHookCallback": {
|
|
37470
37540
|
"declaration": "() => NavigationHookResult | Promise<NavigationHookResult>",
|
|
37471
37541
|
"docstring": "",
|
|
@@ -44,6 +44,9 @@ const ReorderGroup = class {
|
|
|
44
44
|
constructor(hostRef) {
|
|
45
45
|
registerInstance(this, hostRef);
|
|
46
46
|
this.ionItemReorder = createEvent(this, "ionItemReorder", 7);
|
|
47
|
+
this.ionReorderStart = createEvent(this, "ionReorderStart", 7);
|
|
48
|
+
this.ionReorderMove = createEvent(this, "ionReorderMove", 7);
|
|
49
|
+
this.ionReorderEnd = createEvent(this, "ionReorderEnd", 7);
|
|
47
50
|
this.lastToIndex = -1;
|
|
48
51
|
this.cachedHeights = [];
|
|
49
52
|
this.scrollElTop = 0;
|
|
@@ -89,7 +92,7 @@ const ReorderGroup = class {
|
|
|
89
92
|
}
|
|
90
93
|
}
|
|
91
94
|
/**
|
|
92
|
-
* Completes the reorder operation. Must be called by the `
|
|
95
|
+
* Completes the reorder operation. Must be called by the `ionReorderEnd` event.
|
|
93
96
|
*
|
|
94
97
|
* If a list of items is passed, the list will be reordered and returned in the
|
|
95
98
|
* proper order.
|
|
@@ -156,6 +159,7 @@ const ReorderGroup = class {
|
|
|
156
159
|
this.state = 1 /* ReorderGroupState.Active */;
|
|
157
160
|
item.classList.add(ITEM_REORDER_SELECTED);
|
|
158
161
|
hapticSelectionStart();
|
|
162
|
+
this.ionReorderStart.emit();
|
|
159
163
|
}
|
|
160
164
|
onMove(ev) {
|
|
161
165
|
const selectedItem = this.selectedItemEl;
|
|
@@ -170,6 +174,7 @@ const ReorderGroup = class {
|
|
|
170
174
|
const currentY = Math.max(top, Math.min(ev.currentY, bottom));
|
|
171
175
|
const deltaY = scroll + currentY - ev.startY;
|
|
172
176
|
const normalizedY = currentY - top;
|
|
177
|
+
const fromIndex = this.lastToIndex;
|
|
173
178
|
const toIndex = this.itemIndexForTop(normalizedY);
|
|
174
179
|
if (toIndex !== this.lastToIndex) {
|
|
175
180
|
const fromIndex = indexForItem(selectedItem);
|
|
@@ -179,6 +184,10 @@ const ReorderGroup = class {
|
|
|
179
184
|
}
|
|
180
185
|
// Update selected item position
|
|
181
186
|
selectedItem.style.transform = `translateY(${deltaY}px)`;
|
|
187
|
+
this.ionReorderMove.emit({
|
|
188
|
+
from: fromIndex,
|
|
189
|
+
to: toIndex,
|
|
190
|
+
});
|
|
182
191
|
}
|
|
183
192
|
onEnd() {
|
|
184
193
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -193,6 +202,7 @@ const ReorderGroup = class {
|
|
|
193
202
|
this.completeReorder();
|
|
194
203
|
}
|
|
195
204
|
else {
|
|
205
|
+
// TODO(FW-6590): Remove this once the deprecated event is removed
|
|
196
206
|
this.ionItemReorder.emit({
|
|
197
207
|
from: fromIndex,
|
|
198
208
|
to: toIndex,
|
|
@@ -200,6 +210,11 @@ const ReorderGroup = class {
|
|
|
200
210
|
});
|
|
201
211
|
}
|
|
202
212
|
hapticSelectionEnd();
|
|
213
|
+
this.ionReorderEnd.emit({
|
|
214
|
+
from: fromIndex,
|
|
215
|
+
to: toIndex,
|
|
216
|
+
complete: this.completeReorder.bind(this),
|
|
217
|
+
});
|
|
203
218
|
}
|
|
204
219
|
completeReorder(listOrReorder) {
|
|
205
220
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -277,7 +292,7 @@ const ReorderGroup = class {
|
|
|
277
292
|
}
|
|
278
293
|
render() {
|
|
279
294
|
const mode = getIonMode(this);
|
|
280
|
-
return (h(Host, { key: '
|
|
295
|
+
return (h(Host, { key: 'f45457bfd5d611d81767a246259abab468ee0714', class: {
|
|
281
296
|
[mode]: true,
|
|
282
297
|
'reorder-enabled': !this.disabled,
|
|
283
298
|
'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,
|
package/dist/ionic/ionic.esm.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import{p as e,H as t,g as o,b as n}from"./p-B_U9CtaY.js";export{s as setNonce}from"./p-B_U9CtaY.js";var a=e=>{const t=e.cloneNode;e.cloneNode=function(e){if("TEMPLATE"===this.nodeName)return t.call(this,e);const o=t.call(this,!1),n=this.childNodes;if(e)for(let e=0;e<n.length;e++)2!==n[e].nodeType&&o.appendChild(n[e].cloneNode(!0));return o}};(()=>{a(t.prototype);const o=import.meta.url,n={};return""!==o&&(n.resourcesUrl=new URL(".",o).href),e(n)})().then((async e=>(await o(),n(JSON.parse('[["p-6b666996",[[33,"ion-menu-button",{"color":[513],"disabled":[4],"menu":[1],"autoHide":[4,"auto-hide"],"type":[1],"visible":[32]},[[16,"ionMenuChange","visibilityChanged"],[16,"ionSplitPaneVisible","visibilityChanged"]]],[33,"ion-menu",{"contentId":[513,"content-id"],"menuId":[513,"menu-id"],"type":[1025],"disabled":[1028],"side":[513],"swipeGesture":[4,"swipe-gesture"],"maxEdgeStart":[2,"max-edge-start"],"isPaneVisible":[32],"isEndSide":[32],"isOpen":[64],"isActive":[64],"open":[64],"close":[64],"toggle":[64],"setOpen":[64]},[[16,"ionSplitPaneVisible","onSplitPaneChanged"],[2,"click","onBackdropClick"]],{"type":["typeChanged"],"disabled":["disabledChanged"],"side":["sideChanged"],"swipeGesture":["swipeGestureChanged"]}],[1,"ion-menu-toggle",{"menu":[1],"autoHide":[4,"auto-hide"],"visible":[32]},[[16,"ionMenuChange","visibilityChanged"],[16,"ionSplitPaneVisible","visibilityChanged"]]]]],["p-cf632ee2",[[33,"ion-input-password-toggle",{"color":[513],"showIcon":[1,"show-icon"],"hideIcon":[1,"hide-icon"],"type":[1025]},null,{"type":["onTypeChange"]}]]],["p-2cfd6b61",[[33,"ion-fab-button",{"color":[513],"activated":[4],"disabled":[4],"download":[1],"href":[1],"rel":[1],"routerDirection":[1,"router-direction"],"routerAnimation":[16,"router-animation"],"target":[1],"show":[4],"translucent":[4],"type":[1],"size":[1],"closeIcon":[1,"close-icon"]}],[1,"ion-fab",{"horizontal":[1],"vertical":[1],"edge":[4],"activated":[1028],"close":[64],"toggle":[64]},null,{"activated":["activatedChanged"]}],[1,"ion-fab-list",{"activated":[4],"side":[1]},null,{"activated":["activatedChanged"]}]]],["p-76b697a3",[[0,"ion-refresher-content",{"pullingIcon":[1025,"pulling-icon"],"pullingText":[1,"pulling-text"],"refreshingSpinner":[1025,"refreshing-spinner"],"refreshingText":[1,"refreshing-text"]}],[32,"ion-refresher",{"pullMin":[2,"pull-min"],"pullMax":[2,"pull-max"],"closeDuration":[1,"close-duration"],"snapbackDuration":[1,"snapback-duration"],"pullFactor":[2,"pull-factor"],"disabled":[4],"nativeRefresher":[32],"state":[32],"complete":[64],"cancel":[64],"getProgress":[64]},null,{"disabled":["disabledChanged"]}]]],["p-c884d7e3",[[33,"ion-back-button",{"color":[513],"defaultHref":[1025,"default-href"],"disabled":[516],"icon":[1],"text":[1],"type":[1],"routerAnimation":[16,"router-animation"]}]]],["p-cd12ed1c",[[33,"ion-toast",{"overlayIndex":[2,"overlay-index"],"delegate":[16],"hasController":[4,"has-controller"],"color":[513],"enterAnimation":[16,"enter-animation"],"leaveAnimation":[16,"leave-animation"],"cssClass":[1,"css-class"],"duration":[2],"header":[1],"layout":[1],"message":[1],"keyboardClose":[4,"keyboard-close"],"position":[1],"positionAnchor":[1,"position-anchor"],"buttons":[16],"translucent":[4],"animated":[4],"icon":[1],"htmlAttributes":[16,"html-attributes"],"swipeGesture":[1,"swipe-gesture"],"isOpen":[4,"is-open"],"trigger":[1],"revealContentToScreenReader":[32],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64]},null,{"swipeGesture":["swipeGestureChanged"],"isOpen":["onIsOpenChange"],"trigger":["triggerChanged"]}]]],["p-97667b9c",[[33,"ion-card",{"color":[513],"button":[4],"type":[1],"disabled":[4],"download":[1],"href":[1],"rel":[1],"routerDirection":[1,"router-direction"],"routerAnimation":[16,"router-animation"],"target":[1]}],[32,"ion-card-content"],[33,"ion-card-header",{"color":[513],"translucent":[4]}],[33,"ion-card-subtitle",{"color":[513]}],[33,"ion-card-title",{"color":[513]}]]],["p-a92bfa13",[[33,"ion-item-option",{"color":[513],"disabled":[4],"download":[1],"expandable":[4],"href":[1],"rel":[1],"target":[1],"type":[1]}],[32,"ion-item-options",{"side":[1],"fireSwipeEvent":[64]}],[0,"ion-item-sliding",{"disabled":[4],"state":[32],"getOpenAmount":[64],"getSlidingRatio":[64],"open":[64],"close":[64],"closeOpened":[64]},null,{"disabled":["disabledChanged"]}]]],["p-91bde659",[[49,"ion-accordion",{"value":[1],"disabled":[4],"readonly":[4],"toggleIcon":[1,"toggle-icon"],"toggleIconSlot":[1,"toggle-icon-slot"],"state":[32],"isNext":[32],"isPrevious":[32]},null,{"value":["valueChanged"]}],[33,"ion-accordion-group",{"animated":[4],"multiple":[4],"value":[1025],"disabled":[4],"readonly":[4],"expand":[1],"requestAccordionToggle":[64],"getAccordions":[64]},[[0,"keydown","onKeydown"]],{"value":["valueChanged"],"disabled":["disabledChanged"],"readonly":["readonlyChanged"]}]]],["p-d8ed5df0",[[32,"ion-infinite-scroll-content",{"loadingSpinner":[1025,"loading-spinner"],"loadingText":[1,"loading-text"]}],[0,"ion-infinite-scroll",{"threshold":[1],"disabled":[4],"position":[1],"isLoading":[32],"complete":[64]},null,{"threshold":["thresholdChanged"],"disabled":["disabledChanged"]}]]],["p-2020aa51",[[33,"ion-reorder",null,[[2,"click","onClick"]]],[0,"ion-reorder-group",{"disabled":[4],"state":[32],"complete":[64]},null,{"disabled":["disabledChanged"]}]]],["p-f83db8cd",[[33,"ion-segment-button",{"contentId":[513,"content-id"],"disabled":[1028],"layout":[1],"type":[1],"value":[8],"checked":[32],"setFocus":[64]},null,{"value":["valueChanged"]}],[33,"ion-segment",{"color":[513],"disabled":[4],"scrollable":[4],"swipeGesture":[4,"swipe-gesture"],"value":[1032],"selectOnFocus":[4,"select-on-focus"],"activated":[32]},[[16,"ionSegmentViewScroll","handleSegmentViewScroll"],[0,"keydown","onKeyDown"]],{"color":["colorChanged"],"swipeGesture":["swipeGestureChanged"],"value":["valueChanged"],"disabled":["disabledChanged"]}]]],["p-18f1813b",[[33,"ion-chip",{"color":[513],"outline":[4],"disabled":[4]}]]],["p-56712fd4",[[38,"ion-input",{"color":[513],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"clearInput":[4,"clear-input"],"clearInputIcon":[1,"clear-input-icon"],"clearOnEdit":[4,"clear-on-edit"],"counter":[4],"counterFormatter":[16,"counter-formatter"],"debounce":[2],"disabled":[516],"enterkeyhint":[1],"errorText":[1,"error-text"],"fill":[1],"inputmode":[1],"helperText":[1,"helper-text"],"label":[1],"labelPlacement":[1,"label-placement"],"max":[8],"maxlength":[2],"min":[8],"minlength":[2],"multiple":[4],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[516],"required":[4],"shape":[1],"spellcheck":[4],"step":[1],"type":[1],"value":[1032],"hasFocus":[32],"setFocus":[64],"getInputElement":[64]},[[2,"click","onClickCapture"]],{"debounce":["debounceChanged"],"type":["onTypeChange"],"value":["valueChanged"],"dir":["onDirChanged"]}]]],["p-7149db7e",[[34,"ion-searchbar",{"color":[513],"animated":[4],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"cancelButtonIcon":[1,"cancel-button-icon"],"cancelButtonText":[1,"cancel-button-text"],"clearIcon":[1,"clear-icon"],"debounce":[2],"disabled":[4],"inputmode":[1],"enterkeyhint":[1],"maxlength":[2],"minlength":[2],"name":[1],"placeholder":[1],"searchIcon":[1,"search-icon"],"showCancelButton":[1,"show-cancel-button"],"showClearButton":[1,"show-clear-button"],"spellcheck":[4],"type":[1],"value":[1025],"focused":[32],"noAnimate":[32],"setFocus":[64],"getInputElement":[64]},null,{"lang":["onLangChanged"],"dir":["onDirChanged"],"debounce":["debounceChanged"],"value":["valueChanged"],"showCancelButton":["showCancelButtonChanged"]}]]],["p-b9f79efc",[[33,"ion-toggle",{"color":[513],"name":[1],"checked":[1028],"disabled":[4],"errorText":[1,"error-text"],"helperText":[1,"helper-text"],"value":[1],"enableOnOffLabels":[4,"enable-on-off-labels"],"labelPlacement":[1,"label-placement"],"justify":[1],"alignment":[1],"required":[4],"activated":[32]},null,{"disabled":["disabledChanged"]}]]],["p-d47b85ea",[[1,"ion-nav",{"delegate":[16],"swipeGesture":[1028,"swipe-gesture"],"animated":[4],"animation":[16],"rootParams":[16,"root-params"],"root":[1],"push":[64],"insert":[64],"insertPages":[64],"pop":[64],"popTo":[64],"popToRoot":[64],"removeIndex":[64],"setRoot":[64],"setPages":[64],"setRouteId":[64],"getRouteId":[64],"getActive":[64],"getByIndex":[64],"canGoBack":[64],"getPrevious":[64],"getLength":[64]},null,{"swipeGesture":["swipeGestureChanged"],"root":["rootChanged"]}],[0,"ion-nav-link",{"component":[1],"componentProps":[16,"component-props"],"routerDirection":[1,"router-direction"],"routerAnimation":[16,"router-animation"]}]]],["p-73d7ad90",[[1,"ion-tab",{"active":[1028],"delegate":[16],"tab":[1],"component":[1],"setActive":[64]},null,{"active":["changeActive"]}],[1,"ion-tabs",{"useRouter":[1028,"use-router"],"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64],"setRouteId":[64],"getRouteId":[64]}]]],["p-c4912ca5",[[38,"ion-textarea",{"color":[513],"autocapitalize":[1],"autofocus":[4],"clearOnEdit":[4,"clear-on-edit"],"debounce":[2],"disabled":[4],"fill":[1],"inputmode":[1],"enterkeyhint":[1],"maxlength":[2],"minlength":[2],"name":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"cols":[514],"rows":[2],"wrap":[1],"autoGrow":[516,"auto-grow"],"value":[1025],"counter":[4],"counterFormatter":[16,"counter-formatter"],"errorText":[1,"error-text"],"helperText":[1,"helper-text"],"label":[1],"labelPlacement":[1,"label-placement"],"shape":[1],"hasFocus":[32],"setFocus":[64],"getInputElement":[64]},[[2,"click","onClickCapture"]],{"debounce":["debounceChanged"],"value":["valueChanged"],"dir":["onDirChanged"]}]]],["p-c0335397",[[33,"ion-backdrop",{"visible":[4],"tappable":[4],"stopPropagation":[4,"stop-propagation"]},[[2,"click","onMouseDown"]]]]],["p-bec79123",[[34,"ion-loading",{"overlayIndex":[2,"overlay-index"],"delegate":[16],"hasController":[4,"has-controller"],"keyboardClose":[4,"keyboard-close"],"enterAnimation":[16,"enter-animation"],"leaveAnimation":[16,"leave-animation"],"message":[1],"cssClass":[1,"css-class"],"duration":[2],"backdropDismiss":[4,"backdrop-dismiss"],"showBackdrop":[4,"show-backdrop"],"spinner":[1025],"translucent":[4],"animated":[4],"htmlAttributes":[16,"html-attributes"],"isOpen":[4,"is-open"],"trigger":[1],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64]},null,{"isOpen":["onIsOpenChange"],"trigger":["triggerChanged"]}]]],["p-a9f99c74",[[33,"ion-breadcrumb",{"collapsed":[4],"last":[4],"showCollapsedIndicator":[4,"show-collapsed-indicator"],"color":[1],"active":[4],"disabled":[4],"download":[1],"href":[1],"rel":[1],"separator":[4],"target":[1],"routerDirection":[1,"router-direction"],"routerAnimation":[16,"router-animation"]}],[33,"ion-breadcrumbs",{"color":[513],"maxItems":[2,"max-items"],"itemsBeforeCollapse":[2,"items-before-collapse"],"itemsAfterCollapse":[2,"items-after-collapse"],"collapsed":[32],"activeChanged":[32]},[[0,"collapsedClick","onCollapsedClick"]],{"maxItems":["maxItemsChanged"],"itemsBeforeCollapse":["maxItemsChanged"],"itemsAfterCollapse":["maxItemsChanged"]}]]],["p-1739f5f2",[[33,"ion-tab-button",{"disabled":[4],"download":[1],"href":[1],"rel":[1],"layout":[1025],"selected":[1028],"tab":[1],"target":[1]},[[8,"ionTabBarChanged","onTabBarChanged"]]],[33,"ion-tab-bar",{"color":[513],"selectedTab":[1,"selected-tab"],"translucent":[4],"keyboardVisible":[32]},null,{"selectedTab":["selectedTabChanged"]}]]],["p-4b7d1f35",[[33,"ion-datetime-button",{"color":[513],"disabled":[516],"datetime":[1],"datetimePresentation":[32],"dateText":[32],"timeText":[32],"datetimeActive":[32],"selectedButton":[32]}]]],["p-8957540a",[[0,"ion-route",{"url":[1],"component":[1],"componentProps":[16,"component-props"],"beforeLeave":[16,"before-leave"],"beforeEnter":[16,"before-enter"]},null,{"url":["onUpdate"],"component":["onUpdate"],"componentProps":["onComponentProps"]}],[0,"ion-route-redirect",{"from":[1],"to":[1]},null,{"from":["propDidChange"],"to":["propDidChange"]}],[0,"ion-router",{"root":[1],"useHash":[4,"use-hash"],"canTransition":[64],"push":[64],"back":[64],"printDebug":[64],"navChanged":[64]},[[8,"popstate","onPopState"],[4,"ionBackButton","onBackButton"]]],[1,"ion-router-link",{"color":[513],"href":[1],"rel":[1],"routerDirection":[1,"router-direction"],"routerAnimation":[16,"router-animation"],"target":[1]}]]],["p-0fc6fc38",[[33,"ion-avatar"],[33,"ion-badge",{"color":[513]}],[1,"ion-thumbnail"]]],["p-a9ac80bd",[[1,"ion-col",{"offset":[1],"offsetXs":[1,"offset-xs"],"offsetSm":[1,"offset-sm"],"offsetMd":[1,"offset-md"],"offsetLg":[1,"offset-lg"],"offsetXl":[1,"offset-xl"],"pull":[1],"pullXs":[1,"pull-xs"],"pullSm":[1,"pull-sm"],"pullMd":[1,"pull-md"],"pullLg":[1,"pull-lg"],"pullXl":[1,"pull-xl"],"push":[1],"pushXs":[1,"push-xs"],"pushSm":[1,"push-sm"],"pushMd":[1,"push-md"],"pushLg":[1,"push-lg"],"pushXl":[1,"push-xl"],"size":[1],"sizeXs":[1,"size-xs"],"sizeSm":[1,"size-sm"],"sizeMd":[1,"size-md"],"sizeLg":[1,"size-lg"],"sizeXl":[1,"size-xl"]},[[9,"resize","onResize"]]],[1,"ion-grid",{"fixed":[4]}],[1,"ion-row"]]],["p-fbc5481b",[[1,"ion-img",{"alt":[1],"src":[1],"loadSrc":[32],"loadError":[32]},null,{"src":["srcChanged"]}]]],["p-e30ff968",[[38,"ion-input-otp",{"autocapitalize":[1],"color":[513],"disabled":[516],"fill":[1],"inputmode":[1],"length":[2],"pattern":[1],"readonly":[516],"separators":[1],"shape":[1],"size":[1],"type":[1],"value":[1032],"inputValues":[32],"hasFocus":[32],"setFocus":[64]},null,{"value":["valueChanged"],"separators":["processSeparators"],"length":["processSeparators"]}]]],["p-a6282370",[[33,"ion-progress-bar",{"type":[1],"reversed":[4],"value":[2],"buffer":[2],"color":[513]}]]],["p-473877b6",[[33,"ion-range",{"color":[513],"debounce":[2],"name":[1],"label":[1],"dualKnobs":[4,"dual-knobs"],"min":[2],"max":[2],"pin":[4],"pinFormatter":[16,"pin-formatter"],"snaps":[4],"step":[2],"ticks":[4],"activeBarStart":[1026,"active-bar-start"],"disabled":[4],"value":[1026],"labelPlacement":[1,"label-placement"],"ratioA":[32],"ratioB":[32],"pressedKnob":[32]},null,{"debounce":["debounceChanged"],"min":["minChanged"],"max":["maxChanged"],"step":["stepChanged"],"activeBarStart":["activeBarStartChanged"],"disabled":["disabledChanged"],"value":["valueChanged"]}]]],["p-15da9760",[[1,"ion-segment-content"]]],["p-8a8ef46b",[[33,"ion-segment-view",{"disabled":[4],"isManualScroll":[32],"setContent":[64]},[[1,"scroll","handleScroll"],[1,"touchstart","handleScrollStart"],[1,"touchend","handleTouchEnd"]]]]],["p-4d61f20b",[[33,"ion-split-pane",{"contentId":[513,"content-id"],"disabled":[4],"when":[8],"visible":[32],"isVisible":[64]},null,{"visible":["visibleChanged"],"disabled":["updateState"],"when":["updateState"]}]]],["p-fcc7437b",[[1,"ion-text",{"color":[513]}]]],["p-bc01c127",[[34,"ion-select-modal",{"header":[1],"multiple":[4],"options":[16]}]]],["p-96389029",[[33,"ion-datetime",{"color":[1],"name":[1],"disabled":[4],"formatOptions":[16,"format-options"],"readonly":[4],"isDateEnabled":[16,"is-date-enabled"],"showAdjacentDays":[4,"show-adjacent-days"],"min":[1025],"max":[1025],"presentation":[1],"cancelText":[1,"cancel-text"],"doneText":[1,"done-text"],"clearText":[1,"clear-text"],"yearValues":[8,"year-values"],"monthValues":[8,"month-values"],"dayValues":[8,"day-values"],"hourValues":[8,"hour-values"],"minuteValues":[8,"minute-values"],"locale":[1],"firstDayOfWeek":[2,"first-day-of-week"],"titleSelectedDatesFormatter":[16,"title-selected-dates-formatter"],"multiple":[4],"highlightedDates":[16,"highlighted-dates"],"value":[1025],"showDefaultTitle":[4,"show-default-title"],"showDefaultButtons":[4,"show-default-buttons"],"showClearButton":[4,"show-clear-button"],"showDefaultTimeLabel":[4,"show-default-time-label"],"hourCycle":[1,"hour-cycle"],"size":[1],"preferWheel":[4,"prefer-wheel"],"showMonthAndYear":[32],"activeParts":[32],"workingParts":[32],"isTimePopoverOpen":[32],"forceRenderDate":[32],"confirm":[64],"reset":[64],"cancel":[64]},null,{"formatOptions":["formatOptionsChanged"],"disabled":["disabledChanged"],"min":["minChanged"],"max":["maxChanged"],"presentation":["presentationChanged"],"yearValues":["yearValuesChanged"],"monthValues":["monthValuesChanged"],"dayValues":["dayValuesChanged"],"hourValues":["hourValuesChanged"],"minuteValues":["minuteValuesChanged"],"value":["valueChanged"]}],[34,"ion-picker-legacy",{"overlayIndex":[2,"overlay-index"],"delegate":[16],"hasController":[4,"has-controller"],"keyboardClose":[4,"keyboard-close"],"enterAnimation":[16,"enter-animation"],"leaveAnimation":[16,"leave-animation"],"buttons":[16],"columns":[16],"cssClass":[1,"css-class"],"duration":[2],"showBackdrop":[4,"show-backdrop"],"backdropDismiss":[4,"backdrop-dismiss"],"animated":[4],"htmlAttributes":[16,"html-attributes"],"isOpen":[4,"is-open"],"trigger":[1],"presented":[32],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64],"getColumn":[64]},null,{"isOpen":["onIsOpenChange"],"trigger":["triggerChanged"]}],[32,"ion-picker-legacy-column",{"col":[16]},null,{"col":["colChanged"]}]]],["p-cb787a4b",[[34,"ion-action-sheet",{"overlayIndex":[2,"overlay-index"],"delegate":[16],"hasController":[4,"has-controller"],"keyboardClose":[4,"keyboard-close"],"enterAnimation":[16,"enter-animation"],"leaveAnimation":[16,"leave-animation"],"buttons":[16],"cssClass":[1,"css-class"],"backdropDismiss":[4,"backdrop-dismiss"],"header":[1],"subHeader":[1,"sub-header"],"translucent":[4],"animated":[4],"htmlAttributes":[16,"html-attributes"],"isOpen":[4,"is-open"],"trigger":[1],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64]},null,{"isOpen":["onIsOpenChange"],"trigger":["triggerChanged"]}]]],["p-3a4feac2",[[34,"ion-alert",{"overlayIndex":[2,"overlay-index"],"delegate":[16],"hasController":[4,"has-controller"],"keyboardClose":[4,"keyboard-close"],"enterAnimation":[16,"enter-animation"],"leaveAnimation":[16,"leave-animation"],"cssClass":[1,"css-class"],"header":[1],"subHeader":[1,"sub-header"],"message":[1],"buttons":[16],"inputs":[1040],"backdropDismiss":[4,"backdrop-dismiss"],"translucent":[4],"animated":[4],"htmlAttributes":[16,"html-attributes"],"isOpen":[4,"is-open"],"trigger":[1],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64]},[[4,"keydown","onKeydown"]],{"isOpen":["onIsOpenChange"],"trigger":["triggerChanged"],"buttons":["buttonsChanged"],"inputs":["inputsChanged"]}]]],["p-29759454",[[33,"ion-modal",{"hasController":[4,"has-controller"],"overlayIndex":[2,"overlay-index"],"delegate":[16],"keyboardClose":[4,"keyboard-close"],"enterAnimation":[16,"enter-animation"],"leaveAnimation":[16,"leave-animation"],"breakpoints":[16],"expandToScroll":[4,"expand-to-scroll"],"initialBreakpoint":[2,"initial-breakpoint"],"backdropBreakpoint":[2,"backdrop-breakpoint"],"handle":[4],"handleBehavior":[1,"handle-behavior"],"component":[1],"componentProps":[16,"component-props"],"cssClass":[1,"css-class"],"backdropDismiss":[4,"backdrop-dismiss"],"showBackdrop":[4,"show-backdrop"],"animated":[4],"presentingElement":[16,"presenting-element"],"htmlAttributes":[16,"html-attributes"],"isOpen":[4,"is-open"],"trigger":[1],"keepContentsMounted":[4,"keep-contents-mounted"],"focusTrap":[4,"focus-trap"],"canDismiss":[4,"can-dismiss"],"presented":[32],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64],"setCurrentBreakpoint":[64],"getCurrentBreakpoint":[64]},null,{"isOpen":["onIsOpenChange"],"trigger":["triggerChanged"]}]]],["p-9b46b31b",[[33,"ion-picker",{"exitInputMode":[64]},[[1,"touchstart","preventTouchStartPropagation"]]]]],["p-14ae45e4",[[1,"ion-picker-column",{"disabled":[4],"value":[1032],"color":[513],"numericInput":[4,"numeric-input"],"ariaLabel":[32],"isActive":[32],"scrollActiveItemIntoView":[64],"setValue":[64],"setFocus":[64]},null,{"aria-label":["ariaLabelChanged"],"value":["valueChange"]}]]],["p-2da6a16b",[[33,"ion-picker-column-option",{"disabled":[4],"value":[8],"color":[513],"ariaLabel":[32]},null,{"aria-label":["onAriaLabelChange"]}]]],["p-9e699d4a",[[33,"ion-popover",{"hasController":[4,"has-controller"],"delegate":[16],"overlayIndex":[2,"overlay-index"],"enterAnimation":[16,"enter-animation"],"leaveAnimation":[16,"leave-animation"],"component":[1],"componentProps":[16,"component-props"],"keyboardClose":[4,"keyboard-close"],"cssClass":[1,"css-class"],"backdropDismiss":[4,"backdrop-dismiss"],"event":[8],"showBackdrop":[4,"show-backdrop"],"translucent":[4],"animated":[4],"htmlAttributes":[16,"html-attributes"],"triggerAction":[1,"trigger-action"],"trigger":[1],"size":[1],"dismissOnSelect":[4,"dismiss-on-select"],"reference":[1],"side":[1],"alignment":[1025],"arrow":[4],"isOpen":[4,"is-open"],"keyboardEvents":[4,"keyboard-events"],"focusTrap":[4,"focus-trap"],"keepContentsMounted":[4,"keep-contents-mounted"],"presented":[32],"presentFromTrigger":[64],"present":[64],"dismiss":[64],"getParentPopover":[64],"onDidDismiss":[64],"onWillDismiss":[64]},null,{"trigger":["onTriggerChange"],"triggerAction":["onTriggerChange"],"isOpen":["onIsOpenChange"]}]]],["p-aa8956c2",[[33,"ion-checkbox",{"color":[513],"name":[1],"checked":[1028],"indeterminate":[1028],"disabled":[4],"errorText":[1,"error-text"],"helperText":[1,"helper-text"],"value":[8],"labelPlacement":[1,"label-placement"],"justify":[1],"alignment":[1],"required":[4],"setFocus":[64]}]]],["p-b37dbc31",[[33,"ion-item-divider",{"color":[513],"sticky":[4]}],[32,"ion-item-group"],[33,"ion-note",{"color":[513]}],[1,"ion-skeleton-text",{"animated":[4]}],[38,"ion-label",{"color":[513],"position":[1],"noAnimate":[32]},null,{"color":["colorChanged"],"position":["positionChanged"]}],[33,"ion-list-header",{"color":[513],"lines":[1]}],[33,"ion-item",{"color":[513],"button":[4],"detail":[4],"detailIcon":[1,"detail-icon"],"disabled":[516],"download":[1],"href":[1],"rel":[1],"lines":[1],"routerAnimation":[16,"router-animation"],"routerDirection":[1,"router-direction"],"target":[1],"type":[1],"multipleInputs":[32],"focusable":[32]},[[0,"ionColor","labelColorChanged"],[0,"ionStyle","itemStyle"]],{"button":["buttonChanged"]}],[32,"ion-list",{"lines":[1],"inset":[4],"closeSlidingItems":[64]}]]],["p-ead42a37",[[0,"ion-app",{"setFocus":[64]}],[36,"ion-footer",{"collapse":[1],"translucent":[4],"keyboardVisible":[32]}],[1,"ion-router-outlet",{"mode":[1025],"delegate":[16],"animated":[4],"animation":[16],"swipeHandler":[16,"swipe-handler"],"commit":[64],"setRouteId":[64],"getRouteId":[64]},null,{"swipeHandler":["swipeHandlerChanged"]}],[1,"ion-content",{"color":[513],"fullscreen":[4],"fixedSlotPlacement":[1,"fixed-slot-placement"],"forceOverscroll":[1028,"force-overscroll"],"scrollX":[4,"scroll-x"],"scrollY":[4,"scroll-y"],"scrollEvents":[4,"scroll-events"],"getScrollElement":[64],"getBackgroundElement":[64],"scrollToTop":[64],"scrollToBottom":[64],"scrollByPoint":[64],"scrollToPoint":[64]},[[9,"resize","onResize"]]],[36,"ion-header",{"collapse":[1],"translucent":[4]}],[33,"ion-title",{"color":[513],"size":[1]},null,{"size":["sizeChanged"]}],[33,"ion-toolbar",{"color":[513]},[[0,"ionStyle","childrenStyle"]]],[38,"ion-buttons",{"collapse":[4]}]]],["p-4ddc10ef",[[33,"ion-select",{"cancelText":[1,"cancel-text"],"color":[513],"compareWith":[1,"compare-with"],"disabled":[4],"fill":[1],"errorText":[1,"error-text"],"helperText":[1,"helper-text"],"interface":[1],"interfaceOptions":[8,"interface-options"],"justify":[1],"label":[1],"labelPlacement":[1,"label-placement"],"multiple":[4],"name":[1],"okText":[1,"ok-text"],"placeholder":[1],"selectedText":[1,"selected-text"],"toggleIcon":[1,"toggle-icon"],"expandedIcon":[1,"expanded-icon"],"shape":[1],"value":[1032],"required":[4],"isExpanded":[32],"hasFocus":[32],"open":[64]},null,{"disabled":["styleChanged"],"isExpanded":["styleChanged"],"placeholder":["styleChanged"],"value":["styleChanged"]}],[1,"ion-select-option",{"disabled":[4],"value":[8]}],[34,"ion-select-popover",{"header":[1],"subHeader":[1,"sub-header"],"message":[1],"multiple":[4],"options":[16]}]]],["p-8c674371",[[1,"ion-spinner",{"color":[513],"duration":[2],"name":[1],"paused":[4]}]]],["p-e1260ed5",[[33,"ion-radio",{"color":[513],"name":[1],"disabled":[4],"value":[8],"labelPlacement":[1,"label-placement"],"justify":[1],"alignment":[1],"checked":[32],"buttonTabindex":[32],"setFocus":[64],"setButtonTabindex":[64]},null,{"value":["valueChanged"]}],[36,"ion-radio-group",{"allowEmptySelection":[4,"allow-empty-selection"],"compareWith":[1,"compare-with"],"name":[1],"value":[1032],"helperText":[1,"helper-text"],"errorText":[1,"error-text"],"setFocus":[64]},[[4,"keydown","onKeydown"]],{"value":["valueChanged"]}]]],["p-8f2f76e0",[[1,"ion-ripple-effect",{"type":[1],"addRipple":[64]}]]],["p-2c6c6991",[[33,"ion-button",{"color":[513],"buttonType":[1025,"button-type"],"disabled":[516],"expand":[513],"fill":[1537],"routerDirection":[1,"router-direction"],"routerAnimation":[16,"router-animation"],"download":[1],"href":[1],"rel":[1],"shape":[513],"size":[513],"strong":[4],"target":[1],"type":[1],"form":[1],"isCircle":[32]},null,{"disabled":["disabledChanged"],"aria-checked":["onAriaChanged"],"aria-label":["onAriaChanged"]}],[1,"ion-icon",{"mode":[1025],"color":[1],"ios":[1],"md":[1],"flipRtl":[4,"flip-rtl"],"name":[513],"src":[1],"icon":[8],"size":[1],"lazy":[4],"sanitize":[4],"svgContent":[32],"isVisible":[32]},null,{"name":["loadIcon"],"src":["loadIcon"],"icon":["loadIcon"],"ios":["loadIcon"],"md":["loadIcon"]}]]]]'),e))));
|
|
4
|
+
import{p as e,H as t,g as o,b as n}from"./p-B_U9CtaY.js";export{s as setNonce}from"./p-B_U9CtaY.js";var a=e=>{const t=e.cloneNode;e.cloneNode=function(e){if("TEMPLATE"===this.nodeName)return t.call(this,e);const o=t.call(this,!1),n=this.childNodes;if(e)for(let e=0;e<n.length;e++)2!==n[e].nodeType&&o.appendChild(n[e].cloneNode(!0));return o}};(()=>{a(t.prototype);const o=import.meta.url,n={};return""!==o&&(n.resourcesUrl=new URL(".",o).href),e(n)})().then((async e=>(await o(),n(JSON.parse('[["p-6b666996",[[33,"ion-menu-button",{"color":[513],"disabled":[4],"menu":[1],"autoHide":[4,"auto-hide"],"type":[1],"visible":[32]},[[16,"ionMenuChange","visibilityChanged"],[16,"ionSplitPaneVisible","visibilityChanged"]]],[33,"ion-menu",{"contentId":[513,"content-id"],"menuId":[513,"menu-id"],"type":[1025],"disabled":[1028],"side":[513],"swipeGesture":[4,"swipe-gesture"],"maxEdgeStart":[2,"max-edge-start"],"isPaneVisible":[32],"isEndSide":[32],"isOpen":[64],"isActive":[64],"open":[64],"close":[64],"toggle":[64],"setOpen":[64]},[[16,"ionSplitPaneVisible","onSplitPaneChanged"],[2,"click","onBackdropClick"]],{"type":["typeChanged"],"disabled":["disabledChanged"],"side":["sideChanged"],"swipeGesture":["swipeGestureChanged"]}],[1,"ion-menu-toggle",{"menu":[1],"autoHide":[4,"auto-hide"],"visible":[32]},[[16,"ionMenuChange","visibilityChanged"],[16,"ionSplitPaneVisible","visibilityChanged"]]]]],["p-cf632ee2",[[33,"ion-input-password-toggle",{"color":[513],"showIcon":[1,"show-icon"],"hideIcon":[1,"hide-icon"],"type":[1025]},null,{"type":["onTypeChange"]}]]],["p-2cfd6b61",[[33,"ion-fab-button",{"color":[513],"activated":[4],"disabled":[4],"download":[1],"href":[1],"rel":[1],"routerDirection":[1,"router-direction"],"routerAnimation":[16,"router-animation"],"target":[1],"show":[4],"translucent":[4],"type":[1],"size":[1],"closeIcon":[1,"close-icon"]}],[1,"ion-fab",{"horizontal":[1],"vertical":[1],"edge":[4],"activated":[1028],"close":[64],"toggle":[64]},null,{"activated":["activatedChanged"]}],[1,"ion-fab-list",{"activated":[4],"side":[1]},null,{"activated":["activatedChanged"]}]]],["p-76b697a3",[[0,"ion-refresher-content",{"pullingIcon":[1025,"pulling-icon"],"pullingText":[1,"pulling-text"],"refreshingSpinner":[1025,"refreshing-spinner"],"refreshingText":[1,"refreshing-text"]}],[32,"ion-refresher",{"pullMin":[2,"pull-min"],"pullMax":[2,"pull-max"],"closeDuration":[1,"close-duration"],"snapbackDuration":[1,"snapback-duration"],"pullFactor":[2,"pull-factor"],"disabled":[4],"nativeRefresher":[32],"state":[32],"complete":[64],"cancel":[64],"getProgress":[64]},null,{"disabled":["disabledChanged"]}]]],["p-c884d7e3",[[33,"ion-back-button",{"color":[513],"defaultHref":[1025,"default-href"],"disabled":[516],"icon":[1],"text":[1],"type":[1],"routerAnimation":[16,"router-animation"]}]]],["p-cd12ed1c",[[33,"ion-toast",{"overlayIndex":[2,"overlay-index"],"delegate":[16],"hasController":[4,"has-controller"],"color":[513],"enterAnimation":[16,"enter-animation"],"leaveAnimation":[16,"leave-animation"],"cssClass":[1,"css-class"],"duration":[2],"header":[1],"layout":[1],"message":[1],"keyboardClose":[4,"keyboard-close"],"position":[1],"positionAnchor":[1,"position-anchor"],"buttons":[16],"translucent":[4],"animated":[4],"icon":[1],"htmlAttributes":[16,"html-attributes"],"swipeGesture":[1,"swipe-gesture"],"isOpen":[4,"is-open"],"trigger":[1],"revealContentToScreenReader":[32],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64]},null,{"swipeGesture":["swipeGestureChanged"],"isOpen":["onIsOpenChange"],"trigger":["triggerChanged"]}]]],["p-97667b9c",[[33,"ion-card",{"color":[513],"button":[4],"type":[1],"disabled":[4],"download":[1],"href":[1],"rel":[1],"routerDirection":[1,"router-direction"],"routerAnimation":[16,"router-animation"],"target":[1]}],[32,"ion-card-content"],[33,"ion-card-header",{"color":[513],"translucent":[4]}],[33,"ion-card-subtitle",{"color":[513]}],[33,"ion-card-title",{"color":[513]}]]],["p-a92bfa13",[[33,"ion-item-option",{"color":[513],"disabled":[4],"download":[1],"expandable":[4],"href":[1],"rel":[1],"target":[1],"type":[1]}],[32,"ion-item-options",{"side":[1],"fireSwipeEvent":[64]}],[0,"ion-item-sliding",{"disabled":[4],"state":[32],"getOpenAmount":[64],"getSlidingRatio":[64],"open":[64],"close":[64],"closeOpened":[64]},null,{"disabled":["disabledChanged"]}]]],["p-91bde659",[[49,"ion-accordion",{"value":[1],"disabled":[4],"readonly":[4],"toggleIcon":[1,"toggle-icon"],"toggleIconSlot":[1,"toggle-icon-slot"],"state":[32],"isNext":[32],"isPrevious":[32]},null,{"value":["valueChanged"]}],[33,"ion-accordion-group",{"animated":[4],"multiple":[4],"value":[1025],"disabled":[4],"readonly":[4],"expand":[1],"requestAccordionToggle":[64],"getAccordions":[64]},[[0,"keydown","onKeydown"]],{"value":["valueChanged"],"disabled":["disabledChanged"],"readonly":["readonlyChanged"]}]]],["p-d8ed5df0",[[32,"ion-infinite-scroll-content",{"loadingSpinner":[1025,"loading-spinner"],"loadingText":[1,"loading-text"]}],[0,"ion-infinite-scroll",{"threshold":[1],"disabled":[4],"position":[1],"isLoading":[32],"complete":[64]},null,{"threshold":["thresholdChanged"],"disabled":["disabledChanged"]}]]],["p-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))));
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
|
+
*/
|
|
4
|
+
import{r as t,e as s,h as e,j as i,k as r,d as o}from"./p-B_U9CtaY.js";import{j as n,k as h}from"./p-BLV6ykCk.js";import{f as a,g as c}from"./p-QwEXyOze.js";import{r as d}from"./p-Do-uqmtX.js";import{b as l,a as m,h as 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}
|
|
@@ -7,3 +7,20 @@ export interface ItemReorderCustomEvent extends CustomEvent {
|
|
|
7
7
|
detail: ItemReorderEventDetail;
|
|
8
8
|
target: HTMLIonReorderGroupElement;
|
|
9
9
|
}
|
|
10
|
+
export interface ReorderMoveEventDetail {
|
|
11
|
+
from: number;
|
|
12
|
+
to: number;
|
|
13
|
+
}
|
|
14
|
+
export interface ReorderEndEventDetail {
|
|
15
|
+
from: number;
|
|
16
|
+
to: number;
|
|
17
|
+
complete: (data?: boolean | any[]) => any;
|
|
18
|
+
}
|
|
19
|
+
export interface ReorderMoveCustomEvent extends CustomEvent {
|
|
20
|
+
detail: ReorderMoveEventDetail;
|
|
21
|
+
target: HTMLIonReorderGroupElement;
|
|
22
|
+
}
|
|
23
|
+
export interface ReorderEndCustomEvent extends CustomEvent {
|
|
24
|
+
detail: ReorderEndEventDetail;
|
|
25
|
+
target: HTMLIonReorderGroupElement;
|
|
26
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
|
|
2
|
-
import type { ItemReorderEventDetail } from './reorder-group-interface';
|
|
2
|
+
import type { ItemReorderEventDetail, ReorderMoveEventDetail, ReorderEndEventDetail } from './reorder-group-interface';
|
|
3
3
|
declare const enum ReorderGroupState {
|
|
4
4
|
Idle = 0,
|
|
5
5
|
Active = 1,
|
|
@@ -26,14 +26,33 @@ 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.
|
|
29
48
|
* Once the event has been emitted, the `complete()` method then needs
|
|
30
49
|
* to be called in order to finalize the reorder action.
|
|
31
50
|
*/
|
|
32
|
-
|
|
51
|
+
ionReorderEnd: EventEmitter<ReorderEndEventDetail>;
|
|
33
52
|
connectedCallback(): Promise<void>;
|
|
34
53
|
disconnectedCallback(): void;
|
|
35
54
|
/**
|
|
36
|
-
* Completes the reorder operation. Must be called by the `
|
|
55
|
+
* Completes the reorder operation. Must be called by the `ionReorderEnd` event.
|
|
37
56
|
*
|
|
38
57
|
* If a list of items is passed, the list will be reordered and returned in the
|
|
39
58
|
* proper order.
|
|
@@ -30,7 +30,7 @@ import { PopoverSize, PositionAlign, PositionReference, PositionSide, TriggerAct
|
|
|
30
30
|
import { RadioGroupChangeEventDetail, RadioGroupCompareFn } from "./components/radio-group/radio-group-interface";
|
|
31
31
|
import { PinFormatter, RangeChangeEventDetail, RangeKnobMoveEndEventDetail, RangeKnobMoveStartEventDetail, RangeValue } from "./components/range/range-interface";
|
|
32
32
|
import { RefresherEventDetail } from "./components/refresher/refresher-interface";
|
|
33
|
-
import { ItemReorderEventDetail } from "./components/reorder-group/reorder-group-interface";
|
|
33
|
+
import { ItemReorderEventDetail, ReorderEndEventDetail, ReorderMoveEventDetail } from "./components/reorder-group/reorder-group-interface";
|
|
34
34
|
import { NavigationHookCallback } from "./components/route/route-interface";
|
|
35
35
|
import { SearchbarChangeEventDetail, SearchbarInputEventDetail } from "./components/searchbar/searchbar-interface";
|
|
36
36
|
import { SegmentChangeEventDetail, SegmentValue } from "./components/segment/segment-interface";
|
|
@@ -68,7 +68,7 @@ export { PopoverSize, PositionAlign, PositionReference, PositionSide, TriggerAct
|
|
|
68
68
|
export { RadioGroupChangeEventDetail, RadioGroupCompareFn } from "./components/radio-group/radio-group-interface";
|
|
69
69
|
export { PinFormatter, RangeChangeEventDetail, RangeKnobMoveEndEventDetail, RangeKnobMoveStartEventDetail, RangeValue } from "./components/range/range-interface";
|
|
70
70
|
export { RefresherEventDetail } from "./components/refresher/refresher-interface";
|
|
71
|
-
export { ItemReorderEventDetail } from "./components/reorder-group/reorder-group-interface";
|
|
71
|
+
export { ItemReorderEventDetail, ReorderEndEventDetail, ReorderMoveEventDetail } from "./components/reorder-group/reorder-group-interface";
|
|
72
72
|
export { NavigationHookCallback } from "./components/route/route-interface";
|
|
73
73
|
export { SearchbarChangeEventDetail, SearchbarInputEventDetail } from "./components/searchbar/searchbar-interface";
|
|
74
74
|
export { SegmentChangeEventDetail, SegmentValue } from "./components/segment/segment-interface";
|
|
@@ -2770,7 +2770,7 @@ export namespace Components {
|
|
|
2770
2770
|
}
|
|
2771
2771
|
interface IonReorderGroup {
|
|
2772
2772
|
/**
|
|
2773
|
-
* Completes the reorder operation. Must be called by the `
|
|
2773
|
+
* Completes the reorder operation. Must be called by the `ionReorderEnd` event. If a list of items is passed, the list will be reordered and returned in the proper order. If no parameters are passed or if `true` is passed in, the reorder will complete and the item will remain in the position it was dragged to. If `false` is passed, the reorder will complete and the item will bounce back to its original position.
|
|
2774
2774
|
* @param listOrReorder A list of items to be sorted and returned in the new order or a boolean of whether or not the reorder should reposition the item.
|
|
2775
2775
|
*/
|
|
2776
2776
|
"complete": (listOrReorder?: boolean | any[]) => Promise<any>;
|
|
@@ -4755,6 +4755,9 @@ declare global {
|
|
|
4755
4755
|
};
|
|
4756
4756
|
interface HTMLIonReorderGroupElementEventMap {
|
|
4757
4757
|
"ionItemReorder": ItemReorderEventDetail;
|
|
4758
|
+
"ionReorderStart": void;
|
|
4759
|
+
"ionReorderMove": ReorderMoveEventDetail;
|
|
4760
|
+
"ionReorderEnd": ReorderEndEventDetail;
|
|
4758
4761
|
}
|
|
4759
4762
|
interface HTMLIonReorderGroupElement extends Components.IonReorderGroup, HTMLStencilElement {
|
|
4760
4763
|
addEventListener<K extends keyof HTMLIonReorderGroupElementEventMap>(type: K, listener: (this: HTMLIonReorderGroupElement, ev: IonReorderGroupCustomEvent<HTMLIonReorderGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
|
@@ -7914,9 +7917,22 @@ declare namespace LocalJSX {
|
|
|
7914
7917
|
*/
|
|
7915
7918
|
"disabled"?: boolean;
|
|
7916
7919
|
/**
|
|
7917
|
-
* Event that needs to be listened to in order to complete the reorder action.
|
|
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.
|
|
7918
7922
|
*/
|
|
7919
7923
|
"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;
|
|
7920
7936
|
}
|
|
7921
7937
|
interface IonRippleEffect {
|
|
7922
7938
|
/**
|
|
@@ -25,7 +25,11 @@ export { RadioGroupCustomEvent } from './components/radio-group/radio-group-inte
|
|
|
25
25
|
export { RangeCustomEvent, PinFormatter } from './components/range/range-interface';
|
|
26
26
|
export { HTMLStencilElement, RouterCustomEvent } from './components/router/utils/interface';
|
|
27
27
|
export { RefresherCustomEvent } from './components/refresher/refresher-interface';
|
|
28
|
-
export {
|
|
28
|
+
export {
|
|
29
|
+
ItemReorderCustomEvent,
|
|
30
|
+
ReorderEndCustomEvent,
|
|
31
|
+
ReorderMoveCustomEvent,
|
|
32
|
+
} from './components/reorder-group/reorder-group-interface';
|
|
29
33
|
export { SearchbarCustomEvent } from './components/searchbar/searchbar-interface';
|
|
30
34
|
export { SegmentCustomEvent } from './components/segment/segment-interface';
|
|
31
35
|
export { SelectCustomEvent, SelectCompareFn } from './components/select/select-interface';
|
package/hydrate/index.js
CHANGED
|
@@ -29401,6 +29401,9 @@ class ReorderGroup {
|
|
|
29401
29401
|
constructor(hostRef) {
|
|
29402
29402
|
registerInstance(this, hostRef);
|
|
29403
29403
|
this.ionItemReorder = createEvent(this, "ionItemReorder", 7);
|
|
29404
|
+
this.ionReorderStart = createEvent(this, "ionReorderStart", 7);
|
|
29405
|
+
this.ionReorderMove = createEvent(this, "ionReorderMove", 7);
|
|
29406
|
+
this.ionReorderEnd = createEvent(this, "ionReorderEnd", 7);
|
|
29404
29407
|
this.lastToIndex = -1;
|
|
29405
29408
|
this.cachedHeights = [];
|
|
29406
29409
|
this.scrollElTop = 0;
|
|
@@ -29446,7 +29449,7 @@ class ReorderGroup {
|
|
|
29446
29449
|
}
|
|
29447
29450
|
}
|
|
29448
29451
|
/**
|
|
29449
|
-
* Completes the reorder operation. Must be called by the `
|
|
29452
|
+
* Completes the reorder operation. Must be called by the `ionReorderEnd` event.
|
|
29450
29453
|
*
|
|
29451
29454
|
* If a list of items is passed, the list will be reordered and returned in the
|
|
29452
29455
|
* proper order.
|
|
@@ -29513,6 +29516,7 @@ class ReorderGroup {
|
|
|
29513
29516
|
this.state = 1 /* ReorderGroupState.Active */;
|
|
29514
29517
|
item.classList.add(ITEM_REORDER_SELECTED);
|
|
29515
29518
|
hapticSelectionStart();
|
|
29519
|
+
this.ionReorderStart.emit();
|
|
29516
29520
|
}
|
|
29517
29521
|
onMove(ev) {
|
|
29518
29522
|
const selectedItem = this.selectedItemEl;
|
|
@@ -29527,6 +29531,7 @@ class ReorderGroup {
|
|
|
29527
29531
|
const currentY = Math.max(top, Math.min(ev.currentY, bottom));
|
|
29528
29532
|
const deltaY = scroll + currentY - ev.startY;
|
|
29529
29533
|
const normalizedY = currentY - top;
|
|
29534
|
+
const fromIndex = this.lastToIndex;
|
|
29530
29535
|
const toIndex = this.itemIndexForTop(normalizedY);
|
|
29531
29536
|
if (toIndex !== this.lastToIndex) {
|
|
29532
29537
|
const fromIndex = indexForItem(selectedItem);
|
|
@@ -29536,6 +29541,10 @@ class ReorderGroup {
|
|
|
29536
29541
|
}
|
|
29537
29542
|
// Update selected item position
|
|
29538
29543
|
selectedItem.style.transform = `translateY(${deltaY}px)`;
|
|
29544
|
+
this.ionReorderMove.emit({
|
|
29545
|
+
from: fromIndex,
|
|
29546
|
+
to: toIndex,
|
|
29547
|
+
});
|
|
29539
29548
|
}
|
|
29540
29549
|
onEnd() {
|
|
29541
29550
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -29550,6 +29559,7 @@ class ReorderGroup {
|
|
|
29550
29559
|
this.completeReorder();
|
|
29551
29560
|
}
|
|
29552
29561
|
else {
|
|
29562
|
+
// TODO(FW-6590): Remove this once the deprecated event is removed
|
|
29553
29563
|
this.ionItemReorder.emit({
|
|
29554
29564
|
from: fromIndex,
|
|
29555
29565
|
to: toIndex,
|
|
@@ -29557,6 +29567,11 @@ class ReorderGroup {
|
|
|
29557
29567
|
});
|
|
29558
29568
|
}
|
|
29559
29569
|
hapticSelectionEnd();
|
|
29570
|
+
this.ionReorderEnd.emit({
|
|
29571
|
+
from: fromIndex,
|
|
29572
|
+
to: toIndex,
|
|
29573
|
+
complete: this.completeReorder.bind(this),
|
|
29574
|
+
});
|
|
29560
29575
|
}
|
|
29561
29576
|
completeReorder(listOrReorder) {
|
|
29562
29577
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -29634,7 +29649,7 @@ class ReorderGroup {
|
|
|
29634
29649
|
}
|
|
29635
29650
|
render() {
|
|
29636
29651
|
const mode = getIonMode$1(this);
|
|
29637
|
-
return (hAsync(Host, { key: '
|
|
29652
|
+
return (hAsync(Host, { key: 'f45457bfd5d611d81767a246259abab468ee0714', class: {
|
|
29638
29653
|
[mode]: true,
|
|
29639
29654
|
'reorder-enabled': !this.disabled,
|
|
29640
29655
|
'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,
|
package/hydrate/index.mjs
CHANGED
|
@@ -29399,6 +29399,9 @@ class ReorderGroup {
|
|
|
29399
29399
|
constructor(hostRef) {
|
|
29400
29400
|
registerInstance(this, hostRef);
|
|
29401
29401
|
this.ionItemReorder = createEvent(this, "ionItemReorder", 7);
|
|
29402
|
+
this.ionReorderStart = createEvent(this, "ionReorderStart", 7);
|
|
29403
|
+
this.ionReorderMove = createEvent(this, "ionReorderMove", 7);
|
|
29404
|
+
this.ionReorderEnd = createEvent(this, "ionReorderEnd", 7);
|
|
29402
29405
|
this.lastToIndex = -1;
|
|
29403
29406
|
this.cachedHeights = [];
|
|
29404
29407
|
this.scrollElTop = 0;
|
|
@@ -29444,7 +29447,7 @@ class ReorderGroup {
|
|
|
29444
29447
|
}
|
|
29445
29448
|
}
|
|
29446
29449
|
/**
|
|
29447
|
-
* Completes the reorder operation. Must be called by the `
|
|
29450
|
+
* Completes the reorder operation. Must be called by the `ionReorderEnd` event.
|
|
29448
29451
|
*
|
|
29449
29452
|
* If a list of items is passed, the list will be reordered and returned in the
|
|
29450
29453
|
* proper order.
|
|
@@ -29511,6 +29514,7 @@ class ReorderGroup {
|
|
|
29511
29514
|
this.state = 1 /* ReorderGroupState.Active */;
|
|
29512
29515
|
item.classList.add(ITEM_REORDER_SELECTED);
|
|
29513
29516
|
hapticSelectionStart();
|
|
29517
|
+
this.ionReorderStart.emit();
|
|
29514
29518
|
}
|
|
29515
29519
|
onMove(ev) {
|
|
29516
29520
|
const selectedItem = this.selectedItemEl;
|
|
@@ -29525,6 +29529,7 @@ class ReorderGroup {
|
|
|
29525
29529
|
const currentY = Math.max(top, Math.min(ev.currentY, bottom));
|
|
29526
29530
|
const deltaY = scroll + currentY - ev.startY;
|
|
29527
29531
|
const normalizedY = currentY - top;
|
|
29532
|
+
const fromIndex = this.lastToIndex;
|
|
29528
29533
|
const toIndex = this.itemIndexForTop(normalizedY);
|
|
29529
29534
|
if (toIndex !== this.lastToIndex) {
|
|
29530
29535
|
const fromIndex = indexForItem(selectedItem);
|
|
@@ -29534,6 +29539,10 @@ class ReorderGroup {
|
|
|
29534
29539
|
}
|
|
29535
29540
|
// Update selected item position
|
|
29536
29541
|
selectedItem.style.transform = `translateY(${deltaY}px)`;
|
|
29542
|
+
this.ionReorderMove.emit({
|
|
29543
|
+
from: fromIndex,
|
|
29544
|
+
to: toIndex,
|
|
29545
|
+
});
|
|
29537
29546
|
}
|
|
29538
29547
|
onEnd() {
|
|
29539
29548
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -29548,6 +29557,7 @@ class ReorderGroup {
|
|
|
29548
29557
|
this.completeReorder();
|
|
29549
29558
|
}
|
|
29550
29559
|
else {
|
|
29560
|
+
// TODO(FW-6590): Remove this once the deprecated event is removed
|
|
29551
29561
|
this.ionItemReorder.emit({
|
|
29552
29562
|
from: fromIndex,
|
|
29553
29563
|
to: toIndex,
|
|
@@ -29555,6 +29565,11 @@ class ReorderGroup {
|
|
|
29555
29565
|
});
|
|
29556
29566
|
}
|
|
29557
29567
|
hapticSelectionEnd();
|
|
29568
|
+
this.ionReorderEnd.emit({
|
|
29569
|
+
from: fromIndex,
|
|
29570
|
+
to: toIndex,
|
|
29571
|
+
complete: this.completeReorder.bind(this),
|
|
29572
|
+
});
|
|
29558
29573
|
}
|
|
29559
29574
|
completeReorder(listOrReorder) {
|
|
29560
29575
|
const selectedItemEl = this.selectedItemEl;
|
|
@@ -29632,7 +29647,7 @@ class ReorderGroup {
|
|
|
29632
29647
|
}
|
|
29633
29648
|
render() {
|
|
29634
29649
|
const mode = getIonMode$1(this);
|
|
29635
|
-
return (hAsync(Host, { key: '
|
|
29650
|
+
return (hAsync(Host, { key: 'f45457bfd5d611d81767a246259abab468ee0714', class: {
|
|
29636
29651
|
[mode]: true,
|
|
29637
29652
|
'reorder-enabled': !this.disabled,
|
|
29638
29653
|
'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,
|
package/package.json
CHANGED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
|
-
*/
|
|
4
|
-
import{r as t,e as s,h as e,j as r,k as i,d as o}from"./p-B_U9CtaY.js";import{j as n,k as a}from"./p-BLV6ykCk.js";import{f as h,g as c}from"./p-QwEXyOze.js";import{r as d}from"./p-Do-uqmtX.js";import{b as l,a as b,h as m}from"./p-CKvCXMs9.js";import"./p-CIGNaXM1.js";import"./p-ZjP4CjeZ.js";const p=class{constructor(s){t(this,s)}onClick(t){const s=this.el.closest("ion-reorder-group");t.preventDefault(),s&&s.disabled||t.stopImmediatePropagation()}render(){const t=s(this);return e(r,{key:"e6807bb349725682e99e791ac65e729a360d64e8",class:t},e("slot",{key:"1c691cdbffa6427ba08dc12184c69559ed5d5506"},e("ion-icon",{key:"8b4150302cdca475379582b2251737b5e74079b1",icon:"ios"===t?n:a,lazy:!1,class:"reorder-icon",part:"icon","aria-hidden":"true"})))}get el(){return i(this)}};p.style={ios:":host([slot]){display:none;line-height:0;z-index:100}.reorder-icon{display:block}::slotted(ion-icon){font-size:dynamic-font(16px)}.reorder-icon{font-size:2.125rem;opacity:0.4}",md:":host([slot]){display:none;line-height:0;z-index:100}.reorder-icon{display:block}::slotted(ion-icon){font-size:dynamic-font(16px)}.reorder-icon{font-size:1.9375rem;opacity:0.3}"};const f=class{constructor(s){t(this,s),this.ionItemReorder=o(this,"ionItemReorder",7),this.lastToIndex=-1,this.cachedHeights=[],this.scrollElTop=0,this.scrollElBottom=0,this.scrollElInitial=0,this.containerTop=0,this.containerBottom=0,this.state=0,this.disabled=!0}disabledChanged(){this.gesture&&this.gesture.enable(!this.disabled)}async connectedCallback(){const t=h(this.el);t&&(this.scrollEl=await c(t)),this.gesture=(await import("./p-Cl0B-RWe.js")).createGesture({el:this.el,gestureName:"reorder",gesturePriority:110,threshold:0,direction:"y",passive:!1,canStart:t=>this.canStart(t),onStart:t=>this.onStart(t),onMove:t=>this.onMove(t),onEnd:()=>this.onEnd()}),this.disabledChanged()}disconnectedCallback(){this.onEnd(),this.gesture&&(this.gesture.destroy(),this.gesture=void 0)}complete(t){return Promise.resolve(this.completeReorder(t))}canStart(t){if(this.selectedItemEl||0!==this.state)return!1;const s=t.event.target.closest("ion-reorder");if(!s)return!1;const e=k(s,this.el);return!!e&&(t.data=e,!0)}onStart(t){t.event.preventDefault();const s=this.selectedItemEl=t.data,e=this.cachedHeights;e.length=0;const r=this.el,i=r.children;if(!i||0===i.length)return;let o=0;for(let t=0;t<i.length;t++){const s=i[t];o+=s.offsetHeight,e.push(o),s.$ionIndex=t}const n=r.getBoundingClientRect();if(this.containerTop=n.top,this.containerBottom=n.bottom,this.scrollEl){const t=this.scrollEl.getBoundingClientRect();this.scrollElInitial=this.scrollEl.scrollTop,this.scrollElTop=t.top+y,this.scrollElBottom=t.bottom-y}else this.scrollElInitial=0,this.scrollElTop=0,this.scrollElBottom=0;this.lastToIndex=u(s),this.selectedItemHeight=s.offsetHeight,this.state=1,s.classList.add(w),l()}onMove(t){const s=this.selectedItemEl;if(!s)return;const e=this.autoscroll(t.currentY),r=this.containerTop-e,i=Math.max(r,Math.min(t.currentY,this.containerBottom-e)),o=e+i-t.startY,n=this.itemIndexForTop(i-r);if(n!==this.lastToIndex){const t=u(s);this.lastToIndex=n,b(),this.reorderMove(t,n)}s.style.transform=`translateY(${o}px)`}onEnd(){const t=this.selectedItemEl;if(this.state=2,!t)return void(this.state=0);const s=this.lastToIndex,e=u(t);s===e?this.completeReorder():this.ionItemReorder.emit({from:e,to:s,complete:this.completeReorder.bind(this)}),m()}completeReorder(t){const s=this.selectedItemEl;if(s&&2===this.state){const e=this.el.children,r=e.length,i=this.lastToIndex,o=u(s);d((()=>{i===o||void 0!==t&&!0!==t||this.el.insertBefore(s,o<i?e[i+1]:e[i]);for(let t=0;t<r;t++)e[t].style.transform=""})),Array.isArray(t)&&(t=v(t,o,i)),s.style.transition="",s.classList.remove(w),this.selectedItemEl=void 0,this.state=0}return t}itemIndexForTop(t){const s=this.cachedHeights;for(let e=0;e<s.length;e++)if(s[e]>t)return e;return s.length-1}reorderMove(t,s){const e=this.selectedItemHeight,r=this.el.children;for(let i=0;i<r.length;i++){let o="";i>t&&i<=s?o=`translateY(${-e}px)`:i<t&&i>=s&&(o=`translateY(${e}px)`),r[i].style.transform=o}}autoscroll(t){if(!this.scrollEl)return 0;let s=0;return t<this.scrollElTop?s=-10:t>this.scrollElBottom&&(s=g),0!==s&&this.scrollEl.scrollBy(0,s),this.scrollEl.scrollTop-this.scrollElInitial}render(){const t=s(this);return e(r,{key:"f30613b361c5c3095b7928a92fb4b1e8d6eff600",class:{[t]:!0,"reorder-enabled":!this.disabled,"reorder-list-active":0!==this.state}})}get el(){return i(this)}static get watchers(){return{disabled:["disabledChanged"]}}},u=t=>t.$ionIndex,k=(t,s)=>{let e;for(;t;){if(e=t.parentElement,e===s)return t;t=e}},y=60,g=10,w="reorder-selected",v=(t,s,e)=>{const r=t[s];return t.splice(s,1),t.splice(e,0,r),t.slice()};f.style=".reorder-list-active>*{display:block;-webkit-transition:-webkit-transform 300ms;transition:-webkit-transform 300ms;transition:transform 300ms;transition:transform 300ms, -webkit-transform 300ms;will-change:transform}.reorder-enabled{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.reorder-enabled ion-reorder{display:block;cursor:-webkit-grab;cursor:grab;pointer-events:all;-ms-touch-action:none;touch-action:none}.reorder-selected,.reorder-selected ion-reorder{cursor:-webkit-grabbing;cursor:grabbing}.reorder-selected{position:relative;-webkit-transition:none !important;transition:none !important;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.4);box-shadow:0 0 10px rgba(0, 0, 0, 0.4);opacity:0.8;z-index:100}.reorder-visible ion-reorder .reorder-icon{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}";export{p as ion_reorder,f as ion_reorder_group}
|