@webitel/ui-sdk 23.12.17 → 23.12.18

package/dist/ui-sdk.common.js

@@ -29134,58 +29134,15 @@ function wt_labelvue_type_template_id_399e9908_scoped_true_render(_ctx, _cache,
 const wt_label_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(wt_labelvue_type_script_lang_js, [['render',wt_labelvue_type_template_id_399e9908_scoped_true_render],['__scopeId',"data-v-399e9908"]])
 
 /* harmony default export */ var wt_label = (wt_label_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/wt-button-select/wt-button-select.vue?vue&type=template&id=4cd3cbfa&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/index.js??ruleSet[0].use[0]!./src/components/wt-button-select/wt-button-select.vue?vue&type=script&setup=true&lang=js
 
-const wt_button_selectvue_type_template_id_4cd3cbfa_scoped_true_withScopeId = n => (_pushScopeId("data-v-4cd3cbfa"), n = n(), _popScopeId(), n);
-const wt_button_selectvue_type_template_id_4cd3cbfa_scoped_true_hoisted_1 = {
+const wt_button_selectvue_type_script_setup_true_lang_js_withScopeId = n => (_pushScopeId("data-v-0f75e939"), n = n(), _popScopeId(), n);
+const wt_button_selectvue_type_script_setup_true_lang_js_hoisted_1 = {
   class: "wt-button-select"
 };
-function wt_button_selectvue_type_template_id_4cd3cbfa_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_wt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("wt-button");
-  const _component_wt_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("wt-icon");
-  const _component_wt_context_menu = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("wt-context-menu");
-  const _directive_clickaway = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveDirective)("clickaway");
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withDirectives)(((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", wt_button_selectvue_type_template_id_4cd3cbfa_scoped_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_wt_button, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)(_ctx.$attrs, {
-    class: "wt-button-select__button",
-    color: $props.color,
-    disabled: $props.disabled,
-    onClick: _cache[0] || (_cache[0] = $event => _ctx.$emit('click', $event))
-  }), {
-    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default", {}, undefined, true)], undefined, true),
-    _: 3
-  }, 16, ["color", "disabled"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_wt_context_menu, {
-    options: $props.options,
-    visible: _ctx.isOpened,
-    onClick: $options.selectOption
-  }, {
-    activator: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_wt_button, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)(_ctx.$attrs, {
-      class: "wt-button-select__select-btn",
-      color: $props.color,
-      disabled: $props.disabled,
-      loading: false,
-      onClick: _cache[1] || (_cache[1] = $event => _ctx.isOpened = !_ctx.isOpened)
-    }), {
-      default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_wt_icon, {
-        class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(["wt-button-select__select-arrow", {
-          'wt-button-select__select-arrow--active': _ctx.isOpened
-        }]),
-        icon: "arrow-down",
-        color: $props.color === 'primary' ? 'on-primary' : 'default',
-        disabled: $props.disabled
-      }, null, 8, ["class", "color", "disabled"])], undefined, true),
-      _: 1
-    }, 16, ["color", "disabled"])]),
-    _: 1
-  }, 8, ["options", "visible", "onClick"])])), [[_directive_clickaway, $options.away]]);
-}
-;// CONCATENATED MODULE: ./src/components/wt-button-select/wt-button-select.vue?vue&type=template&id=4cd3cbfa&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/index.js??ruleSet[0].use[0]!./src/components/wt-button-select/wt-button-select.vue?vue&type=script&lang=js
-/* harmony default export */ var wt_button_selectvue_type_script_lang_js = ({
-  name: 'wt-button-select',
-  data: () => ({
-    isOpened: false
-  }),
+/* harmony default export */ var wt_button_selectvue_type_script_setup_true_lang_js = ({
+  __name: 'wt-button-select',
   props: {
     /**
      * See context-menu component docs
@@ -29221,41 +29178,86 @@ function wt_button_selectvue_type_template_id_4cd3cbfa_scoped_true_render(_ctx,
    * @property {index} index clicked option index in options list
    */
   'click:option'],
-  methods: {
-    selectOption({
+  setup(__props, {
+    emit
+  }) {
+    const props = __props;
+    const isOpened = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(false);
+    const isContextMenuVisible = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => {
+      if (props.disabled) return false;
+      return isOpened.value;
+    });
+    function selectOption({
       option,
       index
     }) {
-      this.$emit('click:option', option, index);
-      this.isOpened = false;
-    },
-    away() {
-      this.isOpened = false;
+      emit('click:option', option, index);
+      isOpened.value = false;
     }
+    function atClickaway() {
+      isOpened.value = false;
+    }
+    return (_ctx, _cache) => {
+      const _component_wt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("wt-button");
+      const _component_wt_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("wt-icon");
+      const _component_wt_context_menu = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("wt-context-menu");
+      const _directive_clickaway = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveDirective)("clickaway");
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withDirectives)(((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", wt_button_selectvue_type_script_setup_true_lang_js_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_wt_button, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)(_ctx.$attrs, {
+        color: __props.color,
+        disabled: __props.disabled,
+        class: "wt-button-select__button",
+        onClick: _cache[0] || (_cache[0] = $event => _ctx.$emit('click', $event))
+      }), {
+        default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")], undefined, true),
+        _: 3
+      }, 16, ["color", "disabled"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_wt_context_menu, {
+        options: __props.options,
+        visible: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.unref)(isContextMenuVisible),
+        onClick: selectOption
+      }, {
+        activator: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_wt_button, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)(_ctx.$attrs, {
+          color: __props.color,
+          disabled: __props.disabled,
+          loading: false,
+          class: "wt-button-select__select-btn",
+          onClick: _cache[1] || (_cache[1] = $event => isOpened.value = !isOpened.value)
+        }), {
+          default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_wt_icon, {
+            class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)([{
+              'wt-button-select__select-arrow--active': isOpened.value
+            }, "wt-button-select__select-arrow"]),
+            color: __props.color === 'primary' ? 'on-primary' : 'default',
+            disabled: __props.disabled,
+            icon: "arrow-down"
+          }, null, 8, ["class", "color", "disabled"])], undefined, true),
+          _: 1
+        }, 16, ["color", "disabled"])]),
+        _: 1
+      }, 8, ["options", "visible"])])), [[_directive_clickaway, atClickaway]]);
+    };
   }
 });
