@idds/vue 1.2.2 → 1.2.3

package/dist/index.es.js

@@ -575,7 +575,7 @@ const _hoisted_7$j = {
   class: "ina-accordion-card__subtitle"
 };
 const _hoisted_8$g = ["id", "aria-labelledby"];
-const _hoisted_9$d = { class: "ina-accordion-card__body" };
+const _hoisted_9$c = { class: "ina-accordion-card__body" };
 const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "AccordionCard",
   props: {
@@ -666,7 +666,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
                 class: "ina-accordion-card__content",
                 "aria-labelledby": headerId.value
               }, [
-                createElementVNode("div", _hoisted_9$d, [
+                createElementVNode("div", _hoisted_9$c, [
                   renderSlot(_ctx.$slots, "default", {}, void 0, true)
                 ])
               ], 8, _hoisted_8$g)) : createCommentVNode("", true)
@@ -1004,7 +1004,7 @@ const _hoisted_7$i = {
   "stroke-linejoin": "round"
 };
 const _hoisted_8$f = { class: "ina-alert__content" };
-const _hoisted_9$c = { class: "ina-alert__text-section" };
+const _hoisted_9$b = { class: "ina-alert__text-section" };
 const _hoisted_10$a = {
   key: 0,
   class: "ina-alert__title"
@@ -1060,7 +1060,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
           ])) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_8$f, [
-          createElementVNode("div", _hoisted_9$c, [
+          createElementVNode("div", _hoisted_9$b, [
             __props.title ? (openBlock(), createElementBlock("div", _hoisted_10$a, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
             _ctx.$slots.default || __props.message ? (openBlock(), createElementBlock("div", _hoisted_11$a, [
               renderSlot(_ctx.$slots, "default", {}, () => [
@@ -1721,7 +1721,7 @@ const _hoisted_8$e = {
   key: 0,
   class: "ina-card__title"
 };
-const _hoisted_9$b = {
+const _hoisted_9$a = {
   key: 1,
   class: "ina-card__description"
 };
@@ -1871,7 +1871,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
                 createTextVNode(toDisplayString(__props.title), 1)
               ])
             ])) : createCommentVNode("", true),
-            __props.description || _ctx.$slots.description ? (openBlock(), createElementBlock("p", _hoisted_9$b, [
+            __props.description || _ctx.$slots.description ? (openBlock(), createElementBlock("p", _hoisted_9$a, [
               renderSlot(_ctx.$slots, "description", {}, () => [
                 createTextVNode(toDisplayString(__props.description), 1)
               ])
@@ -3352,7 +3352,7 @@ const _hoisted_5$h = { class: "ina-file-upload__text" };
 const _hoisted_6$f = { class: "ina-file-upload__title" };
 const _hoisted_7$f = { class: "ina-file-upload__description" };
 const _hoisted_8$d = ["disabled"];
-const _hoisted_9$a = { class: "ina-file-upload__files" };
+const _hoisted_9$9 = { class: "ina-file-upload__files" };
 const _hoisted_10$8 = { class: "ina-file-upload__file-indicator" };
 const _hoisted_11$8 = {
   key: 0,
@@ -3637,7 +3637,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
           ])
         ], 34),
         files.value.length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          createElementVNode("div", _hoisted_9$a, [
+          createElementVNode("div", _hoisted_9$9, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(displayedFiles.value, (uploadedFile, displayIndex) => {
               return openBlock(), createElementBlock("div", {
                 key: `${uploadedFile.file.name}-${getOriginalIndex(uploadedFile)}`,
@@ -4626,7 +4626,7 @@ const _hoisted_5$d = ["disabled"];
 const _hoisted_6$b = ["disabled", "aria-label"];
 const _hoisted_7$b = ["onClick", "disabled", "aria-label", "aria-current"];
 const _hoisted_8$9 = ["disabled", "aria-label"];
-const _hoisted_9$9 = ["disabled"];
+const _hoisted_9$8 = ["disabled"];
 const _hoisted_10$7 = {
   key: 0,
   class: "ina-pagination__page-size-container"
@@ -4866,7 +4866,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                   "stroke-linejoin": "round"
                 })
               ], -1)
-            ])], 10, _hoisted_9$9)
+            ])], 10, _hoisted_9$8)
           ])
         ]),
         __props.showPageSize ? (openBlock(), createElementBlock("div", _hoisted_10$7, [
@@ -4919,7 +4919,7 @@ const _hoisted_8$8 = {
   key: 1,
   class: "ina-password-input__status-area"
 };
-const _hoisted_9$8 = {
+const _hoisted_9$7 = {
   key: 0,
   class: "ina-password-input__character-count"
 };
@@ -5076,7 +5076,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             class: normalizeClass(statusClasses.value)
           }, toDisplayString(__props.statusMessage), 3),
-          __props.showCharCount && __props.maxLength ? (openBlock(), createElementBlock("div", _hoisted_9$8, toDisplayString(inputValue.value.length) + "/" + toDisplayString(__props.maxLength), 1)) : createCommentVNode("", true)
+          __props.showCharCount && __props.maxLength ? (openBlock(), createElementBlock("div", _hoisted_9$7, toDisplayString(inputValue.value.length) + "/" + toDisplayString(__props.maxLength), 1)) : createCommentVNode("", true)
         ])) : createCommentVNode("", true)
       ]);
     };
