@dialpad/dialtone-vue 3.53.1 → 3.53.3

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.
Files changed (7) hide show
  1. package/CHANGELOG.json +1 -1
  2. package/CHANGELOG.md +14 -0
  3. package/dist/component-documentation.json +1 -1
  4. package/dist/dialtone-vue.common.js +24 -15
  5. package/dist/dialtone-vue.umd.js +24 -15
  6. package/dist/dialtone-vue.umd.min.js +1 -1
  7. package/package.json +2 -2
package/dist/dialtone-vue.common.js CHANGED
@@ -12713,30 +12713,30 @@ const dropdown_separator_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)
12713
12713
  ;// CONCATENATED MODULE: ./components/dropdown/index.js
12714
12714
 
12715
12715
 
12716
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/input/input.vue?vue&type=template&id=438498f3
12716
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/input/input.vue?vue&type=template&id=2ab65018
12717
12717
 
12718
- const inputvue_type_template_id_438498f3_hoisted_1 = {
12718
+ const inputvue_type_template_id_2ab65018_hoisted_1 = {
12719
12719
  ref: "container",
12720
12720
  class: "base-input",
12721
12721
  "data-qa": "dt-input"
12722
12722
  };
12723
- const inputvue_type_template_id_438498f3_hoisted_2 = ["aria-details"];
12724
- const inputvue_type_template_id_438498f3_hoisted_3 = ["id"];
12725
- const inputvue_type_template_id_438498f3_hoisted_4 = {
12723
+ const inputvue_type_template_id_2ab65018_hoisted_2 = ["aria-details"];
12724
+ const inputvue_type_template_id_2ab65018_hoisted_3 = ["id"];
12725
+ const inputvue_type_template_id_2ab65018_hoisted_4 = {
12726
12726
  key: 0
12727
12727
  };
12728
- const inputvue_type_template_id_438498f3_hoisted_5 = {
12728
+ const inputvue_type_template_id_2ab65018_hoisted_5 = {
12729
12729
  key: 1,
12730
12730
  "data-qa": "dt-input-length-description",
12731
12731
  class: /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-mb2'])
12732
12732
  };
12733
- const inputvue_type_template_id_438498f3_hoisted_6 = ["read-only"];
12733
+ const inputvue_type_template_id_2ab65018_hoisted_6 = ["read-only"];
12734
12734
  const _hoisted_7 = ["value", "name", "disabled", "maxlength"];
12735
12735
  const _hoisted_8 = ["value", "name", "type", "disabled", "maxlength"];
12736
- function inputvue_type_template_id_438498f3_render(_ctx, _cache, $props, $setup, $data, $options) {
12736
+ function inputvue_type_template_id_2ab65018_render(_ctx, _cache, $props, $setup, $data, $options) {
12737
12737
  const _component_dt_validation_messages = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-validation-messages");
12738
12738
 
12739
- return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_438498f3_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("label", {
12739
+ return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_2ab65018_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("label", {
12740
12740
  class: "base-input__label",
12741
12741
  "aria-details": _ctx.$slots.description || $props.description ? $options.descriptionKey : undefined,
12742
12742
  "data-qa": "dt-input-label-wrapper"
@@ -12751,7 +12751,7 @@ function inputvue_type_template_id_438498f3_render(_ctx, _cache, $props, $setup,
12751
12751
  ref: "description",
12752
12752
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['base-input__description', 'd-description', 'd-fd-column', $data.descriptionSizeClasses[$props.size]]),
12753
12753
  "data-qa": "dt-input-description"
12754
- }, [$data.hasSlotContent(_ctx.$slots.description) || $props.description ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_438498f3_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "description", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.description), 1)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $options.shouldValidateLength ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_438498f3_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.validationProps.length.description), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, inputvue_type_template_id_438498f3_hoisted_3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
12754
+ }, [$data.hasSlotContent(_ctx.$slots.description) || $props.description ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_2ab65018_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "description", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.description), 1)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $options.shouldValidateLength ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_2ab65018_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.validationProps.length.description), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, inputvue_type_template_id_2ab65018_hoisted_3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
12755
12755
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.inputWrapperClasses()),
12756
12756
  "read-only": $props.disabled === true ? true : undefined
12757
12757
  }, [$data.hasSlotContent(_ctx.$slots.leftIcon) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", {
@@ -12787,7 +12787,7 @@ function inputvue_type_template_id_438498f3_render(_ctx, _cache, $props, $setup,
12787
12787
  onFocusout: _cache[1] || (_cache[1] = function () {
12788
12788
  return $options.onBlur && $options.onBlur(...arguments);
12789
12789
  })
12790
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "rightIcon")], 34)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, inputvue_type_template_id_438498f3_hoisted_6)], 8, inputvue_type_template_id_438498f3_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_validation_messages, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
12790
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "rightIcon")], 34)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, inputvue_type_template_id_2ab65018_hoisted_6)], 8, inputvue_type_template_id_2ab65018_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_validation_messages, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
12791
12791
  "validation-messages": $options.validationMessages,