-;// CONCATENATED MODULE: ./src/components/wt-button-select/wt-button-select.vue?vue&type=script&lang=js
+;// CONCATENATED MODULE: ./src/components/wt-button-select/wt-button-select.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/wt-button-select/wt-button-select.vue?vue&type=style&index=0&id=4cd3cbfa&lang=scss
+;// 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/wt-button-select/wt-button-select.vue?vue&type=style&index=0&id=0f75e939&lang=scss
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/wt-button-select/wt-button-select.vue?vue&type=style&index=0&id=4cd3cbfa&lang=scss
+;// CONCATENATED MODULE: ./src/components/wt-button-select/wt-button-select.vue?vue&type=style&index=0&id=0f75e939&lang=scss
 
-;// 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/wt-button-select/wt-button-select.vue?vue&type=style&index=1&id=4cd3cbfa&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/wt-button-select/wt-button-select.vue?vue&type=style&index=1&id=0f75e939&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/wt-button-select/wt-button-select.vue?vue&type=style&index=1&id=4cd3cbfa&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./src/components/wt-button-select/wt-button-select.vue?vue&type=style&index=1&id=0f75e939&lang=scss&scoped=true
 
 ;// CONCATENATED MODULE: ./src/components/wt-button-select/wt-button-select.vue
 
 
 
-
 ;
 
 
 
-const wt_button_select_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(wt_button_selectvue_type_script_lang_js, [['render',wt_button_selectvue_type_template_id_4cd3cbfa_scoped_true_render],['__scopeId',"data-v-4cd3cbfa"]])
+const wt_button_select_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(wt_button_selectvue_type_script_setup_true_lang_js, [['__scopeId',"data-v-0f75e939"]])
 
 /* harmony default export */ var wt_button_select = (wt_button_select_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/wt-hint/wt-hint.vue?vue&type=template&id=64f30d92