@ionic/core 7.3.2-dev.11692887667.1614d10a → 7.3.2-dev.11693262117.17edbf6d

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.
Files changed (105) hide show
  1. package/components/action-sheet.js +8 -17
  2. package/components/alert.js +8 -17
  3. package/components/ion-loading.js +8 -17
  4. package/components/ion-menu.js +15 -2
  5. package/components/ion-modal.js +12 -33
  6. package/components/ion-picker.js +8 -17
  7. package/components/ion-toast.js +8 -17
  8. package/components/overlays.js +22 -1
  9. package/components/popover.js +8 -29
  10. package/dist/cjs/index.cjs.js +1 -1
  11. package/dist/cjs/ion-action-sheet.cjs.entry.js +8 -17
  12. package/dist/cjs/ion-alert.cjs.entry.js +8 -17
  13. package/dist/cjs/ion-datetime_3.cjs.entry.js +8 -17
  14. package/dist/cjs/ion-loading.cjs.entry.js +8 -17
  15. package/dist/cjs/ion-menu_3.cjs.entry.js +15 -2
  16. package/dist/cjs/ion-modal.cjs.entry.js +12 -33
  17. package/dist/cjs/ion-popover.cjs.entry.js +8 -29
  18. package/dist/cjs/ion-select_3.cjs.entry.js +1 -1
  19. package/dist/cjs/ion-toast.cjs.entry.js +8 -17
  20. package/dist/cjs/{overlays-0ea06fcb.js → overlays-2b9fa92e.js} +22 -0
  21. package/dist/collection/components/action-sheet/action-sheet.js +8 -17
  22. package/dist/collection/components/alert/alert.js +8 -17
  23. package/dist/collection/components/loading/loading.js +8 -17
  24. package/dist/collection/components/menu/menu.js +14 -1
  25. package/dist/collection/components/menu-button/test/async/menu-button.e2e.js +23 -0
  26. package/dist/collection/components/modal/modal.js +12 -33
  27. package/dist/collection/components/picker/picker.js +8 -17
  28. package/dist/collection/components/popover/popover.js +8 -29
  29. package/dist/collection/components/toast/toast.js +8 -17
  30. package/dist/collection/utils/overlays.js +21 -0
  31. package/dist/docs.json +1 -1
  32. package/dist/esm/index.js +1 -1
  33. package/dist/esm/ion-action-sheet.entry.js +8 -17
  34. package/dist/esm/ion-alert.entry.js +8 -17
  35. package/dist/esm/ion-datetime_3.entry.js +8 -17
  36. package/dist/esm/ion-loading.entry.js +8 -17
  37. package/dist/esm/ion-menu_3.entry.js +15 -2
  38. package/dist/esm/ion-modal.entry.js +12 -33
  39. package/dist/esm/ion-popover.entry.js +8 -29
  40. package/dist/esm/ion-select_3.entry.js +1 -1
  41. package/dist/esm/ion-toast.entry.js +8 -17
  42. package/dist/esm/{overlays-c3387ec0.js → overlays-66222f79.js} +22 -1
  43. package/dist/esm-es5/index.js +1 -1
  44. package/dist/esm-es5/ion-action-sheet.entry.js +1 -1
  45. package/dist/esm-es5/ion-alert.entry.js +1 -1
  46. package/dist/esm-es5/ion-datetime_3.entry.js +1 -1
  47. package/dist/esm-es5/ion-loading.entry.js +1 -1
  48. package/dist/esm-es5/ion-menu_3.entry.js +1 -1
  49. package/dist/esm-es5/ion-modal.entry.js +1 -1
  50. package/dist/esm-es5/ion-popover.entry.js +1 -1
  51. package/dist/esm-es5/ion-select_3.entry.js +1 -1
  52. package/dist/esm-es5/ion-toast.entry.js +1 -1
  53. package/dist/esm-es5/{overlays-c3387ec0.js → overlays-66222f79.js} +1 -1
  54. package/dist/ionic/index.esm.js +1 -1
  55. package/dist/ionic/ionic.esm.js +1 -1
  56. package/dist/ionic/{p-8fa43732.system.entry.js → p-0494a5b7.system.entry.js} +1 -1
  57. package/dist/ionic/p-16fd72f2.entry.js +4 -0
  58. package/dist/ionic/p-1c9e3bc7.entry.js +4 -0
  59. package/dist/ionic/p-2a51c81c.entry.js +4 -0
  60. package/dist/ionic/p-2a649b3e.system.entry.js +4 -0
  61. package/dist/ionic/p-3ef9e271.system.entry.js +4 -0
  62. package/dist/ionic/p-6d484719.system.entry.js +4 -0
  63. package/dist/ionic/p-70d137a0.js +4 -0
  64. package/dist/ionic/p-721933ff.system.js +1 -1
  65. package/dist/ionic/{p-c0d1e5a1.entry.js → p-7776d062.entry.js} +1 -1
  66. package/dist/ionic/p-7ac9bdfa.system.entry.js +4 -0
  67. package/dist/ionic/p-8d53d5a5.entry.js +4 -0
  68. package/dist/ionic/p-9888a5a7.entry.js +4 -0
  69. package/dist/ionic/{p-db46fc66.system.js → p-a0ffdd91.system.js} +1 -1
  70. package/dist/ionic/p-a133c215.system.entry.js +4 -0
  71. package/dist/ionic/p-b2098e96.system.entry.js +4 -0
  72. package/dist/ionic/p-c0b4ca5c.system.entry.js +4 -0
  73. package/dist/ionic/p-cf768a4f.entry.js +4 -0
  74. package/dist/ionic/p-ddffbfa9.entry.js +4 -0
  75. package/dist/ionic/p-e2e2c2b0.entry.js +4 -0
  76. package/dist/ionic/p-ebb442c4.system.entry.js +4 -0
  77. package/dist/ionic/{p-81b46714.system.js → p-f8e4da48.system.js} +1 -1
  78. package/dist/types/components/action-sheet/action-sheet.d.ts +1 -1
  79. package/dist/types/components/alert/alert.d.ts +1 -1
  80. package/dist/types/components/loading/loading.d.ts +1 -1
  81. package/dist/types/components/menu/menu.d.ts +2 -0
  82. package/dist/types/components/modal/modal.d.ts +1 -1
  83. package/dist/types/components/picker/picker.d.ts +1 -1
  84. package/dist/types/components/popover/popover.d.ts +1 -1
  85. package/dist/types/components/toast/toast.d.ts +1 -1
  86. package/dist/types/utils/overlays.d.ts +9 -0
  87. package/hydrate/index.js +87 -141
  88. package/package.json +2 -2
  89. package/dist/ionic/p-06f1f560.system.entry.js +0 -4
  90. package/dist/ionic/p-2936ec7f.system.entry.js +0 -4
  91. package/dist/ionic/p-29b3e70a.entry.js +0 -4
  92. package/dist/ionic/p-2bc49e5d.system.entry.js +0 -4
  93. package/dist/ionic/p-2da3e015.system.entry.js +0 -4
  94. package/dist/ionic/p-423d5a4d.entry.js +0 -4
  95. package/dist/ionic/p-564aaba3.entry.js +0 -4
  96. package/dist/ionic/p-5ef91692.js +0 -4
  97. package/dist/ionic/p-61769039.entry.js +0 -4
  98. package/dist/ionic/p-74723f41.entry.js +0 -4
  99. package/dist/ionic/p-8b55f026.entry.js +0 -4
  100. package/dist/ionic/p-9b3c3564.entry.js +0 -4
  101. package/dist/ionic/p-ac80da6c.system.entry.js +0 -4
  102. package/dist/ionic/p-ccea9adc.system.entry.js +0 -4
  103. package/dist/ionic/p-d5db0834.system.entry.js +0 -4
  104. package/dist/ionic/p-d8538837.entry.js +0 -4
  105. package/dist/ionic/p-dd0b6889.system.entry.js +0 -4
package/hydrate/index.js CHANGED
@@ -8702,6 +8702,27 @@ const createDelegateController = (ref) => {
8702
8702
  removeViewFromDom,
8703
8703
  };
8704
8704
  };
8705
+ /**
8706
+ * Creates a lock controller.
8707
+ *
8708
+ * This function locks transitions.
8709
+ * The unlock() function within it calls resolve on this function, unlocking the transitions.
8710
+ */
8711
+ const createLockController = () => {
8712
+ let waitPromise;
8713
+ const lock = async () => {
8714
+ const p = waitPromise;
8715
+ let resolve;
8716
+ waitPromise = new Promise((r) => (resolve = r));
8717
+ if (p !== undefined) {
8718
+ await p;
8719
+ }
8720
+ return resolve;
8721
+ };
8722
+ return {
8723
+ lock,
8724
+ };
8725
+ };
8705
8726
  /**
8706
8727
  * Constructs a trigger interaction for an overlay.
8707
8728
  * Presents an overlay when the trigger is clicked.
@@ -9873,6 +9894,7 @@ class ActionSheet {
9873
9894
  this.willDismissShorthand = createEvent(this, "willDismiss", 7);
9874
9895
  this.didDismissShorthand = createEvent(this, "didDismiss", 7);
9875
9896
  this.delegateController = createDelegateController(this);
9897
+ this.lockController = createLockController();
9876
9898
  this.triggerController = createTriggerController();
9877
9899
  this.presented = false;
9878
9900
  this.onBackdropTap = () => {
@@ -9920,21 +9942,10 @@ class ActionSheet {
9920
9942
  * Present the action sheet overlay after it has been created.
9921
9943
  */
9922
9944
  async present() {
9923
- /**
9924
- * When using an inline action sheet
9925
- * and dismissing a action sheet it is possible to
9926
- * quickly present the action sheet while it is
9927
- * dismissing. We need to await any current
9928
- * transition to allow the dismiss to finish
9929
- * before presenting again.
9930
- */
9931
- if (this.currentTransition !== undefined) {
9932
- await this.currentTransition;
9933
- }
9945
+ const unlock = await this.lockController.lock();
9934
9946
  await this.delegateController.attachViewToDom();
9935
- this.currentTransition = present(this, 'actionSheetEnter', iosEnterAnimation$6, mdEnterAnimation$5);
9936
- await this.currentTransition;
9937
- this.currentTransition = undefined;
9947
+ await present(this, 'actionSheetEnter', iosEnterAnimation$6, mdEnterAnimation$5);
9948
+ unlock();
9938
9949
  }
9939
9950
  /**
9940
9951
  * Dismiss the action sheet overlay after it has been presented.
@@ -9946,11 +9957,12 @@ class ActionSheet {
9946
9957
  * Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
9947
9958
  */
