@deskhero/dh_ui 1.19.0 → 1.19.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/dh_ui.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import { defineComponent, resolveComponent, openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createVNode, createCommentVNode, normalizeClass, createBlock, Transition, withCtx, withModifiers, renderSlot, shallowRef, ref, watch, onMounted, onBeforeUnmount, toRaw, h, isProxy, normalizeStyle, Fragment, renderList, withDirectives, vModelText, pushScopeId, popScopeId, vModelCheckbox, vModelDynamic } from "vue";
1
+ import { defineComponent, resolveComponent, openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createVNode, createCommentVNode, unref, Fragment, renderList, normalizeClass, createBlock, Transition, withCtx, withModifiers, renderSlot, shallowRef, ref, watch, onMounted, onBeforeUnmount, toRaw, h, isProxy, normalizeStyle, withDirectives, vModelDynamic, vModelText, pushScopeId, popScopeId, vModelCheckbox } from "vue";
2
2
  var main = "";
3
3
  var _export_sfc = (sfc, props) => {
4
4
  const target = sfc.__vccOpts || sfc;
@@ -7,7 +7,7 @@ var _export_sfc = (sfc, props) => {
7
7
  }
8
8
  return target;
9
9
  };
10
- const _sfc_main$a = defineComponent({
10
+ const _sfc_main$b = defineComponent({
11
11
  components: { DhIcon },
12
12
  props: {
13
13
  mainText: {
@@ -68,7 +68,7 @@ const _sfc_main$a = defineComponent({
68
68
  }
69
69
  }
70
70
  });
71
- const _hoisted_1$a = { class: "dh-advanced-filter-container" };
71
+ const _hoisted_1$b = { class: "dh-advanced-filter-container" };
72
72
  const _hoisted_2$9 = { class: "advance_section" };
73
73
  const _hoisted_3$8 = {
74
74
  key: 0,
@@ -79,7 +79,7 @@ const _hoisted_5$5 = ["checked"];
79
79
  const _hoisted_6$5 = ["checked"];
80
80
  function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
81
81
  const _component_dh_icon = resolveComponent("dh-icon");
82
- return openBlock(), createElementBlock("div", _hoisted_1$a, [
82
+ return openBlock(), createElementBlock("div", _hoisted_1$b, [
83
83
  createElementVNode("div", _hoisted_2$9, [
84
84
  createElementVNode("span", {
85
85
  class: "toggle-icon",
@@ -126,7 +126,33 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
126
126
  ])
127
127
  ]);
128
128
  }
129
- var AdvancedFilter = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$7]]);
129
+ var AdvancedFilter = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$7]]);
130
+ var Error_vue_vue_type_style_index_0_lang = "";
131
+ const _hoisted_1$a = {
132
+ key: 0,
133
+ class: "invalid-feedback"
134
+ };
135
+ const _sfc_main$a = /* @__PURE__ */ defineComponent({
136
+ __name: "Error",
137
+ props: {
138
+ errors: {
139
+ type: Object,
140
+ required: false,
141
+ default: void 0
142
+ }
143
+ },
144
+ setup(__props) {
145
+ const props = __props;
146
+ return (_ctx, _cache) => {
147
+ var _a;
148
+ return unref(props).errors && ((_a = unref(props).errors) == null ? void 0 : _a.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$a, [
149
+ (openBlock(true), createElementBlock(Fragment, null, renderList(__props.errors, (error) => {
150
+ return openBlock(), createElementBlock("span", { key: error }, toDisplayString(error), 1);
151
+ }), 128))
152
+ ])) : createCommentVNode("", true);
153
+ };
154
+ }
155
+ });
130
156
  var __glob_1_0$1 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDIxIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjk4NzgxMyA5QzAuOTIzODEzIDkgMC44Njc4MTMgOC45NzYgMC44MTk4MTMgOC45MjhDMC43NzE4MTMgOC44OCAwLjc0NzgxMyA4LjgyNCAwLjc0NzgxMyA4Ljc2QzAuNzQ3ODEzIDguNjk2IDAuNzUxODEzIDguNjUyIDAuNzU5ODEzIDguNjI4TDMuNzM1ODEgMC44NjRDMy43OTk4MSAwLjY4Nzk5OSAzLjkyNzgxIDAuNTk5OTk5IDQuMTE5ODEgMC41OTk5OTlINC45MzU4MUM1LjEyNzgxIDAuNTk5OTk5IDUuMjU1ODEgMC42ODc5OTkgNS4zMTk4MSAwLjg2NEw4LjI4MzgxIDguNjI4TDguMzA3ODEgOC43NkM4LjMwNzgxIDguODI0IDguMjgzODEgOC44OCA4LjIzNTgxIDguOTI4QzguMTg3ODEgOC45NzYgOC4xMzE4MSA5IDguMDY3ODEgOUg3LjQ1NTgxQzcuMzY3ODEgOSA3LjI5OTgxIDguOTggNy4yNTE4MSA4Ljk0QzcuMjAzODEgOC44OTIgNy4xNzE4MSA4Ljg0NCA3LjE1NTgxIDguNzk2TDYuNDk1ODEgNy4wOTJIMi41NTk4MUwxLjg5OTgxIDguNzk2QzEuODgzODEgOC44NDQgMS44NDc4MSA4Ljg5MiAxLjc5MTgxIDguOTRDMS43NDM4MSA4Ljk4IDEuNjc5ODEgOSAxLjU5OTgxIDlIMC45ODc4MTNaTTYuMTQ3ODEgNi4wNkw0LjUyNzgxIDEuOEwyLjkwNzgxIDYuMDZINi4xNDc4MVpNOS4zNjk2MyA1LjkwNEM5LjI4OTYzIDUuOTA0IDkuMjIxNjMgNS44OCA5LjE2NTYzIDUuODMyQzkuMTE3NjMgNS43NzYgOS4wOTM2MyA1LjcwOCA5LjA5MzYzIDUuNjI4VjUuMTcyQzkuMDkzNjMgNS4wOTIgOS4xMTc2MyA1LjAyOCA5LjE2NTYzIDQuOThDOS4yMjE2MyA0LjkyNCA5LjI4OTYzIDQuODk2IDkuMzY5NjMgNC44OTZIMTIuOTY5NkMxMy4wNDk2IDQuODk2IDEzLjExMzYgNC45MjQgMTMuMTYxNiA0Ljk4QzEzLjIxNzYgNS4wMjggMTMuMjQ1NiA1LjA5MiAxMy4yNDU2IDUuMTcyVjUuNjI4QzEzLjI0NTYgNS43MDggMTMuMjE3NiA1Ljc3NiAxMy4xNjE2IDUuODMyQzEzLjExMzYgNS44OCAxMy4wNDk2IDUuOTA0IDEyLjk2OTYgNS45MDRIOS4zNjk2M1pNMTQuMzUzOSA5QzE0LjI3MzkgOSAxNC4yMDU5IDguOTc2IDE0LjE0OTkgOC45MjhDMTQuMTAxOSA4Ljg3MiAxNC4wNzc5IDguOCAxNC4wNzc5IDguNzEyVjguMTk2QzE0LjA3NzkgOC4wOTIgMTQuMDkzOSA4LjAwOCAxNC4xMjU5IDcuOTQ0QzE0LjE2NTkgNy44OCAxNC4yMDk5IDcuODE2IDE0LjI1NzkgNy43NTJMMTguNzIxOSAxLjY0NEgxNC40NjE5QzE0LjM4MTkgMS42NDQgMTQuMzEzOSAxLjYyIDE0LjI1NzkgMS41NzJDMTQuMjA5OSAxLjUxNiAxNC4xODU5IDEuNDQ4IDE0LjE4NTkgMS4zNjhWMC44ODc5OTlDMTQuMTg1OSAwLjc5OTk5OSAxNC4yMDk5IDAuNzMyIDE0LjI1NzkgMC42ODRDMTQuMzEzOSAwLjYyOCAxNC4zODE5IDAuNTk5OTk5IDE0LjQ2MTkgMC41OTk5OTlIMTkuODk3OUMxOS45ODU5IDAuNTk5OTk5IDIwLjA1MzkgMC42MjggMjAuMTAxOSAwLjY4NEMyMC4xNTc5IDAuNzMyIDIwLjE4NTkgMC43OTk5OTkgMjAuMTg1OSAwLjg4Nzk5OVYxLjQwNEMyMC4xODU5IDEuNDkyIDIwLjE2OTkgMS41NjQgMjAuMTM3OSAxLjYyQzIwLjExMzkgMS42NzYgMjAuMDc3OSAxLjc0NCAyMC4wMjk5IDEuODI0TDE1LjYwMTkgNy45NTZIMjAuMDE3OUMyMC4xMDU5IDcuOTU2IDIwLjE3MzkgNy45ODQgMjAuMjIxOSA4LjA0QzIwLjI3NzkgOC4wODggMjAuMzA1OSA4LjE1NiAyMC4zMDU5IDguMjQ0VjguNzI0QzIwLjMwNTkgOC44MDQgMjAuMjc3OSA4Ljg3MiAyMC4yMjE5IDguOTI4QzIwLjE3MzkgOC45NzYgMjAuMTA1OSA5IDIwLjAxNzkgOUgxNC4zNTM5WiIgZmlsbD0iIzgyODI4MiIvPgo8L3N2Zz4K";
131
157
  var __glob_1_1$1 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS40MjcxIDYuMjUyODlDMTkuODE3NiA2LjY0MzQxIDE5LjgxNzYgNy4yNzY1OCAxOS40MjcxIDcuNjY3MUwxMC4xODcgMTYuOTA3MUM5Ljk5OTUxIDE3LjA5NDcgOS43NDUxNSAxNy4yIDkuNDc5OTMgMTcuMkM5LjIxNDcyIDE3LjIgOC45NjAzNiAxNy4wOTQ3IDguNzcyODMgMTYuOTA3MUw0LjU3MjgzIDEyLjcwNzFDNC4xODIzMSAxMi4zMTY2IDQuMTgyMzEgMTEuNjgzNCA0LjU3MjgzIDExLjI5MjlDNC45NjMzNSAxMC45MDI0IDUuNTk2NTIgMTAuOTAyNCA1Ljk4NzA0IDExLjI5MjlMOS40Nzk5MyAxNC43ODU3TDE4LjAxMjggNi4yNTI4OUMxOC40MDMzIDUuODYyMzcgMTkuMDM2NSA1Ljg2MjM3IDE5LjQyNzEgNi4yNTI4OVoiIGZpbGw9IiMxRDgyNDUiLz4KPC9zdmc+Cg==";
132
158
  var __glob_1_2$1 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE3LjA1NiAxMi45NTdhLjkyNS45MjUgMCAwIDAtLjc1OC0uNDI1Ljg3Ny44NzcgMCAwIDAtLjc1OC40MjVjLS40OTkuODMyLTIuMTA3IDMuNjA0LTIuMTA3IDQuODYxYTIuODg3IDIuODg3IDAgMCAwIDIuODg0IDIuODg0IDIuODg3IDIuODg3IDAgMCAwIDIuODgzLTIuODg0Yy0uMDM3LTEuMjU3LTEuNjQ1LTQuMDQ3LTIuMTQ0LTQuODZ6bS0uNzU4IDYuNjkxQTEuODU0IDEuODU0IDAgMCAxIDE0LjQ1IDE3LjhjMC0uODg3IDEuNDA1LTMuMzY0IDEuODQ4LTQuMTAzLjQyNS43MzkgMS44NDkgMy4yMTYgMS44NDkgNC4xMDMtLjAxOSAxLjAxNi0uODUgMS44NDgtMS44NDkgMS44NDh6bS0uNjY1LTguMjYyIDEuMTQ2LS4xM2EuOTEuOTEgMCAwIDAgLjc5NC0uNjQ2Ljk0OC45NDggMCAwIDAtLjIyMS0uOTk4bC02LjEzNi02LjE1NWEuNjcuNjcgMCAwIDAtLjk0MyAwbC0uOTk4Ljk5OC0uOTA2LS45MDVhMS40NCAxLjQ0IDAgMCAwLTIuMDUxIDAgMS40NCAxLjQ0IDAgMCAwIDAgMi4wNTFsLjkwNS45MDYtMS42NDUgMS42NDVhMi42OTIgMi42OTIgMCAwIDAtLjczOSAyLjM2NmMuMDkyLjU1NC40MDcgMS4wNTMuODEzIDEuNDZsMi42MjUgMi42MjRjLjQwNi40MDcuOTA1LjcwMyAxLjQ2LjgxM2EyLjU5MiAyLjU5MiAwIDAgMCAyLjM2Ni0uNzM5bDMuMDY4LTMuMDY4YS44My44MyAwIDAgMSAuNDYyLS4yMjJ6TTcuMDM4IDQuOWEuNDU4LjQ1OCAwIDAgMSAwLS42MjguNDU4LjQ1OCAwIDAgMSAuNjI5IDBsLjkwNi45MDUtLjYyOS42MjktLjkwNi0uOTA2em03LjYzNCA1LjYtMy4zNjQgMy4zNjRhMS41MTcgMS41MTcgMCAwIDEtMi4xNDQgMEw2LjQxIDExLjA5MWExLjU1OSAxLjU1OSAwIDAgMS0uNDQ0LTEuMDcyYzAtLjQwNy4xNjctLjc3Ny40NDQtMS4wNzJsMS42NDUtMS42NDUgMS45MDQgMS45MjJhLjkwNC45MDQgMCAwIDAgLjI0LjgxMy45MjYuOTI2IDAgMCAwIDEuMjk0IDAgLjkyNi45MjYgMCAwIDAgMC0xLjI5NC44OS44OSAwIDAgMC0uODEzLS4yNEw4Ljc1NyA2LjU5OWwxLjk5Ny0xLjk5NiA1LjU0NCA1LjU0NS0xLjE4My4xM2EuOTE4LjkxOCAwIDAgMC0uNDQzLjIyMXoiIGZpbGw9IiNCRkJGQkYiLz48L3N2Zz4=";
@@ -13176,10 +13202,123 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
13176
13202
  ]);