@@ -5096,7 +5096,7 @@ const _hoisted_7$9 = {
   class: "ina-phone-input__country-dropdown"
 };
 const _hoisted_8$7 = { class: "ina-phone-input__country-search" };
-const _hoisted_9$7 = { class: "ina-phone-input__country-list" };
+const _hoisted_9$6 = { class: "ina-phone-input__country-list" };
 const _hoisted_10$6 = ["onClick"];
 const _hoisted_11$6 = { class: "ina-phone-input__country-flag" };
 const _hoisted_12$5 = { class: "ina-phone-input__country-name" };
@@ -5296,7 +5296,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                       [vModelText, countrySearch.value]
                     ])
                   ]),
-                  createElementVNode("div", _hoisted_9$7, [
+                  createElementVNode("div", _hoisted_9$6, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(filteredCountries.value, (country) => {
                       return openBlock(), createElementBlock("button", {
                         key: country.code,
@@ -5577,7 +5577,7 @@ const _hoisted_5$9 = {
 const _hoisted_6$8 = { class: "ina-year-picker__trigger-text" };
 const _hoisted_7$8 = { class: "ina-year-picker__header" };
 const _hoisted_8$6 = ["disabled"];
-const _hoisted_9$6 = { class: "ina-year-picker__decade-range" };
+const _hoisted_9$5 = { class: "ina-year-picker__decade-range" };
 const _hoisted_10$5 = ["disabled"];
 const _hoisted_11$5 = { class: "ina-year-picker__grid" };
 const _hoisted_12$4 = ["disabled", "onClick", "onMouseenter"];
@@ -5936,7 +5936,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                   }, [
                     createVNode(unref(IconChevronLeft), { class: "ina-year-picker__nav-icon" })
                   ], 8, _hoisted_8$6),
-                  createElementVNode("span", _hoisted_9$6, toDisplayString(currentDecade.value) + " - " + toDisplayString(Math.min(currentDecade.value + props.decadeSize - 1, props.maxYear)), 1),
+                  createElementVNode("span", _hoisted_9$5, toDisplayString(currentDecade.value) + " - " + toDisplayString(Math.min(currentDecade.value + props.decadeSize - 1, props.maxYear)), 1),
                   createElementVNode("button", {
                     type: "button",
                     class: "ina-year-picker__nav-button",
@@ -5987,7 +5987,7 @@ const _hoisted_5$8 = { class: "ina-date-picker__calendar-header" };
 const _hoisted_6$7 = { class: "ina-date-picker__header-controls" };
 const _hoisted_7$7 = { class: "ina-date-picker__dropdown-container" };
 const _hoisted_8$5 = { class: "ina-date-picker__dropdown-container" };
-const _hoisted_9$5 = { class: "ina-date-picker__calendar-grid" };
+const _hoisted_9$4 = { class: "ina-date-picker__calendar-grid" };
 const _hoisted_10$4 = ["disabled", "onClick"];
 const _hoisted_11$4 = {
   key: 0,
@@ -6879,7 +6879,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                   })
                 ])
               ]),
-              createElementVNode("div", _hoisted_9$5, [
+              createElementVNode("div", _hoisted_9$4, [
                 (openBlock(), createElementBlock(Fragment, null, renderList(dayNames, (day) => {
                   return createElementVNode("div", {
                     key: `h-${day}`,
@@ -7057,7 +7057,7 @@ const _hoisted_5$7 = {
 const _hoisted_6$6 = { class: "ina-select-dropdown__preview-content" };
 const _hoisted_7$6 = { class: "ina-select-dropdown__preview-item-text" };
 const _hoisted_8$4 = ["aria-label", "onClick"];
-const _hoisted_9$4 = {
+const _hoisted_9$3 = {
   key: 0,
   class: "ina-select-dropdown__preview-more"
 };
@@ -7424,7 +7424,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                         ], 8, _hoisted_8$4)) : createCommentVNode("", true)
                       ]);
                     }), 128)),
-                    selectedArray.value.length > 3 ? (openBlock(), createElementBlock("span", _hoisted_9$4, " +" + toDisplayString(selectedArray.value.length - 3) + " more ", 1)) : createCommentVNode("", true)
+                    selectedArray.value.length > 3 ? (openBlock(), createElementBlock("span", _hoisted_9$3, " +" + toDisplayString(selectedArray.value.length - 3) + " more ", 1)) : createCommentVNode("", true)
                   ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                     __props.modelValue !== null && __props.modelValue !== void 0 && __props.modelValue !== "" ? (openBlock(), createElementBlock("div", _hoisted_10$3, [
                       createElementVNode("span", _hoisted_11$3, toDisplayString(getOptionLabelByValue(__props.modelValue)), 1),
@@ -8280,7 +8280,7 @@ const _hoisted_5$4 = ["onClick"];
 const _hoisted_6$4 = ["onClick"];
 const _hoisted_7$4 = { key: 0 };
 const _hoisted_8$3 = ["colspan"];
-const _hoisted_9$3 = ["onClick"];
+const _hoisted_9$2 = ["onClick"];
 const _hoisted_10$2 = {
   key: 0,
   class: "ina-table__cell"
@@ -8705,7 +8705,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                     ])
                   ], 8, _hoisted_11$2);
                 }), 128))
-              ], 10, _hoisted_9$3);
+              ], 10, _hoisted_9$2);
             }), 128))
           ], 2)
         ], 2),
