mcdis-vue-ui-library 1.0.132-alpha2 → 1.0.134-alpha2

package/README.md

@@ -1,25 +1,25 @@
-# vue-ui-library
-
-## Project setup
-```
-npm install
-```
-
-### Compiles and hot-reloads for development
-```
-npm run serve 
-Запускает дев сервер, на котором можно подключить компонент 
-для его разработки и тестирования
-```
-
-### Compiles and minifies librarty for production
-```
-npm run build
-Создает бандл с библиотекой
-```
-### Storybook
-```
-Запускает Storybook
-npm run storybook
-```
-
+# vue-ui-library
+
+## Project setup
+```
+npm install
+```
+
+### Compiles and hot-reloads for development
+```
+npm run serve 
+Запускает дев сервер, на котором можно подключить компонент 
+для его разработки и тестирования
+```
+
+### Compiles and minifies librarty for production
+```
+npm run build
+Создает бандл с библиотекой
+```
+### Storybook
+```
+Запускает Storybook
+npm run storybook
+```
+

package/dist/vue-ui-lib.common.js

@@ -1521,6 +1521,22 @@ module.exports = function (argument) {
 };
 
 
+/***/ }),
+
+/***/ "3ca1":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("64f9");
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("b1ed3620", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "3ca3":
@@ -2834,6 +2850,20 @@ if(content.locals) module.exports = content.locals;
 var add = __webpack_require__("499e").default
 var update = add("cd4b7862", content, true, {"sourceMap":false,"shadowMode":false});
 
+/***/ }),
+
+/***/ "64f9":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".input[data-v-11264b04]{border-radius:5px;border:1px solid var(--back60);padding:0 0 0 10px;font-size:14px;height:30px;width:100%;resize:both!important;background:transparent}.input__wrapper[data-v-11264b04]{position:relative;width:100%}.input--absolute[data-v-11264b04]{border-radius:5px;border:1px solid var(--back60);padding:0 0 0 10px;font-size:14px;height:30px;position:absolute;right:0;top:40px}.input--absolute[data-v-11264b04]:focus,.input[data-v-11264b04]:focus{outline:none;border:1px solid var(--primary100)}.search-icon[data-v-11264b04]{cursor:pointer;width:30px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;fill:var(--text80)}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "6547":
@@ -3260,6 +3290,17 @@ if(content.locals) module.exports = content.locals;
 var add = __webpack_require__("499e").default
 var update = add("6f34ac59", content, true, {"sourceMap":false,"shadowMode":false});
 
