@deskhero/dh_ui 1.48.9 → 1.48.10

package/dist/dh_ui.es.js

@@ -10871,7 +10871,7 @@ const _sfc_main$q = defineComponent({
 });
 const _hoisted_1$q = { class: "dp__options" };
 const _hoisted_2$p = { class: "dp__options_switch" };
-const _hoisted_3$g = /* @__PURE__ */ createElementVNode("span", { class: "dp__options_slider" }, null, -1);
+const _hoisted_3$h = /* @__PURE__ */ createElementVNode("span", { class: "dp__options_slider" }, null, -1);
 function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", _hoisted_1$q, [
     createElementVNode("span", null, toDisplayString(_ctx.label), 1),
@@ -10883,7 +10883,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 512), [
         [vModelCheckbox, _ctx.checkedValue]
       ]),
-      _hoisted_3$g
+      _hoisted_3$h
     ])
   ]);
 }
@@ -23089,7 +23089,7 @@ const _sfc_main$p = {
 };
 const _hoisted_1$p = { class: "bar" };
 const _hoisted_2$o = ["min", "max", "step", "value"];
-const _hoisted_3$f = { class: "caption" };
+const _hoisted_3$g = { class: "caption" };
 const _hoisted_4$d = { class: "min-caption" };
 const _hoisted_5$8 = { class: "bar-inner" };
 const _hoisted_6$8 = ["min", "max", "step", "value"];
@@ -23132,7 +23132,7 @@ function _sfc_render$6(_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$f, [
+        createElementVNode("div", _hoisted_3$g, [
           createElementVNode("span", _hoisted_4$d, toDisplayString($props.minCaption || $options.barMinVal), 1)
         ])
       ], 32),
@@ -23256,7 +23256,7 @@ const _sfc_main$o = defineComponent({
 });
 const _hoisted_1$o = { class: "dh-advanced-filter-container" };
 const _hoisted_2$n = { class: "advance_section" };
-const _hoisted_3$e = { key: 0 };
+const _hoisted_3$f = { key: 0 };
 const _hoisted_4$c = { class: "list-none" };
 const _hoisted_5$7 = ["checked"];
 const _hoisted_6$7 = ["checked"];
@@ -23275,7 +23275,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
           size: 20
         }, null, 8, ["icon-name"])
       ]),