@@ -9318,7 +9318,7 @@ const _hoisted_5$3 = {
 const _hoisted_6$3 = { class: "ina-time-picker__content" };
 const _hoisted_7$3 = ["onClick", "onMouseenter"];
 const _hoisted_8$2 = ["onClick", "onMouseenter"];
-const _hoisted_9$2 = ["onClick", "onMouseenter"];
+const _hoisted_9$1 = ["onClick", "onMouseenter"];
 const _hoisted_10$1 = ["onClick", "onMouseenter"];
 const _hoisted_11$1 = { class: "ina-time-picker__actions" };
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
@@ -9725,7 +9725,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                     ]),
                     onClick: ($event) => handleTimeSelect("second", option),
                     onMouseenter: ($event) => handleMouseEnter("second", option)
-                  }, toDisplayString(option.toString().padStart(2, "0")), 43, _hoisted_9$2);
+                  }, toDisplayString(option.toString().padStart(2, "0")), 43, _hoisted_9$1);
                 }), 128))
               ], 32)
             ], 2)) : createCommentVNode("", true),
@@ -10126,30 +10126,32 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1 = ["data-hover"];
-const _hoisted_2$1 = ["aria-hidden"];
-const _hoisted_3$1 = {
+const _hoisted_1$1 = {
   key: 1,
   class: "ina-tooltip__bubble ina-tooltip__bubble--basic"
 };
-const _hoisted_4$1 = {
+const _hoisted_2$1 = {
   key: 1,
   class: "ina-tooltip__image"
 };
-const _hoisted_5$1 = ["src"];
-const _hoisted_6$1 = { class: "ina-tooltip__content-section" };
-const _hoisted_7$1 = {
+const _hoisted_3$1 = ["src"];
+const _hoisted_4$1 = { class: "ina-tooltip__content-section" };
+const _hoisted_5$1 = {
   key: 0,
   class: "ina-tooltip__title"
 };
-const _hoisted_8$1 = {
+const _hoisted_6$1 = {
   key: 1,
   class: "ina-tooltip__description"
 };
-const _hoisted_9$1 = {
+const _hoisted_7$1 = {
   key: 2,
   class: "ina-tooltip__custom-content"
 };
+const _hoisted_8$1 = {
+  key: 3,
+  class: "ina-tooltip__actions"
+};
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "Tooltip",
   props: {
@@ -10159,232 +10161,140 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     variant: { default: "basic" },
     placement: { default: "top" },
     showArrow: { type: Boolean, default: true },
-    delay: { default: 0 },
-    leaveDelay: { default: 0 },
-    disabled: { type: Boolean, default: false },
-    trigger: { default: "hover" },
-    onClose: {}
+    onClose: {},
+    onNext: {},
+    customContent: { type: Boolean, default: false },
+    className: { default: "" }
   },
-  emits: ["show", "hide", "close"],
+  emits: ["close", "next"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const triggerRef = ref();
-    const tooltipRef = ref();
-    const isVisible = ref(false);
-    const showTimer = ref();
-    const hideTimer = ref();
-    const finalPlacement = ref(props.placement);
+    const isClosed = ref(false);
+    const handleClose = () => {
+      isClosed.value = true;
+      if (props.onClose) {
+        props.onClose();
+      }
+      emit("close");
+    };
+    const handleNext = () => {
+      isClosed.value = true;
+      if (props.onNext) {
+        props.onNext();
+      }
+      emit("next");
+    };
+    const handleMouseEnter = () => {
+      if (isClosed.value) {
+        isClosed.value = false;
+      }
+    };
     const tooltipClasses = computed(() => {
       const classes = ["ina-tooltip"];
-      if (props.disabled) {
-        classes.push("ina-tooltip--disabled");
+      if (props.className) {
+        classes.push(props.className);
+      }
+      if (isClosed.value) {
+        classes.push("ina-tooltip--closed");
       }
       return classes;
     });
     const contentClasses = computed(() => {
       const classes = ["ina-tooltip__content"];
-      classes.push(`ina-tooltip--placement-${finalPlacement.value}`);
-      classes.push(`ina-tooltip--variant-${props.variant}`);
+      classes.push(`ina-tooltip--placement-${props.placement}`);
       if (props.showArrow) {
         classes.push("ina-tooltip__content--show-arrow");
       }
+      classes.push(`ina-tooltip--variant-${props.variant}`);
       return classes;
     });
-    watch(
-      () => props.placement,
-      (newPlacement) => {
-        if (!isVisible.value) {
-          finalPlacement.value = newPlacement;
-        }
-      }
-    );
-    const checkAndFlip = () => {
-      const trg = triggerRef.value;
-      const tip = tooltipRef.value;
-      if (!trg || !tip) return;
-      nextTick(() => {
-        const tipRect = tip.getBoundingClientRect();
-        let newPlacement = props.placement;
-        if ((props.placement === "top" || props.placement.startsWith("top-")) && tipRect.top < 0) {
-          newPlacement = props.placement.replace(
-            "top",
-            "bottom"
-          );
-        }
-        if ((props.placement === "bottom" || props.placement.startsWith("bottom-")) && tipRect.bottom > window.innerHeight) {
-          newPlacement = props.placement.replace(
-            "bottom",
-            "top"
-          );
-        }
-        if ((props.placement === "left" || props.placement.startsWith("left-")) && tipRect.left < 0) {
-          newPlacement = props.placement.replace(
-            "left",
-            "bottom"
-          );
-        }
-        if ((props.placement === "right" || props.placement.startsWith("right-")) && tipRect.right > window.innerWidth) {
-          newPlacement = props.placement.replace(
-            "right",
-            "top"
-          );
-        }
-        if (newPlacement !== finalPlacement.value) {
-          finalPlacement.value = newPlacement;
-        }
-      });
-    };
-    const showTooltip = () => {
-      if (props.disabled) return;
-      if (hideTimer.value) {
-        clearTimeout(hideTimer.value);
-        hideTimer.value = void 0;
-      }
-      finalPlacement.value = props.placement;
-      if (props.delay > 0) {
-        showTimer.value = setTimeout(() => {
-          isVisible.value = true;
-          emit("show");
-          nextTick(() => {
-            requestAnimationFrame(checkAndFlip);
-          });
-        }, props.delay);
-      } else {
-        isVisible.value = true;
-        emit("show");
-        nextTick(() => {
-          requestAnimationFrame(checkAndFlip);
-        });
-      }
-    };
-    const hideTooltip = () => {
-      if (showTimer.value) {
-        clearTimeout(showTimer.value);
-        showTimer.value = void 0;
-      }
-      hideTimer.value = setTimeout(() => {
-        isVisible.value = false;
-        finalPlacement.value = props.placement;
-        emit("hide");
-      }, props.leaveDelay);
-    };
-    const handleClose = () => {
-      if (showTimer.value) {
-        clearTimeout(showTimer.value);
-        showTimer.value = void 0;
-      }
-      if (hideTimer.value) {
-        clearTimeout(hideTimer.value);
-        hideTimer.value = void 0;
-      }
-      isVisible.value = false;
-      finalPlacement.value = props.placement;
-      if (props.onClose) {
-        props.onClose();
-      }
-      emit("close");
-      emit("hide");
-    };
-    onUnmounted(() => {
-      if (showTimer.value) {
-        clearTimeout(showTimer.value);
-      }
-      if (hideTimer.value) {
-        clearTimeout(hideTimer.value);
-      }
-    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        ref_key: "triggerRef",
-        ref: triggerRef,
         class: normalizeClass(["ina-tooltip", tooltipClasses.value]),
-        "data-hover": isVisible.value ? "true" : void 0,
-        onMouseenter: showTooltip,
-        onMouseleave: hideTooltip,
-        onFocus: showTooltip,
-        onBlur: hideTooltip
+        onMouseenter: handleMouseEnter
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true),
-        createVNode(Transition, { name: "tooltip" }, {
-          default: withCtx(() => [
-            isVisible.value ? (openBlock(), createElementBlock("div", {
+        createElementVNode("div", {
+          class: normalizeClass(["ina-tooltip__content", contentClasses.value]),
+          role: "tooltip"
+        }, [
+          __props.customContent && _ctx.$slots.content ? renderSlot(_ctx.$slots, "content", { key: 0 }, void 0, true) : __props.variant === "basic" ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createTextVNode(toDisplayString(__props.title), 1)
+            ], true)
+          ])) : (openBlock(), createElementBlock("div", {
+            key: 2,
+            class: normalizeClass(["ina-tooltip__card", `ina-tooltip__card--${__props.variant}`])
+          }, [
+            __props.onClose ? (openBlock(), createElementBlock("button", {
               key: 0,
-              ref_key: "tooltipRef",
-              ref: tooltipRef,
-              class: normalizeClass(["ina-tooltip__content", contentClasses.value]),
-              role: "tooltip",
-              "aria-hidden": !isVisible.value,
-              onMouseenter: showTooltip,
-              onMouseleave: hideTooltip
-            }, [
-              __props.variant === "custom" ? renderSlot(_ctx.$slots, "content", { key: 0 }, () => [
-                renderSlot(_ctx.$slots, "default", {}, void 0, true)
-              ], true) : __props.variant === "basic" ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
+              type: "button",
+              class: "ina-tooltip__close",
+              "aria-label": "Close tooltip",
+              onClick: withModifiers(handleClose, ["stop"])
+            }, [..._cache[0] || (_cache[0] = [
+              createElementVNode("svg", {
+                width: "16",
+                height: "16",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg"
+              }, [
+                createElementVNode("path", {
+                  d: "M18 6L6 18M6 6L18 18",
+                  stroke: "currentColor",
+                  "stroke-width": "2",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                })
+              ], -1)
+            ])])) : createCommentVNode("", true),
+            __props.variant === "media" && (__props.image || _ctx.$slots.image) ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
+              renderSlot(_ctx.$slots, "image", {}, () => [
+                typeof __props.image === "string" ? (openBlock(), createElementBlock("img", {
+                  key: 0,
+                  src: __props.image,
+                  alt: ""
+                }, null, 8, _hoisted_3$1)) : __props.image ? (openBlock(), createBlock(resolveDynamicComponent(__props.image), { key: 1 })) : createCommentVNode("", true)
+              ], true)
+            ])) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_4$1, [
+              __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
                 renderSlot(_ctx.$slots, "title", {}, () => [
                   createTextVNode(toDisplayString(__props.title), 1)
                 ], true)
-              ])) : (openBlock(), createElementBlock("div", {
-                key: 2,
-                class: normalizeClass(["ina-tooltip__card", `ina-tooltip__card--${__props.variant}`])
-              }, [
+              ])) : createCommentVNode("", true),
+              __props.description || _ctx.$slots.description ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
+                renderSlot(_ctx.$slots, "description", {}, () => [
+                  createTextVNode(toDisplayString(__props.description), 1)
+                ], true)
+              ])) : createCommentVNode("", true),
+              _ctx.$slots.content ? (openBlock(), createElementBlock("div", _hoisted_7$1, [
+                renderSlot(_ctx.$slots, "content", {}, void 0, true)
+              ])) : createCommentVNode("", true),
+              __props.onClose || __props.onNext ? (openBlock(), createElementBlock("div", _hoisted_8$1, [
                 __props.onClose ? (openBlock(), createElementBlock("button", {
                   key: 0,
                   type: "button",
-                  class: "ina-tooltip__close",
-                  "aria-label": "Close tooltip",
-                  onClick: handleClose
-                }, [..._cache[0] || (_cache[0] = [
-                  createElementVNode("svg", {
-                    width: "16",
-                    height: "16",
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    xmlns: "http://www.w3.org/2000/svg"
-                  }, [
-                    createElementVNode("path", {
-                      d: "M18 6L6 18M6 6L18 18",
-                      stroke: "currentColor",
-                      "stroke-width": "2",
-                      "stroke-linecap": "round",
-                      "stroke-linejoin": "round"
-                    })
-                  ], -1)
-                ])])) : createCommentVNode("", true),
-                __props.variant === "media" && (__props.image || _ctx.$slots.image) ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
-                  renderSlot(_ctx.$slots, "image", {}, () => [
-                    typeof __props.image === "string" ? (openBlock(), createElementBlock("img", {
-                      key: 0,
-                      src: __props.image,
-                      alt: ""
-                    }, null, 8, _hoisted_5$1)) : __props.image ? (openBlock(), createBlock(resolveDynamicComponent(__props.image), { key: 1 })) : createCommentVNode("", true)
-                  ], true)
-                ])) : createCommentVNode("", true),
-                createElementVNode("div", _hoisted_6$1, [
-                  __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("div", _hoisted_7$1, [
-                    renderSlot(_ctx.$slots, "title", {}, () => [
-                      createTextVNode(toDisplayString(__props.title), 1)
-                    ], true)
-                  ])) : createCommentVNode("", true),
-                  __props.description || _ctx.$slots.description ? (openBlock(), createElementBlock("div", _hoisted_8$1, [
-                    renderSlot(_ctx.$slots, "description", {}, () => [
-                      createTextVNode(toDisplayString(__props.description), 1)
-                    ], true)
-                  ])) : createCommentVNode("", true),
-                  _ctx.$slots.content ? (openBlock(), createElementBlock("div", _hoisted_9$1, [
-                    renderSlot(_ctx.$slots, "content", {}, void 0, true)
-                  ])) : createCommentVNode("", true)
-                ])
-              ], 2))
-            ], 42, _hoisted_2$1)) : createCommentVNode("", true)
-          ]),
-          _: 3
-        })
-      ], 42, _hoisted_1$1);
+                  class: "ina-tooltip__action ina-tooltip__action--close",
+                  onClick: withModifiers(handleClose, ["stop"])
+                }, " Tutup ")) : createCommentVNode("", true),
+                __props.onNext ? (openBlock(), createElementBlock("button", {
+                  key: 1,
+                  type: "button",
+                  class: "ina-tooltip__action ina-tooltip__action--next",
+                  onClick: withModifiers(handleNext, ["stop"])
+                }, " Lanjut ")) : createCommentVNode("", true)
+              ])) : createCommentVNode("", true)
+            ])
+          ], 2))
+        ], 2)
+      ], 34);
     };
   }
 });
-const Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-6a62415d"]]);
+const Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-cb9f229f"]]);
 const predefinedBrands = [
   "inagov",
   "inaku",