@dialpad/dialtone-vue 3.218.3 → 3.218.4

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

@@ -1,230 +1,179 @@
-import g from "../../common/mixins/modal.js";
-import { returnFirstEl as h } from "../../common/utils/index.js";
-import { EVENT_KEYNAMES as a } from "../../common/constants/index.js";
-import { DtIconClose as v } from "@dialpad/dialtone-icons/vue3";
-import w from "../../shared/sr_only_close_button.js";
-import { DialtoneLocalization as C } from "../../localization/index.js";
-import { resolveComponent as u, openBlock as l, createElementBlock as B, createVNode as c, withCtx as m, createElementVNode as n, normalizeClass as b, createBlock as d, Teleport as k, mergeProps as O, toHandlers as T, Transition as y, createCommentVNode as E } from "vue";
-import { _ as S } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import A from "../button/button.js";
-const q = {
-  compatConfig: { MODE: 3 },
-  name: "DtImageViewer",
-  components: {
-    SrOnlyCloseButton: w,
-    DtButton: A,
-    DtIconClose: v
-  },
-  mixins: [g],
-  props: {
-    /**
-     * By default the portal appends to the body of the root parent. We can modify
-     * this behaviour by passing an appendTo prop that points to an id or an html tag from the root of the parent.
-     * The appendTo prop expects a CSS selector string or an actual DOM node.
-     * type: string | HTMLElement, default: 'body'
-     */
-    appendTo: {
-      type: String,
-      default: "body"
-    },
-    /**
-     * Controls whether the image modal is shown. Leaving this null will have the image modal
-     * trigger on click by default.
-     * If you set this value, the default trigger behavior will be disabled and you can control it as you need.
-     * Supports .sync modifier
-     * @values null, true, false
-     */
-    open: {
-      type: Boolean,
-      default: null
-    },
-    /**
-     * URL of the image to be shown
-     */
-    imageSrc: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Alt text of image
-     */
-    imageAlt: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Image Class
-     */
-    imageButtonClass: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /**
-     * Aria label
-     */
-    ariaLabel: {
-      type: String,
-      required: !0
-    }
-  },
-  emits: [
-    /**
-     * Emitted when popover is shown or hidden
-     *
-     * @event opened
-     * @type {Boolean}
-     */
-    "opened",
-    /**
-     * Event fired to sync the open prop with the parent component
-     * @event update:open
-     */
-    "update:open"
-  ],
-  data() {
-    return {
-      showCloseButton: !0,
-      isOpen: !1,
-      i18n: new C()
-    };
-  },
-  computed: {
-    modalListeners() {
-      return {
-        click: (e) => {
-          e.target === e.currentTarget && this.close();
-        },
-        keydown: (e) => {
-          switch (e.code) {
-            case a.esc:
-            case a.escape:
-              this.close();
-              break;
-            case a.tab:
-              this.trapFocus(e);
-              break;
-          }
-        }
-      };
-    },
-    closeButtonTitle() {
-      return this.i18n.$t("DIALTONE_CLOSE_BUTTON");
-    }
-  },
-  watch: {
-    isOpen: {
-      immediate: !0,
-      handler(e) {
-        var t;
-        e ? this.previousActiveElement = document.activeElement : ((t = this.previousActiveElement) == null || t.focus(), this.previousActiveElement = null);
-      }
-    },
-    open: {
-      handler: function(e) {
-        e !== null && (this.isOpen = e);
-      },
-      immediate: !0
-    }
-  },
-  methods: {
-    openModal() {
-      this.open === null && (this.isOpen = !0, this.showCloseButton = !0, this.$emit("opened", !0), setTimeout(() => {
-        this.focusAfterOpen();
-      }));
-    },
-    close() {
-      this.isOpen = !1, this.$emit("opened", !1), this.open !== null && this.$emit("update:open", !1);
-    },
-    focusAfterOpen() {
-      var e, t;
-      (t = h((e = this.$refs.closeImage) == null ? void 0 : e.$el)) == null || t.focus();
-    },
-    trapFocus(e) {
-      this.isOpen && this.focusTrappedTabPress(e);
-    }
-  }
-}, D = ["src", "alt"], L = ["aria-hidden"], M = {
-  "data-qa": "dt-image-viewer-full",
-  class: "d-image-viewer__full",
-  role: "dialog",
-  "aria-modal": "true"
-}, N = ["src", "alt"];
-function I(e, t, o, V, i, s) {
-  const p = u("dt-button"), f = u("dt-icon-close"), _ = u("sr-only-close-button");
-  return l(), B("div", null, [
-    c(p, {
-      "data-qa": "dt-image-viewer-preview",
-      class: "d-image-viewer__preview-button",
-      "aria-label": o.ariaLabel,
-      importance: "clear",
-      onClick: s.openModal
-    }, {
-      default: m(() => [
-        n("img", {
-          class: b(o.imageButtonClass),
-          src: o.imageSrc,
-          alt: o.imageAlt
-        }, null, 10, D)
-      ]),
-      _: 1
-    }, 8, ["aria-label", "onClick"]),
-    i.isOpen ? (l(), d(k, {
-      key: 0,
-      to: o.appendTo
-    }, [
-      n("div", O({
-        "aria-hidden": i.isOpen ? "false" : "true",
-        class: "d-modal",
-        "data-qa": "dt-modal"
-      }, T(s.modalListeners, !0), {
-        onMouseover: t[0] || (t[0] = (r) => i.showCloseButton = !0),
-        onMouseleave: t[1] || (t[1] = (r) => i.showCloseButton = !1),
-        onFocusin: t[2] || (t[2] = (r) => i.showCloseButton = !0),
-        onFocusout: t[3] || (t[3] = (r) => i.showCloseButton = !1)
-      }), [
-        n("div", M, [
-          n("img", {
-            class: "d-image-viewer__full__image",
-            src: o.imageSrc,
-            alt: o.imageAlt
-          }, null, 8, N)
-        ]),
-        c(y, { name: "fade" }, {
-          default: m(() => [
-            i.showCloseButton ? (l(), d(p, {
-              key: 0,
-              ref: "closeImage",
-              "data-qa": "dt-image-viewer-close-btn",
-              class: "d-modal__close",
-              circle: "",
-              size: "lg",
-              importance: "clear",
-              kind: "inverted",
-              "aria-label": s.closeButtonTitle,
-              title: s.closeButtonTitle,
-              onClick: s.close
-            }, {
-              icon: m(() => [
-                c(f, {
-                  class: "d-image-viewer__close-button",
-                  size: "400"
-                })
-              ]),
-              _: 1
-            }, 8, ["aria-label", "title", "onClick"])) : (l(), d(_, {
-              key: 1,
-              onClose: s.close
-            }, null, 8, ["onClose"]))
-          ]),
-          _: 1
-        })
-      ], 16, L)
-    ], 8, ["to"])) : E("", !0)
-  ]);
+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 { 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: o,
+		DtButton: a,
+		DtIconClose: b
+	},
+	mixins: [r],
+	props: {
+		appendTo: {
+			type: String,
+			default: "body"
+		},
+		open: {
+			type: Boolean,
+			default: null
+		},
+		imageSrc: {
+			type: String,
+			required: !0
+		},
+		imageAlt: {
+			type: String,
+			required: !0
+		},
+		imageButtonClass: {
+			type: String,
+			required: !1,
+			default: ""
+		},
+		ariaLabel: {
+			type: String,
+			required: !0
+		}
+	},
+	emits: ["opened", "update:open"],
+	data() {
+		return {
+			showCloseButton: !0,
+			isOpen: !1,
+			i18n: new i()
+		};
+	},
+	computed: {
+		modalListeners() {
+			return {
+				click: (e) => {
+					e.target === e.currentTarget && this.close();
+				},
+				keydown: (t) => {
+					switch (t.code) {
+						case e.esc:
+						case e.escape:
+							this.close();
+							break;
+						case e.tab:
+							this.trapFocus(t);
+							break;
+					}
+				}
+			};
+		},
+		closeButtonTitle() {
+			return this.i18n.$t("DIALTONE_CLOSE_BUTTON");
+		}
+	},
+	watch: {
+		isOpen: {
+			immediate: !0,
+			handler(e) {
+				e ? this.previousActiveElement = document.activeElement : (this.previousActiveElement?.focus(), this.previousActiveElement = null);
+			}
+		},
+		open: {
+			handler: function(e) {
+				e !== null && (this.isOpen = e);
+			},
+			immediate: !0
+		}
+	},
+	methods: {
+		openModal() {
+			this.open === null && (this.isOpen = !0, this.showCloseButton = !0, this.$emit("opened", !0), setTimeout(() => {
+				this.focusAfterOpen();
+			}));
+		},
+		close() {
+			this.isOpen = !1, this.$emit("opened", !1), this.open !== null && this.$emit("update:open", !1);
+		},
+		focusAfterOpen() {
+			t(this.$refs.closeImage?.$el)?.focus();
+		},
+		trapFocus(e) {
+			this.isOpen && this.focusTrappedTabPress(e);
+		}
+	}
+}, S = ["src", "alt"], C = ["aria-hidden"], w = {
+	"data-qa": "dt-image-viewer-full",
+	class: "d-image-viewer__full",
+	role: "dialog",
+	"aria-modal": "true"
+}, 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: y(() => [f("img", {
+			class: h(n.imageButtonClass),
+			src: n.imageSrc,
+			alt: n.imageAlt
+		}, null, 10, S)]),
+		_: 1
+	}, 8, ["aria-label", "onClick"]), i.isOpen ? (g(), l(s, {
+		key: 0,
+		to: n.appendTo
+	}, [f("div", m({
+		"aria-hidden": i.isOpen ? "false" : "true",
+		class: "d-modal",
+		"data-qa": "dt-modal"
+	}, 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)
+	}), [f("div", w, [f("img", {
+		class: "d-image-viewer__full__image",
+		src: n.imageSrc,
+		alt: n.imageAlt
+	}, 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: "lg",
+			importance: "clear",
+			kind: "inverted",
+			"aria-label": a.closeButtonTitle,
+			title: a.closeButtonTitle,
+			onClick: a.close
+		}, {
+			icon: y(() => [p(b, {
+				class: "d-image-viewer__close-button",
+				size: "400"
+			})]),
+			_: 1
+		}, 8, [
+			"aria-label",
+			"title",
+			"onClick"
+		])) : (g(), l(x, {
+			key: 1,
+			onClose: a.close
+		}, null, 8, ["onClose"]))]),
+		_: 1
+	})], 16, C)], 8, ["to"])) : u("", !0)]);
 }
