mcdis-vue-ui-library 1.0.104-alpha2 → 1.0.110-alpha2

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

@@ -761,6 +761,17 @@ module.exports = Object.hasOwn || function hasOwn(it, key) {
 };
 
 
+/***/ }),
+
+/***/ "1a8a":
+/***/ (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_Checkbox_vue_vue_type_style_index_0_id_19a61794_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("bd05");
+/* 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_Checkbox_vue_vue_type_style_index_0_id_19a61794_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_Checkbox_vue_vue_type_style_index_0_id_19a61794_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "1a94":
@@ -4579,6 +4590,20 @@ module.exports = function (METHOD_NAME, argument) {
 };
 
 
+/***/ }),
+
+/***/ "a738":
+/***/ (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, ".checkbox[data-v-19a61794]{cursor:pointer;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.checkbox[data-v-19a61794],.checkbox__icon-wrp[data-v-19a61794]{display:flex;align-items:center}.checkbox__icon-wrp[data-v-19a61794]{width:15px;height:15px;border:1.5px solid var(--primary100);justify-content:center;margin-right:5px;position:relative;border-radius:5px}.checkbox__icon-wrp[data-v-19a61794]:active,.checkbox__icon-wrp[data-v-19a61794]:focus{outline:1px solid var(--primary100)}.checkbox__icon-wrp--disabled[data-v-19a61794]{opacity:.6}.checkbox__icon-wrp--active[data-v-19a61794]{background-color:var(--primary100)}.checkbox__icon-wrp[data-v-19a61794]:hover{opacity:.6}.checkbox__icon[data-v-19a61794]{fill:#fff;width:15px}.visually-hidden[data-v-19a61794]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;clip:rect(0 0 0 0)}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "a9e3":
@@ -5158,6 +5183,22 @@ var update = add("308b5719", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
+/***/ "bd05":
+/***/ (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__("a738");
+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("a4bcc892", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
 /***/ "c04e":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -6278,6 +6319,7 @@ __webpack_require__.d(components_namespaceObject, "StatusGroupExpander", functio
 __webpack_require__.d(components_namespaceObject, "DateInput", function() { return components_DateInput; });
 __webpack_require__.d(components_namespaceObject, "DateRange", function() { return components_DateRange; });
 __webpack_require__.d(components_namespaceObject, "Expander", function() { return components_Expander; });
+__webpack_require__.d(components_namespaceObject, "Checkbox", function() { return components_Checkbox; });
 
 // CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
 // This file is imported into lib/wc client bundles.
@@ -9952,6 +9994,144 @@ const Expander_exports_ = /*#__PURE__*/exportHelper_default()(Expandervue_type_s
 // CONCATENATED MODULE: ./src/components/Expander/index.js
 
 /* harmony default export */ var components_Expander = (Expander);
+// 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/checkbox.svg?vue&type=template&id=8c12dde2
+
+var checkboxvue_type_template_id_8c12dde2_hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+};
+
+var checkboxvue_type_template_id_8c12dde2_hoisted_2 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("path", {
+  d: "M20.285 2L9 13.567 3.714 8.556 0 12.272 9 21 24 5.715z"
+}, null, -1);
+
+var checkboxvue_type_template_id_8c12dde2_hoisted_3 = [checkboxvue_type_template_id_8c12dde2_hoisted_2];
+function checkboxvue_type_template_id_8c12dde2_render(_ctx, _cache) {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("svg", checkboxvue_type_template_id_8c12dde2_hoisted_1, checkboxvue_type_template_id_8c12dde2_hoisted_3);
+}
+// CONCATENATED MODULE: ./src/assets/icons/checkbox.svg?vue&type=template&id=8c12dde2
+
+// CONCATENATED MODULE: ./src/assets/icons/checkbox.svg
+
+const checkbox_script = {}
+checkbox_script.render = checkboxvue_type_template_id_8c12dde2_render
+
+/* harmony default export */ var icons_checkbox = (checkbox_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/Checkbox/Checkbox.vue?vue&type=script&setup=true&lang=js
+
+
+
+
+
+
+var Checkboxvue_type_script_setup_true_lang_js_withScopeId = function _withScopeId(n) {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-19a61794"), n = n(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])(), n;
+};
+
+var Checkboxvue_type_script_setup_true_lang_js_hoisted_1 = ["onClick"];
+var Checkboxvue_type_script_setup_true_lang_js_hoisted_2 = ["disabled"];
+var Checkboxvue_type_script_setup_true_lang_js_hoisted_3 = ["onKeydown"];
+
+
+var Checkboxvue_type_script_setup_true_lang_js_default_ = {
+  name: "Checkbox"
+};
+
+function Checkboxvue_type_script_setup_true_lang_js_setup(__props, _ref) {
+  var emits = _ref.emit;
+  var props = __props;
+  var isChecked = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(false);
+  Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onMounted"])(function () {
+    if (props.modelValue.includes(props.arrayValue)) {
+      isChecked.value = true;
+    }
+  });
+
+  var handleClick = function handleClick() {
+    if (props.disabled) {
+      return;
+    } else if (props.arrayValue && props.modelValue) {
+      var arr = props.modelValue;
+
+      if (arr.includes(props.arrayValue)) {
+        arr = arr.filter(function (el) {
+          return el !== props.arrayValue;
+        });
+        isChecked.value = false;
+      } else {
+        arr.push(props.arrayValue);
+        isChecked.value = true;
+      }
+
+      emits("update:modelValue", arr);
+      return;
+    } else {
+      emits("change", !props.checked);
+    }
+  };
+
+  return function (_ctx, _cache) {
+    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("label", {
+      class: "checkbox",
+      onClick: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(handleClick, ["prevent"])
+    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("input", {
+      disabled: props.disabled,
+      class: "visually-hidden",
+      type: "checkbox"
+    }, null, 8, Checkboxvue_type_script_setup_true_lang_js_hoisted_2), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
+      onKeydown: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withKeys"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(handleClick, ["prevent"]), ["enter"]),
+      tabindex: "1",
+      class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["checkbox__icon-wrp", {
+        'checkbox__icon-wrp--active': props.checked || isChecked.value,
+        'checkbox__icon-wrp--disabled': props.disabled
+      }])
+    }, [props.checked === true || isChecked.value === true ? (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"])(icons_checkbox), {
+      key: 0,
+      class: "checkbox__icon"
+    })) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 42, Checkboxvue_type_script_setup_true_lang_js_hoisted_3), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "label")])], 8, Checkboxvue_type_script_setup_true_lang_js_hoisted_1);
+  };
+}
+
+/* harmony default export */ var Checkboxvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(Checkboxvue_type_script_setup_true_lang_js_default_, {
+  props: {
+    checked: {
+      default: false,
+      required: false,
+      type: Boolean
+    },
+    disabled: {
+      default: false,
+      required: false,
+      type: Boolean
+    },
+    arrayValue: {
+      required: false
+    },
+    modelValue: {
+      type: Array
+    }
+  },
+  emits: ["change", "update:modelValue"],
+  setup: Checkboxvue_type_script_setup_true_lang_js_setup
+}));
+// CONCATENATED MODULE: ./src/components/Checkbox/Checkbox.vue?vue&type=script&setup=true&lang=js
+ 
+// EXTERNAL MODULE: ./src/components/Checkbox/Checkbox.vue?vue&type=style&index=0&id=19a61794&lang=scss&scoped=true
+var Checkboxvue_type_style_index_0_id_19a61794_lang_scss_scoped_true = __webpack_require__("1a8a");
+
+// CONCATENATED MODULE: ./src/components/Checkbox/Checkbox.vue
+
+
+
+
+
+
+const Checkbox_exports_ = /*#__PURE__*/exportHelper_default()(Checkboxvue_type_script_setup_true_lang_js, [['__scopeId',"data-v-19a61794"]])
+
+/* harmony default export */ var Checkbox = (Checkbox_exports_);
+// CONCATENATED MODULE: ./src/components/Checkbox/index.js
+
+/* harmony default export */ var components_Checkbox = (Checkbox);
 // CONCATENATED MODULE: ./src/components/index.js
 
 
@@ -9964,6 +10144,7 @@ const Expander_exports_ = /*#__PURE__*/exportHelper_default()(Expandervue_type_s
 
 
 
+
 // CONCATENATED MODULE: ./lib/main.js
 
  //import EvtBus from "../src/EventBus";