@deskhero/dh_ui 1.48.9 → 1.49.0

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);
 }
@@ -24041,6 +24041,18 @@ const _sfc_main$j = {
     inline: {
       type: Boolean,
       default: true
+    },
+    multiCalendars: {
+      type: Boolean,
+      default: false
+    },
+    range: {
+      type: Boolean,
+      default: false
+    },
+    enableTimePicker: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["update"],
@@ -24069,15 +24081,18 @@ const _sfc_main$j = {
             handleDate
           ],
           "day-names": ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
-          "enable-time-picker": false,
           inline: __props.inline,
           markers: markers.value,
+          "enable-time-picker": __props.enableTimePicker,
           "month-name-format": "short",
           offset: 12,
           placeholder: "MM/DD/YYYY",
+          format: "MM/dd/yyyy",
           "select-text": "Apply",
           "text-input": "",
-          uid: "base"
+          uid: "base",
+          "multi-calendars": __props.multiCalendars,
+          range: __props.range || __props.multiCalendars
         }, {
           "arrow-left": withCtx(() => [
             createVNode(DhIcon, {
@@ -24100,7 +24115,7 @@ const _sfc_main$j = {
             _hoisted_2$i
           ]),
           _: 1
-        }, 8, ["modelValue", "inline", "markers"])
+        }, 8, ["modelValue", "inline", "markers", "enable-time-picker", "multi-calendars", "range"])
       ]);
     };
   }
@@ -24360,7 +24375,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 +24612,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 +24698,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 +24775,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 +24926,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 +24968,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 +24979,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 +27659,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 +27714,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"];
@@ -43253,7 +43294,7 @@ const _hoisted_7$1 = {
   href: "https://deskhero.com",
   target: "_blank"
 };
-const _hoisted_8 = /* @__PURE__ */ createElementVNode("div", { id: "codex-editor" }, null, -1);
+const _hoisted_8 = ["id"];
 const _sfc_main$1 = {
   __name: "TextEditor",
   props: {
@@ -43294,6 +43335,10 @@ const _sfc_main$1 = {
       default: "Start typing...",
       required: false
     },
+    holder: {
+      type: String,
+      required: true
+    },
     wordCount: {
       type: Boolean,
       default: false,
@@ -43306,13 +43351,14 @@ const _sfc_main$1 = {
     }
   },
   emits: ["change"],
-  setup(__props, { emit }) {
+  setup(__props, { expose, emit }) {
     const props = __props;
     const isReady = ref(false);
     const words = ref(0);
     const addFirstBlock = ref(false);
+    const editorJS = ref({});
     const configurationMail = ref({
-      holder: "codex-editor",
+      holder: props.holder,
       autofocus: true,
       minHeight: 0,
       defaultBlock: "paragraph",
@@ -43358,9 +43404,19 @@ const _sfc_main$1 = {
     const limitExceeded = computed(() => {
       return words.value > 300 ? true : false;
     });
+    expose({
+      toggleReadOnly,
+      save
+    });
+    function toggleReadOnly() {
+      editorJS.value.readOnly.toggle();
+    }
+    function save() {
+      return editorJS.value.save();
+    }
     function myEditor() {
       if (props.featureSet == "Full") {
-        window.editor = new EditorJS({
+        editorJS.value = new EditorJS({
           ...configurationMail.value,
           data: props.data,
           minHeight: props.minHeight,
@@ -43402,7 +43458,7 @@ const _sfc_main$1 = {
           }
         });
       } else if (props.featureSet == "Mail") {
-        window.editor = new EditorJS({
+        editorJS.value = new EditorJS({
           ...configurationMail.value,
           data: props.data,
           minHeight: props.minHeight,
@@ -43419,7 +43475,7 @@ const _sfc_main$1 = {
           }
         });
       } else {
-        window.editor = new EditorJS({
+        editorJS.value = new EditorJS({
           ...configurationMail.value,
           data: props.data,
           minHeight: props.minHeight,
@@ -43519,7 +43575,7 @@ const _sfc_main$1 = {
             createElementVNode("p", _hoisted_6$1, toDisplayString(__props.firstBlockText), 1),
             createElementVNode("a", _hoisted_7$1, toDisplayString(__props.learnMoreText), 1)
           ])) : createCommentVNode("", true),
-          _hoisted_8
+          createElementVNode("div", { id: __props.holder }, null, 8, _hoisted_8)
         ])
       ]);
     };