12792
12792
  "show-messages": _ctx.showMessages,
12793
12793
  class: _ctx.messagesClass
@@ -12795,7 +12795,7 @@ function inputvue_type_template_id_438498f3_render(_ctx, _cache, $props, $setup,
12795
12795
  "data-qa": "dt-input-messages"
12796
12796
  }), null, 16, ["validation-messages", "show-messages", "class"])], 512);
12797
12797
  }
12798
- ;// CONCATENATED MODULE: ./components/input/input.vue?vue&type=template&id=438498f3
12798
+ ;// CONCATENATED MODULE: ./components/input/input.vue?vue&type=template&id=2ab65018
12799
12799
 
12800
12800
  ;// CONCATENATED MODULE: ./components/input/input_constants.js
12801
12801
  // Valid input types, any other input types (for example: 'radio' or 'checkbox') should
@@ -13460,6 +13460,14 @@ const MessagesMixin = {
13460
13460
  default: null
13461
13461
  },
13462
13462
 
13463
+ /**
13464
+ * Whether the input will continue to display a warning validation message even if the input has lost focus.
13465
+ */
13466
+ retainWarning: {
13467
+ type: Boolean,
13468
+ default: false
13469
+ },
13470
+
13463
13471
  /**
13464
13472
  * Validation for the input. Supports maximum length validation with the structure:
13465
13473
  * `{ "length": {"description": string, "max": number, "warn": number, "message": string,
@@ -13650,7 +13658,7 @@ const MessagesMixin = {
13650
13658
  inputLengthState() {
13651
13659
  if (this.inputLength < this.validationProps.length.warn) {
13652
13660
  return null;
13653
- } else if (this.inputLength < this.validationProps.length.max) {
13661
+ } else if (this.inputLength <= this.validationProps.length.max) {
13654
13662
  return this.validationProps.length.warn ? VALIDATION_MESSAGE_TYPES.WARNING : null;
13655
13663
  } else {
13656
13664
  return VALIDATION_MESSAGE_TYPES.ERROR;
@@ -13665,8 +13673,9 @@ const MessagesMixin = {
13665
13673
  return this.shouldValidateLength && this.validationProps.length.limitMaxLength;
13666
13674
  },
13667
13675
 
13676
+ // eslint-disable-next-line complexity
13668
13677
  showLengthLimitValidation() {
13669
- return this.shouldValidateLength && this.inputLengthState !== null && this.validationProps.length.message && (this.isInputFocused || this.isInvalid);
13678
+ return this.shouldValidateLength && this.inputLengthState !== null && this.validationProps.length.message && (this.retainWarning || this.isInputFocused || this.isInvalid);
13670
13679
  },
13671
13680
 
13672
13681
  sizeModifierClass() {
@@ -13818,7 +13827,7 @@ const MessagesMixin = {
13818
13827
 
13819
13828
 
13820
13829
  ;
13821
- const input_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(inputvue_type_script_lang_js, [['render',inputvue_type_template_id_438498f3_render]])
13830
+ const input_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(inputvue_type_script_lang_js, [['render',inputvue_type_template_id_2ab65018_render]])
13822
13831
 
13823
13832
  /* harmony default export */ const input_input = (input_exports_);