+/***/ }),
+
+/***/ "7321":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_AdaptiveInput_vue_vue_type_style_index_0_id_11264b04_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3ca1");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_AdaptiveInput_vue_vue_type_style_index_0_id_11264b04_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_AdaptiveInput_vue_vue_type_style_index_0_id_11264b04_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "7418":
@@ -6588,6 +6629,7 @@ __webpack_require__.d(components_namespaceObject, "DangerButton", function() { r
 __webpack_require__.d(components_namespaceObject, "FlatButton", function() { return Buttons_FlatButton; });
 __webpack_require__.d(components_namespaceObject, "McButton", function() { return Buttons_McButton; });
 __webpack_require__.d(components_namespaceObject, "RadioButton", function() { return components_RadioButton; });
+__webpack_require__.d(components_namespaceObject, "AdaptiveInput", function() { return components_AdaptiveInput; });
 
 // CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
 // This file is imported into lib/wc client bundles.
@@ -10832,6 +10874,139 @@ const RadioButton_exports_ = /*#__PURE__*/exportHelper_default()(RadioButtonvue_
 // CONCATENATED MODULE: ./src/components/RadioButton/index.js
 
 /* harmony default export */ var components_RadioButton = (RadioButton);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/vue-loader-v16/dist!./node_modules/vue-svg-loader!./src/assets/icons/search.svg?vue&type=template&id=0170cf0e
+
+var searchvue_type_template_id_0170cf0e_hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+};
+
+var searchvue_type_template_id_0170cf0e_hoisted_2 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("path", {
+  d: "M9.5 3A6.5 6.5 0 0116 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 019.5 16 6.5 6.5 0 013 9.5 6.5 6.5 0 019.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5z"
+}, null, -1);
+
+var searchvue_type_template_id_0170cf0e_hoisted_3 = [searchvue_type_template_id_0170cf0e_hoisted_2];
+function searchvue_type_template_id_0170cf0e_render(_ctx, _cache) {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("svg", searchvue_type_template_id_0170cf0e_hoisted_1, searchvue_type_template_id_0170cf0e_hoisted_3);
+}
+// CONCATENATED MODULE: ./src/assets/icons/search.svg?vue&type=template&id=0170cf0e
+
+// CONCATENATED MODULE: ./src/assets/icons/search.svg
+
+const search_script = {}
+search_script.render = searchvue_type_template_id_0170cf0e_render
+
+/* harmony default export */ var search = (search_script);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/AdaptiveInput/AdaptiveInput.vue?vue&type=script&setup=true&lang=js
+
+
+
+var AdaptiveInputvue_type_script_setup_true_lang_js_withScopeId = function _withScopeId(n) {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-11264b04"), n = n(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])(), n;
+};
+
+var AdaptiveInputvue_type_script_setup_true_lang_js_hoisted_1 = ["placeholder"];
+var AdaptiveInputvue_type_script_setup_true_lang_js_hoisted_2 = ["placeholder"];
+
+
+var AdaptiveInputvue_type_script_setup_true_lang_js_default_ = {
+  name: "AdaptiveInput"
+};
+
+function AdaptiveInputvue_type_script_setup_true_lang_js_setup(__props, _ref) {
+  var emits = _ref.emit;
+  var props = __props;
+  var text = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(props.modelValue);
+  var input = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(null);
+  var showInput = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(true);
+  Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onMounted"])(function () {
+    var resizeObserver = new ResizeObserver(function () {
+      var rect = input.value.getBoundingClientRect();
+      var width = rect.width;
+
+      if (width < props.resizeWidth) {
+        showInput.value = false;
+      }
+
+      if (width > props.resizeWidth) {
+        showInputUnderIcon.value = false;
+        showInput.value = true;
+      }
+    });
+    resizeObserver.observe(input.value);
+  });
+  var showInputUnderIcon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(false);
+
+  var toggleInput = function toggleInput() {
+    showInputUnderIcon.value = !showInputUnderIcon.value;
+  };
+
+  Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(text, function () {
+    emits("update:modelValue", text.value);
+  });
+  return function (_ctx, _cache) {
+    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
+      ref: function ref(_value, _refs) {
+        _refs['input'] = _value;
+        input.value = _value;
+      },
+      class: "input__wrapper"
+    }, [!showInput.value ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["unref"])(search), {
+      key: 0,
+      onClick: toggleInput,
+      class: "search-icon"
+    })) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), showInput.value ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])((Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("input", {
+      key: 1,
+      class: "input",
+      placeholder: props.placeholder,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
+        return text.value = $event;
+      })
+    }, null, 8, AdaptiveInputvue_type_script_setup_true_lang_js_hoisted_1)), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vModelText"], text.value]]) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), showInputUnderIcon.value ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])((Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("input", {
+      key: 2,
+      class: "input--absolute",
+      placeholder: props.placeholder,
+      "onUpdate:modelValue": _cache[1] || (_cache[1] = function ($event) {
+        return text.value = $event;
+      })
+    }, null, 8, AdaptiveInputvue_type_script_setup_true_lang_js_hoisted_2)), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vModelText"], text.value]]) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 512);
+  };
+}
+
+/* harmony default export */ var AdaptiveInputvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(AdaptiveInputvue_type_script_setup_true_lang_js_default_, {
+  props: {
+    modelValue: {
+      required: true
+    },
+    placeholder: {
+      required: false
+    },
+    resizeWidth: {
+      required: false,
+      default: 100
+    }
+  },
+  emits: ["update:modelValue"],
+  setup: AdaptiveInputvue_type_script_setup_true_lang_js_setup
+}));
+// CONCATENATED MODULE: ./src/components/AdaptiveInput/AdaptiveInput.vue?vue&type=script&setup=true&lang=js
+ 
+// EXTERNAL MODULE: ./src/components/AdaptiveInput/AdaptiveInput.vue?vue&type=style&index=0&id=11264b04&lang=scss&scoped=true
+var AdaptiveInputvue_type_style_index_0_id_11264b04_lang_scss_scoped_true = __webpack_require__("7321");
+
+// CONCATENATED MODULE: ./src/components/AdaptiveInput/AdaptiveInput.vue
+
+
+
+
+
+
+const AdaptiveInput_exports_ = /*#__PURE__*/exportHelper_default()(AdaptiveInputvue_type_script_setup_true_lang_js, [['__scopeId',"data-v-11264b04"]])
+
+/* harmony default export */ var AdaptiveInput = (AdaptiveInput_exports_);
+// CONCATENATED MODULE: ./src/components/AdaptiveInput/index.js
+
+/* harmony default export */ var components_AdaptiveInput = (AdaptiveInput);
 // CONCATENATED MODULE: ./src/components/index.js
 
 
@@ -10851,6 +11026,7 @@ const RadioButton_exports_ = /*#__PURE__*/exportHelper_default()(RadioButtonvue_
 
 
 
+
 // CONCATENATED MODULE: ./lib/main.js
 
  //import EvtBus from "../src/EventBus";