@getflip/swirl-components 0.81.3 → 0.82.0

package/dist/cjs/swirl-tooltip.cjs.entry.js

@@ -54,29 +54,28 @@ const SwirlTooltip = class {
       };
     };
     this.getArrowStyles = () => {
-      var _a, _b, _c, _d;
-      if (((_a = this.actualPosition) === null || _a === void 0 ? void 0 : _a.placement) === "top") {
+      if (this.actualPosition?.placement === "top") {
         return {
           top: "100%",
           left: "50%",
           transform: "translate3d(-50%, -50%, 0) rotate(45deg)",
         };
       }
-      if (((_b = this.actualPosition) === null || _b === void 0 ? void 0 : _b.placement) === "bottom") {
+      if (this.actualPosition?.placement === "bottom") {
         return {
           bottom: "100%",
           left: "50%",
           transform: "translate3d(-50%, 50%, 0) rotate(45deg)",
         };
       }
-      if (((_c = this.actualPosition) === null || _c === void 0 ? void 0 : _c.placement) === "right") {
+      if (this.actualPosition?.placement === "right") {
         return {
           top: "50%",
           right: "100%",
           transform: "translate3d(50%, -50%, 0) rotate(45deg)",
         };
       }
-      if (((_d = this.actualPosition) === null || _d === void 0 ? void 0 : _d.placement) === "left") {
+      if (this.actualPosition?.placement === "left") {
         return {
           top: "50%",
           left: "100%",
@@ -112,14 +111,13 @@ const SwirlTooltip = class {
     this.updateOptions();
   }
   render() {
-    var _a, _b;
     const arrowStyles = this.getArrowStyles();
     return (index.h(index.Host, { onKeydown: this.onKeydown }, index.h("span", { class: "tooltip" }, index.h("span", { class: "tooltip__reference", "aria-describedby": "tooltip", onBlur: this.hide, onClick: this.hide, onFocus: this.show, ref: (el) => (this.referenceEl = el), tabIndex: 0 }, index.h("slot", null)), index.h("span", { class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
         top: Boolean(this.actualPosition)
-          ? `${(_a = this.actualPosition) === null || _a === void 0 ? void 0 : _a.y}px`
+          ? `${this.actualPosition?.y}px`
           : "",
         left: Boolean(this.actualPosition)
-          ? `${(_b = this.actualPosition) === null || _b === void 0 ? void 0 : _b.x}px`
+          ? `${this.actualPosition?.x}px`
           : "",
       } }, this.visible && (index.h("span", { class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { class: "tooltip__content", innerHTML: this.content }), index.h("span", { class: "tooltip__arrow", style: arrowStyles })))))));
   }