13824
13833
  ;// CONCATENATED MODULE: ./components/input/index.js
package/dist/dialtone-vue.umd.js CHANGED
@@ -12723,30 +12723,30 @@ const dropdown_separator_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)
12723
12723
  ;// CONCATENATED MODULE: ./components/dropdown/index.js
12724
12724
 
12725
12725
 
12726
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/input/input.vue?vue&type=template&id=438498f3
12726
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/input/input.vue?vue&type=template&id=2ab65018
12727
12727
 
12728
- const inputvue_type_template_id_438498f3_hoisted_1 = {
12728
+ const inputvue_type_template_id_2ab65018_hoisted_1 = {
12729
12729
  ref: "container",
12730
12730
  class: "base-input",
12731
12731
  "data-qa": "dt-input"
12732
12732
  };
12733
- const inputvue_type_template_id_438498f3_hoisted_2 = ["aria-details"];
12734
- const inputvue_type_template_id_438498f3_hoisted_3 = ["id"];
12735
- const inputvue_type_template_id_438498f3_hoisted_4 = {
12733
+ const inputvue_type_template_id_2ab65018_hoisted_2 = ["aria-details"];
12734
+ const inputvue_type_template_id_2ab65018_hoisted_3 = ["id"];
12735
+ const inputvue_type_template_id_2ab65018_hoisted_4 = {
12736
12736
  key: 0
12737
12737
  };
12738
- const inputvue_type_template_id_438498f3_hoisted_5 = {
12738
+ const inputvue_type_template_id_2ab65018_hoisted_5 = {
12739
12739
  key: 1,
12740
12740
  "data-qa": "dt-input-length-description",
12741
12741
  class: /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-mb2'])
12742
12742
  };
12743
- const inputvue_type_template_id_438498f3_hoisted_6 = ["read-only"];
12743
+ const inputvue_type_template_id_2ab65018_hoisted_6 = ["read-only"];
12744
12744
  const _hoisted_7 = ["value", "name", "disabled", "maxlength"];
12745
12745
  const _hoisted_8 = ["value", "name", "type", "disabled", "maxlength"];
12746
- function inputvue_type_template_id_438498f3_render(_ctx, _cache, $props, $setup, $data, $options) {
12746
+ function inputvue_type_template_id_2ab65018_render(_ctx, _cache, $props, $setup, $data, $options) {
12747
12747
  const _component_dt_validation_messages = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-validation-messages");
12748
12748
 
12749
- return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_438498f3_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("label", {
12749
+ return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_2ab65018_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("label", {
12750
12750
  class: "base-input__label",
12751
12751
  "aria-details": _ctx.$slots.description || $props.description ? $options.descriptionKey : undefined,
12752
12752
  "data-qa": "dt-input-label-wrapper"
@@ -12761,7 +12761,7 @@ function inputvue_type_template_id_438498f3_render(_ctx, _cache, $props, $setup,
12761
12761
  ref: "description",
12762
12762
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['base-input__description', 'd-description', 'd-fd-column', $data.descriptionSizeClasses[$props.size]]),
12763
12763
  "data-qa": "dt-input-description"
12764
- }, [$data.hasSlotContent(_ctx.$slots.description) || $props.description ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_438498f3_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "description", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.description), 1)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $options.shouldValidateLength ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_438498f3_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.validationProps.length.description), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, inputvue_type_template_id_438498f3_hoisted_3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
12764
+ }, [$data.hasSlotContent(_ctx.$slots.description) || $props.description ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_2ab65018_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "description", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.description), 1)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $options.shouldValidateLength ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", inputvue_type_template_id_2ab65018_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.validationProps.length.description), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, inputvue_type_template_id_2ab65018_hoisted_3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
12765
12765
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.inputWrapperClasses()),
12766
12766
  "read-only": $props.disabled === true ? true : undefined
12767
12767
  }, [$data.hasSlotContent(_ctx.$slots.leftIcon) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", {
@@ -12797,7 +12797,7 @@ function inputvue_type_template_id_438498f3_render(_ctx, _cache, $props, $setup,
12797
12797
  onFocusout: _cache[1] || (_cache[1] = function () {
12798
12798
  return $options.onBlur && $options.onBlur(...arguments);
12799
12799
  })
12800
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "rightIcon")], 34)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, inputvue_type_template_id_438498f3_hoisted_6)], 8, inputvue_type_template_id_438498f3_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_validation_messages, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
12800
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "rightIcon")], 34)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, inputvue_type_template_id_2ab65018_hoisted_6)], 8, inputvue_type_template_id_2ab65018_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_validation_messages, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
12801
12801
  "validation-messages": $options.validationMessages,