9948
9959
  async dismiss(data, role) {
9949
- this.currentTransition = dismiss(this, data, role, 'actionSheetLeave', iosLeaveAnimation$6, mdLeaveAnimation$5);
9950
- const dismissed = await this.currentTransition;
9960
+ const unlock = await this.lockController.lock();
9961
+ const dismissed = await dismiss(this, data, role, 'actionSheetLeave', iosLeaveAnimation$6, mdLeaveAnimation$5);
9951
9962
  if (dismissed) {
9952
9963
  this.delegateController.removeViewFromDom();
9953
9964
  }
9965
+ unlock();
9954
9966
  return dismissed;
9955
9967
  }
9956
9968
  /**
@@ -10360,6 +10372,7 @@ class Alert {
10360
10372
  this.willDismissShorthand = createEvent(this, "willDismiss", 7);
10361
10373
  this.didDismissShorthand = createEvent(this, "didDismiss", 7);
10362
10374
  this.delegateController = createDelegateController(this);
10375
+ this.lockController = createLockController();
10363
10376
  this.triggerController = createTriggerController();
10364
10377
  this.customHTMLEnabled = config.get('innerHTMLTemplatesEnabled', ENABLE_HTML_CONTENT_DEFAULT);
10365
10378
  this.processedInputs = [];
@@ -10526,21 +10539,10 @@ class Alert {
10526
10539
  * Present the alert overlay after it has been created.
10527
10540
  */
10528
10541
  async present() {
10529
- /**
10530
- * When using an inline alert
10531
- * and dismissing an alert it is possible to
10532
- * quickly present the alert while it is
10533
- * dismissing. We need to await any current
10534
- * transition to allow the dismiss to finish
10535
- * before presenting again.
10536
- */
10537
- if (this.currentTransition !== undefined) {
10538
- await this.currentTransition;
10539
- }
10542
+ const unlock = await this.lockController.lock();
10540
10543
  await this.delegateController.attachViewToDom();
10541
- this.currentTransition = present(this, 'alertEnter', iosEnterAnimation$5, mdEnterAnimation$4);
10542
- await this.currentTransition;
10543
- this.currentTransition = undefined;
10544
+ await present(this, 'alertEnter', iosEnterAnimation$5, mdEnterAnimation$4);
10545
+ unlock();
10544
10546
  }
10545
10547
  /**
10546
10548
  * Dismiss the alert overlay after it has been presented.
@@ -10552,11 +10554,12 @@ class Alert {
10552
10554
  * Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
10553
10555
  */
10554
10556
  async dismiss(data, role) {
10555
- this.currentTransition = dismiss(this, data, role, 'alertLeave', iosLeaveAnimation$5, mdLeaveAnimation$4);
10556
- const dismissed = await this.currentTransition;
10557
+ const unlock = await this.lockController.lock();
10558
+ const dismissed = await dismiss(this, data, role, 'alertLeave', iosLeaveAnimation$5, mdLeaveAnimation$4);
10557
10559
  if (dismissed) {
10558
10560
  this.delegateController.removeViewFromDom();
10559
10561
  }
10562
+ unlock();
10560
10563
  return dismissed;
10561
10564
  }
10562
10565
  /**
@@ -19794,6 +19797,7 @@ class Loading {
19794
19797
  this.willDismissShorthand = createEvent(this, "willDismiss", 7);
19795
19798
  this.didDismissShorthand = createEvent(this, "didDismiss", 7);
19796
19799
  this.delegateController = createDelegateController(this);
19800
+ this.lockController = createLockController();
19797
19801
  this.triggerController = createTriggerController();
19798
19802
  this.customHTMLEnabled = config.get('innerHTMLTemplatesEnabled', ENABLE_HTML_CONTENT_DEFAULT);
19799
19803
  this.presented = false;
@@ -19859,24 +19863,13 @@ class Loading {
19859
19863
  * Present the loading overlay after it has been created.
19860
19864
  */
19861
19865
  async present() {
19862
- /**
19863
- * When using an inline loading indicator
19864
- * and dismissing a loading indicator it is possible to
19865
- * quickly present the loading indicator while it is
19866
- * dismissing. We need to await any current
19867
- * transition to allow the dismiss to finish
19868
- * before presenting again.
19869
- */
19870
- if (this.currentTransition !== undefined) {
19871
- await this.currentTransition;
19872
- }
19866
+ const unlock = await this.lockController.lock();
19873
19867
  await this.delegateController.attachViewToDom();
19874
- this.currentTransition = present(this, 'loadingEnter', iosEnterAnimation$4, mdEnterAnimation$3);
19875
- await this.currentTransition;
19868
+ await present(this, 'loadingEnter', iosEnterAnimation$4, mdEnterAnimation$3);
19876
19869
  if (this.duration > 0) {
19877
19870
  this.durationTimeout = setTimeout(() => this.dismiss(), this.duration + 10);
19878
19871
  }
19879
- this.currentTransition = undefined;
19872
+ unlock();
19880
19873
  }
19881
19874
  /**
19882
19875
  * Dismiss the loading overlay after it has been presented.
@@ -19888,14 +19881,15 @@ class Loading {
19888
19881
  * Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
19889
19882
  */
19890
19883
  async dismiss(data, role) {
19884
+ const unlock = await this.lockController.lock();
19891
19885
  if (this.durationTimeout) {
19892
19886
  clearTimeout(this.durationTimeout);
19893
19887
  }
19894
- this.currentTransition = dismiss(this, data, role, 'loadingLeave', iosLeaveAnimation$4, mdLeaveAnimation$3);
19895
- const dismissed = await this.currentTransition;
19888
+ const dismissed = await dismiss(this, data, role, 'loadingLeave', iosLeaveAnimation$4, mdLeaveAnimation$3);
19896
19889
  if (dismissed) {
19897
19890
  this.delegateController.removeViewFromDom();
19898
19891
  }
19892
+ unlock();
19899
19893
  return dismissed;
19900
19894
  }