13177
13203
  }
13178
13204
  var NumberRange = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$2]]);
13179
- var SearchInput_vue_vue_type_style_index_0_scoped_true_lang = "";
13180
- const _hoisted_1$4 = { class: "search-panel" };
13181
- const _hoisted_2$4 = ["placeholder"];
13205
+ var PasswordField_vue_vue_type_style_index_0_scoped_true_lang = "";
13206
+ const _hoisted_1$4 = { class: "password-panel" };
13207
+ const _hoisted_2$4 = ["type", "placeholder"];
13208
+ const _hoisted_3$3 = { class: "icon is-right" };
13209
+ const _hoisted_4 = {
13210
+ key: 0,
13211
+ class: "password-tooltip"
13212
+ };
13213
+ const _hoisted_5 = { class: "active-text" };
13214
+ const _hoisted_6 = { class: "active-text" };
13215
+ const _hoisted_7 = { class: "active-text" };
13182
13216
  const _sfc_main$4 = /* @__PURE__ */ defineComponent({
13217
+ __name: "PasswordField",
13218
+ props: {
13219
+ modelValue: String,
13220
+ placeholder: String,
13221
+ tipChars: {
13222
+ type: String,
13223
+ default: "12 Characters"
13224
+ },
13225
+ tipNumbers: {
13226
+ type: String,
13227
+ default: "Numbers"
13228
+ },
13229
+ tipSymbols: {
13230
+ type: String,
13231
+ default: "Symbols"
13232
+ }
13233
+ },
13234
+ emits: ["submit", "clean", "update:modelValue"],
13235
+ setup(__props, { emit }) {
13236
+ const props = __props;
13237
+ const password = ref("");
13238
+ const tooltip = ref(false);
13239
+ const hasMinimumLength = ref(false);
13240
+ const hasNumber = ref(false);
13241
+ const hasSpecial = ref(false);
13242
+ const showPassword = ref(false);
13243
+ const isActive = ref(false);
13244
+ function emitChanged() {
13245
+ emit("submit", password.value);
13246
+ emit("update:modelValue", password.value);
13247
+ }
13248
+ function onFocus() {
13249
+ tooltip.value = true;
13250
+ isActive.value = true;
13251
+ }
13252
+ function outFocus() {
13253
+ tooltip.value = false;
13254
+ isActive.value = false;
13255
+ }
13256
+ function toggleShow() {
13257
+ showPassword.value = !showPassword.value;
13258
+ }
13259
+ onMounted(() => () => password.value = props.modelValue || "");
13260
+ watch(props, () => (password.value = props.modelValue || "", hasMinimumLength.value = password.value.length > 11, hasNumber.value = /\d/.test(password.value), hasSpecial.value = /[!@#\$%\^\&*\)\(+=._-]/.test(password.value)));
13261
+ return (_ctx, _cache) => {
13262
+ return openBlock(), createElementBlock("div", _hoisted_1$4, [
13263
+ withDirectives(createElementVNode("input", {
13264
+ type: showPassword.value ? "text" : "password",
13265
+ class: "form-input password-panel-input",
13266
+ "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => password.value = $event),
13267
+ "data-e2e": "search-input",
13268
+ placeholder: props.placeholder,
13269
+ onKeyup: emitChanged,
13270
+ onFocus,
13271
+ onFocusout: outFocus
13272
+ }, null, 40, _hoisted_2$4), [
13273
+ [vModelDynamic, password.value]
13274
+ ]),
13275
+ createElementVNode("button", {
13276
+ class: "password-panel-button",
13277
+ onClick: toggleShow
13278
+ }, [
13279
+ createElementVNode("span", _hoisted_3$3, [
13280
+ createVNode(DhIcon, {
13281
+ active: isActive.value,
13282
+ "icon-name": showPassword.value ? "invisible" : "visible",
13283
+ size: 20
13284
+ }, null, 8, ["active", "icon-name"])
13285
+ ])
13286
+ ]),
13287
+ tooltip.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
13288
+ createElementVNode("p", _hoisted_5, [
13289
+ createVNode(DhIcon, {
13290
+ class: "accept-icon",
13291
+ "icon-name": hasMinimumLength.value ? "accept" : "close",
13292
+ size: hasMinimumLength.value ? 10 : 16
13293
+ }, null, 8, ["icon-name", "size"]),
13294
+ createTextVNode(" " + toDisplayString(props.tipChars), 1)
13295
+ ]),
13296
+ createElementVNode("p", _hoisted_6, [
13297
+ createVNode(DhIcon, {
13298
+ class: "accept-icon",
13299
+ "icon-name": hasNumber.value ? "accept" : "close",
13300
+ size: hasNumber.value ? 10 : 16
13301
+ }, null, 8, ["icon-name", "size"]),
13302
+ createTextVNode(" " + toDisplayString(props.tipNumbers), 1)
13303
+ ]),
13304
+ createElementVNode("p", _hoisted_7, [
13305
+ createVNode(DhIcon, {
13306
+ class: "accept-icon",
13307
+ "icon-name": hasSpecial.value ? "accept" : "close",
13308
+ size: hasSpecial.value ? 10 : 16
13309
+ }, null, 8, ["icon-name", "size"]),
13310
+ createTextVNode(" " + toDisplayString(props.tipSymbols), 1)
13311
+ ])
13312
+ ])) : createCommentVNode("", true)
13313
+ ]);
13314
+ };
13315
+ }
13316
+ });
13317
+ var PasswordField = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-e2840bb4"]]);
13318
+ var SearchInput_vue_vue_type_style_index_0_scoped_true_lang = "";
13319
+ const _hoisted_1$3 = { class: "search-panel" };
13320
+ const _hoisted_2$3 = ["placeholder"];
13321
+ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
13183
13322
  __name: "SearchInput",
