@webitel/ui-sdk 3.1.96 → 3.1.97

package/dist/ui-sdk.umd.js

@@ -9340,13 +9340,13 @@ function useFloating(reference, floating, options) {
 
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/atoms/wt-tooltip/wt-tooltip.vue?vue&type=script&setup=true&lang=js
+/* provided dependency */ var wt_tooltipvue_type_script_setup_true_lang_js_console = __webpack_require__(108);
+
 
-const wt_tooltipvue_type_script_setup_true_lang_js_withScopeId = n => (_pushScopeId("data-v-5f70c66a"), n = n(), _popScopeId(), n);
-const wt_tooltipvue_type_script_setup_true_lang_js_hoisted_1 = {
-  class: "wt-tooltip"
-};
 
 
+// https://github.com/Akryum/floating-vue/blob/main/packages/floating-vue/src/util/events.ts
+
 /* harmony default export */ var wt_tooltipvue_type_script_setup_true_lang_js = ({
   __name: 'wt-tooltip',
   props: {
@@ -9373,31 +9373,109 @@ const wt_tooltipvue_type_script_setup_true_lang_js_hoisted_1 = {
   },
   setup(__props) {
     const props = __props;
-    const reference = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
+    const SHOW_EVENT_MAP = {
+      hover: 'mouseenter',
+      focus: 'focus',
+      click: 'click',
+      touch: 'touchstart',
+      pointer: 'pointerdown'
+    };
+
+    // https://github.com/Akryum/floating-vue/blob/main/packages/floating-vue/src/util/events.ts
+    const HIDE_EVENT_MAP = {
+      hover: 'mouseleave',
+      focus: 'blur',
+      click: 'click',
+      touch: 'touchend',
+      pointer: 'pointerup'
+    };
+    const activator = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
     const floating = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
+    const isVisible = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
+    const showTooltip = event => {
+      if (isVisible.value) return;
+      isVisible.value = true;
+
+      // https://github.com/Akryum/floating-vue/blob/main/packages/floating-vue/src/components/Popper.ts#L884
+      event.usedByTooltip = true;
+    };
+    const hideTooltip = event => {
+      if (event.usedByTooltip) return;
+      isVisible.value = false;
+    };
+    const subscribeTriggers = () => {
+      const setEventListeners = (target, triggers) => {
+        triggers.forEach(trigger => {
+          const showEvent = SHOW_EVENT_MAP[trigger];
+          if (showEvent) {
+            target.addEventListener(showEvent, showTooltip);
+          } else {
+            wt_tooltipvue_type_script_setup_true_lang_js_console.log(`No Tooltip Show event for ${trigger} trigger`);
+          }
+          const hideEvent = HIDE_EVENT_MAP[trigger];
+          if (hideEvent) {
+            target.addEventListener(hideEvent, hideTooltip);
+          } else {
+            wt_tooltipvue_type_script_setup_true_lang_js_console.log(`No Tooltip Hide event for ${trigger} trigger`);
+          }
+        });
+      };
+      setEventListeners(activator.value, props.triggers);
+      setEventListeners(floating.value, props.popperTriggers);
+    };
+    const unsubscribeTriggers = () => {
+      const unsetEventListeners = (target, triggers) => {
+        triggers.forEach(trigger => {
+          const showEvent = SHOW_EVENT_MAP[trigger];
+          if (showEvent) {
+            target.removeEventListener(showEvent, showTooltip);
+          } else {
+            wt_tooltipvue_type_script_setup_true_lang_js_console.log(`No Tooltip Show event for ${trigger} trigger`);
+          }
+          const hideEvent = HIDE_EVENT_MAP[trigger];
+          if (hideEvent) {
+            target.removeEventListener(hideEvent, hideTooltip);
+          } else {
+            wt_tooltipvue_type_script_setup_true_lang_js_console.log(`No Tooltip Hide event for ${trigger} trigger`);
+          }
+        });
+      };
+      unsetEventListeners(activator.value, props.triggers);
+      unsetEventListeners(floating.value, props.popperTriggers);
+    };
     const {
       floatingStyles
-    } = useFloating(reference, floating, {
-      middleware: [b(), O(), A()]
+    } = useFloating(activator, floating, {
+      // https://floating-ui.com/docs/middleware
+      middleware: [b(), O(), A(), L(8)]
     });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => subscribeTriggers());
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onBeforeUnmount)(() => unsubscribeTriggers());
     return (_ctx, _cache) => {
-      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", wt_tooltipvue_type_script_setup_true_lang_js_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
-        ref_key: "reference",
-        ref: reference
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
+        class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([{
+          'wt-tooltip--contrast': __props.contrast,
+          'wt-tooltip--visible': isVisible.value
+        }, "wt-tooltip"])
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+        ref_key: "activator",
+        ref: activator,
+        class: "wt-tooltip__activator"
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "activator")], 512), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
         ref_key: "floating",
         ref: floating,
+        class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["wt-tooltip__floating", [__props.popperClass]]),
         style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(floatingStyles))
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")], 4)]);
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")], 6)], 2);
     };
   }
 });
 ;// CONCATENATED MODULE: ./src/components/atoms/wt-tooltip/wt-tooltip.vue?vue&type=script&setup=true&lang=js
  
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/atoms/wt-tooltip/wt-tooltip.vue?vue&type=style&index=0&id=5f70c66a&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/atoms/wt-tooltip/wt-tooltip.vue?vue&type=style&index=0&id=24739540&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/atoms/wt-tooltip/wt-tooltip.vue?vue&type=style&index=0&id=5f70c66a&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./src/components/atoms/wt-tooltip/wt-tooltip.vue?vue&type=style&index=0&id=24739540&lang=scss&scoped=true
 
 ;// CONCATENATED MODULE: ./src/components/atoms/wt-tooltip/wt-tooltip.vue
 
@@ -9406,7 +9484,7 @@ const wt_tooltipvue_type_script_setup_true_lang_js_hoisted_1 = {
 ;
 
 
-const wt_tooltip_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(wt_tooltipvue_type_script_setup_true_lang_js, [['__scopeId',"data-v-5f70c66a"]])
+const wt_tooltip_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(wt_tooltipvue_type_script_setup_true_lang_js, [['__scopeId',"data-v-24739540"]])
 
 /* harmony default export */ var wt_tooltip = (wt_tooltip_exports_);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/atoms/wt-rounded-action/wt-rounded-action.vue?vue&type=template&id=2877e1be&scoped=true