@factoringplus/pl-components-pack-v3 0.4.71 → 0.4.72-pre-2

package/dist/pl-components-pack-v3.es.js

@@ -26071,11 +26071,12 @@ const _sfc_main$u = {
         rangeEndDateValue.value = displayData(endDate.value);
       }
       if (startDate.value.isAfter(endDate.value)) {
-        dateValue.value = endDate.value.format("DD.MM.YY") + "-" + startDate.value.format("DD.MM.YY");
+        dateValue.value = endDate.value.format("DD.MM.YYYY") + "-" + startDate.value.format("DD.MM.YYYY");
+        emit2("update:modelValue", endDate.value.format("DD.MM.YY") + "-" + startDate.value.format("DD.MM.YY"));
       } else {
-        dateValue.value = startDate.value.format("DD.MM.YY") + "-" + endDate.value.format("DD.MM.YY");
+        dateValue.value = startDate.value.format("DD.MM.YYYY") + "-" + endDate.value.format("DD.MM.YYYY");
+        emit2("update:modelValue", startDate.value.format("DD.MM.YY") + "-" + endDate.value.format("DD.MM.YY"));
       }
-      emit2("update:modelValue", startDate.value.format("DD.MM.YYYY") + "-" + endDate.value.format("DD.MM.YYYY"));
       emit2("changeOpen", true);
     };
     const getArrayOfDays = () => {
@@ -37596,13 +37597,13 @@ const _sfc_main$n = {
   props: {
     rules: {
       type: Object,
-      default: function() {
+      default() {
         return {};
       }
     },
     suggestionList: {
       type: Array,
-      default: function() {
+      default() {
         return [];
       }
     },
@@ -37640,9 +37641,21 @@ const _sfc_main$n = {
   data() {
     return {
       selectedValue: "",
-      ruleForm: {}
+      ruleForm: {},
+      modelValue: ""
     };
   },
+  computed: {
+    blocks() {
+      if (this.modelValue) {
+        const regex = new RegExp(this.modelValue, "g");
+        return this.suggestionList.map((c2) => ({
+          value: c2.value.replace(regex, `<span class="highlight">${this.modelValue}</span>`)
+        }));
+      }
+      return this.suggestionList;
+    }
+  },
   mounted() {
     const dropElements = document.querySelectorAll(".suggestion .el-select-dropdown");
     this.ruleForm = {
@@ -37653,13 +37666,13 @@ const _sfc_main$n = {
     }
   },
   watch: {
-    selectedValue: function(newVal) {
+    selectedValue(newVal) {
       this.ruleForm[this.prop] = newVal;
     },
-    selectedItem: function(newVal) {
+    selectedItem(newVal) {
       this.selectedValue = newVal.value;
     },
-    getValidate: function(newVal) {
+    getValidate(newVal) {
       if (newVal) {
         this.validateInpBlur();
         this.$emit("setValid");
@@ -37684,13 +37697,14 @@ const _sfc_main$n = {
       }, 300);
     },
     initSuggestion(query) {
+      this.modelValue = query;
       this.$emit("fetchDadata", query);
     }
   }
 };
 const _hoisted_1$n = { class: "suggestion" };
 const _hoisted_2$k = { class: "d-flex flex-column" };
-const _hoisted_3$i = { class: "text-truncate" };
+const _hoisted_3$i = ["innerHTML"];
 const _hoisted_4$b = { class: "suggestion__item-info text-truncate" };
 const _hoisted_5$8 = {
   key: 0,
@@ -37731,7 +37745,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
               "no-data-text": $props.noData
             }, {
               default: withCtx(() => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList($props.suggestionList, (item, index) => {
+                (openBlock(true), createElementBlock(Fragment, null, renderList($options.blocks, (item, index) => {
                   return openBlock(), createBlock(_component_el_option, {
                     onClick: ($event) => $options.change(item),
                     key: index,
@@ -37740,7 +37754,10 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
                   }, {
                     default: withCtx(() => [
                       createElementVNode("div", _hoisted_2$k, [
-                        createElementVNode("span", _hoisted_3$i, toDisplayString(item.value), 1),
+                        createElementVNode("span", {
+                          class: "text-truncate",
+                          innerHTML: item.value
+                        }, null, 8, _hoisted_3$i),
                         createElementVNode("span", _hoisted_4$b, toDisplayString(item.bottomText), 1)
                       ]),
                       item.id === $props.selectedItem.id ? (openBlock(), createElementBlock("img", _hoisted_5$8)) : createCommentVNode("", true)
@@ -38109,7 +38126,7 @@ function _sfc_render$1(_ctx, _cache) {
 var PLChevron = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$1]]);
 var plSelect_vue_vue_type_style_index_0_lang$1 = "";
 const _hoisted_1$h = { id: "form" };
-const _hoisted_2$f = { class: "flex item-select" };
+const _hoisted_2$f = { class: "flex item-select text-b2-medium" };
 const _sfc_main$h = {
   __name: "pl-select",
   props: {