12802
12802
  "show-messages": _ctx.showMessages,
12803
12803
  class: _ctx.messagesClass
@@ -12805,7 +12805,7 @@ function inputvue_type_template_id_438498f3_render(_ctx, _cache, $props, $setup,
12805
12805
  "data-qa": "dt-input-messages"
12806
12806
  }), null, 16, ["validation-messages", "show-messages", "class"])], 512);
12807
12807
  }
12808
- ;// CONCATENATED MODULE: ./components/input/input.vue?vue&type=template&id=438498f3
12808
+ ;// CONCATENATED MODULE: ./components/input/input.vue?vue&type=template&id=2ab65018
12809
12809
 
12810
12810
  ;// CONCATENATED MODULE: ./components/input/input_constants.js
12811
12811
  // Valid input types, any other input types (for example: 'radio' or 'checkbox') should
@@ -13470,6 +13470,14 @@ const MessagesMixin = {
13470
13470
  default: null
13471
13471
  },
13472
13472
 
13473
+ /**
13474
+ * Whether the input will continue to display a warning validation message even if the input has lost focus.
13475
+ */
13476
+ retainWarning: {
13477
+ type: Boolean,
13478
+ default: false
13479
+ },
13480
+
13473
13481
  /**
13474
13482
  * Validation for the input. Supports maximum length validation with the structure:
13475
13483
  * `{ "length": {"description": string, "max": number, "warn": number, "message": string,
@@ -13660,7 +13668,7 @@ const MessagesMixin = {
13660
13668
  inputLengthState() {
13661
13669
  if (this.inputLength < this.validationProps.length.warn) {
13662
13670
  return null;
13663
- } else if (this.inputLength < this.validationProps.length.max) {
13671
+ } else if (this.inputLength <= this.validationProps.length.max) {
13664
13672
  return this.validationProps.length.warn ? VALIDATION_MESSAGE_TYPES.WARNING : null;
13665
13673
  } else {
13666
13674
  return VALIDATION_MESSAGE_TYPES.ERROR;
@@ -13675,8 +13683,9 @@ const MessagesMixin = {
13675
13683
  return this.shouldValidateLength && this.validationProps.length.limitMaxLength;
13676
13684
  },
13677
13685
 
13686
+ // eslint-disable-next-line complexity
13678
13687
  showLengthLimitValidation() {
13679
- return this.shouldValidateLength && this.inputLengthState !== null && this.validationProps.length.message && (this.isInputFocused || this.isInvalid);
13688
+ return this.shouldValidateLength && this.inputLengthState !== null && this.validationProps.length.message && (this.retainWarning || this.isInputFocused || this.isInvalid);
13680
13689
  },
13681
13690
 
13682
13691
  sizeModifierClass() {
@@ -13828,7 +13837,7 @@ const MessagesMixin = {
13828
13837
 
13829
13838
 
13830
13839
  ;
13831
- const input_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(inputvue_type_script_lang_js, [['render',inputvue_type_template_id_438498f3_render]])
13840
+ const input_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(inputvue_type_script_lang_js, [['render',inputvue_type_template_id_2ab65018_render]])
13832
13841
 
13833
13842
  /* harmony default export */ const input_input = (input_exports_);
13834
13843
  ;// CONCATENATED MODULE: ./components/input/index.js