@deskhero/dh_ui 1.20.0 → 1.20.2

package/dist/dh_ui.es.js

@@ -70,7 +70,7 @@ const _sfc_main$d = defineComponent({
 });
 const _hoisted_1$d = { class: "dh-advanced-filter-container" };
 const _hoisted_2$b = { class: "advance_section" };
-const _hoisted_3$a = {
+const _hoisted_3$9 = {
   key: 0,
   class: "list-none"
 };
@@ -91,7 +91,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
           size: 20
         }, null, 8, ["icon-name"])
       ]),
-      _ctx.activeFilter ? (openBlock(), createElementBlock("ul", _hoisted_3$a, [
+      _ctx.activeFilter ? (openBlock(), createElementBlock("ul", _hoisted_3$9, [
         createElementVNode("li", null, [
           createElementVNode("label", null, [
             createElementVNode("input", {
@@ -257,14 +257,14 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     alt: "icon",
     class: normalizeClass({
       "active-hover": _ctx.activeOnHover,
-      "active": _ctx.active
+      active: _ctx.active
     }),
     height: _ctx.size,
     src: _ctx.getIconUrl(),
     width: _ctx.size
   }, null, 10, _hoisted_1$b);
 }
-var DhIcon = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$6], ["__scopeId", "data-v-96b1f678"]]);
+var DhIcon = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$6], ["__scopeId", "data-v-201309a0"]]);
 const _sfc_main$a = defineComponent({
   components: { DhIcon },
   props: {
@@ -277,7 +277,7 @@ const _sfc_main$a = defineComponent({
       default: true
     },
     sideBarPosition: {
-      type: Object,
+      type: String,
       default: "left"
     },
     hasCloseConfirmation: {
@@ -294,7 +294,7 @@ const _sfc_main$a = defineComponent({
 });
 const _hoisted_1$a = /* @__PURE__ */ createTextVNode("Modal sidebar! ");
 const _hoisted_2$a = /* @__PURE__ */ createElementVNode("button", { class: "btn btn-primary" }, "Button Bottom", -1);
-const _hoisted_3$9 = {
+const _hoisted_3$8 = {
   id: "modalTitle",
   class: "modal-header"
 };
@@ -317,12 +317,12 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
         onClick: _cache[2] || (_cache[2] = (...args) => _ctx.closed && _ctx.closed(...args))
       }, [
         createElementVNode("div", {
+          "aria-describedby": "modalDescription",
+          "aria-labelledby": "modalTitle",
           class: normalizeClass(`modal ${_ctx.hasSideBar ? _ctx.sideBarPosition : ""}`),
-          onClick: _cache[1] || (_cache[1] = withModifiers(() => {
-          }, ["stop"])),
           role: "dialog",
-          "aria-labelledby": "modalTitle",
-          "aria-describedby": "modalDescription"
+          onClick: _cache[1] || (_cache[1] = withModifiers(() => {
+          }, ["stop"]))
         }, [
           _ctx.hasCloseButton ? (openBlock(), createElementBlock("button", {
             key: 0,
@@ -355,7 +355,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("section", {
             class: normalizeClass(`right-section ${_ctx.hasSideBar ? "" : "full"}`)
           }, [
-            createElementVNode("header", _hoisted_3$9, [
+            createElementVNode("header", _hoisted_3$8, [
               renderSlot(_ctx.$slots, "header", {}, () => [
                 _hoisted_4$6
               ])
@@ -464,7 +464,7 @@ const _hoisted_1$9 = /* @__PURE__ */ createElementVNode("img", {
 const _hoisted_2$9 = [
   _hoisted_1$9
 ];
-const _hoisted_3$8 = ["src"];
+const _hoisted_3$7 = ["src"];
 const _hoisted_4$5 = { class: "additional-text" };
 const _hoisted_5$5 = {
   key: 0,
@@ -493,7 +493,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("img", {
             class: normalizeClass(`icons icons-${_ctx.status} icons-${_ctx.status}-${_ctx.notificationType}`),
             src: _ctx.getIconUrl()
-          }, null, 10, _hoisted_3$8)
+          }, null, 10, _hoisted_3$7)
         ], 2),
         createElementVNode("div", _hoisted_4$5, [
           createElementVNode("div", {
@@ -12717,7 +12717,7 @@ const _sfc_main$8 = {
 };
 const _hoisted_1$8 = { class: "bar" };
 const _hoisted_2$8 = ["min", "max", "step", "value"];
-const _hoisted_3$7 = { class: "caption" };
+const _hoisted_3$6 = { class: "caption" };
 const _hoisted_4$4 = { class: "min-caption" };
 const _hoisted_5$4 = { class: "bar-inner" };
 const _hoisted_6$4 = ["min", "max", "step", "value"];
@@ -12760,7 +12760,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
         onMousedown: _cache[2] || (_cache[2] = (...args) => $options.onLeftThumbMousedown && $options.onLeftThumbMousedown(...args)),
         onTouchstart: _cache[3] || (_cache[3] = (...args) => $options.onLeftThumbMousedown && $options.onLeftThumbMousedown(...args))
       }, [
-        createElementVNode("div", _hoisted_3$7, [
+        createElementVNode("div", _hoisted_3$6, [
           createElementVNode("span", _hoisted_4$4, toDisplayString($props.minCaption || $options.barMinVal), 1)
         ])
       ], 32),
@@ -13077,7 +13077,7 @@ const _sfc_main$7 = defineComponent({
 });
 const _hoisted_1$7 = { class: "dh-range-container" };
 const _hoisted_2$7 = { class: "bar-chart" };
-const _hoisted_3$6 = { class: "input-group-section" };
+const _hoisted_3$5 = { class: "input-group-section" };
 const _hoisted_4$3 = { class: "input-group sb-input" };
 const _hoisted_5$3 = ["disabled", "max", "value"];
 const _hoisted_6$3 = { class: "input-group sb-input" };
@@ -13134,7 +13134,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
         onInput: _ctx.updateBarChart
       }, null, 8, ["base-class-name", "max", "max-caption", "max-value", "min-caption", "min-value", "step", "onInput"])
     ]),
-    createElementVNode("div", _hoisted_3$6, [
+    createElementVNode("div", _hoisted_3$5, [
       createElementVNode("div", _hoisted_4$3, [
         createElementVNode("label", {
           class: normalizeClass(`text-2 input-to ${_ctx.validated ? "disable" : ""}`)
@@ -13215,8 +13215,8 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
 var NumberRange = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$2]]);
 var PasswordField_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$6 = { class: "password-panel" };
-const _hoisted_2$6 = ["type", "placeholder"];
-const _hoisted_3$5 = { class: "icon is-right" };
+const _hoisted_2$6 = ["placeholder", "type"];
+const _hoisted_3$4 = { class: "icon is-right" };
 const _hoisted_4$2 = {
   key: 0,
   class: "password-tooltip"
@@ -13227,8 +13227,14 @@ const _hoisted_7$2 = { class: "active-text" };
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "PasswordField",
   props: {
-    modelValue: String,
-    placeholder: String,
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
     tipChars: {
       type: String,
       default: "12 Characters"
@@ -13242,7 +13248,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       default: "Symbols"
     }
   },
-  emits: ["submit", "clean", "update:modelValue"],
+  emits: ["submit", "update:modelValue"],
   setup(__props, { emit }) {
     const props = __props;
     const password = ref("");
@@ -13268,18 +13274,18 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       showPassword.value = !showPassword.value;
     }
     onMounted(() => () => password.value = props.modelValue || "");
-    watch(props, () => (password.value = props.modelValue || "", hasMinimumLength.value = password.value.length > 11, hasNumber.value = /\d/.test(password.value), hasSpecial.value = /[!@#\$%\^\&*\)\(+=._-]/.test(password.value)));
+    watch(props, () => (password.value = props.modelValue || "", hasMinimumLength.value = password.value.length > 11, hasNumber.value = /\d/.test(password.value), hasSpecial.value = /[!@#$%^&*)(+=._-]/.test(password.value)));
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$6, [
         withDirectives(createElementVNode("input", {
-          type: showPassword.value ? "text" : "password",
-          class: "form-input password-panel-input",
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => password.value = $event),
+          class: "form-input password-panel-input",
           "data-e2e": "search-input",
           placeholder: props.placeholder,
-          onKeyup: emitChanged,
+          type: showPassword.value ? "text" : "password",
           onFocus,
-          onFocusout: outFocus
+          onFocusout: outFocus,
+          onKeyup: emitChanged
         }, null, 40, _hoisted_2$6), [
           [vModelDynamic, password.value]
         ]),
@@ -13287,7 +13293,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           class: "password-panel-button",
           onClick: toggleShow
         }, [
-          createElementVNode("span", _hoisted_3$5, [
+          createElementVNode("span", _hoisted_3$4, [
             createVNode(DhIcon, {
               active: isActive.value,
               "icon-name": showPassword.value ? "invisible" : "visible",
@@ -13325,15 +13331,21 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var PasswordField = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-e2840bb4"]]);
+var PasswordField = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-4b80b2e6"]]);
 var SearchInput_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$5 = { class: "search-panel" };
 const _hoisted_2$5 = ["placeholder"];
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "SearchInput",
   props: {
-    modelValue: String,
-    placeholder: String
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    }
   },
   emits: ["submit", "clean", "update:modelValue"],
   setup(__props, { emit }) {
@@ -13389,17 +13401,22 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var SearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-f97055f4"]]);
+var SearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-562faa14"]]);
 var Stepper_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId = (n) => (pushScopeId("data-v-cb51b2ba"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-0213b522"), n = n(), popScopeId(), n);
 const _hoisted_1$4 = { class: "stepper" };
-const _hoisted_2$4 = { class: "step" };
-const _hoisted_3$4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("hr", { class: "solid" }, null, -1));
+const _hoisted_2$4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("hr", { class: "solid" }, null, -1));
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "Stepper",
   props: {
-    maxSteps: Number,
-    currentStep: Number
+    maxSteps: {
+      type: Number,
+      default: 0
+    },
+    currentStep: {
+      type: Number,
+      default: 0
+    }
   },
   setup(__props) {
     const props = __props;
@@ -13408,19 +13425,22 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$4, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(getSteps(), (step) => {
-          return openBlock(), createElementBlock("div", _hoisted_2$4, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(getSteps(), (step, id) => {
+          return openBlock(), createElementBlock("div", {
+            key: id,
+            class: "step"
+          }, [
             createElementVNode("span", {
               class: normalizeClass(["step-number", { active: step === __props.currentStep }])
             }, toDisplayString(step + 1), 3),
-            _hoisted_3$4
+            _hoisted_2$4
           ]);
-        }), 256))
+        }), 128))
       ]);
     };
   }
 });
-var Stepper = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-cb51b2ba"]]);
+var Stepper = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-0213b522"]]);
 const _sfc_main$3 = defineComponent({
   props: {
     data: {
@@ -24177,25 +24197,25 @@ const _sfc_main$1 = {
       return openBlock(), createElementBlock(Fragment, null, [
         createElementVNode("div", _hoisted_1$1, [
           createVNode(unref(ca), {
-            teleport: "#dp__container",
-            uid: "base",
+            ref_key: "datePicker",
+            ref: datePicker,
             modelValue: date.value,
             "onUpdate:modelValue": [
               _cache[0] || (_cache[0] = ($event) => date.value = $event),
               handleDate
             ],
-            "select-text": "Apply",
-            "time-picker-component": unref(timePicker),
-            "day-names": ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
-            textInput: "",
-            textInputOptions: textInputOptions.value,
-            offset: 12,
-            ref_key: "datePicker",
-            ref: datePicker,
             "auto-apply": "",
+            "close-on-auto-apply": false,
+            "day-names": ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
             "enable-time-picker": isTime.value,
-            closeOnAutoApply: false,
+            offset: 12,
             range: range.value,
+            "select-text": "Apply",
+            teleport: "#dp__container",
+            "text-input": "",
+            "text-input-options": textInputOptions.value,
+            "time-picker-component": unref(timePicker),
+            uid: "base",
             onClosed: reOpen
           }, {
             "dp-input": withCtx(({ value, onInput }) => [
@@ -24205,8 +24225,8 @@ const _sfc_main$1 = {
                   class: normalizeClass(["dp__custom_selection_input", time.value ? "dp__custom_selection_input_time" : ""])
                 }, [
                   createElementVNode("input", {
-                    type: "text",
                     placeholder: "DD/MM/YY",
+                    type: "text",
                     value,
                     onInput
                   }, null, 40, _hoisted_3$1),
@@ -24220,8 +24240,8 @@ const _sfc_main$1 = {
                     class: normalizeClass(["dp__custom_selection_input", time.value ? "dp__custom_selection_input_time" : ""])
                   }, [
                     createElementVNode("input", {
-                      type: "text",
                       placeholder: "DD/MM/YY",
+                      type: "text",
                       value: value.split("-")[0],
                       onInput
                     }, null, 40, _hoisted_5$1),
@@ -24234,8 +24254,8 @@ const _sfc_main$1 = {
                     class: normalizeClass(["dp__custom_selection_input", time.value ? "dp__custom_selection_input_time" : ""])
                   }, [
                     createElementVNode("input", {
-                      type: "text",
                       placeholder: "DD/MM/YY",
+                      type: "text",
                       value: value.split("-")[1]
                     }, null, 8, _hoisted_6$1),
                     createVNode(DhIcon, {
@@ -24267,7 +24287,7 @@ const _sfc_main$1 = {
             "clear-icon": withCtx(() => []),
             "action-preview": withCtx(() => []),
             _: 1
-          }, 8, ["modelValue", "time-picker-component", "textInputOptions", "enable-time-picker", "range"]),
+          }, 8, ["modelValue", "enable-time-picker", "range", "text-input-options", "time-picker-component"]),
           _hoisted_7$1,
           _hoisted_8$1,
           createVNode(DhSwitch, {
@@ -24307,18 +24327,7 @@ const _hoisted_16 = ["value"];
 const _sfc_main = {
   __name: "TimePicker",
   props: {
-    hoursIncrement: { type: [Number, String], default: 1 },
-    minutesIncrement: { type: [Number, String], default: 1 },
-    is24: { type: Boolean, default: true },
-    hoursGridIncrement: { type: [String, Number], default: 1 },
-    range: { type: Boolean, default: false },
-    filters: { type: Object, default: () => ({}) },
-    minTime: { type: Object, default: () => ({}) },
-    maxTime: { type: Object, default: () => ({}) },
-    timePicker: { type: Boolean, default: false },
-    hours: { type: [Number, Array], default: 0 },
-    minutes: { type: [Number, Array], default: 0 },
-    customProps: { type: Object, default: null }
+    range: { type: Boolean, default: false }
   },
   emits: ["update:hours", "update:minutes"],
   setup(__props, { emit }) {
@@ -24331,19 +24340,19 @@ const _sfc_main = {
           createElementVNode("div", _hoisted_1, [
             createElementVNode("div", _hoisted_2, [
               createElementVNode("input", {
-                type: "text",
-                name: "hoursInput",
                 class: "time_input",
-                value: __props.hours,
-                onChange: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:hours", +$event.target.value))
+                name: "hoursInput",
+                type: "text",
+                value: _ctx.hours,
+                onChange: _cache[0] || (_cache[0] = ($event) => emit("update:hours", +$event.target.value))
               }, null, 40, _hoisted_3),
               _hoisted_4,
               createElementVNode("input", {
-                type: "text",
-                name: "MinutesInput",
                 class: "time_input",
-                value: __props.minutes,
-                onChange: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:minutes", +$event.target.value))
+                name: "MinutesInput",
+                type: "text",
+                value: _ctx.minutes,
+                onChange: _cache[1] || (_cache[1] = ($event) => emit("update:minutes", +$event.target.value))
               }, null, 40, _hoisted_5)
             ]),
             createVNode(DhIcon, {
@@ -24360,19 +24369,19 @@ const _sfc_main = {
             createElementVNode("div", _hoisted_7, [
               createElementVNode("div", _hoisted_8, [
                 createElementVNode("input", {
-                  type: "text",
-                  name: "hoursInput",
                   class: "time_input",
-                  value: __props.hours[0],
-                  onSubmit: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:hours", $event.target.value))
+                  name: "hoursInput",
+                  type: "text",
+                  value: _ctx.hours[0],
+                  onSubmit: _cache[2] || (_cache[2] = ($event) => emit("update:hours", $event.target.value))
                 }, null, 40, _hoisted_9),
                 _hoisted_10,
                 createElementVNode("input", {
-                  type: "text",
-                  name: "MinutesInput",
                   class: "time_input",
-                  value: __props.minutes[0],
-                  onSubmit: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("update:minutes", $event.target.value))
+                  name: "MinutesInput",
+                  type: "text",
+                  value: _ctx.minutes[0],
+                  onSubmit: _cache[3] || (_cache[3] = ($event) => emit("update:minutes", $event.target.value))
                 }, null, 40, _hoisted_11)
               ]),
               createVNode(DhIcon, {
@@ -24383,19 +24392,19 @@ const _sfc_main = {
             createElementVNode("div", _hoisted_12, [
               createElementVNode("div", _hoisted_13, [
                 createElementVNode("input", {
-                  type: "text",
-                  name: "hoursInput",
                   class: "time_input",
-                  value: __props.hours[1],
-                  onSubmit: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("update:hours", $event.target.value))
+                  name: "hoursInput",
+                  type: "text",
+                  value: _ctx.hours[1],
+                  onSubmit: _cache[4] || (_cache[4] = ($event) => emit("update:hours", $event.target.value))
                 }, null, 40, _hoisted_14),
                 _hoisted_15,
                 createElementVNode("input", {
-                  type: "text",
-                  name: "MinutesInput",
                   class: "time_input",
-                  value: __props.minutes[1],
-                  onSubmit: _cache[5] || (_cache[5] = ($event) => _ctx.$emit("update:minutes", $event.target.value))
+                  name: "MinutesInput",
+                  type: "text",
+                  value: _ctx.minutes[1],
+                  onSubmit: _cache[5] || (_cache[5] = ($event) => emit("update:minutes", $event.target.value))
                 }, null, 40, _hoisted_16)
               ]),
               createVNode(DhIcon, {