-const G = /* @__PURE__ */ S(q, [["render", I]]);
-export {
-  G as default
-};
-//# sourceMappingURL=image-viewer.js.map
+var D = /* @__PURE__ */ n(x, [["render", E]]);
+//#endregion
+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","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"],"names":["_sfc_main","SrOnlyCloseButton","DtButton","DtIconClose","Modal","DialtoneLocalization","event","EVENT_KEYNAMES","isShowing","_a","open","_b","returnFirstEl","_createElementBlock","_createVNode","_component_dt_button","$props","$options","_createElementVNode","$data","_createBlock","_Teleport","_mergeProps","_toHandlers","_hoisted_3","_Transition","_component_dt_icon_close","_component_sr_only_close_button"],"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/image-viewer/index.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./image-viewer.cjs");exports.DtImageViewer=e.default;
-//# sourceMappingURL=index.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./image-viewer.cjs`);exports.DtImageViewer=e.default;

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

@@ -1,5 +1,2 @@
-import { default as r } from "./image-viewer.js";
-export {
-  r as DtImageViewer
-};
-//# sourceMappingURL=index.js.map
+import e from "./image-viewer.js";
+export { e as DtImageViewer };

package/dist/lib/input/index.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./input.cjs"),t=require("./input-constants.cjs");exports.DtInput=e.default;exports.INPUT_SIZES=t.INPUT_SIZES;exports.INPUT_TYPES=t.INPUT_TYPES;
-//# sourceMappingURL=index.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./input-constants.cjs`),t=require(`./input.cjs`);exports.DtInput=t.default,exports.INPUT_SIZES=e.INPUT_SIZES,exports.INPUT_TYPES=e.INPUT_TYPES;