13184
13323
  props: {
13185
13324
  modelValue: String,
@@ -13201,14 +13340,14 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
13201
13340
  onMounted(() => () => search.value = props.modelValue || "");
13202
13341
  watch(props, () => search.value = props.modelValue || "");
13203
13342
  return (_ctx, _cache) => {
13204
- return openBlock(), createElementBlock("div", _hoisted_1$4, [
13343
+ return openBlock(), createElementBlock("div", _hoisted_1$3, [
13205
13344
  withDirectives(createElementVNode("input", {
13206
13345
  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
13207
13346
  class: "form-input search-panel-input",
13208
13347
  "data-e2e": "search-input",
13209
13348
  placeholder: props.placeholder,
13210
13349
  onKeyup: emitChanged
13211
- }, null, 40, _hoisted_2$4), [
13350
+ }, null, 40, _hoisted_2$3), [
13212
13351
  [vModelText, search.value]
13213
13352
  ]),
13214
13353
  !search.value ? (openBlock(), createElementBlock("button", {
@@ -13239,13 +13378,13 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
13239
13378
  };
13240
13379
  }
13241
13380
  });
13242
- var SearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-f97055f4"]]);
13381
+ var SearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-f97055f4"]]);
13243
13382
  var Stepper_vue_vue_type_style_index_0_scoped_true_lang = "";
13244
13383
  const _withScopeId = (n) => (pushScopeId("data-v-cb51b2ba"), n = n(), popScopeId(), n);
13245
- const _hoisted_1$3 = { class: "stepper" };
13246
- const _hoisted_2$3 = { class: "step" };
13247
- const _hoisted_3$3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("hr", { class: "solid" }, null, -1));
13248
- const _sfc_main$3 = /* @__PURE__ */ defineComponent({
13384
+ const _hoisted_1$2 = { class: "stepper" };
13385
+ const _hoisted_2$2 = { class: "step" };
13386
+ const _hoisted_3$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("hr", { class: "solid" }, null, -1));
13387
+ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
13249
13388
  __name: "Stepper",
13250
13389
  props: {
13251
13390
  maxSteps: Number,
@@ -13257,21 +13396,21 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
13257
13396
  return Array.from(Array(props.maxSteps || 0).keys());
13258
13397
  }
13259
13398
  return (_ctx, _cache) => {
13260
- return openBlock(), createElementBlock("div", _hoisted_1$3, [
13399
+ return openBlock(), createElementBlock("div", _hoisted_1$2, [
13261
13400
  (openBlock(true), createElementBlock(Fragment, null, renderList(getSteps(), (step) => {
13262
- return openBlock(), createElementBlock("div", _hoisted_2$3, [
13401
+ return openBlock(), createElementBlock("div", _hoisted_2$2, [
13263
13402
  createElementVNode("span", {
13264
13403
  class: normalizeClass(["step-number", { active: step === __props.currentStep }])
13265
13404
  }, toDisplayString(step + 1), 3),
13266
- _hoisted_3$3
13405
+ _hoisted_3$2
13267
13406
  ]);
13268
13407
  }), 256))
13269
13408
  ]);
13270
13409
  };
13271
13410
  }
13272
13411
  });
13273
- var Stepper = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-cb51b2ba"]]);
13274
- const _sfc_main$2 = defineComponent({
13412
+ var Stepper = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-cb51b2ba"]]);
13413
+ const _sfc_main$1 = defineComponent({
13275
13414
  props: {
13276
13415
  data: {
13277
13416
  type: Boolean,
@@ -13301,13 +13440,13 @@ const _sfc_main$2 = defineComponent({
13301
13440
  }
13302
13441
  }
13303
13442
  });
13304
- const _hoisted_1$2 = { class: "dp__options" };
13305
- const _hoisted_2$2 = { class: "dp__options_switch" };
13306
- const _hoisted_3$2 = /* @__PURE__ */ createElementVNode("span", { class: "dp__options_slider" }, null, -1);
13443
+ const _hoisted_1$1 = { class: "dp__options" };
13444
+ const _hoisted_2$1 = { class: "dp__options_switch" };
13445
+ const _hoisted_3$1 = /* @__PURE__ */ createElementVNode("span", { class: "dp__options_slider" }, null, -1);
13307
13446
  function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
13308
- return openBlock(), createElementBlock("div", _hoisted_1$2, [
13447
+ return openBlock(), createElementBlock("div", _hoisted_1$1, [
13309
13448
  createElementVNode("span", null, toDisplayString(_ctx.label), 1),
13310
- createElementVNode("label", _hoisted_2$2, [
13449
+ createElementVNode("label", _hoisted_2$1, [
13311
13450
  withDirectives(createElementVNode("input", {
13312
13451
  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.checkedValue = $event),
13313
13452
  name: "switch",
@@ -13315,12 +13454,12 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
13315
13454
  }, null, 512), [
13316
13455
  [vModelCheckbox, _ctx.checkedValue]
13317
13456
  ]),
13318
- _hoisted_3$2
13457
+ _hoisted_3$1
13319
13458
  ])
13320
13459
  ]);
13321
13460
  }
13322
- var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$1]]);
13323
- const _sfc_main$1 = defineComponent({
13461
+ var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
13462
+ const _sfc_main = defineComponent({
13324
13463
  props: {
13325
13464
  target: { type: String, required: true },
13326
13465
  trigger: { type: String, required: true },
@@ -13349,9 +13488,9 @@ const _sfc_main$1 = defineComponent({
13349
13488
  }
13350
13489
  }
13351
13490
  });
13352
- const _hoisted_1$1 = ["placement", "target", "tooltipText", "trigger"];
13353
- const _hoisted_2$1 = ["id"];
13354
- const _hoisted_3$1 = { class: "text" };
13491
+ const _hoisted_1 = ["placement", "target", "tooltipText", "trigger"];
13492
+ const _hoisted_2 = ["id"];
13493
+ const _hoisted_3 = { class: "text" };
13355
13494
  function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
13356
13495
  return openBlock(), createElementBlock("div", {
13357
13496
  id: "main-contain",
@@ -13370,122 +13509,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
13370
13509
  ref: _ctx.target,
13371
13510
  class: normalizeClass(`tooltiptext ${_ctx.show}`)
13372
13511
  }, [
13373
- createElementVNode("span", _hoisted_3$1, toDisplayString(_ctx.tooltipText), 1)
13374
- ], 10, _hoisted_2$1)
13375
- ], 40, _hoisted_1$1);
13512
+ createElementVNode("span", _hoisted_3, toDisplayString(_ctx.tooltipText), 1)
13513
+ ], 10, _hoisted_2)
13514
+ ], 40, _hoisted_1);
13376
13515
  }
13377
- var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render]]);
13378
- var PasswordField_vue_vue_type_style_index_0_scoped_true_lang = "";
13379
- const _hoisted_1 = { class: "password-panel" };
13380
- const _hoisted_2 = ["type", "placeholder"];
13381
- const _hoisted_3 = { class: "icon is-right" };
13382
- const _hoisted_4 = {
13383
- key: 0,
13384
- class: "password-tooltip"
13385
- };
13386
- const _hoisted_5 = { class: "active-text" };
13387
- const _hoisted_6 = { class: "active-text" };
13388
- const _hoisted_7 = { class: "active-text" };
13389
- const _sfc_main = /* @__PURE__ */ defineComponent({
13390
- __name: "PasswordField",
13391
- props: {
13392
- modelValue: String,
13393
- placeholder: String,
13394
- tipChars: {
13395
- type: String,
13396
- default: "12 Characters"
13397
- },
13398
- tipNumbers: {
13399
- type: String,
13400
- default: "Numbers"
13401
- },
13402
- tipSymbols: {
13403
- type: String,
13404
- default: "Symbols"
13405
- }
13406
- },
13407
- emits: ["submit", "clean", "update:modelValue"],
13408
- setup(__props, { emit }) {
13409
- const props = __props;
13410
- const password = ref("");
13411
- const tooltip = ref(false);
13412
- const hasMinimumLength = ref(false);
13413
- const hasNumber = ref(false);
13414
- const hasSpecial = ref(false);
13415
- const showPassword = ref(false);
13416
- const isActive = ref(false);
13417
- function emitChanged() {
13418
- emit("submit", password.value);
13419
- emit("update:modelValue", password.value);
13420
- }
13421
- function onFocus() {
13422
- tooltip.value = true;
13423
- isActive.value = true;
13424
- }
13425
- function outFocus() {
13426
- tooltip.value = false;
13427
- isActive.value = false;
13428
- }
13429
- function toggleShow() {
13430
- showPassword.value = !showPassword.value;
13431
- }
13432
- onMounted(() => () => password.value = props.modelValue || "");
13433
- watch(props, () => (password.value = props.modelValue || "", hasMinimumLength.value = password.value.length > 11, hasNumber.value = /\d/.test(password.value), hasSpecial.value = /[!@#\$%\^\&*\)\(+=._-]/.test(password.value)));
13434
- return (_ctx, _cache) => {
13435
- return openBlock(), createElementBlock("div", _hoisted_1, [
13436
- withDirectives(createElementVNode("input", {
13437
- type: showPassword.value ? "text" : "password",
13438
- class: "form-input password-panel-input",
13439
- "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => password.value = $event),
13440
- "data-e2e": "search-input",
13441
- placeholder: props.placeholder,
13442
- onKeyup: emitChanged,
13443
- onFocus,
13444
- onFocusout: outFocus
13445
- }, null, 40, _hoisted_2), [
13446
- [vModelDynamic, password.value]
13447
- ]),
13448
- createElementVNode("button", {
13449
- class: "password-panel-button",
13450
- onClick: toggleShow
13451
- }, [
13452
- createElementVNode("span", _hoisted_3, [
13453
- createVNode(DhIcon, {
13454
- active: isActive.value,
13455
- "icon-name": showPassword.value ? "invisible" : "visible",
13456
- size: 20
13457
- }, null, 8, ["active", "icon-name"])
13458
- ])
13459
- ]),
13460
- tooltip.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
13461
- createElementVNode("p", _hoisted_5, [
13462
- createVNode(DhIcon, {
13463
- class: "accept-icon",
13464
- "icon-name": hasMinimumLength.value ? "accept" : "close",
13465
- size: hasMinimumLength.value ? 10 : 16
13466
- }, null, 8, ["icon-name", "size"]),
13467
- createTextVNode(" " + toDisplayString(props.tipChars), 1)
13468
- ]),
13469
- createElementVNode("p", _hoisted_6, [
13470
- createVNode(DhIcon, {
13471
- class: "accept-icon",
13472
- "icon-name": hasNumber.value ? "accept" : "close",
13473
- size: hasNumber.value ? 10 : 16
13474
- }, null, 8, ["icon-name", "size"]),
13475
- createTextVNode(" " + toDisplayString(props.tipNumbers), 1)
13476
- ]),
13477
- createElementVNode("p", _hoisted_7, [
13478
- createVNode(DhIcon, {
13479
- class: "accept-icon",
13480
- "icon-name": hasSpecial.value ? "accept" : "close",
13481
- size: hasSpecial.value ? 10 : 16
13482
- }, null, 8, ["icon-name", "size"]),
13483
- createTextVNode(" " + toDisplayString(props.tipSymbols), 1)
13484
- ])
13485
- ])) : createCommentVNode("", true)
13486
- ]);
13487
- };
13488
- }
13489
- });
13490
- var PasswordField = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e2840bb4"]]);
13491
- export { AdvancedFilter as DhAdvancedFilter, DhIcon, Modal as DhModal, Notification as DhNotification, NumberRange as DhNumberRange, PasswordField as DhPasswordField, SearchInput as DhSearchInput, Stepper as DhStepper, Switch as DhSwitch, Tooltip as DhTooltip };
13516
+ var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
13517
+ export { AdvancedFilter as DhAdvancedFilter, _sfc_main$a as DhError, DhIcon, Modal as DhModal, Notification as DhNotification, NumberRange as DhNumberRange, PasswordField as DhPasswordField, SearchInput as DhSearchInput, Stepper as DhStepper, Switch as DhSwitch, Tooltip as DhTooltip };