@dialpad/dialtone-vue 3.222.0-next.1 → 3.222.0

package/dist/lib/image-viewer/image-viewer.js

@@ -2,28 +2,28 @@ import { EVENT_KEYNAMES as e } from "../../common/constants/index.js";
 import { returnFirstEl as t } from "../../common/utils/index.js";
 import { t as n } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
 import r from "../../common/mixins/modal.js";
-import i from "../../common/mixins/mode.js";
-import { DialtoneLocalization as a } from "../../localization/index.js";
-import o from "../button/button.js";
-import s from "../../shared/sr_only_close_button.js";
-import { Teleport as c, Transition as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as m, mergeProps as h, normalizeClass as g, openBlock as _, resolveComponent as v, toHandlers as y, withCtx as b } from "vue";
-import { DtIconClose as x } from "@dialpad/dialtone-icons/vue";
-//#region components/ImageViewer/ImageViewer.vue
-var S = {
+import { DialtoneLocalization as i } from "../../localization/index.js";
+import a from "../button/button.js";
+import o from "../../shared/sr_only_close_button.js";
+import { Teleport as s, Transition as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, mergeProps as m, normalizeClass as h, openBlock as g, resolveComponent as _, toHandlers as v, withCtx as y } from "vue";
+import { DtIconClose as b } from "@dialpad/dialtone-icons/vue3";
+//#region components/image_viewer/image_viewer.vue
+var x = {
+	compatConfig: { MODE: 3 },
 	name: "DtImageViewer",
 	components: {
-		SrOnlyCloseButton: s,
-		DtButton: o,
-		DtIconClose: x
+		SrOnlyCloseButton: o,
+		DtButton: a,
+		DtIconClose: b
 	},
-	mixins: [r, i],
+	mixins: [r],
 	props: {
 		appendTo: {
 			type: String,
 			default: "body"
 		},
 		open: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: null
 		},
 		imageSrc: {
@@ -49,7 +49,7 @@ var S = {
 		return {
 			showCloseButton: !0,
 			isOpen: !1,
-			i18n: new a()
+			i18n: new i()
 		};
 	},
 	computed: {
@@ -105,58 +105,58 @@ var S = {
 			this.isOpen && this.focusTrappedTabPress(e);
 		}
 	}
-}, C = ["src", "alt"], w = ["aria-hidden"], T = {
+}, S = ["src", "alt"], C = ["aria-hidden"], w = {
 	"data-qa": "dt-image-viewer-full",
 	class: "d-image-viewer__full",
 	role: "dialog",
 	"aria-modal": "true"
-}, E = ["src", "alt"];
-function D(e, t, n, r, i, a) {
-	let o = v("dt-button"), s = v("dt-icon-close"), x = v("sr-only-close-button");
-	return _(), f("div", null, [m(o, {
+}, T = ["src", "alt"];
+function E(e, t, n, r, i, a) {
+	let o = _("dt-button"), b = _("dt-icon-close"), x = _("sr-only-close-button");
+	return g(), d("div", null, [p(o, {
 		"data-qa": "dt-image-viewer-preview",
 		class: "d-image-viewer__preview-button",
 		"aria-label": n.ariaLabel,
 		importance: "clear",
 		onClick: a.openModal
 	}, {
-		default: b(() => [p("img", {
-			class: g(n.imageButtonClass),
+		default: y(() => [f("img", {
+			class: h(n.imageButtonClass),
 			src: n.imageSrc,
 			alt: n.imageAlt
-		}, null, 10, C)]),
+		}, null, 10, S)]),
 		_: 1
-	}, 8, ["aria-label", "onClick"]), i.isOpen ? (_(), u(c, {
+	}, 8, ["aria-label", "onClick"]), i.isOpen ? (g(), l(s, {
 		key: 0,
 		to: n.appendTo
-	}, [p("div", h({
+	}, [f("div", m({
 		"aria-hidden": i.isOpen ? "false" : "true",
 		class: "d-modal",
 		"data-qa": "dt-modal"
-	}, e.modeAttrs, y(a.modalListeners, !0), {
+	}, v(a.modalListeners, !0), {
 		onMouseover: t[0] || (t[0] = (e) => i.showCloseButton = !0),
 		onMouseleave: t[1] || (t[1] = (e) => i.showCloseButton = !1),
 		onFocusin: t[2] || (t[2] = (e) => i.showCloseButton = !0),
 		onFocusout: t[3] || (t[3] = (e) => i.showCloseButton = !1)
-	}), [p("div", T, [p("img", {
+	}), [f("div", w, [f("img", {
 		class: "d-image-viewer__full__image",
 		src: n.imageSrc,
 		alt: n.imageAlt
-	}, null, 8, E)]), m(l, { name: "fade" }, {
-		default: b(() => [i.showCloseButton ? (_(), u(o, {
+	}, null, 8, T)]), p(c, { name: "fade" }, {
+		default: y(() => [i.showCloseButton ? (g(), l(o, {
 			key: 0,
 			ref: "closeImage",
 			"data-qa": "dt-image-viewer-close-btn",
 			class: "d-modal__close",
 			circle: "",
-			size: 400,
+			size: "lg",
 			importance: "clear",
 			kind: "inverted",
 			"aria-label": a.closeButtonTitle,
 			title: a.closeButtonTitle,
 			onClick: a.close
 		}, {
-			icon: b(() => [m(s, {
+			icon: y(() => [p(b, {
 				class: "d-image-viewer__close-button",
 				size: "400"
 			})]),
@@ -165,15 +165,15 @@ function D(e, t, n, r, i, a) {
 			"aria-label",
 			"title",
 			"onClick"
-		])) : (_(), u(x, {
+		])) : (g(), l(x, {
 			key: 1,
 			onClose: a.close
 		}, null, 8, ["onClose"]))]),
 		_: 1
-	})], 16, w)], 8, ["to"])) : d("", !0)]);
+	})], 16, C)], 8, ["to"])) : u("", !0)]);
 }
-var O = /* @__PURE__ */ n(S, [["render", D]]);
+var D = /* @__PURE__ */ n(x, [["render", E]]);
 //#endregion
-export { O as default };
+export { D as default };
 
 //# sourceMappingURL=image-viewer.js.map

package/dist/lib/image-viewer/image-viewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-viewer.js","names":[],"sources":["../../../components/ImageViewer/ImageViewer.vue"],"sourcesContent":["<template>\n  <div>\n    <dt-button\n      data-qa=\"dt-image-viewer-preview\"\n      class=\"d-image-viewer__preview-button\"\n      :aria-label=\"ariaLabel\"\n      importance=\"clear\"\n      @click=\"openModal\"\n    >\n      <img\n        :class=\"imageButtonClass\"\n        :src=\"imageSrc\"\n        :alt=\"imageAlt\"\n      >\n    </dt-button>\n    <Teleport\n      v-if=\"isOpen\"\n      :to=\"appendTo\"\n    >\n      <div\n        :aria-hidden=\"!isOpen ? 'true' : 'false'\"\n        class=\"d-modal\"\n        data-qa=\"dt-modal\"\n        v-bind=\"modeAttrs\"\n        v-on=\"modalListeners\"\n        @mouseover=\"showCloseButton = true\"\n        @mouseleave=\"showCloseButton = false\"\n        @focusin=\" showCloseButton = true\"\n        @focusout=\" showCloseButton = false\"\n      >\n        <div\n          data-qa=\"dt-image-viewer-full\"\n          class=\"d-image-viewer__full\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n        >\n          <img\n            class=\"d-image-viewer__full__image\"\n            :src=\"imageSrc\"\n            :alt=\"imageAlt\"\n          >\n        </div>\n        <transition name=\"fade\">\n          <dt-button\n            v-if=\"showCloseButton\"\n            ref=\"closeImage\"\n            data-qa=\"dt-image-viewer-close-btn\"\n            class=\"d-modal__close\"\n            circle\n            :size=\"400\"\n            importance=\"clear\"\n            kind=\"inverted\"\n            :aria-label=\"closeButtonTitle\"\n            :title=\"closeButtonTitle\"\n            @click=\"close\"\n          >\n            <template #icon>\n              <dt-icon-close\n                class=\"d-image-viewer__close-button\"\n                size=\"400\"\n              />\n            </template>\n          </dt-button>\n          <sr-only-close-button\n            v-else\n            @close=\"close\"\n          />\n        </transition>\n      </div>\n    </Teleport>\n  </div>\n</template>\n\n<script>\nimport Modal from '@/common/mixins/modal';\nimport ModeMixin from '@/common/mixins/mode';\nimport { returnFirstEl } from '@/common/utils';\nimport { EVENT_KEYNAMES } from '@/common/constants';\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue';\nimport { DtButton } from '@/components/Button';\nimport SrOnlyCloseButton from '@/common/sr_only_close_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  name: 'DtImageViewer',\n\n  components: {\n    SrOnlyCloseButton,\n    DtButton,\n    DtIconClose,\n  },\n\n  mixins: [Modal, ModeMixin],\n\n  props: {\n    /**\n     * By default the portal appends to the body of the root parent. We can modify\n     * this behaviour by passing an appendTo prop that points to an id or an html tag from the root of the parent.\n     * The appendTo prop expects a CSS selector string or an actual DOM node.\n     * type: string | HTMLElement, default: 'body'\n     */\n    appendTo: {\n      type: String,\n      default: 'body',\n    },\n\n    /**\n     * Controls whether the image modal is shown. When null (default), the image modal\n     * triggers on click. When set to true or false, the default trigger is\n     * disabled and the parent controls visibility via v-model:open.\n     * @values null, true, false\n     */\n    open: {\n      type: [Boolean, null],\n      default: null,\n    },\n\n    /**\n     * URL of the image to be shown\n     */\n    imageSrc: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Alt text of image\n     */\n    imageAlt: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Image Class\n     */\n    imageButtonClass: {\n      type: String,\n      required: false,\n      default: '',\n    },\n\n    /**\n     * Aria label\n     */\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when popover is shown or hidden\n     *\n     * @event opened\n     * @type {Boolean}\n     */\n    'opened',\n\n    /**\n     * Event fired to sync the open prop with the parent component\n     * @event update:open\n     */\n    'update:open',\n  ],\n\n  data () {\n    return {\n      showCloseButton: true,\n      isOpen: false,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    modalListeners () {\n      return {\n        click: event => {\n          (event.target === event.currentTarget) && this.close();\n        },\n\n        keydown: event => {\n          switch (event.code) {\n            case EVENT_KEYNAMES.esc:\n            case EVENT_KEYNAMES.escape:\n              this.close();\n              break;\n            case EVENT_KEYNAMES.tab:\n              this.trapFocus(event);\n              break;\n          }\n        },\n      };\n    },\n\n    closeButtonTitle () {\n      return this.i18n.$t('DIALTONE_CLOSE_BUTTON');\n    },\n  },\n\n  watch: {\n    isOpen: {\n      immediate: true,\n      handler (isShowing) {\n        if (isShowing) {\n          // Set a reference to the previously-active element, to which we'll return focus on modal close.\n          this.previousActiveElement = document.activeElement;\n        } else {\n          // Modal is being hidden, so return focus to the previously active element before clearing the reference.\n          this.previousActiveElement?.focus();\n          this.previousActiveElement = null;\n        }\n      },\n    },\n\n    open: {\n      handler: function (open) {\n        if (open !== null) {\n          this.isOpen = open;\n        }\n      },\n\n      immediate: true,\n    },\n  },\n\n  methods: {\n    openModal () {\n      // Has custom control passed in\n      if (this.open !== null) {\n        return;\n      }\n      this.isOpen = true;\n      this.showCloseButton = true;\n      this.$emit('opened', true);\n\n      setTimeout(() => {\n        this.focusAfterOpen();\n      });\n    },\n\n    close () {\n      this.isOpen = false;\n      this.$emit('opened', false);\n\n      if (this.open !== null) {\n        this.$emit('update:open', false);\n      }\n    },\n\n    focusAfterOpen () {\n      returnFirstEl(this.$refs.closeImage?.$el)?.focus();\n    },\n\n    trapFocus (e) {\n      if (this.isOpen) {\n        this.focusTrappedTabPress(e);\n      }\n    },\n  },\n};\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"image-viewer.js","names":[],"sources":["../../../components/image_viewer/image_viewer.vue"],"sourcesContent":["<template>\n  <div>\n    <dt-button\n      data-qa=\"dt-image-viewer-preview\"\n      class=\"d-image-viewer__preview-button\"\n      :aria-label=\"ariaLabel\"\n      importance=\"clear\"\n      @click=\"openModal\"\n    >\n      <img\n        :class=\"imageButtonClass\"\n        :src=\"imageSrc\"\n        :alt=\"imageAlt\"\n      >\n    </dt-button>\n    <Teleport\n      v-if=\"isOpen\"\n      :to=\"appendTo\"\n    >\n      <div\n        :aria-hidden=\"!isOpen ? 'true' : 'false'\"\n        class=\"d-modal\"\n        data-qa=\"dt-modal\"\n        v-on=\"modalListeners\"\n        @mouseover=\"showCloseButton = true\"\n        @mouseleave=\"showCloseButton = false\"\n        @focusin=\" showCloseButton = true\"\n        @focusout=\" showCloseButton = false\"\n      >\n        <div\n          data-qa=\"dt-image-viewer-full\"\n          class=\"d-image-viewer__full\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n        >\n          <img\n            class=\"d-image-viewer__full__image\"\n            :src=\"imageSrc\"\n            :alt=\"imageAlt\"\n          >\n        </div>\n        <transition name=\"fade\">\n          <dt-button\n            v-if=\"showCloseButton\"\n            ref=\"closeImage\"\n            data-qa=\"dt-image-viewer-close-btn\"\n            class=\"d-modal__close\"\n            circle\n            size=\"lg\"\n            importance=\"clear\"\n            kind=\"inverted\"\n            :aria-label=\"closeButtonTitle\"\n            :title=\"closeButtonTitle\"\n            @click=\"close\"\n          >\n            <template #icon>\n              <dt-icon-close\n                class=\"d-image-viewer__close-button\"\n                size=\"400\"\n              />\n            </template>\n          </dt-button>\n          <sr-only-close-button\n            v-else\n            @close=\"close\"\n          />\n        </transition>\n      </div>\n    </Teleport>\n  </div>\n</template>\n\n<script>\nimport Modal from '@/common/mixins/modal';\nimport { returnFirstEl } from '@/common/utils';\nimport { EVENT_KEYNAMES } from '@/common/constants';\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue3';\nimport { DtButton } from '@/components/button';\nimport SrOnlyCloseButton from '@/common/sr_only_close_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtImageViewer',\n\n  components: {\n    SrOnlyCloseButton,\n    DtButton,\n    DtIconClose,\n  },\n\n  mixins: [Modal],\n\n  props: {\n    /**\n     * By default the portal appends to the body of the root parent. We can modify\n     * this behaviour by passing an appendTo prop that points to an id or an html tag from the root of the parent.\n     * The appendTo prop expects a CSS selector string or an actual DOM node.\n     * type: string | HTMLElement, default: 'body'\n     */\n    appendTo: {\n      type: String,\n      default: 'body',\n    },\n\n    /**\n     * Controls whether the image modal is shown. Leaving this null will have the image modal\n     * trigger on click by default.\n     * If you set this value, the default trigger behavior will be disabled and you can control it as you need.\n     * Supports .sync modifier\n     * @values null, true, false\n     */\n    open: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * URL of the image to be shown\n     */\n    imageSrc: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Alt text of image\n     */\n    imageAlt: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Image Class\n     */\n    imageButtonClass: {\n      type: String,\n      required: false,\n      default: '',\n    },\n\n    /**\n     * Aria label\n     */\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when popover is shown or hidden\n     *\n     * @event opened\n     * @type {Boolean}\n     */\n    'opened',\n\n    /**\n     * Event fired to sync the open prop with the parent component\n     * @event update:open\n     */\n    'update:open',\n  ],\n\n  data () {\n    return {\n      showCloseButton: true,\n      isOpen: false,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    modalListeners () {\n      return {\n        click: event => {\n          (event.target === event.currentTarget) && this.close();\n        },\n\n        keydown: event => {\n          switch (event.code) {\n            case EVENT_KEYNAMES.esc:\n            case EVENT_KEYNAMES.escape:\n              this.close();\n              break;\n            case EVENT_KEYNAMES.tab:\n              this.trapFocus(event);\n              break;\n          }\n        },\n      };\n    },\n\n    closeButtonTitle () {\n      return this.i18n.$t('DIALTONE_CLOSE_BUTTON');\n    },\n  },\n\n  watch: {\n    isOpen: {\n      immediate: true,\n      handler (isShowing) {\n        if (isShowing) {\n          // Set a reference to the previously-active element, to which we'll return focus on modal close.\n          this.previousActiveElement = document.activeElement;\n        } else {\n          // Modal is being hidden, so return focus to the previously active element before clearing the reference.\n          this.previousActiveElement?.focus();\n          this.previousActiveElement = null;\n        }\n      },\n    },\n\n    open: {\n      handler: function (open) {\n        if (open !== null) {\n          this.isOpen = open;\n        }\n      },\n\n      immediate: true,\n    },\n  },\n\n  methods: {\n    openModal () {\n      // Has custom control passed in\n      if (this.open !== null) {\n        return;\n      }\n      this.isOpen = true;\n      this.showCloseButton = true;\n      this.$emit('opened', true);\n\n      setTimeout(() => {\n        this.focusAfterOpen();\n      });\n    },\n\n    close () {\n      this.isOpen = false;\n      this.$emit('opened', false);\n\n      if (this.open !== null) {\n        this.$emit('update:open', false);\n      }\n    },\n\n    focusAfterOpen () {\n      returnFirstEl(this.$refs.closeImage?.$el)?.focus();\n    },\n\n    trapFocus (e) {\n      if (this.isOpen) {\n        this.focusTrappedTabPress(e);\n      }\n    },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/input/input-constants.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={TEXT:`text`,TEXTAREA:`textarea`,PASSWORD:`password`,EMAIL:`email`,NUMBER:`number`,DATE:`date`,TIME:`time`,FILE:`file`,TEL:`tel`,SEARCH:`search`,COLOR:`color`},t={EXTRA_SMALL:`xs`,SMALL:`sm`,DEFAULT:`md`,LARGE:`lg`,EXTRA_LARGE:`xl`},n={100:`100`,200:`200`,300:`200`,400:`400`,500:`500`,xs:`100`,sm:`200`,md:`200`,lg:`400`,xl:`500`},r={input:{100:`d-input--xs`,200:`d-input--sm`,400:`d-input--lg`,500:`d-input--xl`,xs:`d-input--xs`,sm:`d-input--sm`,lg:`d-input--lg`,xl:`d-input--xl`},textarea:{100:`d-textarea--xs`,200:`d-textarea--sm`,400:`d-textarea--lg`,500:`d-textarea--xl`,xs:`d-textarea--xs`,sm:`d-textarea--sm`,lg:`d-textarea--lg`,xl:`d-textarea--xl`}},i={critical:`d-input--critical`,warning:`d-input--warning`,positive:`d-input--positive`},a={100:`d-description--xs`,200:`d-description--sm`,300:``,400:`d-description--lg`,500:`d-description--xl`,xs:`d-description--xs`,sm:`d-description--sm`,md:``,lg:`d-description--lg`,xl:`d-description--xl`},o={INPUT_TYPES:e,INPUT_SIZES:t,INPUT_ICON_SIZES:n,INPUT_SIZE_CLASSES:r,INPUT_STATE_CLASSES:i,DESCRIPTION_SIZE_CLASSES:a};exports.DESCRIPTION_SIZE_CLASSES=a,exports.INPUT_ICON_SIZES=n,exports.INPUT_SIZES=t,exports.INPUT_SIZE_CLASSES=r,exports.INPUT_STATE_CLASSES=i,exports.INPUT_TYPES=e,exports.default=o;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={TEXT:`text`,TEXTAREA:`textarea`,PASSWORD:`password`,EMAIL:`email`,NUMBER:`number`,DATE:`date`,TIME:`time`,FILE:`file`,TEL:`tel`,SEARCH:`search`,COLOR:`color`},t={EXTRA_SMALL:`xs`,SMALL:`sm`,DEFAULT:`md`,LARGE:`lg`,EXTRA_LARGE:`xl`},n={xs:`100`,sm:`200`,md:`200`,lg:`400`,xl:`500`},r={input:{xs:`d-input--xs`,sm:`d-input--sm`,lg:`d-input--lg`,xl:`d-input--xl`},textarea:{xs:`d-textarea--xs`,sm:`d-textarea--sm`,lg:`d-textarea--lg`,xl:`d-textarea--xl`}},i={error:`d-input--error`,warning:`d-input--warning`,success:`d-input--success`},a={lg:`d-description--lg`,xl:`d-description--xl`},o={xs:`d-label--xs`,sm:`d-label--sm`,md:`d-label--md`,lg:`d-label--lg`,xl:`d-label--xl`},s={INPUT_TYPES:e,INPUT_SIZES:t,INPUT_ICON_SIZES:n,INPUT_SIZE_CLASSES:r,INPUT_STATE_CLASSES:i,DESCRIPTION_SIZE_CLASSES:a,LABEL_SIZE_CLASSES:o};exports.DESCRIPTION_SIZE_CLASSES=a,exports.INPUT_ICON_SIZES=n,exports.INPUT_SIZES=t,exports.INPUT_SIZE_CLASSES=r,exports.INPUT_STATE_CLASSES=i,exports.INPUT_TYPES=e,exports.LABEL_SIZE_CLASSES=o,exports.default=s;
 //# sourceMappingURL=input-constants.cjs.map

package/dist/lib/input/input-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"input-constants.cjs","names":[],"sources":["../../../components/Input/InputConstants.js"],"sourcesContent":["// Valid input types, any other input types (for example: 'radio' or 'checkbox') should\n// use the respective base vue components (radio.vue and checkout.vue).\nexport const INPUT_TYPES = {\n  TEXT: 'text',\n  TEXTAREA: 'textarea',\n  PASSWORD: 'password',\n  EMAIL: 'email',\n  NUMBER: 'number',\n  DATE: 'date',\n  TIME: 'time',\n  FILE: 'file',\n  TEL: 'tel',\n  SEARCH: 'search',\n  COLOR: 'color',\n};\n\nexport const INPUT_SIZES = {\n  EXTRA_SMALL: 'xs',\n  SMALL: 'sm',\n  DEFAULT: 'md',\n  LARGE: 'lg',\n  EXTRA_LARGE: 'xl',\n};\n\nexport const INPUT_ICON_SIZES = {\n  // Numeric (preferred)\n  100: '100',\n  200: '200',\n  300: '200',\n  400: '400',\n  500: '500',\n  // T-shirt aliases (deprecated)\n  xs: '100',\n  sm: '200',\n  md: '200',\n  lg: '400',\n  xl: '500',\n};\n\nexport const INPUT_SIZE_CLASSES = {\n  input: {\n    // Numeric (preferred)\n    100: 'd-input--xs',\n    200: 'd-input--sm',\n    400: 'd-input--lg',\n    500: 'd-input--xl',\n    // T-shirt aliases (deprecated)\n    xs: 'd-input--xs',\n    sm: 'd-input--sm',\n    lg: 'd-input--lg',\n    xl: 'd-input--xl',\n  },\n\n  textarea: {\n    // Numeric (preferred)\n    100: 'd-textarea--xs',\n    200: 'd-textarea--sm',\n    400: 'd-textarea--lg',\n    500: 'd-textarea--xl',\n    // T-shirt aliases (deprecated)\n    xs: 'd-textarea--xs',\n    sm: 'd-textarea--sm',\n    lg: 'd-textarea--lg',\n    xl: 'd-textarea--xl',\n  },\n};\n\nexport const INPUT_STATE_CLASSES = {\n  critical: 'd-input--critical',\n  warning: 'd-input--warning',\n  positive: 'd-input--positive',\n};\n\nexport const DESCRIPTION_SIZE_CLASSES = {\n  // Numeric (preferred)\n  100: 'd-description--xs',\n  200: 'd-description--sm',\n  300: '',\n  400: 'd-description--lg',\n  500: 'd-description--xl',\n  // T-shirt aliases (deprecated)\n  xs: 'd-description--xs',\n  sm: 'd-description--sm',\n  md: '',\n  lg: 'd-description--lg',\n  xl: 'd-description--xl',\n};\n\nexport default {\n  INPUT_TYPES,\n  INPUT_SIZES,\n  INPUT_ICON_SIZES,\n  INPUT_SIZE_CLASSES,\n  INPUT_STATE_CLASSES,\n  DESCRIPTION_SIZE_CLASSES,\n};\n"],"mappings":"+FAEA,IAAa,EAAc,CACzB,KAAM,OACN,SAAU,WACV,SAAU,WACV,MAAO,QACP,OAAQ,SACR,KAAM,OACN,KAAM,OACN,KAAM,OACN,IAAK,MACL,OAAQ,SACR,MAAO,QACR,CAEY,EAAc,CACzB,YAAa,KACb,MAAO,KACP,QAAS,KACT,MAAO,KACP,YAAa,KACd,CAEY,EAAmB,CAE9B,IAAK,MACL,IAAK,MACL,IAAK,MACL,IAAK,MACL,IAAK,MAEL,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACL,CAEY,EAAqB,CAChC,MAAO,CAEL,IAAK,cACL,IAAK,cACL,IAAK,cACL,IAAK,cAEL,GAAI,cACJ,GAAI,cACJ,GAAI,cACJ,GAAI,cACL,CAED,SAAU,CAER,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBAEL,GAAI,iBACJ,GAAI,iBACJ,GAAI,iBACJ,GAAI,iBACL,CACF,CAEY,EAAsB,CACjC,SAAU,oBACV,QAAS,mBACT,SAAU,oBACX,CAEY,EAA2B,CAEtC,IAAK,oBACL,IAAK,oBACL,IAAK,GACL,IAAK,oBACL,IAAK,oBAEL,GAAI,oBACJ,GAAI,oBACJ,GAAI,GACJ,GAAI,oBACJ,GAAI,oBACL,CAED,EAAe,CACb,cACA,cACA,mBACA,qBACA,sBACA,2BACD"}
+{"version":3,"file":"input-constants.cjs","names":[],"sources":["../../../components/input/input_constants.js"],"sourcesContent":["// Valid input types, any other input types (for example: 'radio' or 'checkbox') should\n// use the respective base vue components (radio.vue and checkout.vue).\nexport const INPUT_TYPES = {\n  TEXT: 'text',\n  TEXTAREA: 'textarea',\n  PASSWORD: 'password',\n  EMAIL: 'email',\n  NUMBER: 'number',\n  DATE: 'date',\n  TIME: 'time',\n  FILE: 'file',\n  TEL: 'tel',\n  SEARCH: 'search',\n  COLOR: 'color',\n};\n\nexport const INPUT_SIZES = {\n  EXTRA_SMALL: 'xs',\n  SMALL: 'sm',\n  DEFAULT: 'md',\n  LARGE: 'lg',\n  EXTRA_LARGE: 'xl',\n};\n\nexport const INPUT_ICON_SIZES = {\n  xs: '100',\n  sm: '200',\n  md: '200',\n  lg: '400',\n  xl: '500',\n};\n\nexport const INPUT_SIZE_CLASSES = {\n  input: {\n    xs: 'd-input--xs',\n    sm: 'd-input--sm',\n    lg: 'd-input--lg',\n    xl: 'd-input--xl',\n  },\n\n  textarea: {\n    xs: 'd-textarea--xs',\n    sm: 'd-textarea--sm',\n    lg: 'd-textarea--lg',\n    xl: 'd-textarea--xl',\n  },\n};\n\nexport const INPUT_STATE_CLASSES = {\n  error: 'd-input--error',\n  warning: 'd-input--warning',\n  success: 'd-input--success',\n};\n\nexport const DESCRIPTION_SIZE_CLASSES = {\n  lg: 'd-description--lg',\n  xl: 'd-description--xl',\n};\n\nexport const LABEL_SIZE_CLASSES = {\n  xs: 'd-label--xs',\n  sm: 'd-label--sm',\n  md: 'd-label--md',\n  lg: 'd-label--lg',\n  xl: 'd-label--xl',\n};\n\nexport default {\n  INPUT_TYPES,\n  INPUT_SIZES,\n  INPUT_ICON_SIZES,\n  INPUT_SIZE_CLASSES,\n  INPUT_STATE_CLASSES,\n  DESCRIPTION_SIZE_CLASSES,\n  LABEL_SIZE_CLASSES,\n};\n"],"mappings":"+FAEA,IAAa,EAAc,CACzB,KAAM,OACN,SAAU,WACV,SAAU,WACV,MAAO,QACP,OAAQ,SACR,KAAM,OACN,KAAM,OACN,KAAM,OACN,IAAK,MACL,OAAQ,SACR,MAAO,QACR,CAEY,EAAc,CACzB,YAAa,KACb,MAAO,KACP,QAAS,KACT,MAAO,KACP,YAAa,KACd,CAEY,EAAmB,CAC9B,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACL,CAEY,EAAqB,CAChC,MAAO,CACL,GAAI,cACJ,GAAI,cACJ,GAAI,cACJ,GAAI,cACL,CAED,SAAU,CACR,GAAI,iBACJ,GAAI,iBACJ,GAAI,iBACJ,GAAI,iBACL,CACF,CAEY,EAAsB,CACjC,MAAO,iBACP,QAAS,mBACT,QAAS,mBACV,CAEY,EAA2B,CACtC,GAAI,oBACJ,GAAI,oBACL,CAEY,EAAqB,CAChC,GAAI,cACJ,GAAI,cACJ,GAAI,cACJ,GAAI,cACJ,GAAI,cACL,CAED,EAAe,CACb,cACA,cACA,mBACA,qBACA,sBACA,2BACA,qBACD"}

package/dist/lib/input/input-constants.js

@@ -1,4 +1,4 @@
-//#region components/Input/InputConstants.js
+//#region components/input/input_constants.js
 var e = {
 	TEXT: "text",
 	TEXTAREA: "textarea",
@@ -18,11 +18,6 @@ var e = {
 	LARGE: "lg",
 	EXTRA_LARGE: "xl"
 }, n = {
-	100: "100",
-	200: "200",
-	300: "200",
-	400: "400",
-	500: "500",
 	xs: "100",
 	sm: "200",
 	md: "200",
@@ -30,49 +25,40 @@ var e = {
 	xl: "500"
 }, r = {
 	input: {
-		100: "d-input--xs",
-		200: "d-input--sm",
-		400: "d-input--lg",
-		500: "d-input--xl",
 		xs: "d-input--xs",
 		sm: "d-input--sm",
 		lg: "d-input--lg",
 		xl: "d-input--xl"
 	},
 	textarea: {
-		100: "d-textarea--xs",
-		200: "d-textarea--sm",
-		400: "d-textarea--lg",
-		500: "d-textarea--xl",
 		xs: "d-textarea--xs",
 		sm: "d-textarea--sm",
 		lg: "d-textarea--lg",
 		xl: "d-textarea--xl"
 	}
 }, i = {
-	critical: "d-input--critical",
+	error: "d-input--error",
 	warning: "d-input--warning",
-	positive: "d-input--positive"
+	success: "d-input--success"
 }, a = {
-	100: "d-description--xs",
-	200: "d-description--sm",
-	300: "",
-	400: "d-description--lg",
-	500: "d-description--xl",
-	xs: "d-description--xs",
-	sm: "d-description--sm",
-	md: "",
 	lg: "d-description--lg",
 	xl: "d-description--xl"
 }, o = {
+	xs: "d-label--xs",
+	sm: "d-label--sm",
+	md: "d-label--md",
+	lg: "d-label--lg",
+	xl: "d-label--xl"
+}, s = {
 	INPUT_TYPES: e,
 	INPUT_SIZES: t,
 	INPUT_ICON_SIZES: n,
 	INPUT_SIZE_CLASSES: r,
 	INPUT_STATE_CLASSES: i,
-	DESCRIPTION_SIZE_CLASSES: a
+	DESCRIPTION_SIZE_CLASSES: a,
+	LABEL_SIZE_CLASSES: o
 };
 //#endregion
-export { a as DESCRIPTION_SIZE_CLASSES, n as INPUT_ICON_SIZES, t as INPUT_SIZES, r as INPUT_SIZE_CLASSES, i as INPUT_STATE_CLASSES, e as INPUT_TYPES, o as default };
+export { a as DESCRIPTION_SIZE_CLASSES, n as INPUT_ICON_SIZES, t as INPUT_SIZES, r as INPUT_SIZE_CLASSES, i as INPUT_STATE_CLASSES, e as INPUT_TYPES, o as LABEL_SIZE_CLASSES, s as default };
 
 //# sourceMappingURL=input-constants.js.map

package/dist/lib/input/input-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-constants.js","names":[],"sources":["../../../components/Input/InputConstants.js"],"sourcesContent":["// Valid input types, any other input types (for example: 'radio' or 'checkbox') should\n// use the respective base vue components (radio.vue and checkout.vue).\nexport const INPUT_TYPES = {\n  TEXT: 'text',\n  TEXTAREA: 'textarea',\n  PASSWORD: 'password',\n  EMAIL: 'email',\n  NUMBER: 'number',\n  DATE: 'date',\n  TIME: 'time',\n  FILE: 'file',\n  TEL: 'tel',\n  SEARCH: 'search',\n  COLOR: 'color',\n};\n\nexport const INPUT_SIZES = {\n  EXTRA_SMALL: 'xs',\n  SMALL: 'sm',\n  DEFAULT: 'md',\n  LARGE: 'lg',\n  EXTRA_LARGE: 'xl',\n};\n\nexport const INPUT_ICON_SIZES = {\n  // Numeric (preferred)\n  100: '100',\n  200: '200',\n  300: '200',\n  400: '400',\n  500: '500',\n  // T-shirt aliases (deprecated)\n  xs: '100',\n  sm: '200',\n  md: '200',\n  lg: '400',\n  xl: '500',\n};\n\nexport const INPUT_SIZE_CLASSES = {\n  input: {\n    // Numeric (preferred)\n    100: 'd-input--xs',\n    200: 'd-input--sm',\n    400: 'd-input--lg',\n    500: 'd-input--xl',\n    // T-shirt aliases (deprecated)\n    xs: 'd-input--xs',\n    sm: 'd-input--sm',\n    lg: 'd-input--lg',\n    xl: 'd-input--xl',\n  },\n\n  textarea: {\n    // Numeric (preferred)\n    100: 'd-textarea--xs',\n    200: 'd-textarea--sm',\n    400: 'd-textarea--lg',\n    500: 'd-textarea--xl',\n    // T-shirt aliases (deprecated)\n    xs: 'd-textarea--xs',\n    sm: 'd-textarea--sm',\n    lg: 'd-textarea--lg',\n    xl: 'd-textarea--xl',\n  },\n};\n\nexport const INPUT_STATE_CLASSES = {\n  critical: 'd-input--critical',\n  warning: 'd-input--warning',\n  positive: 'd-input--positive',\n};\n\nexport const DESCRIPTION_SIZE_CLASSES = {\n  // Numeric (preferred)\n  100: 'd-description--xs',\n  200: 'd-description--sm',\n  300: '',\n  400: 'd-description--lg',\n  500: 'd-description--xl',\n  // T-shirt aliases (deprecated)\n  xs: 'd-description--xs',\n  sm: 'd-description--sm',\n  md: '',\n  lg: 'd-description--lg',\n  xl: 'd-description--xl',\n};\n\nexport default {\n  INPUT_TYPES,\n  INPUT_SIZES,\n  INPUT_ICON_SIZES,\n  INPUT_SIZE_CLASSES,\n  INPUT_STATE_CLASSES,\n  DESCRIPTION_SIZE_CLASSES,\n};\n"],"mappings":";AAEA,IAAa,IAAc;CACzB,MAAM;CACN,UAAU;CACV,UAAU;CACV,OAAO;CACP,QAAQ;CACR,MAAM;CACN,MAAM;CACN,MAAM;CACN,KAAK;CACL,QAAQ;CACR,OAAO;CACR,EAEY,IAAc;CACzB,aAAa;CACb,OAAO;CACP,SAAS;CACT,OAAO;CACP,aAAa;CACd,EAEY,IAAmB;CAE9B,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CAEL,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEY,IAAqB;CAChC,OAAO;EAEL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EAEL,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL;CAED,UAAU;EAER,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EAEL,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL;CACF,EAEY,IAAsB;CACjC,UAAU;CACV,SAAS;CACT,UAAU;CACX,EAEY,IAA2B;CAEtC,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CAEL,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAED,IAAe;CACb;CACA;CACA;CACA;CACA;CACA;CACD"}
+{"version":3,"file":"input-constants.js","names":[],"sources":["../../../components/input/input_constants.js"],"sourcesContent":["// Valid input types, any other input types (for example: 'radio' or 'checkbox') should\n// use the respective base vue components (radio.vue and checkout.vue).\nexport const INPUT_TYPES = {\n  TEXT: 'text',\n  TEXTAREA: 'textarea',\n  PASSWORD: 'password',\n  EMAIL: 'email',\n  NUMBER: 'number',\n  DATE: 'date',\n  TIME: 'time',\n  FILE: 'file',\n  TEL: 'tel',\n  SEARCH: 'search',\n  COLOR: 'color',\n};\n\nexport const INPUT_SIZES = {\n  EXTRA_SMALL: 'xs',\n  SMALL: 'sm',\n  DEFAULT: 'md',\n  LARGE: 'lg',\n  EXTRA_LARGE: 'xl',\n};\n\nexport const INPUT_ICON_SIZES = {\n  xs: '100',\n  sm: '200',\n  md: '200',\n  lg: '400',\n  xl: '500',\n};\n\nexport const INPUT_SIZE_CLASSES = {\n  input: {\n    xs: 'd-input--xs',\n    sm: 'd-input--sm',\n    lg: 'd-input--lg',\n    xl: 'd-input--xl',\n  },\n\n  textarea: {\n    xs: 'd-textarea--xs',\n    sm: 'd-textarea--sm',\n    lg: 'd-textarea--lg',\n    xl: 'd-textarea--xl',\n  },\n};\n\nexport const INPUT_STATE_CLASSES = {\n  error: 'd-input--error',\n  warning: 'd-input--warning',\n  success: 'd-input--success',\n};\n\nexport const DESCRIPTION_SIZE_CLASSES = {\n  lg: 'd-description--lg',\n  xl: 'd-description--xl',\n};\n\nexport const LABEL_SIZE_CLASSES = {\n  xs: 'd-label--xs',\n  sm: 'd-label--sm',\n  md: 'd-label--md',\n  lg: 'd-label--lg',\n  xl: 'd-label--xl',\n};\n\nexport default {\n  INPUT_TYPES,\n  INPUT_SIZES,\n  INPUT_ICON_SIZES,\n  INPUT_SIZE_CLASSES,\n  INPUT_STATE_CLASSES,\n  DESCRIPTION_SIZE_CLASSES,\n  LABEL_SIZE_CLASSES,\n};\n"],"mappings":";AAEA,IAAa,IAAc;CACzB,MAAM;CACN,UAAU;CACV,UAAU;CACV,OAAO;CACP,QAAQ;CACR,MAAM;CACN,MAAM;CACN,MAAM;CACN,KAAK;CACL,QAAQ;CACR,OAAO;CACR,EAEY,IAAc;CACzB,aAAa;CACb,OAAO;CACP,SAAS;CACT,OAAO;CACP,aAAa;CACd,EAEY,IAAmB;CAC9B,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEY,IAAqB;CAChC,OAAO;EACL,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL;CAED,UAAU;EACR,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL;CACF,EAEY,IAAsB;CACjC,OAAO;CACP,SAAS;CACT,SAAS;CACV,EAEY,IAA2B;CACtC,IAAI;CACJ,IAAI;CACL,EAEY,IAAqB;CAChC,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAED,IAAe;CACb;CACA;CACA;CACA;CACA;CACA;CACA;CACD"}

package/dist/lib/input/input.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/constants/index.cjs`),t=require(`../../common/utils/index.cjs`),n=require(`../../common/mixins/input.cjs`),r=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),i=require(`../validation-messages/validation-messages.cjs`),a=require(`../text/text-constants.cjs`),o=require(`../text/text.cjs`),s=require(`./input-constants.cjs`);let c=require(`vue`);var l={name:`DtInput`,components:{DtValidationMessages:i.default,DtText:o.default},mixins:[n.MessagesMixin],inheritAttrs:!1,props:{name:{type:String,default:``},type:{type:String,default:s.INPUT_TYPES.TEXT,validator:e=>Object.values(s.INPUT_TYPES).includes(e)},modelValue:{type:[String,Number],default:``},disabled:{type:Boolean,default:!1},label:{type:String,default:``},showLabel:{type:Boolean,default:!0},description:{type:String,default:``},descriptionClass:{type:[String,Array,Object],default:``},size:{type:[String,Number],default:300,validator:e=>Object.keys(s.INPUT_ICON_SIZES).includes(String(e))},inputClass:{type:[String,Object,Array],default:``},inputWrapperClass:{type:[String,Object,Array],default:``},currentLength:{type:Number,default:null},retainWarning:{type:Boolean,default:!1},validate:{type:Object,default:null},hidden:{type:Boolean,default:!1},labelSize:{type:[String,Number],default:null,validator:e=>a.TEXT_SIZE_MODIFIERS.label.includes(String(e))},labelStrength:{type:String,default:null,validator:e=>Object.keys(a.TEXT_STRENGTH_MODIFIERS).includes(e)},labelClass:{type:[String,Array,Object],default:``},startIconClass:{type:[String,Array,Object],default:``},endIconClass:{type:[String,Array,Object],default:``}},emits:[`blur`,`clear`,`focus`,`focusin`,`focusout`,`update:modelValue`,`update:length`,`update:invalid`],data(){return{isInputFocused:!1,isInvalid:!1,defaultLength:0,hasSlotContent:t.hasSlotContent,isComposing:!1,justEndedComposition:!1,messagesId:t.getUniqueString()}},computed:{isTextarea(){return this.type===s.INPUT_TYPES.TEXTAREA},isDefaultSize(){return String(this.size)===s.INPUT_SIZES.DEFAULT||String(this.size)===`300`},iconSize(){return s.INPUT_ICON_SIZES[String(this.size)]},isValidSize(){return Object.keys(s.INPUT_ICON_SIZES).includes(String(this.size))},isValidDescriptionSize(){return Object.values(e.DESCRIPTION_SIZE_TYPES).includes(this.size)},inputComponent(){return this.isTextarea?`textarea`:`input`},inputListeners(){return{compositionstart:()=>{this.isComposing=!0},compositionend:()=>{this.isComposing=!1,this.justEndedComposition=!0;let e=this.$refs.input.value;this.$emit(`update:modelValue`,e),Promise.resolve().then(()=>{this.justEndedComposition=!1})},input:async e=>{if(this.isComposing||this.justEndedComposition)return;let t=e.target.value;this.type===s.INPUT_TYPES.FILE&&(t=Array.from(e.target.files).map(e=>e.name)),this.$emit(`update:modelValue`,t)},blur:e=>{this.isInputFocused=!1,this.onBlur(e)},focus:e=>{this.isInputFocused=!0,this.$emit(`focus`,e)},focusin:e=>this.$emit(`focusin`,e),focusout:e=>this.$emit(`focusout`,e)}},descriptionKey(){return`input-description-${t.getUniqueString()}`},inputState(){return t.getValidationState(this.validationMessages)},ariaInvalid(){return this.inputState===e.VALIDATION_MESSAGE_TYPES.CRITICAL?`true`:void 0},ariaDescribedBy(){return this.showMessages&&this.validationMessages.length>0?this.messagesId:void 0},defaultLengthCalculation(){return this.calculateLength(this.modelValue)},validationProps(){return{length:{description:this?.validate?.length?.description,max:this?.validate?.length?.max,warn:this?.validate?.length?.warn,message:this?.validate?.length?.message,limitMaxLength:this?.validate?.length?.limitMaxLength?this.validate.length.limitMaxLength:!1}}},validationMessages(){return this.showLengthLimitValidation?this.formattedMessages.concat([this.inputLengthErrorMessage()]):this.formattedMessages},showInputState(){return this.showMessages&&this.inputState},inputLength(){return this.currentLength?this.currentLength:this.defaultLengthCalculation},inputLengthState(){return this.inputLength<this.validationProps.length.warn?null:this.inputLength<=this.validationProps.length.max?this.validationProps.length.warn?e.VALIDATION_MESSAGE_TYPES.WARNING:null:e.VALIDATION_MESSAGE_TYPES.CRITICAL},shouldValidateLength(){return!!(this.validationProps.length.description&&this.validationProps.length.max)},shouldLimitMaxLength(){return this.shouldValidateLength&&this.validationProps.length.limitMaxLength},showLengthLimitValidation(){return this.shouldValidateLength&&this.inputLengthState!==null&&this.validationProps.length.message&&(this.retainWarning||this.isInputFocused||this.isInvalid)},resolvedLabelSize(){if(this.labelSize!=null)return this.labelSize;let e=String(this.size);return e===`xl`||e===`500`?e===`500`?`400`:`lg`:this.size},resolvedDescriptionSize(){return{100:`xs`,200:`xs`,300:`sm`,400:`sm`,500:`md`,xs:`xs`,sm:`xs`,md:`sm`,lg:`sm`,xl:`md`}[String(this.size)]||`sm`},resolvedDescriptionDensity(){let e=String(this.size);return e===`xl`||e===`500`?`300`:void 0},sizeModifierClass(){return this.isDefaultSize||!this.isValidSize?``:s.INPUT_SIZE_CLASSES[this.inputComponent][String(this.size)]},stateClass(){return[s.INPUT_STATE_CLASSES[this.inputState]]}},watch:{isInvalid(e){this.$emit(`update:invalid`,e)},modelValue:{immediate:!0,handler(e){this.shouldValidateLength&&this.validateLength(this.inputLength),this.currentLength??this.$emit(`update:length`,this.calculateLength(e)),this.isTextarea&&!this.isComposing&&this.$refs.input&&this.$refs.input.value!==e&&(this.$refs.input.value=e)}}},mounted(){this.isTextarea&&this.$refs.input&&(this.$refs.input.value=this.modelValue),this.runValidations()},methods:{removeClassStyleAttrs:t.removeClassStyleAttrs,inputClasses(){return[`d-input__input`,this.inputComponent===`input`?`d-input`:`d-textarea`,{[this.stateClass]:this.showInputState,"d-input-icon--left":this.$slots.startIcon||this.$slots.leftIcon,"d-input-icon--right":this.$slots.endIcon||this.$slots.rightIcon},this.sizeModifierClass,this.inputClass]},inputWrapperClasses(){return this.hidden?[]:[`d-input__wrapper`,{[this.stateClass]:this.showInputState},this.inputWrapperClass]},calculateLength(e){return typeof e==`string`?[...e].length:0},inputLengthErrorMessage(){return{message:this.validationProps.length.message,type:this.inputLengthState}},onBlur(e){this.$refs.container?.contains(e.relatedTarget)||this.$emit(`blur`,e)},emitClearEvents(){this.$emit(`clear`),this.$emit(`update:modelValue`,``)},blur(){this.$refs.input.blur()},focus(){this.$refs.input.focus()},select(){this.$refs.input.select()},getMessageKey(e,t){return`message-${e}-${t}`},validateLength(e){this.isInvalid=e>this.validationProps.length.max},clearInput(){this.$refs.input.value=``,this.$refs.input.focus(),this.emitClearEvents()},runValidations(){!this.label&&!this.$attrs[`aria-label`]&&console.info(`[Dialtone] A label is required for accessibility. Provide a label prop and use show-label="false" to hide it visually.`)}}},u=[`aria-details`],d={key:0},f={key:1,"data-qa":`dt-input-length-description`,class:`d-input__length-description`},p=[`read-only`],m=[`name`,`disabled`,`autocomplete`,`maxlength`,`aria-label`,`aria-invalid`,`aria-describedby`],h=[`value`,`name`,`type`,`disabled`,`autocomplete`,`maxlength`,`aria-label`,`aria-invalid`,`aria-describedby`];function g(e,t,n,r,i,a){let o=(0,c.resolveComponent)(`dt-text`),s=(0,c.resolveComponent)(`dt-validation-messages`);return(0,c.openBlock)(),(0,c.createElementBlock)(`div`,{ref:`container`,class:(0,c.normalizeClass)([`d-input__root`,{"d-input--hidden":n.hidden},e.$attrs.class]),style:(0,c.normalizeStyle)(e.$attrs.style),"data-qa":`dt-input`},[(0,c.createElementVNode)(`label`,{class:`d-input__label`,"aria-details":e.$slots.description||n.description?a.descriptionKey:void 0,"data-qa":`dt-input-label-wrapper`},[(0,c.renderSlot)(e.$slots,`label`,{},()=>[n.showLabel&&n.label?((0,c.openBlock)(),(0,c.createBlock)(o,{key:0,ref:`label`,"data-qa":`dt-input-label`,kind:`label`,size:a.resolvedLabelSize,strength:n.labelStrength,tone:`secondary`,class:(0,c.normalizeClass)([`d-input__label-text`,n.labelClass])},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)(n.label),1)]),_:1},8,[`size`,`strength`,`class`])):(0,c.createCommentVNode)(``,!0)]),i.hasSlotContent(e.$slots.description)||n.description||a.shouldValidateLength?((0,c.openBlock)(),(0,c.createBlock)(o,{key:0,id:a.descriptionKey,ref:`description`,kind:`body`,size:a.resolvedDescriptionSize,tone:`tertiary`,density:a.resolvedDescriptionDensity,as:`div`,class:(0,c.normalizeClass)([`d-input__description`,`d-description`,n.descriptionClass]),"data-qa":`dt-input-description`},{default:(0,c.withCtx)(()=>[i.hasSlotContent(e.$slots.description)||n.description?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,d,[(0,c.renderSlot)(e.$slots,`description`,{},()=>[(0,c.createTextVNode)((0,c.toDisplayString)(n.description),1)])])):(0,c.createCommentVNode)(``,!0),a.shouldValidateLength?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,f,(0,c.toDisplayString)(a.validationProps.length.description),1)):(0,c.createCommentVNode)(``,!0)]),_:3},8,[`id`,`size`,`density`,`class`])):(0,c.createCommentVNode)(``,!0),(0,c.createElementVNode)(`div`,{class:(0,c.normalizeClass)(a.inputWrapperClasses()),"read-only":n.disabled===!0?!0:void 0},[(0,c.createElementVNode)(`span`,{class:(0,c.normalizeClass)([`d-input-icon`,`d-input-icon--left`,n.startIconClass]),"data-qa":`dt-input-left-icon-wrapper`,onFocusout:t[0]||(t[0]=(...e)=>a.onBlur&&a.onBlur(...e))},[e.$slots.startIcon?(0,c.renderSlot)(e.$slots,`startIcon`,{key:0,iconSize:a.iconSize}):(0,c.renderSlot)(e.$slots,`leftIcon`,{key:1,iconSize:a.iconSize})],34),a.isTextarea?((0,c.openBlock)(),(0,c.createElementBlock)(`textarea`,(0,c.mergeProps)({key:0,ref:`input`,name:n.name,disabled:n.disabled,autocomplete:e.$attrs.autocomplete??`off`,class:a.inputClasses(),maxlength:a.shouldLimitMaxLength?a.validationProps.length.max:null,"aria-label":!n.showLabel&&n.label?n.label:void 0,"aria-invalid":a.ariaInvalid,"aria-describedby":a.ariaDescribedBy,"data-qa":`dt-input-input`},a.removeClassStyleAttrs(e.$attrs),(0,c.toHandlers)(a.inputListeners,!0)),null,16,m)):((0,c.openBlock)(),(0,c.createElementBlock)(`input`,(0,c.mergeProps)({key:1,ref:`input`,value:n.modelValue,name:n.name,type:n.type,disabled:n.disabled,autocomplete:e.$attrs.autocomplete??`off`,class:a.inputClasses(),maxlength:a.shouldLimitMaxLength?a.validationProps.length.max:null,"aria-label":!n.showLabel&&n.label?n.label:void 0,"aria-invalid":a.ariaInvalid,"aria-describedby":a.ariaDescribedBy,"data-qa":`dt-input-input`},a.removeClassStyleAttrs(e.$attrs),(0,c.toHandlers)(a.inputListeners,!0)),null,16,h)),(0,c.createElementVNode)(`span`,{class:(0,c.normalizeClass)([`d-input-icon`,`d-input-icon--right`,n.endIconClass]),"data-qa":`dt-input-right-icon-wrapper`,onFocusout:t[1]||(t[1]=(...e)=>a.onBlur&&a.onBlur(...e))},[e.$slots.endIcon?(0,c.renderSlot)(e.$slots,`endIcon`,{key:0,iconSize:a.iconSize,clear:a.clearInput}):(0,c.renderSlot)(e.$slots,`rightIcon`,{key:1,iconSize:a.iconSize,clear:a.clearInput})],34)],10,p)],8,u),(0,c.createVNode)(s,(0,c.mergeProps)(e.messagesChildProps,{id:i.messagesId,"validation-messages":a.validationMessages,"show-messages":e.showMessages,class:e.messagesClass,"data-qa":`dt-input-messages`}),null,16,[`id`,`validation-messages`,`show-messages`,`class`])],6)}var _=r.t(l,[[`render`,g]]);exports.default=_;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/constants/index.cjs`),t=require(`../../common/utils/index.cjs`),n=require(`../../common/mixins/input.cjs`),r=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),i=require(`../validation-messages/validation-messages.cjs`),a=require(`./input-constants.cjs`);let o=require(`vue`);var s={compatConfig:{MODE:3},name:`DtInput`,components:{DtValidationMessages:i.default},mixins:[n.MessagesMixin],inheritAttrs:!1,props:{name:{type:String,default:``},type:{type:String,default:a.INPUT_TYPES.TEXT,validator:e=>Object.values(a.INPUT_TYPES).includes(e)},modelValue:{type:[String,Number],default:``},disabled:{type:Boolean,default:!1},label:{type:String,default:``},labelVisible:{type:Boolean,default:!0},description:{type:String,default:``},size:{type:String,default:`md`,validator:e=>Object.values(a.INPUT_SIZES).includes(e)},inputClass:{type:[String,Object,Array],default:``},inputWrapperClass:{type:[String,Object,Array],default:``},rootClass:{type:[String,Object,Array],default:``},currentLength:{type:Number,default:null},retainWarning:{type:Boolean,default:!1},validate:{type:Object,default:null},hidden:{type:Boolean,default:!1}},emits:[`input`,`blur`,`clear`,`focus`,`focusin`,`focusout`,`update:modelValue`,`update:length`,`update:invalid`],data(){return{isInputFocused:!1,isInvalid:!1,defaultLength:0,hasSlotContent:t.hasSlotContent,isComposing:!1,justEndedComposition:!1}},computed:{isTextarea(){return this.type===a.INPUT_TYPES.TEXTAREA},isDefaultSize(){return this.size===a.INPUT_SIZES.DEFAULT},iconSize(){return a.INPUT_ICON_SIZES[this.size]},isValidSize(){return Object.values(a.INPUT_SIZES).includes(this.size)},isValidDescriptionSize(){return Object.values(e.DESCRIPTION_SIZE_TYPES).includes(this.size)},inputComponent(){return this.isTextarea?`textarea`:`input`},inputListeners(){return{compositionstart:()=>{this.isComposing=!0},compositionend:()=>{this.isComposing=!1,this.justEndedComposition=!0;let e=this.$refs.input.value;this.$emit(`input`,e),this.$emit(`update:modelValue`,e),Promise.resolve().then(()=>{this.justEndedComposition=!1})},input:async e=>{if(this.isComposing||this.justEndedComposition)return;let t=e.target.value;this.type===a.INPUT_TYPES.FILE&&(t=Array.from(e.target.files).map(e=>e.name)),this.$emit(`input`,t),this.$emit(`update:modelValue`,t)},blur:e=>{this.isInputFocused=!1,this.onBlur(e)},focus:e=>{this.isInputFocused=!0,this.$emit(`focus`,e)},focusin:e=>this.$emit(`focusin`,e),focusout:e=>this.$emit(`focusout`,e)}},descriptionKey(){return`input-description-${t.getUniqueString()}`},inputState(){return t.getValidationState(this.validationMessages)},defaultLengthCalculation(){return this.calculateLength(this.modelValue)},validationProps(){return{length:{description:this?.validate?.length?.description,max:this?.validate?.length?.max,warn:this?.validate?.length?.warn,message:this?.validate?.length?.message,limitMaxLength:this?.validate?.length?.limitMaxLength?this.validate.length.limitMaxLength:!1}}},validationMessages(){return this.showLengthLimitValidation?this.formattedMessages.concat([this.inputLengthErrorMessage()]):this.formattedMessages},showInputState(){return this.showMessages&&this.inputState},inputLength(){return this.currentLength?this.currentLength:this.defaultLengthCalculation},inputLengthState(){return this.inputLength<this.validationProps.length.warn?null:this.inputLength<=this.validationProps.length.max?this.validationProps.length.warn?e.VALIDATION_MESSAGE_TYPES.WARNING:null:e.VALIDATION_MESSAGE_TYPES.ERROR},shouldValidateLength(){return!!(this.validationProps.length.description&&this.validationProps.length.max)},shouldLimitMaxLength(){return this.shouldValidateLength&&this.validationProps.length.limitMaxLength},showLengthLimitValidation(){return this.shouldValidateLength&&this.inputLengthState!==null&&this.validationProps.length.message&&(this.retainWarning||this.isInputFocused||this.isInvalid)},sizeModifierClass(){return this.isDefaultSize||!this.isValidSize?``:a.INPUT_SIZE_CLASSES[this.inputComponent][this.size]},stateClass(){return[a.INPUT_STATE_CLASSES[this.inputState]]}},watch:{isInvalid(e){this.$emit(`update:invalid`,e)},modelValue:{immediate:!0,handler(e){this.shouldValidateLength&&this.validateLength(this.inputLength),this.currentLength??this.$emit(`update:length`,this.calculateLength(e)),this.isTextarea&&!this.isComposing&&this.$refs.input&&this.$refs.input.value!==e&&(this.$refs.input.value=e)}}},beforeMount(){this.descriptionSizeClasses=a.DESCRIPTION_SIZE_CLASSES,this.labelSizeClasses=a.LABEL_SIZE_CLASSES},mounted(){this.isTextarea&&this.$refs.input&&(this.$refs.input.value=this.modelValue)},methods:{removeClassStyleAttrs:t.removeClassStyleAttrs,addClassStyleAttrs:t.addClassStyleAttrs,inputClasses(){return[`d-input__input`,this.inputComponent===`input`?`d-input`:`d-textarea`,{[this.stateClass]:this.showInputState,"d-input-icon--left":this.$slots.leftIcon,"d-input-icon--right":this.$slots.rightIcon},this.sizeModifierClass,this.inputClass]},inputWrapperClasses(){return this.hidden?[]:[`d-input__wrapper`,{[this.stateClass]:this.showInputState},this.inputWrapperClass]},calculateLength(e){return typeof e==`string`?[...e].length:0},inputLengthErrorMessage(){return{message:this.validationProps.length.message,type:this.inputLengthState}},onBlur(e){this.$refs.container?.contains(e.relatedTarget)||this.$emit(`blur`,e)},emitClearEvents(){this.$emit(`input`,``),this.$emit(`clear`),this.$emit(`update:modelValue`,``)},blur(){this.$refs.input.blur()},focus(){this.$refs.input.focus()},select(){this.$refs.input.select()},getMessageKey(e,t){return`message-${e}-${t}`},validateLength(e){this.isInvalid=e>this.validationProps.length.max},clearInput(){this.$refs.input.value=``,this.$refs.input.focus(),this.emitClearEvents()}}},c=[`aria-details`],l=[`id`],u={key:0},d={key:1,"data-qa":`dt-input-length-description`,class:`d-input__length-description`},f=[`read-only`],p=[`name`,`disabled`,`autocomplete`,`maxlength`],m=[`value`,`name`,`type`,`disabled`,`autocomplete`,`maxlength`];function h(e,t,n,r,i,a){let s=(0,o.resolveComponent)(`dt-validation-messages`);return(0,o.openBlock)(),(0,o.createElementBlock)(`div`,(0,o.mergeProps)({ref:`container`,class:[n.rootClass,`d-input__root`,{"d-input--hidden":n.hidden}]},a.addClassStyleAttrs(e.$attrs),{"data-qa":`dt-input`}),[(0,o.createElementVNode)(`label`,{class:`d-input__label`,"aria-details":e.$slots.description||n.description?a.descriptionKey:void 0,"data-qa":`dt-input-label-wrapper`},[(0,o.renderSlot)(e.$slots,`labelSlot`,{},()=>[n.labelVisible&&n.label?((0,o.openBlock)(),(0,o.createElementBlock)(`div`,{key:0,ref:`label`,"data-qa":`dt-input-label`,class:(0,o.normalizeClass)([`d-input__label-text`,`d-label`,e.labelSizeClasses[n.size]])},(0,o.toDisplayString)(n.label),3)):(0,o.createCommentVNode)(``,!0)]),i.hasSlotContent(e.$slots.description)||n.description||a.shouldValidateLength?((0,o.openBlock)(),(0,o.createElementBlock)(`div`,{key:0,id:a.descriptionKey,ref:`description`,class:(0,o.normalizeClass)([`d-input__description`,`d-description`,e.descriptionSizeClasses[n.size]]),"data-qa":`dt-input-description`},[i.hasSlotContent(e.$slots.description)||n.description?((0,o.openBlock)(),(0,o.createElementBlock)(`div`,u,[(0,o.renderSlot)(e.$slots,`description`,{},()=>[(0,o.createTextVNode)((0,o.toDisplayString)(n.description),1)])])):(0,o.createCommentVNode)(``,!0),a.shouldValidateLength?((0,o.openBlock)(),(0,o.createElementBlock)(`div`,d,(0,o.toDisplayString)(a.validationProps.length.description),1)):(0,o.createCommentVNode)(``,!0)],10,l)):(0,o.createCommentVNode)(``,!0),(0,o.createElementVNode)(`div`,{class:(0,o.normalizeClass)(a.inputWrapperClasses()),"read-only":n.disabled===!0?!0:void 0},[(0,o.createElementVNode)(`span`,{class:`d-input-icon d-input-icon--left`,"data-qa":`dt-input-left-icon-wrapper`,onFocusout:t[0]||(t[0]=(...e)=>a.onBlur&&a.onBlur(...e))},[(0,o.renderSlot)(e.$slots,`leftIcon`,{iconSize:a.iconSize})],32),a.isTextarea?((0,o.openBlock)(),(0,o.createElementBlock)(`textarea`,(0,o.mergeProps)({key:0,ref:`input`,name:n.name,disabled:n.disabled,autocomplete:e.$attrs.autocomplete??`off`,class:a.inputClasses(),maxlength:a.shouldLimitMaxLength?a.validationProps.length.max:null,"data-qa":`dt-input-input`},a.removeClassStyleAttrs(e.$attrs),(0,o.toHandlers)(a.inputListeners,!0)),null,16,p)):((0,o.openBlock)(),(0,o.createElementBlock)(`input`,(0,o.mergeProps)({key:1,ref:`input`,value:n.modelValue,name:n.name,type:n.type,disabled:n.disabled,autocomplete:e.$attrs.autocomplete??`off`,class:a.inputClasses(),maxlength:a.shouldLimitMaxLength?a.validationProps.length.max:null,"data-qa":`dt-input-input`},a.removeClassStyleAttrs(e.$attrs),(0,o.toHandlers)(a.inputListeners,!0)),null,16,m)),(0,o.createElementVNode)(`span`,{class:`d-input-icon d-input-icon--right`,"data-qa":`dt-input-right-icon-wrapper`,onFocusout:t[1]||(t[1]=(...e)=>a.onBlur&&a.onBlur(...e))},[(0,o.renderSlot)(e.$slots,`rightIcon`,{iconSize:a.iconSize,clear:a.clearInput})],32)],10,f)],8,c),(0,o.createVNode)(s,(0,o.mergeProps)({"validation-messages":a.validationMessages,"show-messages":e.showMessages,class:e.messagesClass},e.messagesChildProps,{"data-qa":`dt-input-messages`}),null,16,[`validation-messages`,`show-messages`,`class`])],16)}var g=r.t(s,[[`render`,h]]);exports.default=g;
 //# sourceMappingURL=input.cjs.map

package/dist/lib/input/input.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"input.cjs","names":[],"sources":["../../../components/Input/Input.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"container\"\n    :class=\"['d-input__root', { 'd-input--hidden': hidden }, $attrs.class]\"\n    :style=\"$attrs.style\"\n    data-qa=\"dt-input\"\n  >\n    <label\n      class=\"d-input__label\"\n      :aria-details=\"$slots.description || description ? descriptionKey : undefined\"\n      data-qa=\"dt-input-label-wrapper\"\n    >\n      <!-- @slot Slot for label, defaults to label prop -->\n      <slot name=\"label\">\n        <dt-text\n          v-if=\"showLabel && label\"\n          ref=\"label\"\n          data-qa=\"dt-input-label\"\n          kind=\"label\"\n          :size=\"resolvedLabelSize\"\n          :strength=\"labelStrength\"\n          tone=\"secondary\"\n          :class=\"['d-input__label-text', labelClass]\"\n        >\n          {{ label }}\n        </dt-text>\n      </slot>\n      <dt-text\n        v-if=\"hasSlotContent($slots.description) || description || shouldValidateLength\"\n        :id=\"descriptionKey\"\n        ref=\"description\"\n        kind=\"body\"\n        :size=\"resolvedDescriptionSize\"\n        tone=\"tertiary\"\n        :density=\"resolvedDescriptionDensity\"\n        as=\"div\"\n        :class=\"[\n          'd-input__description',\n          'd-description',\n          descriptionClass,\n        ]\"\n        data-qa=\"dt-input-description\"\n      >\n        <div\n          v-if=\"hasSlotContent($slots.description) || description\"\n        >\n          <!-- @slot Slot for description, defaults to description prop -->\n          <slot name=\"description\">{{ description }}</slot>\n        </div>\n        <div\n          v-if=\"shouldValidateLength\"\n          data-qa=\"dt-input-length-description\"\n          class=\"d-input__length-description\"\n        >\n          {{ validationProps.length.description }}\n        </div>\n      </dt-text>\n      <div\n        :class=\"inputWrapperClasses()\"\n        :read-only=\"disabled === true ? true : undefined\"\n      >\n        <span\n          :class=\"['d-input-icon', 'd-input-icon--left', startIconClass]\"\n          data-qa=\"dt-input-left-icon-wrapper\"\n          @focusout=\"onBlur\"\n        >\n          <!-- @slot Slot for start icon -->\n          <slot\n            v-if=\"$slots.startIcon\"\n            name=\"startIcon\"\n            :icon-size=\"iconSize\"\n          />\n          <!-- @slot @deprecated Use startIcon -->\n          <slot\n            v-else\n            name=\"leftIcon\"\n            :icon-size=\"iconSize\"\n          />\n        </span>\n        <textarea\n          v-if=\"isTextarea\"\n          ref=\"input\"\n          :name=\"name\"\n          :disabled=\"disabled\"\n          :autocomplete=\"$attrs.autocomplete ?? 'off'\"\n          :class=\"inputClasses()\"\n          :maxlength=\"shouldLimitMaxLength ? validationProps.length.max : null\"\n          :aria-label=\"!showLabel && label ? label : undefined\"\n          :aria-invalid=\"ariaInvalid\"\n          :aria-describedby=\"ariaDescribedBy\"\n          data-qa=\"dt-input-input\"\n          v-bind=\"removeClassStyleAttrs($attrs)\"\n          v-on=\"inputListeners\"\n        />\n        <input\n          v-else\n          ref=\"input\"\n          :value=\"modelValue\"\n          :name=\"name\"\n          :type=\"type\"\n          :disabled=\"disabled\"\n          :autocomplete=\"$attrs.autocomplete ?? 'off'\"\n          :class=\"inputClasses()\"\n          :maxlength=\"shouldLimitMaxLength ? validationProps.length.max : null\"\n          :aria-label=\"!showLabel && label ? label : undefined\"\n          :aria-invalid=\"ariaInvalid\"\n          :aria-describedby=\"ariaDescribedBy\"\n          data-qa=\"dt-input-input\"\n          v-bind=\"removeClassStyleAttrs($attrs)\"\n          v-on=\"inputListeners\"\n        >\n        <span\n          :class=\"['d-input-icon', 'd-input-icon--right', endIconClass]\"\n          data-qa=\"dt-input-right-icon-wrapper\"\n          @focusout=\"onBlur\"\n        >\n          <!-- @slot Slot for end icon -->\n          <slot\n            v-if=\"$slots.endIcon\"\n            name=\"endIcon\"\n            :icon-size=\"iconSize\"\n            :clear=\"clearInput\"\n          />\n          <!-- @slot @deprecated Use endIcon -->\n          <slot\n            v-else\n            name=\"rightIcon\"\n            :icon-size=\"iconSize\"\n            :clear=\"clearInput\"\n          />\n        </span>\n      </div>\n    </label>\n    <dt-validation-messages\n      v-bind=\"messagesChildProps\"\n      :id=\"messagesId\"\n      :validation-messages=\"validationMessages\"\n      :show-messages=\"showMessages\"\n      :class=\"messagesClass\"\n      data-qa=\"dt-input-messages\"\n    />\n  </div>\n</template>\n\n<script>\n/* eslint-disable max-lines */\nimport { DESCRIPTION_SIZE_TYPES, VALIDATION_MESSAGE_TYPES } from '@/common/constants';\nimport {\n  INPUT_TYPES,\n  INPUT_SIZES,\n  INPUT_SIZE_CLASSES,\n  INPUT_ICON_SIZES,\n  INPUT_STATE_CLASSES,\n} from './InputConstants';\nimport {\n  getUniqueString,\n  getValidationState,\n  hasSlotContent,\n  removeClassStyleAttrs,\n} from '@/common/utils';\nimport { DtValidationMessages } from '@/components/ValidationMessages';\nimport { DtText, TEXT_SIZE_MODIFIERS, TEXT_STRENGTH_MODIFIERS } from '@/components/Text';\nimport { MessagesMixin } from '@/common/mixins/input';\n\n/**\n * An input field is an input control that allows users to enter alphanumeric information.\n * It can have a range of options and supports single line and multi-line lengths,\n * as well as varying formats, including numbers, masked passwords, etc.\n * @property {Boolean} placeholder attribute\n * @see https://dialtone.dialpad.com/components/input.html\n */\nexport default {\n  name: 'DtInput',\n\n  components: { DtValidationMessages, DtText },\n\n  mixins: [MessagesMixin],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Name property of the input element\n     */\n    name: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Type of the input.\n     * When `textarea` a `<textarea>` element will be rendered instead of an `<input>` element.\n     * @values text, password, email, number, textarea, date, time, file, tel, search, color\n     * @default 'text'\n     */\n    type: {\n      type: String,\n      default: INPUT_TYPES.TEXT,\n      validator: (t) => Object.values(INPUT_TYPES).includes(t),\n    },\n\n    /**\n     * Value of the input\n     */\n    modelValue: {\n      type: [String, Number],\n      default: '',\n    },\n\n    /**\n     * Disables the input\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Label for the input.\n     * Can also be overridden with a slot of the same name.\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Determines visibility of input label.\n     * @values true, false\n     */\n    showLabel: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Description for the input\n     */\n    description: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Used to customize the description container\n     */\n    descriptionClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Size of the input.\n     * @values 100, 200, 300, 400, 500\n     */\n    size: {\n      type: [String, Number],\n      default: 300,\n      validator: (t) => Object.keys(INPUT_ICON_SIZES).includes(String(t)),\n    },\n\n    /**\n     * Additional class name for the input element.\n     * Can accept String, Object, and Array, i.e. has the\n     * same API as Vue's built-in handling of the class attribute.\n     */\n    inputClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the input wrapper element.\n     * Can accept all of: String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    inputWrapperClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n\n    /**\n     * The current character length that the user has entered into the input.\n     * This will only need to be used if you are using `validate.length` and\n     * the string contains abnormal characters.\n     * For example, an emoji could take up many characters in the input, but should only count as 1 character.\n     * If no number is provided, a built-in length calculation will be used for the length validation.\n     */\n    currentLength: {\n      type: Number,\n      default: null,\n    },\n\n    /**\n     * Whether the input will continue to display a warning validation message even if the input has lost focus.\n     */\n    retainWarning: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Validation for the input. Supports maximum length validation with the structure:\n     * `{ \"length\": {\"description\": string, \"max\": number, \"warn\": number, \"message\": string,\n     * \"limitMaxLength\": boolean }}`\n     */\n    validate: {\n      type: Object,\n      default: null,\n    },\n\n    /**\n     * hidden allows to use input without the element visually present in DOM\n     */\n    hidden: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Overrides the label text size. When not provided, the label size\n     * is derived from the component size prop.\n     * @values 100, 200, 300, 400\n     */\n    labelSize: {\n      type: [String, Number],\n      default: null,\n      validator: (s) => TEXT_SIZE_MODIFIERS.label.includes(String(s)),\n    },\n\n    /**\n     * Overrides the label font weight.\n     * @values bold, semibold, medium, normal\n     */\n    labelStrength: {\n      type: String,\n      default: null,\n      validator: (s) => Object.keys(TEXT_STRENGTH_MODIFIERS).includes(s),\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the start icon container\n     */\n    startIconClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the end icon container\n     */\n    endIconClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Native input blur event\n     *\n     * @event blur\n     * @type {FocusEvent}\n     */\n    'blur',\n\n    /**\n     * Input clear event\n     *\n     * @event clear\n     */\n    'clear',\n\n    /**\n     * Native input focus event\n     *\n     * @event focus\n     * @type {FocusEvent}\n     */\n    'focus',\n\n    /**\n     * Native input focusin event\n     *\n     * @event focusin\n     * @type {FocusEvent}\n     */\n    'focusin',\n\n    /**\n     * Native input focusout event\n     *\n     * @event focusout\n     * @type {FocusEvent}\n     */\n    'focusout',\n\n    /**\n     * Event fired to sync the modelValue prop with the parent component\n     * @event update:modelValue\n     * @type {String | Number}\n     */\n    'update:modelValue',\n\n    /**\n     * Length of the input when currentLength prop is not passed\n     *\n     * @event update:length\n     * @type {Number}\n     */\n    'update:length',\n\n    /**\n     * Result of the input validation\n     *\n     * @event update:invalid\n     * @type {Boolean}\n     */\n    'update:invalid',\n  ],\n\n  data () {\n    return {\n      isInputFocused: false,\n      isInvalid: false,\n      defaultLength: 0,\n      hasSlotContent,\n      isComposing: false,\n      justEndedComposition: false,\n      messagesId: getUniqueString(),\n    };\n  },\n\n  computed: {\n\n    isTextarea () {\n      return this.type === INPUT_TYPES.TEXTAREA;\n    },\n\n    isDefaultSize () {\n      return String(this.size) === INPUT_SIZES.DEFAULT || String(this.size) === '300';\n    },\n\n    iconSize () {\n      return INPUT_ICON_SIZES[String(this.size)];\n    },\n\n    isValidSize () {\n      return Object.keys(INPUT_ICON_SIZES).includes(String(this.size));\n    },\n\n    isValidDescriptionSize () {\n      return Object.values(DESCRIPTION_SIZE_TYPES).includes(this.size);\n    },\n\n    inputComponent () {\n      if (this.isTextarea) {\n        return 'textarea';\n      }\n\n      return 'input';\n    },\n\n    inputListeners () {\n      return {\n        compositionstart: () => {\n          this.isComposing = true;\n        },\n\n        compositionend: () => {\n          this.isComposing = false;\n          this.justEndedComposition = true;\n          const val = this.$refs.input.value;\n          this.$emit('update:modelValue', val);\n          // Clear the flag after the current synchronous event processing so\n          // Firefox's post-compositionend input event is skipped, but the\n          // next real user input (a separate browser task) is not.\n          Promise.resolve().then(() => { this.justEndedComposition = false; });\n        },\n\n        input: async event => {\n          if (this.isComposing) return;\n          if (this.justEndedComposition) return;\n          let val = event.target.value;\n          if (this.type === INPUT_TYPES.FILE) {\n            const files = Array.from(event.target.files);\n            val = files.map(file => file.name);\n          }\n          this.$emit('update:modelValue', val);\n        },\n\n        blur: event => {\n          this.isInputFocused = false;\n          this.onBlur(event);\n        },\n\n        focus: event => {\n          this.isInputFocused = true;\n          this.$emit('focus', event);\n        },\n\n        focusin: event => this.$emit('focusin', event),\n        focusout: event => this.$emit('focusout', event),\n      };\n    },\n\n    descriptionKey () {\n      return `input-description-${getUniqueString()}`;\n    },\n\n    inputState () {\n      return getValidationState(this.validationMessages);\n    },\n\n    ariaInvalid () {\n      return this.inputState === VALIDATION_MESSAGE_TYPES.CRITICAL ? 'true' : undefined;\n    },\n\n    ariaDescribedBy () {\n      return this.showMessages && this.validationMessages.length > 0 ? this.messagesId : undefined;\n    },\n\n    defaultLengthCalculation () {\n      return this.calculateLength(this.modelValue);\n    },\n\n    validationProps () {\n      return {\n        length: {\n          description: this?.validate?.length?.description,\n          max: this?.validate?.length?.max,\n          warn: this?.validate?.length?.warn,\n          message: this?.validate?.length?.message,\n          limitMaxLength: this?.validate?.length?.limitMaxLength ? this.validate.length.limitMaxLength : false,\n        },\n      };\n    },\n\n    validationMessages () {\n      // Add length validation message if exists\n      if (this.showLengthLimitValidation) {\n        return this.formattedMessages.concat([this.inputLengthErrorMessage()]);\n      }\n\n      return this.formattedMessages;\n    },\n\n    showInputState () {\n      return this.showMessages && this.inputState;\n    },\n\n    inputLength () {\n      return this.currentLength ? this.currentLength : this.defaultLengthCalculation;\n    },\n\n    inputLengthState () {\n      if (this.inputLength < this.validationProps.length.warn) {\n        return null;\n      } else if (this.inputLength <= this.validationProps.length.max) {\n        return this.validationProps.length.warn ? VALIDATION_MESSAGE_TYPES.WARNING : null;\n      } else {\n        return VALIDATION_MESSAGE_TYPES.CRITICAL;\n      }\n    },\n\n    shouldValidateLength () {\n      return !!(\n        this.validationProps.length.description &&\n        this.validationProps.length.max\n      );\n    },\n\n    shouldLimitMaxLength () {\n      return this.shouldValidateLength && this.validationProps.length.limitMaxLength;\n    },\n\n    showLengthLimitValidation () {\n      return (\n        this.shouldValidateLength &&\n        this.inputLengthState !== null &&\n        this.validationProps.length.message &&\n        (this.retainWarning || this.isInputFocused || this.isInvalid)\n      );\n    },\n\n    resolvedLabelSize () {\n      if (this.labelSize != null) return this.labelSize;\n      const sizeStr = String(this.size);\n      // xl/500 exceeds label's max size — cap at lg/400\n      if (sizeStr === 'xl' || sizeStr === '500') return sizeStr === '500' ? '400' : 'lg';\n      return this.size;\n    },\n\n    resolvedDescriptionSize () {\n      const map = {\n        100: 'xs', 200: 'xs', 300: 'sm', 400: 'sm', 500: 'md',\n        xs: 'xs', sm: 'xs', md: 'sm', lg: 'sm', xl: 'md',\n      };\n      return map[String(this.size)] || 'sm';\n    },\n\n    resolvedDescriptionDensity () {\n      const sizeStr = String(this.size);\n      return (sizeStr === 'xl' || sizeStr === '500') ? '300' : undefined;\n    },\n\n    sizeModifierClass () {\n      if (this.isDefaultSize || !this.isValidSize) {\n        return '';\n      }\n\n      return INPUT_SIZE_CLASSES[this.inputComponent][String(this.size)];\n    },\n\n    stateClass () {\n      return [INPUT_STATE_CLASSES[this.inputState]];\n    },\n  },\n\n  watch: {\n    isInvalid (val) {\n      this.$emit('update:invalid', val);\n    },\n\n    modelValue: {\n      immediate: true,\n      handler (newValue) {\n        if (this.shouldValidateLength) {\n          this.validateLength(this.inputLength);\n        }\n\n        if (this.currentLength == null) {\n          this.$emit('update:length', this.calculateLength(newValue));\n        }\n\n        // Set textarea value programmatically to avoid attribute binding\n        // Skip during IME composition to avoid interrupting in-progress input\n        if (this.isTextarea && !this.isComposing && this.$refs.input && this.$refs.input.value !== newValue) {\n          this.$refs.input.value = newValue;\n        }\n      },\n    },\n  },\n\n  mounted () {\n    // Set initial textarea value programmatically\n    if (this.isTextarea && this.$refs.input) {\n      this.$refs.input.value = this.modelValue;\n    }\n    this.runValidations();\n  },\n\n  methods: {\n    removeClassStyleAttrs,\n    inputClasses () {\n      return [\n        'd-input__input',\n        this.inputComponent === 'input' ? 'd-input' : 'd-textarea',\n        {\n          [this.stateClass]: this.showInputState,\n          'd-input-icon--left': this.$slots.startIcon || this.$slots.leftIcon,\n          'd-input-icon--right': this.$slots.endIcon || this.$slots.rightIcon,\n        },\n        this.sizeModifierClass,\n        this.inputClass,\n      ];\n    },\n\n    inputWrapperClasses () {\n      if (this.hidden) {\n        return [];\n      }\n      return [\n        'd-input__wrapper',\n        { [this.stateClass]: this.showInputState },\n        this.inputWrapperClass,\n      ];\n    },\n\n    calculateLength (value) {\n      if (typeof value !== 'string') {\n        return 0;\n      }\n\n      return [...value].length;\n    },\n\n    inputLengthErrorMessage () {\n      return {\n        message: this.validationProps.length.message,\n        type: this.inputLengthState,\n      };\n    },\n\n    onBlur (e) {\n      // Do not emit a blur event if the target element is a child of this component\n      if (!this.$refs.container?.contains(e.relatedTarget)) {\n        this.$emit('blur', e);\n      }\n    },\n\n    emitClearEvents () {\n      this.$emit('clear');\n      this.$emit('update:modelValue', '');\n    },\n\n    blur () {\n      this.$refs.input.blur();\n    },\n\n    focus () {\n      this.$refs.input.focus();\n    },\n\n    select () {\n      this.$refs.input.select();\n    },\n\n    getMessageKey (type, index) {\n      return `message-${type}-${index}`;\n    },\n\n    validateLength (length) {\n      this.isInvalid = (length > this.validationProps.length.max);\n    },\n\n    clearInput () {\n      this.$refs.input.value = '';\n      this.$refs.input.focus();\n      this.emitClearEvents();\n    },\n\n    runValidations () {\n      if (!this.label && !this.$attrs['aria-label']) {\n        console.info(\n          '[Dialtone] A label is required for accessibility. Provide a label prop and use show-label=\"false\" to hide it visually.',\n        );\n      }\n    },\n  },\n};\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"input.cjs","names":[],"sources":["../../../components/input/input.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"container\"\n    :class=\"[rootClass, 'd-input__root', { 'd-input--hidden': hidden }]\"\n    v-bind=\"addClassStyleAttrs($attrs)\"\n    data-qa=\"dt-input\"\n  >\n    <label\n      class=\"d-input__label\"\n      :aria-details=\"$slots.description || description ? descriptionKey : undefined\"\n      data-qa=\"dt-input-label-wrapper\"\n    >\n      <!-- @slot Slot for label, defaults to label prop -->\n      <slot name=\"labelSlot\">\n        <div\n          v-if=\"labelVisible && label\"\n          ref=\"label\"\n          data-qa=\"dt-input-label\"\n          :class=\"[\n            'd-input__label-text',\n            'd-label',\n            labelSizeClasses[size],\n          ]\"\n        >\n          {{ label }}\n        </div>\n      </slot>\n      <div\n        v-if=\"hasSlotContent($slots.description) || description || shouldValidateLength\"\n        :id=\"descriptionKey\"\n        ref=\"description\"\n        :class=\"[\n          'd-input__description',\n          'd-description',\n          descriptionSizeClasses[size],\n        ]\"\n        data-qa=\"dt-input-description\"\n      >\n        <div\n          v-if=\"hasSlotContent($slots.description) || description\"\n        >\n          <!-- @slot Slot for description, defaults to description prop -->\n          <slot name=\"description\">{{ description }}</slot>\n        </div>\n        <div\n          v-if=\"shouldValidateLength\"\n          data-qa=\"dt-input-length-description\"\n          class=\"d-input__length-description\"\n        >\n          {{ validationProps.length.description }}\n        </div>\n      </div>\n      <div\n        :class=\"inputWrapperClasses()\"\n        :read-only=\"disabled === true ? true : undefined\"\n      >\n        <span\n          class=\"d-input-icon d-input-icon--left\"\n          data-qa=\"dt-input-left-icon-wrapper\"\n          @focusout=\"onBlur\"\n        >\n          <!-- @slot Slot for left icon -->\n          <slot\n            name=\"leftIcon\"\n            :icon-size=\"iconSize\"\n          />\n        </span>\n        <textarea\n          v-if=\"isTextarea\"\n          ref=\"input\"\n          :name=\"name\"\n          :disabled=\"disabled\"\n          :autocomplete=\"$attrs.autocomplete ?? 'off'\"\n          :class=\"inputClasses()\"\n          :maxlength=\"shouldLimitMaxLength ? validationProps.length.max : null\"\n          data-qa=\"dt-input-input\"\n          v-bind=\"removeClassStyleAttrs($attrs)\"\n          v-on=\"inputListeners\"\n        />\n        <input\n          v-else\n          ref=\"input\"\n          :value=\"modelValue\"\n          :name=\"name\"\n          :type=\"type\"\n          :disabled=\"disabled\"\n          :autocomplete=\"$attrs.autocomplete ?? 'off'\"\n          :class=\"inputClasses()\"\n          :maxlength=\"shouldLimitMaxLength ? validationProps.length.max : null\"\n          data-qa=\"dt-input-input\"\n          v-bind=\"removeClassStyleAttrs($attrs)\"\n          v-on=\"inputListeners\"\n        >\n        <span\n          class=\"d-input-icon d-input-icon--right\"\n          data-qa=\"dt-input-right-icon-wrapper\"\n          @focusout=\"onBlur\"\n        >\n          <!-- @slot Slot for right icon -->\n          <slot\n            name=\"rightIcon\"\n            :icon-size=\"iconSize\"\n            :clear=\"clearInput\"\n          />\n        </span>\n      </div>\n    </label>\n    <dt-validation-messages\n      :validation-messages=\"validationMessages\"\n      :show-messages=\"showMessages\"\n      :class=\"messagesClass\"\n      v-bind=\"messagesChildProps\"\n      data-qa=\"dt-input-messages\"\n    />\n  </div>\n</template>\n\n<script>\n/* eslint-disable max-lines */\nimport { DESCRIPTION_SIZE_TYPES, VALIDATION_MESSAGE_TYPES } from '@/common/constants';\nimport {\n  INPUT_TYPES,\n  INPUT_SIZES,\n  INPUT_SIZE_CLASSES,\n  INPUT_ICON_SIZES,\n  INPUT_STATE_CLASSES,\n  DESCRIPTION_SIZE_CLASSES,\n  LABEL_SIZE_CLASSES,\n} from './input_constants';\nimport {\n  getUniqueString,\n  getValidationState,\n  hasSlotContent,\n  removeClassStyleAttrs,\n  addClassStyleAttrs,\n} from '@/common/utils';\nimport { DtValidationMessages } from '@/components/validation_messages';\nimport { MessagesMixin } from '@/common/mixins/input';\n\n/**\n * An input field is an input control that allows users to enter alphanumeric information.\n * It can have a range of options and supports single line and multi-line lengths,\n * as well as varying formats, including numbers, masked passwords, etc.\n * @property {Boolean} placeholder attribute\n * @see https://dialtone.dialpad.com/components/input.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtInput',\n\n  components: { DtValidationMessages },\n\n  mixins: [MessagesMixin],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Name property of the input element\n     */\n    name: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Type of the input.\n     * When `textarea` a `<textarea>` element will be rendered instead of an `<input>` element.\n     * @values text, password, email, number, textarea, date, time, file, tel, search, color\n     * @default 'text'\n     */\n    type: {\n      type: String,\n      default: INPUT_TYPES.TEXT,\n      validator: (t) => Object.values(INPUT_TYPES).includes(t),\n    },\n\n    /**\n     * Value of the input\n     */\n    modelValue: {\n      type: [String, Number],\n      default: '',\n    },\n\n    /**\n     * Disables the input\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Label for the input\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Determines visibility of input label.\n     * @values true, false\n     */\n    labelVisible: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Description for the input\n     */\n    description: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Size of the input, one of `xs`, `sm`, `md`, `lg`, `xl`\n     * @values xs, sm, md, lg, xl\n     */\n    size: {\n      type: String,\n      default: 'md',\n      validator: (t) => Object.values(INPUT_SIZES).includes(t),\n    },\n\n    /**\n     * Additional class name for the input element.\n     * Can accept String, Object, and Array, i.e. has the\n     * same API as Vue's built-in handling of the class attribute.\n     */\n    inputClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the input wrapper element.\n     * Can accept all of: String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    inputWrapperClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the root element.\n     * Can accept all of: String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    rootClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n\n    /**\n     * The current character length that the user has entered into the input.\n     * This will only need to be used if you are using `validate.length` and\n     * the string contains abnormal characters.\n     * For example, an emoji could take up many characters in the input, but should only count as 1 character.\n     * If no number is provided, a built-in length calculation will be used for the length validation.\n     */\n    currentLength: {\n      type: Number,\n      default: null,\n    },\n\n    /**\n     * Whether the input will continue to display a warning validation message even if the input has lost focus.\n     */\n    retainWarning: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Validation for the input. Supports maximum length validation with the structure:\n     * `{ \"length\": {\"description\": string, \"max\": number, \"warn\": number, \"message\": string,\n     * \"limitMaxLength\": boolean }}`\n     */\n    validate: {\n      type: Object,\n      default: null,\n    },\n\n    /**\n     * hidden allows to use input without the element visually present in DOM\n     */\n    hidden: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {String}\n     */\n    'input',\n\n    /**\n     * Native input blur event\n     *\n     * @event blur\n     * @type {FocusEvent}\n     */\n    'blur',\n\n    /**\n     * Input clear event\n     *\n     * @event clear\n     */\n    'clear',\n\n    /**\n     * Native input focus event\n     *\n     * @event focus\n     * @type {FocusEvent}\n     */\n    'focus',\n\n    /**\n     * Native input focusin event\n     *\n     * @event focusin\n     * @type {FocusEvent}\n     */\n    'focusin',\n\n    /**\n     * Native input focusout event\n     *\n     * @event focusout\n     * @type {FocusEvent}\n     */\n    'focusout',\n\n    /**\n     * Event fired to sync the modelValue prop with the parent component\n     * @event update:modelValue\n     */\n    'update:modelValue',\n\n    /**\n     * Length of the input when currentLength prop is not passed\n     *\n     * @event update:length\n     * @type {Number}\n     */\n    'update:length',\n\n    /**\n     * Result of the input validation\n     *\n     * @event update:invalid\n     * @type {Boolean}\n     */\n    'update:invalid',\n  ],\n\n  data () {\n    return {\n      isInputFocused: false,\n      isInvalid: false,\n      defaultLength: 0,\n      hasSlotContent,\n      isComposing: false,\n      justEndedComposition: false,\n    };\n  },\n\n  computed: {\n\n    isTextarea () {\n      return this.type === INPUT_TYPES.TEXTAREA;\n    },\n\n    isDefaultSize () {\n      return this.size === INPUT_SIZES.DEFAULT;\n    },\n\n    iconSize () {\n      return INPUT_ICON_SIZES[this.size];\n    },\n\n    isValidSize () {\n      return Object.values(INPUT_SIZES).includes(this.size);\n    },\n\n    isValidDescriptionSize () {\n      return Object.values(DESCRIPTION_SIZE_TYPES).includes(this.size);\n    },\n\n    inputComponent () {\n      if (this.isTextarea) {\n        return 'textarea';\n      }\n\n      return 'input';\n    },\n\n    inputListeners () {\n      return {\n        compositionstart: () => {\n          this.isComposing = true;\n        },\n\n        compositionend: () => {\n          this.isComposing = false;\n          this.justEndedComposition = true;\n          const val = this.$refs.input.value;\n          this.$emit('input', val);\n          this.$emit('update:modelValue', val);\n          // Clear the flag after the current synchronous event processing so\n          // Firefox's post-compositionend input event is skipped, but the\n          // next real user input (a separate browser task) is not.\n          Promise.resolve().then(() => { this.justEndedComposition = false; });\n        },\n\n        input: async event => {\n          if (this.isComposing) return;\n          if (this.justEndedComposition) return;\n          let val = event.target.value;\n          if (this.type === INPUT_TYPES.FILE) {\n            const files = Array.from(event.target.files);\n            val = files.map(file => file.name);\n          }\n          this.$emit('input', val);\n          this.$emit('update:modelValue', val);\n        },\n\n        blur: event => {\n          this.isInputFocused = false;\n          this.onBlur(event);\n        },\n\n        focus: event => {\n          this.isInputFocused = true;\n          this.$emit('focus', event);\n        },\n\n        focusin: event => this.$emit('focusin', event),\n        focusout: event => this.$emit('focusout', event),\n      };\n    },\n\n    descriptionKey () {\n      return `input-description-${getUniqueString()}`;\n    },\n\n    inputState () {\n      return getValidationState(this.validationMessages);\n    },\n\n    defaultLengthCalculation () {\n      return this.calculateLength(this.modelValue);\n    },\n\n    validationProps () {\n      return {\n        length: {\n          description: this?.validate?.length?.description,\n          max: this?.validate?.length?.max,\n          warn: this?.validate?.length?.warn,\n          message: this?.validate?.length?.message,\n          limitMaxLength: this?.validate?.length?.limitMaxLength ? this.validate.length.limitMaxLength : false,\n        },\n      };\n    },\n\n    validationMessages () {\n      // Add length validation message if exists\n      if (this.showLengthLimitValidation) {\n        return this.formattedMessages.concat([this.inputLengthErrorMessage()]);\n      }\n\n      return this.formattedMessages;\n    },\n\n    showInputState () {\n      return this.showMessages && this.inputState;\n    },\n\n    inputLength () {\n      return this.currentLength ? this.currentLength : this.defaultLengthCalculation;\n    },\n\n    inputLengthState () {\n      if (this.inputLength < this.validationProps.length.warn) {\n        return null;\n      } else if (this.inputLength <= this.validationProps.length.max) {\n        return this.validationProps.length.warn ? VALIDATION_MESSAGE_TYPES.WARNING : null;\n      } else {\n        return VALIDATION_MESSAGE_TYPES.ERROR;\n      }\n    },\n\n    shouldValidateLength () {\n      return !!(\n        this.validationProps.length.description &&\n        this.validationProps.length.max\n      );\n    },\n\n    shouldLimitMaxLength () {\n      return this.shouldValidateLength && this.validationProps.length.limitMaxLength;\n    },\n\n    showLengthLimitValidation () {\n      return (\n        this.shouldValidateLength &&\n        this.inputLengthState !== null &&\n        this.validationProps.length.message &&\n        (this.retainWarning || this.isInputFocused || this.isInvalid)\n      );\n    },\n\n    sizeModifierClass () {\n      if (this.isDefaultSize || !this.isValidSize) {\n        return '';\n      }\n\n      return INPUT_SIZE_CLASSES[this.inputComponent][this.size];\n    },\n\n    stateClass () {\n      return [INPUT_STATE_CLASSES[this.inputState]];\n    },\n  },\n\n  watch: {\n    isInvalid (val) {\n      this.$emit('update:invalid', val);\n    },\n\n    modelValue: {\n      immediate: true,\n      handler (newValue) {\n        if (this.shouldValidateLength) {\n          this.validateLength(this.inputLength);\n        }\n\n        if (this.currentLength == null) {\n          this.$emit('update:length', this.calculateLength(newValue));\n        }\n\n        // Set textarea value programmatically to avoid attribute binding\n        // Skip during IME composition to avoid interrupting in-progress input\n        if (this.isTextarea && !this.isComposing && this.$refs.input && this.$refs.input.value !== newValue) {\n          this.$refs.input.value = newValue;\n        }\n      },\n    },\n  },\n\n  beforeMount () {\n    this.descriptionSizeClasses = DESCRIPTION_SIZE_CLASSES;\n    this.labelSizeClasses = LABEL_SIZE_CLASSES;\n  },\n\n  mounted () {\n    // Set initial textarea value programmatically\n    if (this.isTextarea && this.$refs.input) {\n      this.$refs.input.value = this.modelValue;\n    }\n  },\n\n  methods: {\n    removeClassStyleAttrs,\n    addClassStyleAttrs,\n    inputClasses () {\n      return [\n        'd-input__input',\n        this.inputComponent === 'input' ? 'd-input' : 'd-textarea',\n        {\n          [this.stateClass]: this.showInputState,\n          'd-input-icon--left': this.$slots.leftIcon,\n          'd-input-icon--right': this.$slots.rightIcon,\n        },\n        this.sizeModifierClass,\n        this.inputClass,\n      ];\n    },\n\n    inputWrapperClasses () {\n      if (this.hidden) {\n        return [];\n      }\n      return [\n        'd-input__wrapper',\n        { [this.stateClass]: this.showInputState },\n        this.inputWrapperClass,\n      ];\n    },\n\n    calculateLength (value) {\n      if (typeof value !== 'string') {\n        return 0;\n      }\n\n      return [...value].length;\n    },\n\n    inputLengthErrorMessage () {\n      return {\n        message: this.validationProps.length.message,\n        type: this.inputLengthState,\n      };\n    },\n\n    onBlur (e) {\n      // Do not emit a blur event if the target element is a child of this component\n      if (!this.$refs.container?.contains(e.relatedTarget)) {\n        this.$emit('blur', e);\n      }\n    },\n\n    emitClearEvents () {\n      this.$emit('input', '');\n      this.$emit('clear');\n      this.$emit('update:modelValue', '');\n    },\n\n    blur () {\n      this.$refs.input.blur();\n    },\n\n    focus () {\n      this.$refs.input.focus();\n    },\n\n    select () {\n      this.$refs.input.select();\n    },\n\n    getMessageKey (type, index) {\n      return `message-${type}-${index}`;\n    },\n\n    validateLength (length) {\n      this.isInvalid = (length > this.validationProps.length.max);\n    },\n\n    clearInput () {\n      this.$refs.input.value = '';\n      this.$refs.input.focus();\n      this.emitClearEvents();\n    },\n  },\n};\n</script>\n"],"mappings":"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"}