package/dist/lib/input/index.js

@@ -1,8 +1,3 @@
-import { default as r } from "./input.js";
-import { INPUT_SIZES as e, INPUT_TYPES as f } from "./input-constants.js";
-export {
-  r as DtInput,
-  e as INPUT_SIZES,
-  f as INPUT_TYPES
-};
-//# sourceMappingURL=index.js.map
+import { INPUT_SIZES as e, INPUT_TYPES as t } from "./input-constants.js";
+import n from "./input.js";
+export { n as DtInput, e as INPUT_SIZES, t as INPUT_TYPES };

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const S={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"},e={xs:"100",sm:"200",md:"200",lg:"400",xl:"500"},s={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"}},E={error:"d-input--error",warning:"d-input--warning",success:"d-input--success"},l={lg:"d-description--lg",xl:"d-description--xl"},d={xs:"d-label--xs",sm:"d-label--sm",md:"d-label--md",lg:"d-label--lg",xl:"d-label--xl"},I={INPUT_TYPES:S,INPUT_SIZES:t,INPUT_ICON_SIZES:e,INPUT_SIZE_CLASSES:s,INPUT_STATE_CLASSES:E,DESCRIPTION_SIZE_CLASSES:l,LABEL_SIZE_CLASSES:d};exports.DESCRIPTION_SIZE_CLASSES=l;exports.INPUT_ICON_SIZES=e;exports.INPUT_SIZES=t;exports.INPUT_SIZE_CLASSES=s;exports.INPUT_STATE_CLASSES=E;exports.INPUT_TYPES=S;exports.LABEL_SIZE_CLASSES=d;exports.default=I;
-//# sourceMappingURL=input-constants.cjs.map
+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","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"],"names":["INPUT_TYPES","INPUT_SIZES","INPUT_ICON_SIZES","INPUT_SIZE_CLASSES","INPUT_STATE_CLASSES","DESCRIPTION_SIZE_CLASSES","LABEL_SIZE_CLASSES","input_constants"],"mappings":"4GAEY,MAACA,EAAc,CACzB,KAAM,OACN,SAAU,WACV,SAAU,WACV,MAAO,QACP,OAAQ,SACR,KAAM,OACN,KAAM,OACN,KAAM,OACN,IAAK,MACL,OAAQ,SACR,MAAO,OACT,EAEaC,EAAc,CACzB,YAAa,KACb,MAAO,KACP,QAAS,KACT,MAAO,KACP,YAAa,IACf,EAEaC,EAAmB,CAC9B,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,KACN,EAEaC,EAAqB,CAChC,MAAO,CACL,GAAI,cACJ,GAAI,cACJ,GAAI,cACJ,GAAI,aACR,EAEE,SAAU,CACR,GAAI,iBACJ,GAAI,iBACJ,GAAI,iBACJ,GAAI,gBACR,CACA,EAEaC,EAAsB,CACjC,MAAO,iBACP,QAAS,mBACT,QAAS,kBACX,EAEaC,EAA2B,CACtC,GAAI,oBACJ,GAAI,mBACN,EAEaC,EAAqB,CAChC,GAAI,cACJ,GAAI,cACJ,GAAI,cACJ,GAAI,cACJ,GAAI,aACN,EAEAC,EAAe,CACb,YAAAP,EACA,YAAAC,EACA,iBAAAC,EACA,mBAAAC,EACA,oBAAAC,EACA,yBAAAC,EACA,mBAAAC,CACF"}
+{"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"}