@six-group/ui-library 0.0.0-insider.9277796 → 0.0.0-insider.9eaaa42

package/dist/components/popover.js

@@ -449,7 +449,6 @@ function effect$1(_ref2) {
   }
 
   if (!contains(state.elements.popper, arrowElement)) {
-
     return;
   }
 
@@ -591,7 +590,6 @@ function computeStyles(_ref5) {
       adaptive = _options$adaptive === void 0 ? true : _options$adaptive,
       _options$roundOffsets = options.roundOffsets,
       roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;
-
   var commonStyles = {
     placement: getBasePlacement(state.placement),
     variation: getVariation(state.placement),
@@ -1659,8 +1657,7 @@ function popperGenerator(generatorOptions) {
 
         state.orderedModifiers = orderedModifiers.filter(function (m) {
           return m.enabled;
-        }); // Validate the provided modifiers so that the consumer will get warned
-
+        });
         runModifierEffects();
         return instance.update();
       },
@@ -1680,7 +1677,6 @@ function popperGenerator(generatorOptions) {
         // anymore
 
         if (!areValidElements(reference, popper)) {
-
           return;
         } // Store the reference and popper rects to be read by modifiers
 
@@ -1705,7 +1701,6 @@ function popperGenerator(generatorOptions) {
         });
 
         for (var index = 0; index < state.orderedModifiers.length; index++) {
-
           if (state.reset === true) {
             state.reset = false;
             index = -1;
@@ -1743,7 +1738,6 @@ function popperGenerator(generatorOptions) {
     };
 
     if (!areValidElements(reference, popper)) {
-
       return instance;
     }
 
@@ -1758,11 +1752,11 @@ function popperGenerator(generatorOptions) {
     // one.
 
     function runModifierEffects() {
-      state.orderedModifiers.forEach(function (_ref3) {
-        var name = _ref3.name,
-            _ref3$options = _ref3.options,
-            options = _ref3$options === void 0 ? {} : _ref3$options,
-            effect = _ref3.effect;
+      state.orderedModifiers.forEach(function (_ref) {
+        var name = _ref.name,
+            _ref$options = _ref.options,
+            options = _ref$options === void 0 ? {} : _ref$options,
+            effect = _ref.effect;
 
         if (typeof effect === 'function') {
           var cleanupFn = effect({
@@ -1808,27 +1802,32 @@ class Popover {
       strategy: 'absolute',
       transitionElement: this.popover,
       visibleClass: 'popover-visible',
-      onAfterShow: () => { },
-      onAfterHide: () => { },
-      onTransitionEnd: () => { },
+      onAfterShow: () => Promise,
+      onAfterHide: () => Promise,
+      onTransitionEnd: () => Promise,
     }, options);
     this.isVisible = false;
     this.popover.hidden = true;
-    this.popover.classList.remove(this.options.visibleClass);
+    if (this.options.visibleClass != null) {
+      this.popover.classList.remove(this.options.visibleClass);
+    }
     this.popover.addEventListener('transitionend', this.handleTransitionEnd);
   }
   handleTransitionEnd(event) {
+    var _a, _b;
     const target = event.target;
     // Make sure the transition event originates from from the correct element, and not one that has bubbled up
     if (target === this.options.transitionElement) {
       // This is called before the element is hidden so users can do things like reset scroll. It will fire once for
       // every transition property. Use `event.propertyName` to determine which property has finished transitioning.
-      this.options.onTransitionEnd.call(this, event);
+      (_a = this.options.onTransitionEnd) === null || _a === void 0 ? void 0 : _a.call(this, event);
       // Make sure we only do this once, since transitionend will fire for every transition
       if (!this.isVisible && !this.popover.hidden) {
         this.popover.hidden = true;
-        this.popover.classList.remove(this.options.visibleClass);
-        this.options.onAfterHide.call(this);
+        if (this.options.visibleClass != null) {
+          this.popover.classList.remove(this.options.visibleClass);
+        }
+        (_b = this.options.onAfterHide) === null || _b === void 0 ? void 0 : _b.call(this);
       }
     }
   }
@@ -1836,13 +1835,17 @@ class Popover {
     this.popover.removeEventListener('transitionend', this.handleTransitionEnd);
     if (this.popper) {
       this.popper.destroy();
-      this.popper = null;
+      this.popper = undefined;
     }
   }
   show() {
     this.isVisible = true;
     this.popover.hidden = false;
-    requestAnimationFrame(() => this.popover.classList.add(this.options.visibleClass));
+    requestAnimationFrame(() => {
+      if (this.options.visibleClass != null) {
+        this.popover.classList.add(this.options.visibleClass);
+      }
+    });
     if (this.popper) {
       this.popper.destroy();
     }
@@ -1864,30 +1867,35 @@ class Popover {
         },
       ],
     });
-    this.popover.addEventListener('transitionend', () => this.options.onAfterShow.call(this), { once: true });
+    this.popover.addEventListener('transitionend', () => { var _a; return (_a = this.options.onAfterShow) === null || _a === void 0 ? void 0 : _a.call(this); }, { once: true });
     // Reposition the menu after it appears in case a modifier kicked in
     requestAnimationFrame(() => { var _a; return (_a = this.popper) === null || _a === void 0 ? void 0 : _a.update(); });
   }
   reposition() {
-    this.popper.update();
+    var _a;
+    (_a = this.popper) === null || _a === void 0 ? void 0 : _a.update();
   }
   hide() {
     // Apply the hidden styles and wait for the transition before hiding completely
     this.isVisible = false;
-    this.popover.classList.remove(this.options.visibleClass);
+    if (this.options.visibleClass != null) {
+      this.popover.classList.remove(this.options.visibleClass);
+    }
   }
   setOptions(options) {
     this.options = Object.assign(this.options, options);
-    this.isVisible
-      ? this.popover.classList.add(this.options.visibleClass)
-      : this.popover.classList.remove(this.options.visibleClass);
+    if (this.options.visibleClass != null) {
+      this.isVisible
+        ? this.popover.classList.add(this.options.visibleClass)
+        : this.popover.classList.remove(this.options.visibleClass);
+    }
     // Update popper options
-    if (this.popper) {
-      this.popper.setOptions({
+    if (this.popper != null) {
+      void this.popper.setOptions({
         placement: this.options.placement,
         strategy: this.options.strategy,
       });
-      requestAnimationFrame(() => this.popper.update());
+      requestAnimationFrame(() => { var _a; return (_a = this.popper) === null || _a === void 0 ? void 0 : _a.update(); });
     }
   }
 }