@webitel/ui-sdk 3.1.96 → 3.1.98

package/dist/ui-sdk.common.js

@@ -9322,13 +9322,13 @@ function useFloating(reference, floating, options) {
 
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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: {
@@ -9355,31 +9355,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_namespaceObject.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_namespaceObject.ref)(null);
     const floating = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(null);
+    const isVisible = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.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_namespaceObject.onMounted)(() => subscribeTriggers());
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.onBeforeUnmount)(() => unsubscribeTriggers());
     return (_ctx, _cache) => {
-      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", wt_tooltipvue_type_script_setup_true_lang_js_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
-        ref_key: "reference",
-        ref: reference
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
+        class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)([{
+          'wt-tooltip--contrast': __props.contrast,
+          'wt-tooltip--visible': isVisible.value
+        }, "wt-tooltip"])
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
+        ref_key: "activator",
+        ref: activator,
+        class: "wt-tooltip__activator"
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "activator")], 512), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
         ref_key: "floating",
         ref: floating,
+        class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(["wt-tooltip__floating", [__props.popperClass]]),
         style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeStyle)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.unref)(floatingStyles))
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")], 4)]);
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.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-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.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-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.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
 
@@ -9388,7 +9466,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-40.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
@@ -22263,18 +22341,18 @@ function wt_icon_btnvue_type_template_id_72cf0ee8_scoped_true_render(_ctx, _cach
 const wt_icon_btn_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(wt_icon_btnvue_type_script_lang_js, [['render',wt_icon_btnvue_type_template_id_72cf0ee8_scoped_true_render],['__scopeId',"data-v-72cf0ee8"]])
 
 /* harmony default export */ var wt_icon_btn = (wt_icon_btn_exports_);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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/molecules/wt-input/wt-input.vue?vue&type=template&id=726f2324&scoped=true
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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/molecules/wt-input/wt-input.vue?vue&type=template&id=6f6f7d87&scoped=true
 
-const wt_inputvue_type_template_id_726f2324_scoped_true_withScopeId = n => (_pushScopeId("data-v-726f2324"), n = n(), _popScopeId(), n);
-const wt_inputvue_type_template_id_726f2324_scoped_true_hoisted_1 = {
+const wt_inputvue_type_template_id_6f6f7d87_scoped_true_withScopeId = n => (_pushScopeId("data-v-6f6f7d87"), n = n(), _popScopeId(), n);
+const wt_inputvue_type_template_id_6f6f7d87_scoped_true_hoisted_1 = {
   class: "wt-input__wrapper"
 };
-const wt_inputvue_type_template_id_726f2324_scoped_true_hoisted_2 = ["id", "disabled", "max", "min", "placeholder", "type", "value"];
-const wt_inputvue_type_template_id_726f2324_scoped_true_hoisted_3 = {
+const wt_inputvue_type_template_id_6f6f7d87_scoped_true_hoisted_2 = ["id", "disabled", "max", "min", "placeholder", "type", "value"];
+const wt_inputvue_type_template_id_6f6f7d87_scoped_true_hoisted_3 = {
   ref: "after-wrapper",
   class: "wt-input__after-wrapper"
 };
-function wt_inputvue_type_template_id_726f2324_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function wt_inputvue_type_template_id_6f6f7d87_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_wt_label = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("wt-label");
   const _component_wt_icon_btn = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("wt-icon-btn");
   const _component_wt_input_info = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("wt-input-info");
@@ -22296,7 +22374,7 @@ function wt_inputvue_type_template_id_726f2324_scoped_true_render(_ctx, _cache,
       label: $props.label
     })), () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.requiredLabel), 1)], true)], undefined, true),
     _: 3
