@webitel/ui-sdk 3.1.107 → 3.1.108

package/dist/ui-sdk.umd.js

@@ -6003,13 +6003,132 @@ 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
+;// CONCATENATED MODULE: ./src/components/atoms/wt-tooltip/_internals/useTooltipTriggerSubscriptions.js
 /* provided dependency */ var console = __webpack_require__(108);
+// https://github.com/Akryum/floating-vue/blob/main/packages/floating-vue/src/util/events.ts
+
+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'
+};
+
+// eslint-disable-next-line import/prefer-default-export
+const useTooltipTriggerSubscriptions = ({
+  target,
+  triggers,
+  show,
+  hide
+}) => {
+  const subscribeTriggers = () => {
+    const setEventListeners = (target, triggers) => {
+      triggers.forEach(trigger => {
+        const showEvent = SHOW_EVENT_MAP[trigger];
+        if (showEvent) {
+          target.addEventListener(showEvent, show);
+        } else {
+          console.log(`No Tooltip Show event for ${trigger} trigger`);
+        }
+        const hideEvent = HIDE_EVENT_MAP[trigger];
+        if (hideEvent) {
+          target.addEventListener(hideEvent, hide);
+        } else {
+          console.log(`No Tooltip Hide event for ${trigger} trigger`);
+        }
+      });
+    };
+    setEventListeners(target.value, triggers);
+  };
+  const unsubscribeTriggers = () => {
+    const unsetEventListeners = (target, triggers) => {
+      triggers.forEach(trigger => {
+        const showEvent = SHOW_EVENT_MAP[trigger];
+        if (showEvent) {
+          target.removeEventListener(showEvent, show);
+        } else {
+          console.log(`No Tooltip Show event for ${trigger} trigger`);
+        }
+        const hideEvent = HIDE_EVENT_MAP[trigger];
+        if (hideEvent) {
+          target.removeEventListener(hideEvent, hide);
+        } else {
+          console.log(`No Tooltip Hide event for ${trigger} trigger`);
+        }
+      });
+    };
+    unsetEventListeners(target.value, triggers);
+  };
+  (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => subscribeTriggers());
+  (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onBeforeUnmount)(() => unsubscribeTriggers());
+};
+;// 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/_internals/wt-tooltip-floating.vue?vue&type=script&setup=true&lang=js
+
+
+
+/* harmony default export */ var wt_tooltip_floatingvue_type_script_setup_true_lang_js = ({
+  __name: 'wt-tooltip-floating',
+  props: {
+    triggers: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ['show', 'hide'],
+  setup(__props, {
+    emit
+  }) {
+    const props = __props;
+
+    /*
+    * We need to create separate floating component so that we could set
+    * eventListeners on it at mount
+    *
+    * wt-tooltip itself can't do it, because floating is rendered conditionally
+    * through v-if so that there's no way to attach eventListeners to floating
+    * on tooltip mount
+    * */
+
+    const floating = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
+    useTooltipTriggerSubscriptions({
+      target: floating,
+      triggers: props.triggers,
+      show: () => emit('show'),
+      hide: () => emit('hide')
+    });
+    return (_ctx, _cache) => {
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("aside", {
+        class: "wt-tooltip-floating",
+        ref_key: "floating",
+        ref: floating
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")], 512);
+    };
+  }
+});
+;// CONCATENATED MODULE: ./src/components/atoms/wt-tooltip/_internals/wt-tooltip-floating.vue?vue&type=script&setup=true&lang=js
+ 
+;// CONCATENATED MODULE: ./src/components/atoms/wt-tooltip/_internals/wt-tooltip-floating.vue
+
+
+
+const wt_tooltip_floating_exports_ = wt_tooltip_floatingvue_type_script_setup_true_lang_js;
+
+/* harmony default export */ var wt_tooltip_floating = (wt_tooltip_floating_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/index.js??ruleSet[0].use[0]!./src/components/atoms/wt-tooltip/wt-tooltip.vue?vue&type=script&setup=true&lang=js
 
 
 
 
-// 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',
@@ -6041,22 +6160,6 @@ function useFloating(reference, floating, options) {
   },
   setup(__props) {
     const props = __props;
-    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);
@@ -6071,46 +6174,6 @@ function useFloating(reference, floating, options) {
       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 {
-            console.log(`No Tooltip Show event for ${trigger} trigger`);
-          }
-          const hideEvent = HIDE_EVENT_MAP[trigger];
-          if (hideEvent) {
-            target.addEventListener(hideEvent, hideTooltip);
-          } else {
-            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 {
-            console.log(`No Tooltip Show event for ${trigger} trigger`);
-          }
-          const hideEvent = HIDE_EVENT_MAP[trigger];
-          if (hideEvent) {
-            target.removeEventListener(hideEvent, hideTooltip);
-          } else {
-            console.log(`No Tooltip Hide event for ${trigger} trigger`);
-          }
-        });
-      };
-      unsetEventListeners(activator.value, props.triggers);
-      unsetEventListeners(floating.value, props.popperTriggers);
-    };
 
     // https://floating-ui.com/docs/misc#clipping
     const {
@@ -6128,14 +6191,18 @@ function useFloating(reference, floating, options) {
       // https://floating-ui.com/docs/vue#anchoring
       middleware: [O(), L(4), props.placement === 'auto' ? b() : A()]
     });
+    useTooltipTriggerSubscriptions({
+      target: activator,
+      triggers: props.triggers,
+      show: showTooltip,
+      hide: hideTooltip
+    });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(props.visible, value => {
       if (value) showTooltip();else hideTooltip();
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
-      subscribeTriggers();
       if (props.visible) showTooltip();
     });
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onBeforeUnmount)(() => unsubscribeTriggers());
     return (_ctx, _cache) => {
       const _directive_clickaway = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveDirective)("clickaway");
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
@@ -6147,24 +6214,30 @@ function useFloating(reference, floating, options) {
         ref_key: "activator",
         ref: activator,
         class: "wt-tooltip__activator"
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "activator")], 512), isVisible.value ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withDirectives)(((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "activator")], 512), isVisible.value ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withDirectives)(((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(wt_tooltip_floating, {
         key: 0,
         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", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.guardReactiveProps)({
-        hide: hideTooltip
-      })))], 6)), [[_directive_clickaway, hideTooltip]]) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2);
+        style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(floatingStyles)),
+        triggers: __props.popperTriggers,
+        onShow: showTooltip,
+        onHide: hideTooltip
+      }, {
+        default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.guardReactiveProps)({
+          hide: hideTooltip
+        })))], undefined, true),
+        _: 3
+      }, 8, ["class", "style", "triggers"])), [[_directive_clickaway, hideTooltip]]) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 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=1fbbd67a&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=7b35f69e&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=1fbbd67a&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./src/components/atoms/wt-tooltip/wt-tooltip.vue?vue&type=style&index=0&id=7b35f69e&lang=scss&scoped=true
 
 ;// CONCATENATED MODULE: ./src/components/atoms/wt-tooltip/wt-tooltip.vue
 
@@ -6173,7 +6246,7 @@ function useFloating(reference, floating, options) {
 ;
 
 
-const wt_tooltip_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(wt_tooltipvue_type_script_setup_true_lang_js, [['__scopeId',"data-v-1fbbd67a"]])
+const wt_tooltip_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(wt_tooltipvue_type_script_setup_true_lang_js, [['__scopeId',"data-v-7b35f69e"]])
 
 /* 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