-      _ctx.activeFilter ? (openBlock(), createElementBlock("div", _hoisted_3$e, [
+      _ctx.activeFilter ? (openBlock(), createElementBlock("div", _hoisted_3$f, [
         renderSlot(_ctx.$slots, "default"),
         createElementVNode("ul", _hoisted_4$c, [
           createElementVNode("li", null, [
@@ -23573,7 +23573,7 @@ const _sfc_main$n = defineComponent({
 });
 const _hoisted_1$n = { class: "dh-range-container" };
 const _hoisted_2$m = { class: "bar-chart" };
-const _hoisted_3$d = {
+const _hoisted_3$e = {
   key: 0,
   class: "input-group-section"
 };
@@ -23611,7 +23611,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
         onInput: _ctx.updateBarChart
       }, null, 8, ["base-class-name", "labels", "max", "max-caption", "max-value", "min-caption", "min-value", "step", "onInput"])
     ]),
-    _ctx.includeForm ? (openBlock(), createElementBlock("div", _hoisted_3$d, [
+    _ctx.includeForm ? (openBlock(), createElementBlock("div", _hoisted_3$e, [
       createElementVNode("div", _hoisted_4$b, [
         createElementVNode("label", {
           class: normalizeClass(`dh-body-2 input-to ${_ctx.validated ? "disable" : ""}`)
@@ -23664,7 +23664,7 @@ const _hoisted_2$l = /* @__PURE__ */ createElementVNode("div", { class: "dp__cal
   /* @__PURE__ */ createElementVNode("p", null, "From"),
   /* @__PURE__ */ createElementVNode("p", null, "To")
 ], -1);
-const _hoisted_3$c = { class: "dp__multi" };
+const _hoisted_3$d = { class: "dp__multi" };
 const _hoisted_4$a = ["value"];
 const _hoisted_5$5 = ["value"];
 const _hoisted_6$5 = /* @__PURE__ */ createTextVNode(" Back ");
@@ -23800,7 +23800,7 @@ const _sfc_main$m = {
           onClosed: reOpen
         }, {
           "dp-input": withCtx(() => [
-            createElementVNode("div", _hoisted_3$c, [
+            createElementVNode("div", _hoisted_3$d, [
               createElementVNode("input", {
                 class: "dp__input dp__multi_input",
                 placeholder: "MM/DD/YYYY",
@@ -23945,7 +23945,7 @@ const _sfc_main$l = defineComponent({
 });
 const _hoisted_1$l = ["placement", "target", "tooltipText", "trigger"];
 const _hoisted_2$k = ["id"];
-const _hoisted_3$b = { class: "text" };
+const _hoisted_3$c = { class: "text" };
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     id: "main-contain",
@@ -23964,7 +23964,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
       ref: _ctx.target,
       class: normalizeClass(`tooltiptext ${_ctx.show}`)
     }, [
-      createElementVNode("span", _hoisted_3$b, toDisplayString(_ctx.tooltipText), 1)
+      createElementVNode("span", _hoisted_3$c, toDisplayString(_ctx.tooltipText), 1)
     ], 10, _hoisted_2$k)
   ], 40, _hoisted_1$l);
 }
@@ -24360,7 +24360,7 @@ const _hoisted_2$e = {
   key: 1,
   class: "file__upload_items"
 };
-const _hoisted_3$a = { class: "file__upload_list_item" };
+const _hoisted_3$b = { class: "file__upload_list_item" };
 const _hoisted_4$9 = { class: "file__upload_list_item_label" };
 const _hoisted_5$4 = ["title"];
 const _hoisted_6$4 = {
@@ -24597,7 +24597,7 @@ const _sfc_main$e = {
                 size: 20,
                 style: normalizeStyle({ "z-index": props.zIndex })
               }, null, 8, ["style"])) : createCommentVNode("", true),
-              createElementVNode("div", _hoisted_3$a, [
+              createElementVNode("div", _hoisted_3$b, [
                 createElementVNode("div", _hoisted_4$9, [
                   createElementVNode("div", null, [
                     createElementVNode("span", {
@@ -24683,7 +24683,7 @@ const _sfc_main$e = {
 var InputDropdown_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$d = { class: "input__dropdown" };
 const _hoisted_2$d = ["placeholder", "value"];
-const _hoisted_3$9 = { class: "input__dropdown_second" };
+const _hoisted_3$a = { class: "input__dropdown_second" };
 const _hoisted_4$8 = ["tabindex"];
 const _hoisted_5$3 = ["onClick"];
 const _hoisted_6$3 = ["onClick"];
@@ -24760,7 +24760,7 @@ const _sfc_main$d = {
           value: __props.inputValue,
           onInput: update
         }, null, 44, _hoisted_2$d),
-        createElementVNode("div", _hoisted_3$9, [
+        createElementVNode("div", _hoisted_3$a, [
           createVNode(DhIcon, {
             "icon-name": __props.icon,
             size: 18
@@ -24911,8 +24911,12 @@ const _sfc_main$c = {
   }
 };
 var InputGroup_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$b = { class: "input__group" };
-const _hoisted_2$b = ["placeholder", "type", "value"];
+const _hoisted_1$b = ["placeholder", "value"];
+const _hoisted_2$b = {
+  key: 1,
+  class: "input__group"
+};
+const _hoisted_3$9 = ["placeholder", "type", "value"];
 const _sfc_main$b = {
   __name: "InputGroup",
   props: {
@@ -24949,9 +24953,9 @@ const _sfc_main$b = {
   setup(__props) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "9bbc973e": flexDir.value,
-      "17a45996": __props.widthProp,
-      "d5af8106": __props.heightProp
+      "22ddfa82": flexDir.value,
+      "4a679b77": __props.widthProp,
+      "8a658c88": __props.heightProp
     }));
     const flexDir = ref("row");
     onMounted(() => {
@@ -24960,19 +24964,41 @@ const _sfc_main$b = {
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$b, [
+      return __props.inputType == "multi-line" ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(["text__area", __props.direction == "left" ? "text__area--left" : "text__area--right"])
+      }, [
+        createElementVNode("textarea", {
+          class: "text__area_field",
+          cols: "30",
+          placeholder: __props.placeholder,
+          rows: "10",
+          value: __props.modelValue,
+          onInput: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event.target.value))
+        }, null, 40, _hoisted_1$b),
+        __props.direction == "left" ? (openBlock(), createBlock(DhIcon, {
+          key: 0,
+          class: "text__area_icon text__area_icon--left",
+          "icon-name": __props.iconName
+        }, null, 8, ["icon-name"])) : createCommentVNode("", true),
+        __props.direction == "right" ? (openBlock(), createBlock(DhIcon, {
+          key: 1,
+          class: "text__area_icon text__area_icon--right",
+          "icon-name": __props.iconName
+        }, null, 8, ["icon-name"])) : createCommentVNode("", true)
+      ], 2)) : (openBlock(), createElementBlock("div", _hoisted_2$b, [
         createElementVNode("input", {
           class: "input__group_field",
           placeholder: __props.placeholder,
           type: __props.inputType,
           value: __props.modelValue,
-          onInput: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event.target.value))
-        }, null, 40, _hoisted_2$b),
+          onInput: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:modelValue", $event.target.value))
+        }, null, 40, _hoisted_3$9),
         createVNode(DhIcon, {
           class: "input__group_icon",
           "icon-name": __props.iconName
         }, null, 8, ["icon-name"])
-      ]);
+      ]));
     };
   }
 };
@@ -27618,7 +27644,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           "data-e2e": "password-input",
           placeholder: props.placeholder,
           type: showPassword.value ? "text" : "password",
-          onChange: emitChanged,
+          onInput: emitChanged,
           onFocus,
           onFocusout: outFocus
         }, null, 40, _hoisted_2$6), [
@@ -27673,7 +27699,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var PasswordField = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-5ec7ff50"]]);
+var PasswordField = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-93d2f9fc"]]);
 var RadioBox_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$5 = { class: "radio" };
 const _hoisted_2$5 = ["for"];