-  }, 16, ["disabled", "for", "invalid", "outline"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", wt_inputvue_type_template_id_726f2324_scoped_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("input", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)(_ctx.$attrs, {
+  }, 16, ["disabled", "for", "invalid", "outline"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", wt_inputvue_type_template_id_6f6f7d87_scoped_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("input", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)(_ctx.$attrs, {
     id: $props.name,
     ref: "wt-input"
   }, {
@@ -22308,10 +22386,10 @@ function wt_inputvue_type_template_id_726f2324_scoped_true_render(_ctx, _cache,
     min: $props.numberMin,
     placeholder: $props.placeholder || $props.label,
     type: _ctx.inputType,
-    value: $props.value || $props.modelValue,
+    value: $options.inputValue,
     onInput: _cache[0] || (_cache[0] = (...args) => $options.inputHandler && $options.inputHandler(...args)),
     onKeyup: _cache[1] || (_cache[1] = $event => _ctx.$emit('keyup', $event))
-  }), null, 16, wt_inputvue_type_template_id_726f2324_scoped_true_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", wt_inputvue_type_template_id_726f2324_scoped_true_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "after-input", {}, undefined, true), $options.isPassword ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "show-password", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
+  }), null, 16, wt_inputvue_type_template_id_6f6f7d87_scoped_true_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", wt_inputvue_type_template_id_6f6f7d87_scoped_true_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "after-input", {}, undefined, true), $options.isPassword ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "show-password", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
     key: 0
   }, {
     isPasswordVisible: _ctx.isPasswordVisible,
@@ -22328,7 +22406,7 @@ function wt_inputvue_type_template_id_726f2324_scoped_true_render(_ctx, _cache,
     _: 1
   }, 8, ["invalid"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2);
 }
-;// CONCATENATED MODULE: ./src/components/molecules/wt-input/wt-input.vue?vue&type=template&id=726f2324&scoped=true
+;// CONCATENATED MODULE: ./src/components/molecules/wt-input/wt-input.vue?vue&type=template&id=6f6f7d87&scoped=true
 
 ;// CONCATENATED MODULE: ./src/mixins/validationMixin/validationMixin.js
 /* harmony default export */ var validationMixin = ({
@@ -22377,15 +22455,13 @@ function wt_inputvue_type_template_id_726f2324_scoped_true_render(_ctx, _cache,
   mixins: [validationMixin],
   props: {
     value: {
-      type: [String, Number],
-      default: ''
+      type: [String, Number]
     },
     /**
      * Current input modelValue (`v-model`)
      */
     modelValue: {
-      type: [String, Number],
-      default: ''
+      type: [String, Number]
     },
     /**
      * Form input label
@@ -22486,6 +22562,9 @@ function wt_inputvue_type_template_id_726f2324_scoped_true_render(_ctx, _cache,
     }
   },
   computed: {
+    inputValue() {
+      return this.value !== undefined ? this.value : this.modelValue;
+    },
     hasLabel() {
       return !!(this.label || this.$slots.label);
     },
@@ -22524,10 +22603,10 @@ function wt_inputvue_type_template_id_726f2324_scoped_true_render(_ctx, _cache,
 });
 ;// CONCATENATED MODULE: ./src/components/molecules/wt-input/wt-input.vue?vue&type=script&lang=js
  
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/molecules/wt-input/wt-input.vue?vue&type=style&index=0&id=726f2324&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/molecules/wt-input/wt-input.vue?vue&type=style&index=0&id=6f6f7d87&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/molecules/wt-input/wt-input.vue?vue&type=style&index=0&id=726f2324&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./src/components/molecules/wt-input/wt-input.vue?vue&type=style&index=0&id=6f6f7d87&lang=scss&scoped=true
 
 ;// CONCATENATED MODULE: ./src/components/molecules/wt-input/wt-input.vue
 
@@ -22537,7 +22616,7 @@ function wt_inputvue_type_template_id_726f2324_scoped_true_render(_ctx, _cache,
 ;
 
 
-const wt_input_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(wt_inputvue_type_script_lang_js, [['render',wt_inputvue_type_template_id_726f2324_scoped_true_render],['__scopeId',"data-v-726f2324"]])
+const wt_input_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(wt_inputvue_type_script_lang_js, [['render',wt_inputvue_type_template_id_6f6f7d87_scoped_true_render],['__scopeId',"data-v-6f6f7d87"]])
 
 /* harmony default export */ var wt_input = (wt_input_exports_);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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/molecules/wt-notification/wt-notification.vue?vue&type=template&id=7981c292&scoped=true