19901
19895
  /**
@@ -20372,6 +20366,7 @@ class Menu {
20372
20366
  this.ionMenuChange = createEvent(this, "ionMenuChange", 7);
20373
20367
  this.lastOnEnd = 0;
20374
20368
  this.blocker = GESTURE_CONTROLLER.createBlocker({ disableScroll: true });
20369
+ this.didLoad = false;
20375
20370
  this.isAnimating = false;
20376
20371
  this._isOpen = false;
20377
20372
  this.inheritedAttributes = {};
@@ -20449,9 +20444,20 @@ class Menu {
20449
20444
  this.inheritedAttributes = inheritAriaAttributes(this.el);
20450
20445
  }
20451
20446
  async componentDidLoad() {
20452
- this.ionMenuChange.emit({ disabled: this.disabled, open: this._isOpen });
20447
+ this.didLoad = true;
20448
+ this.menuChanged();
20453
20449
  this.updateState();
20454
20450
  }
20451
+ menuChanged() {
20452
+ /**
20453
+ * Inform dependent components such as ion-menu-button
20454
+ * that the menu is ready. Note that we only want to do this
20455
+ * once the menu has been rendered which is why we check for didLoad.
20456
+ */
20457
+ if (this.didLoad) {
20458
+ this.ionMenuChange.emit({ disabled: this.disabled, open: this._isOpen });
20459
+ }
20460
+ }
20455
20461
  async disconnectedCallback() {
20456
20462
  /**
20457
20463
  * The menu should be closed when it is
@@ -22384,6 +22390,7 @@ class Modal {
22384
22390
  this.willDismissShorthand = createEvent(this, "willDismiss", 7);
22385
22391
  this.didDismissShorthand = createEvent(this, "didDismiss", 7);
22386
22392
  this.ionMount = createEvent(this, "ionMount", 7);
22393
+ this.lockController = createLockController();
22387
22394
  this.triggerController = createTriggerController();
22388
22395
  this.coreDelegate = CoreDelegate();
22389
22396
  this.isSheetModal = false;
@@ -22551,18 +22558,8 @@ class Modal {
22551
22558
  if (this.presented) {
22552
22559
  return;
22553
22560
  }
22561
+ const unlock = await this.lockController.lock();
22554
22562
  const { presentingElement, el } = this;
22555
- /**
22556
- * When using an inline modal
22557
- * and dismissing a modal it is possible to
22558
- * quickly present the modal while it is
22559
- * dismissing. We need to await any current
22560
- * transition to allow the dismiss to finish
22561
- * before presenting again.
22562
- */
22563
- if (this.currentTransition !== undefined) {
22564
- await this.currentTransition;
22565
- }
22566
22563
  /**
22567
22564
  * If the modal is presented multiple times (inline modals), we
22568
22565
  * need to reset the current breakpoint to the initial breakpoint.
@@ -22594,11 +22591,6 @@ class Modal {
22594
22591
  await waitForMount();
22595
22592
  }
22596
22593
  writeTask(() => this.el.classList.add('show-modal'));
22597
- this.currentTransition = present(this, 'modalEnter', iosEnterAnimation$3, mdEnterAnimation$2, {
22598
- presentingEl: presentingElement,
22599
- currentBreakpoint: this.initialBreakpoint,
22600
- backdropBreakpoint: this.backdropBreakpoint,
22601
- });
22602
22594
  /* tslint:disable-next-line */
22603
22595
  if (typeof window !== 'undefined') {
22604
22596
  /**
@@ -22641,14 +22633,18 @@ class Modal {
22641
22633
  this.statusBarStyle = await StatusBar.getStyle();
22642
22634
  setCardStatusBarDark();
22643
22635
  }
22644
- await this.currentTransition;
22636
+ await present(this, 'modalEnter', iosEnterAnimation$3, mdEnterAnimation$2, {
22637
+ presentingEl: presentingElement,
22638
+ currentBreakpoint: this.initialBreakpoint,
22639
+ backdropBreakpoint: this.backdropBreakpoint,
22640
+ });
22645
22641
  if (this.isSheetModal) {
22646
22642
  this.initSheetGesture();
22647
22643
  }
22648
22644
  else if (hasCardModal) {
22649
22645
  this.initSwipeToClose();
22650
22646
  }
22651
- this.currentTransition = undefined;
22647
+ unlock();
22652
22648
  }
22653
22649
  initSwipeToClose() {
22654
22650
  var _a;
@@ -22738,6 +22734,7 @@ class Modal {
22738
22734
  if (this.gestureAnimationDismissing && role !== GESTURE) {
22739
22735
  return false;
22740
22736
  }
22737
+ const unlock = await this.lockController.lock();
22741
22738
  /**
22742
22739
  * If a canDismiss handler is responsible
22743
22740
  * for calling the dismiss method, we should
@@ -22761,24 +22758,12 @@ class Modal {
22761
22758
  window.removeEventListener(KEYBOARD_DID_OPEN, this.keyboardOpenCallback);
22762
22759
  this.keyboardOpenCallback = undefined;
22763
22760
  }
22764
- /**
22765
- * When using an inline modal
22766
- * and presenting a modal it is possible to
22767
- * quickly dismiss the modal while it is
22768
- * presenting. We need to await any current
22769
- * transition to allow the present to finish
22770
- * before dismissing again.
22771
- */
22772
- if (this.currentTransition !== undefined) {
22773
- await this.currentTransition;
22774
- }
22775
22761
  const enteringAnimation = activeAnimations.get(this) || [];
22776
- this.currentTransition = dismiss(this, data, role, 'modalLeave', iosLeaveAnimation$3, mdLeaveAnimation$2, {
22762
+ const dismissed = await dismiss(this, data, role, 'modalLeave', iosLeaveAnimation$3, mdLeaveAnimation$2, {
22777
22763
  presentingEl: presentingElement,
22778
22764
  currentBreakpoint: (_a = this.currentBreakpoint) !== null && _a !== void 0 ? _a : this.initialBreakpoint,
22779
22765
  backdropBreakpoint: this.backdropBreakpoint,
22780
22766
  });
22781
- const dismissed = await this.currentTransition;
22782
22767
  if (dismissed) {
22783
22768
  const { delegate } = this.getDelegate();
22784
22769
  await detachComponent(delegate, this.usersElement);
@@ -22792,8 +22777,8 @@ class Modal {
22792
22777
  enteringAnimation.forEach((ani) => ani.destroy());
22793
22778
  }
22794
22779
  this.currentBreakpoint = undefined;
22795
- this.currentTransition = undefined;
22796
22780
  this.animation = undefined;
22781
+ unlock();
22797
22782
  return dismissed;
22798
22783
  }
22799
22784
  /**
@@ -24012,6 +23997,7 @@ class Picker {
24012
23997
  this.willDismissShorthand = createEvent(this, "willDismiss", 7);
24013
23998
  this.didDismissShorthand = createEvent(this, "didDismiss", 7);
24014
23999
  this.delegateController = createDelegateController(this);
24000
+ this.lockController = createLockController();
24015
24001
  this.triggerController = createTriggerController();
24016
24002
  this.onBackdropTap = () => {
24017
24003
  this.dismiss(undefined, BACKDROP);
@@ -24078,24 +24064,13 @@ class Picker {
24078
24064
  * Present the picker overlay after it has been created.
24079
24065
  */
24080
24066
  async present() {
24081
- /**
24082
- * When using an inline picker
24083
- * and dismissing an picker it is possible to
24084
- * quickly present the picker while it is
24085
- * dismissing. We need to await any current
24086
- * transition to allow the dismiss to finish
24087
- * before presenting again.
24088
- */
24089
- if (this.currentTransition !== undefined) {
24090
- await this.currentTransition;
24091
- }
24067
+ const unlock = await this.lockController.lock();
24092
24068
  await this.delegateController.attachViewToDom();
24093
- this.currentTransition = present(this, 'pickerEnter', iosEnterAnimation$2, iosEnterAnimation$2, undefined);
24094
- await this.currentTransition;
24095
- this.currentTransition = undefined;
24069
+ await present(this, 'pickerEnter', iosEnterAnimation$2, iosEnterAnimation$2, undefined);
24096
24070
  if (this.duration > 0) {
24097
24071
  this.durationTimeout = setTimeout(() => this.dismiss(), this.duration);
24098
24072
  }
24073
+ unlock();
24099
24074
  }
24100
24075
  /**
24101
24076
  * Dismiss the picker overlay after it has been presented.
@@ -24107,14 +24082,15 @@ class Picker {
24107
24082
  * Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
24108
24083
  */
24109
24084
  async dismiss(data, role) {
24085
+ const unlock = await this.lockController.lock();
24110
24086
  if (this.durationTimeout) {
24111
24087
  clearTimeout(this.durationTimeout);
24112
24088
  }
24113
- this.currentTransition = dismiss(this, data, role, 'pickerLeave', iosLeaveAnimation$2, iosLeaveAnimation$2);
24114
- const dismissed = await this.currentTransition;
24089
+ const dismissed = await dismiss(this, data, role, 'pickerLeave', iosLeaveAnimation$2, iosLeaveAnimation$2);
24115
24090
  if (dismissed) {
24116
24091
  this.delegateController.removeViewFromDom();
24117
24092
  }
24093
+ unlock();
24118
24094
  return dismissed;
24119
24095
  }
24120
24096
  /**
@@ -26435,6 +26411,7 @@ class Popover {
26435
26411
  this.ionMount = createEvent(this, "ionMount", 7);
26436
26412
  this.parentPopover = null;
26437
26413
  this.coreDelegate = CoreDelegate();
26414
+ this.lockController = createLockController();
26438
26415
  this.inline = false;
26439
26416
  this.focusDescendantOnPresent = false;
26440
26417
  this.onBackdropTap = () => {
@@ -26611,17 +26588,7 @@ class Popover {
26611
26588
  if (this.presented) {
26612
26589
  return;
26613
26590
  }
26614
- /**
26615
- * When using an inline popover
26616
- * and dismissing a popover it is possible to
26617
- * quickly present the popover while it is
26618
- * dismissing. We need to await any current
26619
- * transition to allow the dismiss to finish
26620
- * before presenting again.
26621
- */
26622
- if (this.currentTransition !== undefined) {
26623
- await this.currentTransition;
26624
- }
26591
+ const unlock = await this.lockController.lock();
26625
26592
  const { el } = this;
26626
26593
  const { inline, delegate } = this.getDelegate(true);
26627
26594
  this.usersElement = await attachComponent(delegate, el, this.component, ['popover-viewport'], this.componentProps, inline);
@@ -26652,7 +26619,7 @@ class Popover {
26652
26619
  else if (!this.keepContentsMounted) {
26653
26620
  await waitForMount();
26654
26621
  }
26655
- this.currentTransition = present(this, 'popoverEnter', iosEnterAnimation$1, mdEnterAnimation$1, {
26622
+ await present(this, 'popoverEnter', iosEnterAnimation$1, mdEnterAnimation$1, {
26656
26623
  event: event || this.event,
26657
26624
  size: this.size,
26658
26625
  trigger: this.triggerEl,
@@ -26660,8 +26627,6 @@ class Popover {
26660
26627
  side: this.side,
26661
26628
  align: this.alignment,
26662
26629
  });
26663
- await this.currentTransition;
26664
- this.currentTransition = undefined;
26665
26630
  /**
26666
26631
  * If popover is nested and was
26667
26632
  * presented using the "Right" arrow key,
@@ -26671,6 +26636,7 @@ class Popover {
26671
26636
  if (this.focusDescendantOnPresent) {
26672
26637
  focusFirstDescendant(this.el, this.el);
26673
26638
  }
26639
+ unlock();
26674
26640
  }
26675
26641
  /**
26676
26642
  * Dismiss the popover overlay after it has been presented.
@@ -26681,23 +26647,12 @@ class Popover {
26681
26647
  * a parent popover if this popover is nested. Defaults to `true`.
26682
26648
  */
26683
26649
  async dismiss(data, role, dismissParentPopover = true) {
26684
- /**
26685
- * When using an inline popover
26686
- * and presenting a popover it is possible to
26687
- * quickly dismiss the popover while it is
26688
- * presenting. We need to await any current
26689
- * transition to allow the present to finish
26690
- * before dismissing again.
26691
- */
26692
- if (this.currentTransition !== undefined) {
26693
- await this.currentTransition;
26694
- }
26650
+ const unlock = await this.lockController.lock();
26695
26651
  const { destroyKeyboardInteraction, destroyDismissInteraction } = this;
26696
26652
  if (dismissParentPopover && this.parentPopover) {
26697
26653
  this.parentPopover.dismiss(data, role, dismissParentPopover);
26698
26654
  }
26699
- this.currentTransition = dismiss(this, data, role, 'popoverLeave', iosLeaveAnimation$1, mdLeaveAnimation$1, this.event);
26700
- const shouldDismiss = await this.currentTransition;
26655
+ const shouldDismiss = await dismiss(this, data, role, 'popoverLeave', iosLeaveAnimation$1, mdLeaveAnimation$1, this.event);
26701
26656
  if (shouldDismiss) {
26702
26657
  if (destroyKeyboardInteraction) {
26703
26658
  destroyKeyboardInteraction();
@@ -26715,7 +26670,7 @@ class Popover {
26715
26670
  const { delegate } = this.getDelegate();
26716
26671
  await detachComponent(delegate, this.usersElement);
26717
26672
  }
26718
- this.currentTransition = undefined;
26673
+ unlock();
26719
26674
  return shouldDismiss;
26720
26675
  }
26721
26676
  /**
@@ -33459,6 +33414,7 @@ class Toast {
33459
33414
  this.willDismissShorthand = createEvent(this, "willDismiss", 7);
33460
33415
  this.didDismissShorthand = createEvent(this, "didDismiss", 7);
33461
33416
  this.delegateController = createDelegateController(this);
33417
+ this.lockController = createLockController();
33462
33418
  this.triggerController = createTriggerController();
33463
33419
  this.customHTMLEnabled = config.get('innerHTMLTemplatesEnabled', ENABLE_HTML_CONTENT_DEFAULT);
33464
33420
  this.presented = false;
@@ -33528,30 +33484,19 @@ class Toast {
33528
33484
  * Present the toast overlay after it has been created.
33529
33485
  */
33530
33486
  async present() {
33531
- /**
33532
- * When using an inline toast
33533
- * and dismissing a toast it is possible to
33534
- * quickly present the toast while it is
33535
- * dismissing. We need to await any current
33536
- * transition to allow the dismiss to finish
33537
- * before presenting again.
33538
- */
33539
- if (this.currentTransition !== undefined) {
33540
- await this.currentTransition;
33541
- }
33487
+ const unlock = await this.lockController.lock();
33542
33488
  await this.delegateController.attachViewToDom();
33543
- this.currentTransition = present(this, 'toastEnter', iosEnterAnimation, mdEnterAnimation, this.position);
33544
- await this.currentTransition;
33489
+ await present(this, 'toastEnter', iosEnterAnimation, mdEnterAnimation, this.position);
33545
33490
  /**
33546
33491
  * Content is revealed to screen readers after
33547
33492
  * the transition to avoid jank since this
33548
33493
  * state updates will cause a re-render.
33549
33494
  */
33550
33495
  this.revealContentToScreenReader = true;
33551
- this.currentTransition = undefined;
33552
33496
  if (this.duration > 0) {
33553
33497
  this.durationTimeout = setTimeout(() => this.dismiss(undefined, 'timeout'), this.duration);
33554
33498
  }
33499
+ unlock();
33555
33500
  }
33556
33501
  /**
33557
33502
  * Dismiss the toast overlay after it has been presented.
@@ -33563,15 +33508,16 @@ class Toast {
33563
33508
  * Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
33564
33509
  */
33565
33510
  async dismiss(data, role) {
33511
+ const unlock = await this.lockController.lock();
33566
33512
  if (this.durationTimeout) {
33567
33513
  clearTimeout(this.durationTimeout);
33568
33514
  }
33569
- this.currentTransition = dismiss(this, data, role, 'toastLeave', iosLeaveAnimation, mdLeaveAnimation, this.position);
33570
- const dismissed = await this.currentTransition;
33515
+ const dismissed = await dismiss(this, data, role, 'toastLeave', iosLeaveAnimation, mdLeaveAnimation, this.position);
33571
33516
  if (dismissed) {
33572
33517
  this.delegateController.removeViewFromDom();
33573
33518
  this.revealContentToScreenReader = false;
33574
33519
  }
33520
+ unlock();
33575
33521
  return dismissed;
33576
33522
  }
33577
33523
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ionic/core",
3
- "version": "7.3.2-dev.11692887667.1614d10a",
3
+ "version": "7.3.2-dev.11693262117.17edbf6d",
4
4
  "description": "Base components for Ionic",
5
5
  "keywords": [
6
6
  "ionic",
@@ -37,7 +37,7 @@
37
37
  },
38
38
  "devDependencies": {
39
39
  "@axe-core/playwright": "^4.7.3",
40
- "@capacitor/core": "^5.2.3",
40
+ "@capacitor/core": "^5.3.0",
41
41
  "@capacitor/haptics": "^5.0.6",
42
42
  "@capacitor/keyboard": "^5.0.6",
43
43
  "@capacitor/status-bar": "^5.0.6",
@@ -1,4 +0,0 @@
1
- var __awaiter=this&&this.__awaiter||function(t,e,n,r){function o(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,i){function a(t){try{l(r.next(t))}catch(t){i(t)}}function s(t){try{l(r["throw"](t))}catch(t){i(t)}}function l(t){t.done?n(t.value):o(t.value).then(a,s)}l((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,o,i,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(e){return l([t,e])}}function l(s){if(r)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(n=0)),n)try{if(r=1,o&&(i=s[0]&2?o["return"]:s[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,s[1])).done)return i;if(o=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;o=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){n.label=s[1];break}if(s[0]===6&&n.label<i[1]){n.label=i[1];i=s;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(s);break}if(i[2])n.ops.pop();n.trys.pop();continue}s=e.call(t,n)}catch(t){s=[6,t];o=0}finally{r=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
2
- /*!
3
- * (C) Ionic http://ionicframework.com - MIT License
4
- */System.register(["./p-5b553dc0.system.js","./p-2b89ea1b.system.js","./p-815c2fba.system.js","./p-479cdbf8.system.js","./p-81b46714.system.js","./p-44bc8b45.system.js","./p-7b16490a.system.js","./p-6b2641f6.system.js","./p-8d9475b5.system.js","./p-8c15eda7.system.js","./p-0e94957a.system.js"],(function(t){"use strict";var e,n,r,o,i,a,s,l,d,c,u,p,h,f,b,g,m,v,x,w,y,k,T,C;return{setters:[function(t){e=t.r;n=t.d;r=t.h;o=t.H;i=t.f},function(t){a=t.E;s=t.a},function(t){l=t.g;d=t.r},function(t){c=t.p},function(t){u=t.d;p=t.e;h=t.i;f=t.j;b=t.k;g=t.f;m=t.g;v=t.h;x=t.s},function(t){w=t.g;y=t.c},function(t){k=t.c;T=t.b},function(t){C=t.c},function(){},function(){},function(){}],execute:function(){var _=function(t,e){var n=C();var r=C();var o=l(t);var i=o.querySelector(".toast-wrapper");var a="calc(-10px - var(--ion-safe-area-bottom, 0px))";var s="calc(10px + var(--ion-safe-area-top, 0px))";r.addElement(i);switch(e){case"top":r.fromTo("transform","translateY(-100%)","translateY(".concat(s,")"));break;case"middle":var d=Math.floor(t.clientHeight/2-i.clientHeight/2);i.style.top="".concat(d,"px");r.fromTo("opacity",.01,1);break;default:r.fromTo("transform","translateY(100%)","translateY(".concat(a,")"));break}return n.easing("cubic-bezier(.155,1.105,.295,1.12)").duration(400).addAnimation(r)};var j=function(t,e){var n=C();var r=C();var o=l(t);var i=o.querySelector(".toast-wrapper");var a="calc(-10px - var(--ion-safe-area-bottom, 0px))";var s="calc(10px + var(--ion-safe-area-top, 0px))";r.addElement(i);switch(e){case"top":r.fromTo("transform","translateY(".concat(s,")"),"translateY(-100%)");break;case"middle":r.fromTo("opacity",.99,0);break;default:r.fromTo("transform","translateY(".concat(a,")"),"translateY(100%)");break}return n.easing("cubic-bezier(.36,.66,.04,1)").duration(300).addAnimation(r)};var D=function(t,e){var n=C();var r=C();var o=l(t);var i=o.querySelector(".toast-wrapper");var a="calc(8px + var(--ion-safe-area-bottom, 0px))";var s="calc(8px + var(--ion-safe-area-top, 0px))";r.addElement(i);switch(e){case"top":i.style.top=s;r.fromTo("opacity",.01,1);break;case"middle":var d=Math.floor(t.clientHeight/2-i.clientHeight/2);i.style.top="".concat(d,"px");r.fromTo("opacity",.01,1);break;default:i.style.bottom=a;r.fromTo("opacity",.01,1);break}return n.easing("cubic-bezier(.36,.66,.04,1)").duration(400).addAnimation(r)};var z=function(t){var e=C();var n=C();var r=l(t);var o=r.querySelector(".toast-wrapper");n.addElement(o).fromTo("opacity",.99,0);return e.easing("cubic-bezier(.36,.66,.04,1)").duration(300).addAnimation(n)};var H=":host{--border-width:0;--border-style:none;--border-color:initial;--box-shadow:none;--min-width:auto;--width:auto;--min-height:auto;--height:auto;--max-height:auto;--white-space:normal;top:0;display:block;position:absolute;width:100%;height:100%;outline:none;color:var(--color);font-family:var(--ion-font-family, inherit);contain:strict;z-index:1001;pointer-events:none}@supports (inset-inline-start: 0){:host{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host{left:0}:host-context([dir=rtl]){left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host:dir(rtl){left:unset;right:unset;right:0}}}:host(.overlay-hidden){display:none}:host(.ion-color){--button-color:inherit;color:var(--ion-color-contrast)}:host(.ion-color) .toast-button-cancel{color:inherit}:host(.ion-color) .toast-wrapper{background:var(--ion-color-base)}.toast-wrapper{border-radius:var(--border-radius);width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}@supports (inset-inline-start: 0){.toast-wrapper{inset-inline-start:var(--start);inset-inline-end:var(--end)}}@supports not (inset-inline-start: 0){.toast-wrapper{left:var(--start);right:var(--end)}:host-context([dir=rtl]) .toast-wrapper{left:unset;right:unset;left:var(--end);right:var(--start)}[dir=rtl] .toast-wrapper{left:unset;right:unset;left:var(--end);right:var(--start)}@supports selector(:dir(rtl)){.toast-wrapper:dir(rtl){left:unset;right:unset;left:var(--end);right:var(--start)}}}.toast-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;pointer-events:auto;height:inherit;min-height:inherit;max-height:inherit;contain:content}.toast-layout-stacked .toast-container{-ms-flex-wrap:wrap;flex-wrap:wrap}.toast-layout-baseline .toast-content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.toast-icon{-webkit-margin-start:16px;margin-inline-start:16px}.toast-message{-ms-flex:1;flex:1;white-space:var(--white-space)}.toast-button-group{display:-ms-flexbox;display:flex}.toast-layout-stacked .toast-button-group{-ms-flex-pack:end;justify-content:end;width:100%}.toast-button{border:0;outline:none;color:var(--button-color);z-index:0}.toast-icon,.toast-button-icon{font-size:1.4em}.toast-button-inner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@media (any-hover: hover){.toast-button:hover{cursor:pointer}}:host{--background:var(--ion-color-step-50, #f2f2f2);--border-radius:14px;--button-color:var(--ion-color-primary, #3880ff);--color:var(--ion-color-step-850, #262626);--max-width:700px;--start:10px;--end:10px;font-size:14px}.toast-wrapper{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:auto;margin-bottom:auto;display:block;position:absolute;z-index:10}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.toast-translucent) .toast-wrapper{background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}:host(.ion-color.toast-translucent) .toast-wrapper{background:rgba(var(--ion-color-base-rgb), 0.8)}}.toast-wrapper.toast-top{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);top:0}.toast-wrapper.toast-middle{opacity:0.01}.toast-wrapper.toast-bottom{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);bottom:0}.toast-content{-webkit-padding-start:15px;padding-inline-start:15px;-webkit-padding-end:15px;padding-inline-end:15px;padding-top:15px;padding-bottom:15px}.toast-header{margin-bottom:2px;font-weight:500}.toast-button{-webkit-padding-start:15px;padding-inline-start:15px;-webkit-padding-end:15px;padding-inline-end:15px;padding-top:10px;padding-bottom:10px;height:44px;-webkit-transition:background-color, opacity 100ms linear;transition:background-color, opacity 100ms linear;border:0;background-color:transparent;font-family:var(--ion-font-family);font-size:17px;font-weight:500;overflow:hidden}.toast-button.ion-activated{opacity:0.4}@media (any-hover: hover){.toast-button:hover{opacity:0.6}}";var S=":host{--border-width:0;--border-style:none;--border-color:initial;--box-shadow:none;--min-width:auto;--width:auto;--min-height:auto;--height:auto;--max-height:auto;--white-space:normal;top:0;display:block;position:absolute;width:100%;height:100%;outline:none;color:var(--color);font-family:var(--ion-font-family, inherit);contain:strict;z-index:1001;pointer-events:none}@supports (inset-inline-start: 0){:host{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host{left:0}:host-context([dir=rtl]){left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host:dir(rtl){left:unset;right:unset;right:0}}}:host(.overlay-hidden){display:none}:host(.ion-color){--button-color:inherit;color:var(--ion-color-contrast)}:host(.ion-color) .toast-button-cancel{color:inherit}:host(.ion-color) .toast-wrapper{background:var(--ion-color-base)}.toast-wrapper{border-radius:var(--border-radius);width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}@supports (inset-inline-start: 0){.toast-wrapper{inset-inline-start:var(--start);inset-inline-end:var(--end)}}@supports not (inset-inline-start: 0){.toast-wrapper{left:var(--start);right:var(--end)}:host-context([dir=rtl]) .toast-wrapper{left:unset;right:unset;left:var(--end);right:var(--start)}[dir=rtl] .toast-wrapper{left:unset;right:unset;left:var(--end);right:var(--start)}@supports selector(:dir(rtl)){.toast-wrapper:dir(rtl){left:unset;right:unset;left:var(--end);right:var(--start)}}}.toast-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;pointer-events:auto;height:inherit;min-height:inherit;max-height:inherit;contain:content}.toast-layout-stacked .toast-container{-ms-flex-wrap:wrap;flex-wrap:wrap}.toast-layout-baseline .toast-content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.toast-icon{-webkit-margin-start:16px;margin-inline-start:16px}.toast-message{-ms-flex:1;flex:1;white-space:var(--white-space)}.toast-button-group{display:-ms-flexbox;display:flex}.toast-layout-stacked .toast-button-group{-ms-flex-pack:end;justify-content:end;width:100%}.toast-button{border:0;outline:none;color:var(--button-color);z-index:0}.toast-icon,.toast-button-icon{font-size:1.4em}.toast-button-inner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@media (any-hover: hover){.toast-button:hover{cursor:pointer}}:host{--background:var(--ion-color-step-800, #333333);--border-radius:4px;--box-shadow:0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);--button-color:var(--ion-color-primary, #3880ff);--color:var(--ion-color-step-50, #f2f2f2);--max-width:700px;--start:8px;--end:8px;font-size:14px}.toast-wrapper{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:auto;margin-bottom:auto;display:block;position:absolute;opacity:0.01;z-index:10}.toast-content{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:14px;padding-bottom:14px}.toast-header{margin-bottom:2px;font-weight:500;line-height:20px}.toast-message{line-height:20px}.toast-layout-baseline .toast-button-group-start{-webkit-margin-start:8px;margin-inline-start:8px}.toast-layout-stacked .toast-button-group-start{-webkit-margin-end:8px;margin-inline-end:8px;margin-top:8px}.toast-layout-baseline .toast-button-group-end{-webkit-margin-end:8px;margin-inline-end:8px}.toast-layout-stacked .toast-button-group-end{-webkit-margin-end:8px;margin-inline-end:8px;margin-bottom:8px}.toast-button{-webkit-padding-start:15px;padding-inline-start:15px;-webkit-padding-end:15px;padding-inline-end:15px;padding-top:10px;padding-bottom:10px;position:relative;background-color:transparent;font-family:var(--ion-font-family);font-size:14px;font-weight:500;letter-spacing:0.84px;text-transform:uppercase;overflow:hidden}.toast-button-cancel{color:var(--ion-color-step-100, #e6e6e6)}.toast-button-icon-only{border-radius:50%;-webkit-padding-start:9px;padding-inline-start:9px;-webkit-padding-end:9px;padding-inline-end:9px;padding-top:9px;padding-bottom:9px;width:36px;height:36px}@media (any-hover: hover){.toast-button:hover{background-color:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.08)}.toast-button-cancel:hover{background-color:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.08)}}";var O=t("ion_toast",function(){function t(t){var r=this;e(this,t);this.didPresent=n(this,"ionToastDidPresent",7);this.willPresent=n(this,"ionToastWillPresent",7);this.willDismiss=n(this,"ionToastWillDismiss",7);this.didDismiss=n(this,"ionToastDidDismiss",7);this.didPresentShorthand=n(this,"didPresent",7);this.willPresentShorthand=n(this,"willPresent",7);this.willDismissShorthand=n(this,"willDismiss",7);this.didDismissShorthand=n(this,"didDismiss",7);this.delegateController=u(this);this.triggerController=p();this.customHTMLEnabled=k.get("innerHTMLTemplatesEnabled",a);this.presented=false;this.dispatchCancelHandler=function(t){var e=t.detail.role;if(h(e)){var n=r.getButtons().find((function(t){return t.role==="cancel"}));r.callButtonHandler(n)}};this.revealContentToScreenReader=false;this.overlayIndex=undefined;this.delegate=undefined;this.hasController=false;this.color=undefined;this.enterAnimation=undefined;this.leaveAnimation=undefined;this.cssClass=undefined;this.duration=k.getNumber("toastDuration",0);this.header=undefined;this.layout="baseline";this.message=undefined;this.keyboardClose=false;this.position="bottom";this.buttons=undefined;this.translucent=false;this.animated=true;this.icon=undefined;this.htmlAttributes=undefined;this.isOpen=false;this.trigger=undefined}t.prototype.onIsOpenChange=function(t,e){if(t===true&&e===false){this.present()}else if(t===false&&e===true){this.dismiss()}};t.prototype.triggerChanged=function(){var t=this,e=t.trigger,n=t.el,r=t.triggerController;if(e){r.addClickListener(n,e)}};t.prototype.connectedCallback=function(){f(this.el);this.triggerChanged()};t.prototype.disconnectedCallback=function(){this.triggerController.removeClickListener()};t.prototype.componentWillLoad=function(){b(this.el)};t.prototype.componentDidLoad=function(){var t=this;if(this.isOpen===true){d((function(){return t.present()}))}};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:if(!(this.currentTransition!==undefined))return[3,2];return[4,this.currentTransition];case 1:e.sent();e.label=2;case 2:return[4,this.delegateController.attachViewToDom()];case 3:e.sent();this.currentTransition=g(this,"toastEnter",_,D,this.position);return[4,this.currentTransition];case 4:e.sent();this.revealContentToScreenReader=true;this.currentTransition=undefined;if(this.duration>0){this.durationTimeout=setTimeout((function(){return t.dismiss(undefined,"timeout")}),this.duration)}return[2]}}))}))};t.prototype.dismiss=function(t,e){return __awaiter(this,void 0,void 0,(function(){var n;return __generator(this,(function(r){switch(r.label){case 0:if(this.durationTimeout){clearTimeout(this.durationTimeout)}this.currentTransition=m(this,t,e,"toastLeave",j,z,this.position);return[4,this.currentTransition];case 1:n=r.sent();if(n){this.delegateController.removeViewFromDom();this.revealContentToScreenReader=false}return[2,n]}}))}))};t.prototype.onDidDismiss=function(){return v(this.el,"ionToastDidDismiss")};t.prototype.onWillDismiss=function(){return v(this.el,"ionToastWillDismiss")};t.prototype.getButtons=function(){var t=this.buttons?this.buttons.map((function(t){return typeof t==="string"?{text:t}:t})):[];return t};t.prototype.buttonClick=function(t){return __awaiter(this,void 0,void 0,(function(){var e,n;return __generator(this,(function(r){switch(r.label){case 0:e=t.role;if(h(e)){return[2,this.dismiss(undefined,e)]}return[4,this.callButtonHandler(t)];case 1:n=r.sent();if(n){return[2,this.dismiss(undefined,e)]}return[2,Promise.resolve()]}}))}))};t.prototype.callButtonHandler=function(t){return __awaiter(this,void 0,void 0,(function(){var e,n;return __generator(this,(function(r){switch(r.label){case 0:if(!(t===null||t===void 0?void 0:t.handler))return[3,4];r.label=1;case 1:r.trys.push([1,3,,4]);return[4,x(t.handler)];case 2:e=r.sent();if(e===false){return[2,false]}return[3,4];case 3:n=r.sent();console.error(n);return[3,4];case 4:return[2,true]}}))}))};t.prototype.renderButtons=function(t,e){var n;var o=this;if(t.length===0){return}var i=T(this);var a=(n={"toast-button-group":true},n["toast-button-group-".concat(e)]=true,n);return r("div",{class:a},t.map((function(t){return r("button",Object.assign({},t.htmlAttributes,{type:"button",class:P(t),tabIndex:0,onClick:function(){return o.buttonClick(t)},part:E(t)}),r("div",{class:"toast-button-inner"},t.icon&&r("ion-icon",{"aria-hidden":"true",icon:t.icon,slot:t.text===undefined?"icon-only":undefined,class:"toast-button-icon"}),t.text),i==="md"&&r("ion-ripple-effect",{type:t.icon!==undefined&&t.text===undefined?"unbounded":"bounded"}))})))};t.prototype.renderToastMessage=function(t,e){if(e===void 0){e=null}var n=this,o=n.customHTMLEnabled,i=n.message;if(o){return r("div",{key:t,"aria-hidden":e,class:"toast-message",part:"message",innerHTML:s(i)})}return r("div",{key:t,"aria-hidden":e,class:"toast-message",part:"message"},i)};t.prototype.renderHeader=function(t,e){if(e===void 0){e=null}return r("div",{key:t,class:"toast-header","aria-hidden":e,part:"header"},this.header)};t.prototype.render=function(){var t,e;var n=this,i=n.layout,a=n.el,s=n.revealContentToScreenReader,l=n.header,d=n.message;var u=this.getButtons();var p=u.filter((function(t){return t.side==="start"}));var h=u.filter((function(t){return t.side!=="start"}));var f=T(this);var b=(t={"toast-wrapper":true},t["toast-".concat(this.position)]=true,t["toast-layout-".concat(i)]=true,t);if(i==="stacked"&&p.length>0&&h.length>0){c("This toast is using start and end buttons with the stacked toast layout. We recommend following the best practice of using either start or end buttons with the stacked toast layout.",a)}return r(o,Object.assign({tabindex:"-1"},this.htmlAttributes,{style:{zIndex:"".concat(6e4+this.overlayIndex)},class:y(this.color,Object.assign(Object.assign((e={},e[f]=true,e),w(this.cssClass)),{"overlay-hidden":true,"toast-translucent":this.translucent})),onIonToastWillDismiss:this.dispatchCancelHandler}),r("div",{class:b},r("div",{class:"toast-container",part:"container"},this.renderButtons(p,"start"),this.icon!==undefined&&r("ion-icon",{class:"toast-icon",part:"icon",icon:this.icon,lazy:false,"aria-hidden":"true"}),r("div",{class:"toast-content",role:"status","aria-atomic":"true","aria-live":"polite"},!s&&l!==undefined&&this.renderHeader("oldHeader","true"),!s&&d!==undefined&&this.renderToastMessage("oldMessage","true"),s&&l!==undefined&&this.renderHeader("header"),s&&d!==undefined&&this.renderToastMessage("header")),this.renderButtons(h,"end"))))};Object.defineProperty(t.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{isOpen:["onIsOpenChange"],trigger:["triggerChanged"]}},enumerable:false,configurable:true});return t}());var P=function(t){var e;return Object.assign((e={"toast-button":true,"toast-button-icon-only":t.icon!==undefined&&t.text===undefined},e["toast-button-".concat(t.role)]=t.role!==undefined,e["ion-focusable"]=true,e["ion-activatable"]=true,e),w(t.cssClass))};var E=function(t){return h(t.role)?"button cancel":"button"};O.style={ios:H,md:S}}}}));
@@ -1,4 +0,0 @@
1
- var __awaiter=this&&this.__awaiter||function(e,t,r,o){function n(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,i){function a(e){try{p(o.next(e))}catch(e){i(e)}}function s(e){try{p(o["throw"](e))}catch(e){i(e)}}function p(e){e.done?r(e.value):n(e.value).then(a,s)}p((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},o,n,i,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(t){return p([e,t])}}function p(s){if(o)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(r=0)),r)try{if(o=1,n&&(i=s[0]&2?n["return"]:s[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,s[1])).done)return i;if(n=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;n=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){r.label=s[1];break}if(s[0]===6&&r.label<i[1]){r.label=i[1];i=s;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(s);break}if(i[2])r.ops.pop();r.trys.pop();continue}s=t.call(e,r)}catch(e){s=[6,e];n=0}finally{o=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
2
- /*!
3
- * (C) Ionic http://ionicframework.com - MIT License
4
- */System.register(["./p-5b553dc0.system.js","./p-8d9475b5.system.js","./p-815c2fba.system.js","./p-479cdbf8.system.js","./p-81b46714.system.js","./p-7b16490a.system.js","./p-44bc8b45.system.js","./p-df6743df.system.js","./p-6b2641f6.system.js","./p-8c15eda7.system.js","./p-0e94957a.system.js"],(function(e){"use strict";var t,r,o,n,i,a,s,p,c,d,l,f,u,v,h,g,m,b,w,y,x,k,P,T,D,E;return{setters:[function(e){t=e.r;r=e.d;o=e.h;n=e.H;i=e.f},function(e){a=e.C;s=e.a;p=e.d},function(e){c=e.r;d=e.g;l=e.a;f=e.m},function(e){u=e.p},function(e){v=e.B;h=e.j;g=e.k;m=e.f;b=e.o;w=e.g;y=e.h},function(e){x=e.b;k=e.a},function(e){P=e.g},function(e){T=e.e;D=e.w},function(e){E=e.c},function(){},function(){}],execute:function(){var S=this;var I=function(e){if(!e){return{arrowWidth:0,arrowHeight:0}}var t=e.getBoundingClientRect(),r=t.width,o=t.height;return{arrowWidth:r,arrowHeight:o}};var A=function(e,t,r){var o=t.getBoundingClientRect();var n=o.height;var i=o.width;if(e==="cover"&&r){var a=r.getBoundingClientRect();i=a.width}return{contentWidth:i,contentHeight:n}};var _=function(e,t,r,o){var n=[];var i=d(o);var a=i.querySelector(".popover-content");switch(t){case"hover":n=[{eventName:"mouseenter",callback:function(t){var o=document.elementFromPoint(t.clientX,t.clientY);if(o===e){return}r.dismiss(undefined,undefined,false)}}];break;case"context-menu":case"click":default:n=[{eventName:"click",callback:function(t){var o=t.target;var n=o.closest("[data-ion-popover-trigger]");if(n===e){t.stopPropagation();return}r.dismiss(undefined,undefined,false)}}];break}n.forEach((function(e){var t=e.eventName,r=e.callback;return a.addEventListener(t,r)}));return function(){n.forEach((function(e){var t=e.eventName,r=e.callback;return a.removeEventListener(t,r)}))}};var L=function(e,t,r){var o=[];switch(t){case"hover":var n;o=[{eventName:"mouseenter",callback:function(e){return __awaiter(S,void 0,void 0,(function(){return __generator(this,(function(t){e.stopPropagation();if(n){clearTimeout(n)}n=setTimeout((function(){c((function(){r.presentFromTrigger(e);n=undefined}))}),100);return[2]}))}))}},{eventName:"mouseleave",callback:function(e){if(n){clearTimeout(n)}var t=e.relatedTarget;if(!t){return}if(t.closest("ion-popover")!==r){r.dismiss(undefined,undefined,false)}}},{eventName:"click",callback:function(e){return e.stopPropagation()}},{eventName:"ionPopoverActivateTrigger",callback:function(e){return r.presentFromTrigger(e,true)}}];break;case"context-menu":o=[{eventName:"contextmenu",callback:function(e){e.preventDefault();r.presentFromTrigger(e)}},{eventName:"click",callback:function(e){return e.stopPropagation()}},{eventName:"ionPopoverActivateTrigger",callback:function(e){return r.presentFromTrigger(e,true)}}];break;case"click":default:o=[{eventName:"click",callback:function(e){return r.presentFromTrigger(e)}},{eventName:"ionPopoverActivateTrigger",callback:function(e){return r.presentFromTrigger(e,true)}}];break}o.forEach((function(t){var r=t.eventName,o=t.callback;return e.addEventListener(r,o)}));e.setAttribute("data-ion-popover-trigger","true");return function(){o.forEach((function(t){var r=t.eventName,o=t.callback;return e.removeEventListener(r,o)}));e.removeAttribute("data-ion-popover-trigger")}};var C=function(e,t){if(!t||t.tagName!=="ION-ITEM"){return-1}return e.findIndex((function(e){return e===t}))};var W=function(e,t){var r=C(e,t);return e[r+1]};var O=function(e,t){var r=C(e,t);return e[r-1]};var N=function(e){var t=d(e);var r=t.querySelector("button");if(r){c((function(){return r.focus()}))}};var q=function(e){return e.hasAttribute("data-ion-popover-trigger")};var j=function(e){var t=function(t){return __awaiter(S,void 0,void 0,(function(){var r,o,n,i,a,s,p,c,d,l,f;return __generator(this,(function(u){switch(u.label){case 0:o=document.activeElement;n=[];i=(r=t.target)===null||r===void 0?void 0:r.tagName;if(i!=="ION-POPOVER"&&i!=="ION-ITEM"){return[2]}try{n=Array.from(e.querySelectorAll("ion-item:not(ion-popover ion-popover *):not([disabled])"))}catch(e){}a=t.key;switch(a){case"ArrowLeft":return[3,1];case"ArrowDown":return[3,3];case"ArrowUp":return[3,4];case"Home":return[3,5];case"End":return[3,6];case"ArrowRight":return[3,7];case" ":return[3,7];case"Enter":return[3,7]}return[3,8];case 1:return[4,e.getParentPopover()];case 2:s=u.sent();if(s){e.dismiss(undefined,undefined,false)}return[3,8];case 3:t.preventDefault();p=W(n,o);if(p!==undefined){N(p)}return[3,8];case 4:t.preventDefault();c=O(n,o);if(c!==undefined){N(c)}return[3,8];case 5:t.preventDefault();d=n[0];if(d!==undefined){N(d)}return[3,8];case 6:t.preventDefault();l=n[n.length-1];if(l!==undefined){N(l)}return[3,8];case 7:if(o&&q(o)){f=new CustomEvent("ionPopoverActivateTrigger");o.dispatchEvent(f)}return[3,8];case 8:return[2]}}))}))};e.addEventListener("keydown",t);return function(){return e.removeEventListener("keydown",t)}};var X=function(e,t,r,o,n,i,a,s,p,c,d){var l;var f={top:0,left:0,width:0,height:0};switch(i){case"event":if(!d){return p}var u=d;f={top:u.clientY,left:u.clientX,width:1,height:1};break;case"trigger":default:var v=d;var h=c||((l=v===null||v===void 0?void 0:v.detail)===null||l===void 0?void 0:l.ionShadowTarget)||(v===null||v===void 0?void 0:v.target);if(!h){return p}var g=h.getBoundingClientRect();f={top:g.top,left:g.left,width:g.width,height:g.height};break}var m=M(a,f,t,r,o,n,e);var b=V(s,a,f,t,r);var w=m.top+b.top;var y=m.left+b.left;var x=H(a,o,n,w,y,t,r,e),k=x.arrowTop,P=x.arrowLeft;var T=Y(a,s,e),D=T.originX,E=T.originY;return{top:w,left:y,referenceCoordinates:f,arrowTop:k,arrowLeft:P,originX:D,originY:E}};var Y=function(e,t,r){switch(e){case"top":return{originX:z(t),originY:"bottom"};case"bottom":return{originX:z(t),originY:"top"};case"left":return{originX:"right",originY:B(t)};case"right":return{originX:"left",originY:B(t)};case"start":return{originX:r?"left":"right",originY:B(t)};case"end":return{originX:r?"right":"left",originY:B(t)}}};var z=function(e){switch(e){case"start":return"left";case"center":return"center";case"end":return"right"}};var B=function(e){switch(e){case"start":return"top";case"center":return"center";case"end":return"bottom"}};var H=function(e,t,r,o,n,i,a,s){var p={arrowTop:o+a/2-t/2,arrowLeft:n+i-t/2};var c={arrowTop:o+a/2-t/2,arrowLeft:n-t*1.5};switch(e){case"top":return{arrowTop:o+a,arrowLeft:n+i/2-t/2};case"bottom":return{arrowTop:o-r,arrowLeft:n+i/2-t/2};case"left":return p;case"right":return c;case"start":return s?c:p;case"end":return s?p:c;default:return{arrowTop:0,arrowLeft:0}}};var M=function(e,t,r,o,n,i,a){var s={top:t.top,left:t.left-r-n};var p={top:t.top,left:t.left+t.width+n};switch(e){case"top":return{top:t.top-o-i,left:t.left};case"right":return p;case"bottom":return{top:t.top+t.height+i,left:t.left};case"left":return s;case"start":return a?p:s;case"end":return a?s:p}};var V=function(e,t,r,o,n){switch(e){case"center":return R(t,r,o,n);case"end":return F(t,r,o,n);case"start":default:return{top:0,left:0}}};var F=function(e,t,r,o){switch(e){case"start":case"end":case"left":case"right":return{top:-(o-t.height),left:0};case"top":case"bottom":default:return{top:0,left:-(r-t.width)}}};var R=function(e,t,r,o){switch(e){case"start":case"end":case"left":case"right":return{top:-(o/2-t.height/2),left:0};case"top":case"bottom":default:return{top:0,left:-(r/2-t.width/2)}}};var K=function(e,t,r,o,n,i,a,s,p,c,d,l,f,u,v){if(f===void 0){f=0}if(u===void 0){u=0}if(v===void 0){v=0}var h=f;var g=u;var m=r;var b=t;var w;var y=c;var x=d;var k=false;var P=false;var T=l?l.top+l.height:i/2-s/2;var D=l?l.height:0;var E=false;if(m<o+p){m=o;k=true;y="left"}else if(a+o+m+p>n){P=true;m=n-a-o;y="right"}if(T+D+s>i&&(e==="top"||e==="bottom")){if(T-s>0){b=Math.max(12,T-s-D-(v-1));h=b+s;x="bottom";E=true}else{w=o}}return{top:b,left:m,bottom:w,originX:y,originY:x,checkSafeAreaLeft:k,checkSafeAreaRight:P,arrowTop:h,arrowLeft:g,addPopoverBottomClass:E}};var G=function(e,t,r,o){if(t===void 0){t=false}if(!r&&!o){return false}if(e!=="top"&&e!=="bottom"&&t){return false}return true};var U=5;var J=function(e,t){var r;var o=t.event,n=t.size,i=t.trigger,a=t.reference,s=t.side,p=t.align;var c=e.ownerDocument;var l=c.dir==="rtl";var f=c.defaultView.innerWidth;var u=c.defaultView.innerHeight;var v=d(e);var h=v.querySelector(".popover-content");var g=v.querySelector(".popover-arrow");var m=i||((r=o===null||o===void 0?void 0:o.detail)===null||r===void 0?void 0:r.ionShadowTarget)||(o===null||o===void 0?void 0:o.target);var b=A(n,h,m),w=b.contentWidth,y=b.contentHeight;var x=I(g),k=x.arrowWidth,P=x.arrowHeight;var T={top:u/2-y/2,left:f/2-w/2,originX:l?"right":"left",originY:"top"};var D=X(l,w,y,k,P,a,s,p,T,i,o);var S=n==="cover"?0:U;var _=n==="cover"?0:25;var L=K(s,D.top,D.left,S,f,u,w,y,_,D.originX,D.originY,D.referenceCoordinates,D.arrowTop,D.arrowLeft,P),C=L.originX,W=L.originY,O=L.top,N=L.left,q=L.bottom,j=L.checkSafeAreaLeft,Y=L.checkSafeAreaRight,z=L.arrowTop,B=L.arrowLeft,H=L.addPopoverBottomClass;var M=E();var V=E();var F=E();V.addElement(v.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]);F.addElement(v.querySelector(".popover-arrow")).addElement(v.querySelector(".popover-content")).fromTo("opacity",.01,1);return M.easing("ease").duration(100).beforeAddWrite((function(){if(n==="cover"){e.style.setProperty("--width","".concat(w,"px"))}if(H){e.classList.add("popover-bottom")}if(q!==undefined){h.style.setProperty("bottom","".concat(q,"px"))}var t=" + var(--ion-safe-area-left, 0)";var r=" - var(--ion-safe-area-right, 0)";var a="".concat(N,"px");if(j){a="".concat(N,"px").concat(t)}if(Y){a="".concat(N,"px").concat(r)}h.style.setProperty("top","calc(".concat(O,"px + var(--offset-y, 0))"));h.style.setProperty("left","calc(".concat(a," + var(--offset-x, 0))"));h.style.setProperty("transform-origin","".concat(W," ").concat(C));if(g!==null){var p=D.top!==O||D.left!==N;var c=G(s,p,o,i);if(c){g.style.setProperty("top","calc(".concat(z,"px + var(--offset-y, 0))"));g.style.setProperty("left","calc(".concat(B,"px + var(--offset-x, 0))"))}else{g.style.setProperty("display","none")}}})).addAnimation([V,F])};var Q=function(e){var t=d(e);var r=t.querySelector(".popover-content");var o=t.querySelector(".popover-arrow");var n=E();var i=E();var a=E();i.addElement(t.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0);a.addElement(t.querySelector(".popover-arrow")).addElement(t.querySelector(".popover-content")).fromTo("opacity",.99,0);return n.easing("ease").afterAddWrite((function(){e.style.removeProperty("--width");e.classList.remove("popover-bottom");r.style.removeProperty("top");r.style.removeProperty("left");r.style.removeProperty("bottom");r.style.removeProperty("transform-origin");if(o){o.style.removeProperty("top");o.style.removeProperty("left");o.style.removeProperty("display")}})).duration(300).addAnimation([i,a])};var Z=12;var $=function(e,t){var r;var o=t.event,n=t.size,i=t.trigger,a=t.reference,s=t.side,p=t.align;var c=e.ownerDocument;var l=c.dir==="rtl";var f=c.defaultView.innerWidth;var u=c.defaultView.innerHeight;var v=d(e);var h=v.querySelector(".popover-content");var g=i||((r=o===null||o===void 0?void 0:o.detail)===null||r===void 0?void 0:r.ionShadowTarget)||(o===null||o===void 0?void 0:o.target);var m=A(n,h,g),b=m.contentWidth,w=m.contentHeight;var y={top:u/2-w/2,left:f/2-b/2,originX:l?"right":"left",originY:"top"};var x=X(l,b,w,0,0,a,s,p,y,i,o);var k=n==="cover"?0:Z;var P=K(s,x.top,x.left,k,f,u,b,w,0,x.originX,x.originY,x.referenceCoordinates),T=P.originX,D=P.originY,S=P.top,I=P.left,_=P.bottom;var L=E();var C=E();var W=E();var O=E();var N=E();C.addElement(v.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]);W.addElement(v.querySelector(".popover-wrapper")).duration(150).fromTo("opacity",.01,1);O.addElement(h).beforeStyles({top:"calc(".concat(S,"px + var(--offset-y, 0px))"),left:"calc(".concat(I,"px + var(--offset-x, 0px))"),"transform-origin":"".concat(D," ").concat(T)}).beforeAddWrite((function(){if(_!==undefined){h.style.setProperty("bottom","".concat(_,"px"))}})).fromTo("transform","scale(0.8)","scale(1)");N.addElement(v.querySelector(".popover-viewport")).fromTo("opacity",.01,1);return L.easing("cubic-bezier(0.36,0.66,0.04,1)").duration(300).beforeAddWrite((function(){if(n==="cover"){e.style.setProperty("--width","".concat(b,"px"))}if(D==="bottom"){e.classList.add("popover-bottom")}})).addAnimation([C,W,O,N])};var ee=function(e){var t=d(e);var r=t.querySelector(".popover-content");var o=E();var n=E();var i=E();n.addElement(t.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0);i.addElement(t.querySelector(".popover-wrapper")).fromTo("opacity",.99,0);return o.easing("ease").afterAddWrite((function(){e.style.removeProperty("--width");e.classList.remove("popover-bottom");r.style.removeProperty("top");r.style.removeProperty("left");r.style.removeProperty("bottom");r.style.removeProperty("transform-origin")})).duration(150).addAnimation([n,i])};var te=':host{--background:var(--ion-background-color, #fff);--min-width:0;--min-height:0;--max-width:auto;--height:auto;--offset-x:0px;--offset-y:0px;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);z-index:1001}:host(.popover-nested){pointer-events:none}:host(.popover-nested) .popover-wrapper{pointer-events:auto}:host(.overlay-hidden){display:none}.popover-wrapper{z-index:10}.popover-content{display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:auto;z-index:10}.popover-viewport{--ion-safe-area-top:0px;--ion-safe-area-right:0px;--ion-safe-area-bottom:0px;--ion-safe-area-left:0px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden}:host(.popover-nested.popover-side-left){--offset-x:5px}:host(.popover-nested.popover-side-right){--offset-x:-5px}:host(.popover-nested.popover-side-start){--offset-x:5px}:host-context([dir=rtl]):host(.popover-nested.popover-side-start),:host-context([dir=rtl]).popover-nested.popover-side-start{--offset-x:-5px}@supports selector(:dir(rtl)){:host(.popover-nested.popover-side-start):dir(rtl){--offset-x:-5px}}:host(.popover-nested.popover-side-end){--offset-x:-5px}:host-context([dir=rtl]):host(.popover-nested.popover-side-end),:host-context([dir=rtl]).popover-nested.popover-side-end{--offset-x:5px}@supports selector(:dir(rtl)){:host(.popover-nested.popover-side-end):dir(rtl){--offset-x:5px}}:host{--width:200px;--max-height:90%;--box-shadow:none;--backdrop-opacity:var(--ion-backdrop-opacity, 0.08)}:host(.popover-desktop){--box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.12)}.popover-content{border-radius:10px}:host(.popover-desktop) .popover-content{border:0.5px solid var(--ion-color-step-100, #e6e6e6)}.popover-arrow{display:block;position:absolute;width:20px;height:10px;overflow:hidden}.popover-arrow::after{top:3px;border-radius:3px;position:absolute;width:14px;height:14px;-webkit-transform:rotate(45deg);transform:rotate(45deg);background:var(--background);content:"";z-index:10}@supports (inset-inline-start: 0){.popover-arrow::after{inset-inline-start:3px}}@supports not (inset-inline-start: 0){.popover-arrow::after{left:3px}:host-context([dir=rtl]) .popover-arrow::after{left:unset;right:unset;right:3px}[dir=rtl] .popover-arrow::after{left:unset;right:unset;right:3px}@supports selector(:dir(rtl)){.popover-arrow::after:dir(rtl){left:unset;right:unset;right:3px}}}:host(.popover-bottom) .popover-arrow{top:auto;bottom:-10px}:host(.popover-bottom) .popover-arrow::after{top:-6px}:host(.popover-side-left) .popover-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host(.popover-side-right) .popover-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}:host(.popover-side-top) .popover-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host(.popover-side-start) .popover-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host-context([dir=rtl]):host(.popover-side-start) .popover-arrow,:host-context([dir=rtl]).popover-side-start .popover-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}@supports selector(:dir(rtl)){:host(.popover-side-start) .popover-arrow:dir(rtl){-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}:host(.popover-side-end) .popover-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}:host-context([dir=rtl]):host(.popover-side-end) .popover-arrow,:host-context([dir=rtl]).popover-side-end .popover-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}@supports selector(:dir(rtl)){:host(.popover-side-end) .popover-arrow:dir(rtl){-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.popover-arrow,.popover-content{opacity:0}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.popover-translucent) .popover-content,:host(.popover-translucent) .popover-arrow::after{background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}';var re=":host{--background:var(--ion-background-color, #fff);--min-width:0;--min-height:0;--max-width:auto;--height:auto;--offset-x:0px;--offset-y:0px;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);z-index:1001}:host(.popover-nested){pointer-events:none}:host(.popover-nested) .popover-wrapper{pointer-events:auto}:host(.overlay-hidden){display:none}.popover-wrapper{z-index:10}.popover-content{display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:auto;z-index:10}.popover-viewport{--ion-safe-area-top:0px;--ion-safe-area-right:0px;--ion-safe-area-bottom:0px;--ion-safe-area-left:0px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden}:host(.popover-nested.popover-side-left){--offset-x:5px}:host(.popover-nested.popover-side-right){--offset-x:-5px}:host(.popover-nested.popover-side-start){--offset-x:5px}:host-context([dir=rtl]):host(.popover-nested.popover-side-start),:host-context([dir=rtl]).popover-nested.popover-side-start{--offset-x:-5px}@supports selector(:dir(rtl)){:host(.popover-nested.popover-side-start):dir(rtl){--offset-x:-5px}}:host(.popover-nested.popover-side-end){--offset-x:-5px}:host-context([dir=rtl]):host(.popover-nested.popover-side-end),:host-context([dir=rtl]).popover-nested.popover-side-end{--offset-x:5px}@supports selector(:dir(rtl)){:host(.popover-nested.popover-side-end):dir(rtl){--offset-x:5px}}:host{--width:250px;--max-height:90%;--box-shadow:0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);--backdrop-opacity:var(--ion-backdrop-opacity, 0.32)}.popover-content{border-radius:4px;-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]) .popover-content{-webkit-transform-origin:right top;transform-origin:right top}[dir=rtl] .popover-content{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.popover-content:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}.popover-viewport{-webkit-transition-delay:100ms;transition-delay:100ms}.popover-wrapper{opacity:0}";var oe=e("ion_popover",function(){function e(e){var o=this;t(this,e);this.didPresent=r(this,"ionPopoverDidPresent",7);this.willPresent=r(this,"ionPopoverWillPresent",7);this.willDismiss=r(this,"ionPopoverWillDismiss",7);this.didDismiss=r(this,"ionPopoverDidDismiss",7);this.didPresentShorthand=r(this,"didPresent",7);this.willPresentShorthand=r(this,"willPresent",7);this.willDismissShorthand=r(this,"willDismiss",7);this.didDismissShorthand=r(this,"didDismiss",7);this.ionMount=r(this,"ionMount",7);this.parentPopover=null;this.coreDelegate=a();this.inline=false;this.focusDescendantOnPresent=false;this.onBackdropTap=function(){o.dismiss(undefined,v)};this.onLifecycle=function(e){var t=o.usersElement;var r=ne[e.type];if(t&&r){var n=new CustomEvent(r,{bubbles:false,cancelable:false,detail:e.detail});t.dispatchEvent(n)}};this.configureTriggerInteraction=function(){var e=o,t=e.trigger,r=e.triggerAction,n=e.el,i=e.destroyTriggerInteraction;if(i){i()}if(t===undefined){return}var a=o.triggerEl=t!==undefined?document.getElementById(t):null;if(!a){u('A trigger element with the ID "'.concat(t,'" was not found in the DOM. The trigger element must be in the DOM when the "trigger" property is set on ion-popover.'),o.el);return}o.destroyTriggerInteraction=L(a,r,n)};this.configureKeyboardInteraction=function(){var e=o,t=e.destroyKeyboardInteraction,r=e.el;if(t){t()}o.destroyKeyboardInteraction=j(r)};this.configureDismissInteraction=function(){var e=o,t=e.destroyDismissInteraction,r=e.parentPopover,n=e.triggerAction,i=e.triggerEl,a=e.el;if(!r||!i){return}if(t){t()}o.destroyDismissInteraction=_(i,n,a,r)};this.presented=false;this.hasController=false;this.delegate=undefined;this.overlayIndex=undefined;this.enterAnimation=undefined;this.leaveAnimation=undefined;this.component=undefined;this.componentProps=undefined;this.keyboardClose=true;this.cssClass=undefined;this.backdropDismiss=true;this.event=undefined;this.showBackdrop=true;this.translucent=false;this.animated=true;this.htmlAttributes=undefined;this.triggerAction="click";this.trigger=undefined;this.size="auto";this.dismissOnSelect=false;this.reference="trigger";this.side="bottom";this.alignment=undefined;this.arrow=true;this.isOpen=false;this.keyboardEvents=false;this.keepContentsMounted=false}e.prototype.onTriggerChange=function(){this.configureTriggerInteraction()};e.prototype.onIsOpenChange=function(e,t){if(e===true&&t===false){this.present()}else if(e===false&&t===true){this.dismiss()}};e.prototype.connectedCallback=function(){var e=this,t=e.configureTriggerInteraction,r=e.el;h(r);t()};e.prototype.disconnectedCallback=function(){var e=this.destroyTriggerInteraction;if(e){e()}};e.prototype.componentWillLoad=function(){var e=this.el;var t=g(e);this.parentPopover=e.closest("ion-popover:not(#".concat(t,")"));if(this.alignment===undefined){this.alignment=x(this)==="ios"?"center":"start"}};e.prototype.componentDidLoad=function(){var e=this;var t=this,r=t.parentPopover,o=t.isOpen;if(o===true){c((function(){return e.present()}))}if(r){l(r,"ionPopoverWillDismiss",(function(){e.dismiss(undefined,undefined,false)}))}};e.prototype.presentFromTrigger=function(e,t){if(t===void 0){t=false}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:this.focusDescendantOnPresent=t;return[4,this.present(e)];case 1:r.sent();this.focusDescendantOnPresent=false;return[2]}}))}))};e.prototype.getDelegate=function(e){if(e===void 0){e=false}if(this.workingDelegate&&!e){return{delegate:this.workingDelegate,inline:this.inline}}var t=this.el.parentNode;var r=this.inline=t!==null&&!this.hasController;var o=this.workingDelegate=r?this.delegate||this.coreDelegate:this.delegate;return{inline:r,delegate:o}};e.prototype.present=function(e){return __awaiter(this,void 0,void 0,(function(){var t,r,o,n,i;return __generator(this,(function(a){switch(a.label){case 0:if(this.presented){return[2]}if(!(this.currentTransition!==undefined))return[3,2];return[4,this.currentTransition];case 1:a.sent();a.label=2;case 2:t=this.el;r=this.getDelegate(true),o=r.inline,n=r.delegate;i=this;return[4,s(n,t,this.component,["popover-viewport"],this.componentProps,o)];case 3:i.usersElement=a.sent();if(!this.keyboardEvents){this.configureKeyboardInteraction()}this.configureDismissInteraction();this.ionMount.emit();if(!f(t))return[3,5];return[4,T(this.usersElement)];case 4:a.sent();return[3,7];case 5:if(!!this.keepContentsMounted)return[3,7];return[4,D()];case 6:a.sent();a.label=7;case 7:this.currentTransition=m(this,"popoverEnter",J,$,{event:e||this.event,size:this.size,trigger:this.triggerEl,reference:this.reference,side:this.side,align:this.alignment});return[4,this.currentTransition];case 8:a.sent();this.currentTransition=undefined;if(this.focusDescendantOnPresent){b(this.el,this.el)}return[2]}}))}))};e.prototype.dismiss=function(e,t,r){if(r===void 0){r=true}return __awaiter(this,void 0,void 0,(function(){var o,n,i,a,s;return __generator(this,(function(c){switch(c.label){case 0:if(!(this.currentTransition!==undefined))return[3,2];return[4,this.currentTransition];case 1:c.sent();c.label=2;case 2:o=this,n=o.destroyKeyboardInteraction,i=o.destroyDismissInteraction;if(r&&this.parentPopover){this.parentPopover.dismiss(e,t,r)}this.currentTransition=w(this,e,t,"popoverLeave",Q,ee,this.event);return[4,this.currentTransition];case 3:a=c.sent();if(!a)return[3,5];if(n){n();this.destroyKeyboardInteraction=undefined}if(i){i();this.destroyDismissInteraction=undefined}s=this.getDelegate().delegate;return[4,p(s,this.usersElement)];case 4:c.sent();c.label=5;case 5:this.currentTransition=undefined;return[2,a]}}))}))};e.prototype.getParentPopover=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.parentPopover]}))}))};e.prototype.onDidDismiss=function(){return y(this.el,"ionPopoverDidDismiss")};e.prototype.onWillDismiss=function(){return y(this.el,"ionPopoverWillDismiss")};e.prototype.render=function(){var e;var t=this;var r=x(this);var i=this,a=i.onLifecycle,s=i.parentPopover,p=i.dismissOnSelect,c=i.side,d=i.arrow,l=i.htmlAttributes;var f=k("desktop");var u=d&&!s;return o(n,Object.assign({"aria-modal":"true","no-router":true,tabindex:"-1"},l,{style:{zIndex:"".concat(2e4+this.overlayIndex)},class:Object.assign(Object.assign({},P(this.cssClass)),(e={},e[r]=true,e["popover-translucent"]=this.translucent,e["overlay-hidden"]=true,e["popover-desktop"]=f,e["popover-side-".concat(c)]=true,e["popover-nested"]=!!s,e)),onIonPopoverDidPresent:a,onIonPopoverWillPresent:a,onIonPopoverWillDismiss:a,onIonPopoverDidDismiss:a,onIonBackdropTap:this.onBackdropTap}),!s&&o("ion-backdrop",{tappable:this.backdropDismiss,visible:this.showBackdrop,part:"backdrop"}),o("div",{class:"popover-wrapper ion-overlay-wrapper",onClick:p?function(){return t.dismiss()}:undefined},u&&o("div",{class:"popover-arrow",part:"arrow"}),o("div",{class:"popover-content",part:"content"},o("slot",null))))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{trigger:["onTriggerChange"],triggerAction:["onTriggerChange"],isOpen:["onIsOpenChange"]}},enumerable:false,configurable:true});return e}());var ne={ionPopoverDidPresent:"ionViewDidEnter",ionPopoverWillPresent:"ionViewWillEnter",ionPopoverWillDismiss:"ionViewWillLeave",ionPopoverDidDismiss:"ionViewDidLeave"};oe.style={ios:te,md:re}}}}));