@dialpad/dialtone 9.110.2 → 9.111.0

package/dist/vue3/lib/contact-row/contact-row.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"contact-row.cjs","sources":["../../../recipes/leftbar/contact_row/contact_row.vue"],"sourcesContent":["<template>\n  <dt-recipe-general-row\n    :unread-count=\"unreadCount\"\n    :description=\"contactDescription\"\n    :has-unreads=\"hasUnreads\"\n    :selected=\"selected\"\n    :has-call-button=\"hasCallButton\"\n    :muted=\"muted\"\n    :is-typing=\"isTyping\"\n    :call-button-tooltip=\"callButtonTooltip\"\n    :unread-count-tooltip=\"unreadCountTooltip\"\n    v-bind=\"$attrs\"\n    data-qa=\"contact-row\"\n    v-on=\"contactRowListeners\"\n    @call=\"$emit('call', $event)\"\n  >\n    <template #left>\n      <dt-avatar\n        :full-name=\"name\"\n        :image-src=\"avatarSrc\"\n        :color=\"avatarColor\"\n        image-alt=\"\"\n        size=\"sm\"\n        :seed=\"avatarSeed\"\n        :presence=\"avatarPresence\"\n      >\n        <template\n          v-if=\"noInitials\"\n          #icon\n        >\n          <dt-icon-user\n            size=\"200\"\n          />\n        </template>\n      </dt-avatar>\n    </template>\n    <template #label>\n      <dt-emoji-text-wrapper\n        class=\"d-recipe-leftbar-row__description\"\n        data-qa=\"dt-recipe-leftbar-row-description\"\n        size=\"200\"\n      >\n        {{ name }}\n      </dt-emoji-text-wrapper>\n      <div class=\"d-recipe-leftbar-row__status\">\n        <span\n          v-if=\"presenceText\"\n          data-qa=\"dt-recipe-leftbar-row-presence-text\"\n          :class=\"['d-recipe-leftbar-row__meta-context', presenceFontColorClass]\"\n        >\n          {{ presenceText }}\n        </span>\n        <dt-emoji-text-wrapper\n          v-if=\"userStatus\"\n          size=\"100\"\n          element-type=\"span\"\n          data-qa=\"dt-recipe-leftbar-row-user-status\"\n          class=\"d-recipe-leftbar-row__meta-custom\"\n        >\n          {{ userStatus }}\n        </dt-emoji-text-wrapper>\n      </div>\n    </template>\n  </dt-recipe-general-row>\n</template>\n\n<script>\nimport { DtRecipeGeneralRow } from '@/recipes/leftbar/general_row';\nimport DtEmojiTextWrapper from '@/components/emoji_text_wrapper/emoji_text_wrapper.vue';\nimport DtAvatar from '@/components/avatar/avatar.vue';\nimport { extractVueListeners, safeConcatStrings } from '@/common/utils';\nimport { DtIconUser } from '@dialpad/dialtone-icons/vue3';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeContactRow',\n\n  components: {\n    DtAvatar,\n    DtRecipeGeneralRow,\n    DtEmojiTextWrapper,\n    DtIconUser,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Optional avatar image url.\n     * If not provided it will use the initial of the name.\n     */\n    avatarSrc: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Determines whether to show the presence indicator for\n     * Avatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',\n     * or 'active'. By default, it's null and nothing is shown.\n     * defer validation to avatar component.\n     * @values null, busy, away, offline, active\n     */\n    avatarPresence: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.\n     */\n    avatarSeed: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Avatar color to display if `avatarSrc` is empty.\n     */\n    avatarColor: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Text describing the user's presence, such as \"in a meeting\"\n     */\n    presenceText: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Name of the contact\n     */\n    name: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Status as set by the user.\n     */\n    userStatus: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Gives a faded style to be used when muted\n     */\n    muted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Number of unread messages\n     */\n    unreadCount: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Styles the row with an increased font weight to convey it has unreads. This must be true to see\n     * the unread count badge.\n     */\n    hasUnreads: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines if the row is selected\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Initials will never be shown. Instead it will show a \"User\" icon.\n     */\n    noInitials: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Shows an \"is typing\" animation over the avatar when true.\n     */\n    isTyping: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Whether the contact row should display a call button when hovered.\n     */\n    hasCallButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Text shown when the call button is hovered.\n     */\n    callButtonTooltip: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Text shown when the unread count is hovered.\n     */\n    unreadCountTooltip: {\n      type: String,\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Call button clicked\n     *\n     * @event call\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'call',\n  ],\n\n  computed: {\n    presenceFontColorClass () {\n      const presenceFontColors = {\n        active: 'd-recipe-contact-row--active',\n        busy: 'd-recipe-contact-row--busy',\n        away: 'd-recipe-contact-row--away',\n      };\n\n      return presenceFontColors[this.avatarPresence];\n    },\n\n    contactRowListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n\n    contactDescription () {\n      return safeConcatStrings([this.name, this.presenceText, this.userStatus]);\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtAvatar","DtRecipeGeneralRow","DtEmojiTextWrapper","DtIconUser","extractVueListeners","safeConcatStrings","_hoisted_1","_openBlock","_createBlock","_component_dt_recipe_general_row","_mergeProps","$props","$options","_ctx","_toHandlers","_cache","$event","_createVNode","_component_dt_avatar","_createSlots","_withCtx","_component_dt_icon_user","_component_dt_emoji_text_wrapper","_createTextVNode","_toDisplayString","_createElementVNode","_createElementBlock","_normalizeClass","_createCommentVNode"],"mappings":"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"}

package/dist/vue3/lib/contact-row/contact-row.js

@@ -0,0 +1,235 @@
+import g from "../emoji-text-wrapper/emoji-text-wrapper.js";
+import w from "../avatar/avatar.js";
+import { extractVueListeners as C, safeConcatStrings as S } from "../../common/utils/index.js";
+import { DtIconUser as v } from "@dialpad/dialtone-icons/vue3";
+import { resolveComponent as a, openBlock as o, createBlock as u, mergeProps as h, toHandlers as b, withCtx as t, createVNode as l, createSlots as x, createTextVNode as d, toDisplayString as c, createElementVNode as B, createElementBlock as T, normalizeClass as D, createCommentVNode as m } from "vue";
+import { _ as k } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import R from "../general-row/general-row.js";
+const q = {
+  compatConfig: { MODE: 3 },
+  name: "DtRecipeContactRow",
+  components: {
+    DtAvatar: w,
+    DtRecipeGeneralRow: R,
+    DtEmojiTextWrapper: g,
+    DtIconUser: v
+  },
+  inheritAttrs: !1,
+  props: {
+    /**
+     * Optional avatar image url.
+     * If not provided it will use the initial of the name.
+     */
+    avatarSrc: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Determines whether to show the presence indicator for
+     * Avatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',
+     * or 'active'. By default, it's null and nothing is shown.
+     * defer validation to avatar component.
+     * @values null, busy, away, offline, active
+     */
+    avatarPresence: {
+      type: String,
+      default: null
+    },
+    /**
+     * Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.
+     */
+    avatarSeed: {
+      type: String,
+      default: null
+    },
+    /**
+     * Avatar color to display if `avatarSrc` is empty.
+     */
+    avatarColor: {
+      type: String,
+      default: null
+    },
+    /**
+     * Text describing the user's presence, such as "in a meeting"
+     */
+    presenceText: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Name of the contact
+     */
+    name: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Status as set by the user.
+     */
+    userStatus: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Gives a faded style to be used when muted
+     */
+    muted: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Number of unread messages
+     */
+    unreadCount: {
+      type: String,
+      default: null
+    },
+    /**
+     * Styles the row with an increased font weight to convey it has unreads. This must be true to see
+     * the unread count badge.
+     */
+    hasUnreads: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Determines if the row is selected
+     */
+    selected: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Initials will never be shown. Instead it will show a "User" icon.
+     */
+    noInitials: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Shows an "is typing" animation over the avatar when true.
+     */
+    isTyping: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Whether the contact row should display a call button when hovered.
+     */
+    hasCallButton: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Text shown when the call button is hovered.
+     */
+    callButtonTooltip: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Text shown when the unread count is hovered.
+     */
+    unreadCountTooltip: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: [
+    /**
+     * Call button clicked
+     *
+     * @event call
+     * @type {PointerEvent | KeyboardEvent}
+     */
+    "call"
+  ],
+  computed: {
+    presenceFontColorClass() {
+      return {
+        active: "d-recipe-contact-row--active",
+        busy: "d-recipe-contact-row--busy",
+        away: "d-recipe-contact-row--away"
+      }[this.avatarPresence];
+    },
+    contactRowListeners() {
+      return C(this.$attrs);
+    },
+    contactDescription() {
+      return S([this.name, this.presenceText, this.userStatus]);
+    }
+  }
+}, z = { class: "d-recipe-leftbar-row__status" };
+function V(n, s, e, E, F, r) {
+  const p = a("dt-icon-user"), f = a("dt-avatar"), i = a("dt-emoji-text-wrapper"), _ = a("dt-recipe-general-row");
+  return o(), u(_, h({
+    "unread-count": e.unreadCount,
+    description: r.contactDescription,
+    "has-unreads": e.hasUnreads,
+    selected: e.selected,
+    "has-call-button": e.hasCallButton,
+    muted: e.muted,
+    "is-typing": e.isTyping,
+    "call-button-tooltip": e.callButtonTooltip,
+    "unread-count-tooltip": e.unreadCountTooltip
+  }, n.$attrs, { "data-qa": "contact-row" }, b(r.contactRowListeners), {
+    onCall: s[0] || (s[0] = (y) => n.$emit("call", y))
+  }), {
+    left: t(() => [
+      l(f, {
+        "full-name": e.name,
+        "image-src": e.avatarSrc,
+        color: e.avatarColor,
+        "image-alt": "",
+        size: "sm",
+        seed: e.avatarSeed,
+        presence: e.avatarPresence
+      }, x({ _: 2 }, [
+        e.noInitials ? {
+          name: "icon",
+          fn: t(() => [
+            l(p, { size: "200" })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["full-name", "image-src", "color", "seed", "presence"])
+    ]),
+    label: t(() => [
+      l(i, {
+        class: "d-recipe-leftbar-row__description",
+        "data-qa": "dt-recipe-leftbar-row-description",
+        size: "200"
+      }, {
+        default: t(() => [
+          d(c(e.name), 1)
+        ]),
+        _: 1
+      }),
+      B("div", z, [
+        e.presenceText ? (o(), T("span", {
+          key: 0,
+          "data-qa": "dt-recipe-leftbar-row-presence-text",
+          class: D(["d-recipe-leftbar-row__meta-context", r.presenceFontColorClass])
+        }, c(e.presenceText), 3)) : m("", !0),
+        e.userStatus ? (o(), u(i, {
+          key: 1,
+          size: "100",
+          "element-type": "span",
+          "data-qa": "dt-recipe-leftbar-row-user-status",
+          class: "d-recipe-leftbar-row__meta-custom"
+        }, {
+          default: t(() => [
+            d(c(e.userStatus), 1)
+          ]),
+          _: 1
+        })) : m("", !0)
+      ])
+    ]),
+    _: 1
+  }, 16, ["unread-count", "description", "has-unreads", "selected", "has-call-button", "muted", "is-typing", "call-button-tooltip", "unread-count-tooltip"]);
+}
+const G = /* @__PURE__ */ k(q, [["render", V]]);
+export {
+  G as default
+};
+//# sourceMappingURL=contact-row.js.map

package/dist/vue3/lib/contact-row/contact-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contact-row.js","sources":["../../../recipes/leftbar/contact_row/contact_row.vue"],"sourcesContent":["<template>\n  <dt-recipe-general-row\n    :unread-count=\"unreadCount\"\n    :description=\"contactDescription\"\n    :has-unreads=\"hasUnreads\"\n    :selected=\"selected\"\n    :has-call-button=\"hasCallButton\"\n    :muted=\"muted\"\n    :is-typing=\"isTyping\"\n    :call-button-tooltip=\"callButtonTooltip\"\n    :unread-count-tooltip=\"unreadCountTooltip\"\n    v-bind=\"$attrs\"\n    data-qa=\"contact-row\"\n    v-on=\"contactRowListeners\"\n    @call=\"$emit('call', $event)\"\n  >\n    <template #left>\n      <dt-avatar\n        :full-name=\"name\"\n        :image-src=\"avatarSrc\"\n        :color=\"avatarColor\"\n        image-alt=\"\"\n        size=\"sm\"\n        :seed=\"avatarSeed\"\n        :presence=\"avatarPresence\"\n      >\n        <template\n          v-if=\"noInitials\"\n          #icon\n        >\n          <dt-icon-user\n            size=\"200\"\n          />\n        </template>\n      </dt-avatar>\n    </template>\n    <template #label>\n      <dt-emoji-text-wrapper\n        class=\"d-recipe-leftbar-row__description\"\n        data-qa=\"dt-recipe-leftbar-row-description\"\n        size=\"200\"\n      >\n        {{ name }}\n      </dt-emoji-text-wrapper>\n      <div class=\"d-recipe-leftbar-row__status\">\n        <span\n          v-if=\"presenceText\"\n          data-qa=\"dt-recipe-leftbar-row-presence-text\"\n          :class=\"['d-recipe-leftbar-row__meta-context', presenceFontColorClass]\"\n        >\n          {{ presenceText }}\n        </span>\n        <dt-emoji-text-wrapper\n          v-if=\"userStatus\"\n          size=\"100\"\n          element-type=\"span\"\n          data-qa=\"dt-recipe-leftbar-row-user-status\"\n          class=\"d-recipe-leftbar-row__meta-custom\"\n        >\n          {{ userStatus }}\n        </dt-emoji-text-wrapper>\n      </div>\n    </template>\n  </dt-recipe-general-row>\n</template>\n\n<script>\nimport { DtRecipeGeneralRow } from '@/recipes/leftbar/general_row';\nimport DtEmojiTextWrapper from '@/components/emoji_text_wrapper/emoji_text_wrapper.vue';\nimport DtAvatar from '@/components/avatar/avatar.vue';\nimport { extractVueListeners, safeConcatStrings } from '@/common/utils';\nimport { DtIconUser } from '@dialpad/dialtone-icons/vue3';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeContactRow',\n\n  components: {\n    DtAvatar,\n    DtRecipeGeneralRow,\n    DtEmojiTextWrapper,\n    DtIconUser,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Optional avatar image url.\n     * If not provided it will use the initial of the name.\n     */\n    avatarSrc: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Determines whether to show the presence indicator for\n     * Avatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',\n     * or 'active'. By default, it's null and nothing is shown.\n     * defer validation to avatar component.\n     * @values null, busy, away, offline, active\n     */\n    avatarPresence: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.\n     */\n    avatarSeed: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Avatar color to display if `avatarSrc` is empty.\n     */\n    avatarColor: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Text describing the user's presence, such as \"in a meeting\"\n     */\n    presenceText: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Name of the contact\n     */\n    name: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Status as set by the user.\n     */\n    userStatus: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Gives a faded style to be used when muted\n     */\n    muted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Number of unread messages\n     */\n    unreadCount: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Styles the row with an increased font weight to convey it has unreads. This must be true to see\n     * the unread count badge.\n     */\n    hasUnreads: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines if the row is selected\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Initials will never be shown. Instead it will show a \"User\" icon.\n     */\n    noInitials: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Shows an \"is typing\" animation over the avatar when true.\n     */\n    isTyping: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Whether the contact row should display a call button when hovered.\n     */\n    hasCallButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Text shown when the call button is hovered.\n     */\n    callButtonTooltip: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Text shown when the unread count is hovered.\n     */\n    unreadCountTooltip: {\n      type: String,\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Call button clicked\n     *\n     * @event call\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'call',\n  ],\n\n  computed: {\n    presenceFontColorClass () {\n      const presenceFontColors = {\n        active: 'd-recipe-contact-row--active',\n        busy: 'd-recipe-contact-row--busy',\n        away: 'd-recipe-contact-row--away',\n      };\n\n      return presenceFontColors[this.avatarPresence];\n    },\n\n    contactRowListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n\n    contactDescription () {\n      return safeConcatStrings([this.name, this.presenceText, this.userStatus]);\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtAvatar","DtRecipeGeneralRow","DtEmojiTextWrapper","DtIconUser","extractVueListeners","safeConcatStrings","_hoisted_1","_openBlock","_createBlock","_component_dt_recipe_general_row","_mergeProps","$props","$options","_ctx","_toHandlers","_cache","$event","_createVNode","_component_dt_avatar","_createSlots","_withCtx","_component_dt_icon_user","_component_dt_emoji_text_wrapper","_createTextVNode","_toDisplayString","_createElementVNode","_createElementBlock","_normalizeClass","_createCommentVNode"],"mappings":"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"}

package/dist/vue3/lib/contact-row/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./contact-row.cjs");exports.DtRecipeContactRow=t.default;
+//# sourceMappingURL=index.cjs.map

package/dist/vue3/lib/contact-row/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/vue3/lib/contact-row/index.js

@@ -0,0 +1,5 @@
+import { default as o } from "./contact-row.js";
+export {
+  o as DtRecipeContactRow
+};
+//# sourceMappingURL=index.js.map

package/dist/vue3/lib/contact-row/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/vue3/lib/datepicker/datepicker-constants.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=0,M="MMMM",t="long";exports.INTL_MONTH_FORMAT=t;exports.MONTH_FORMAT=M;exports.WEEK_START=T;
+//# sourceMappingURL=datepicker-constants.cjs.map

package/dist/vue3/lib/datepicker/datepicker-constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker-constants.cjs","sources":["../../../components/datepicker/datepicker_constants.js"],"sourcesContent":["/**\n * Week start day\n * 0 - Sunday\n * 1 - Monday\n */\nexport const WEEK_START = 0;\n\nexport const MONTH_FORMAT = 'MMMM';\n\nexport const INTL_MONTH_FORMAT = 'long';\n"],"names":["WEEK_START","MONTH_FORMAT","INTL_MONTH_FORMAT"],"mappings":"gFAKY,MAACA,EAAa,EAEbC,EAAe,OAEfC,EAAoB"}

package/dist/vue3/lib/datepicker/datepicker-constants.js

@@ -0,0 +1,7 @@
+const M = 0, T = "MMMM", o = "long";
+export {
+  o as INTL_MONTH_FORMAT,
+  T as MONTH_FORMAT,
+  M as WEEK_START
+};
+//# sourceMappingURL=datepicker-constants.js.map

package/dist/vue3/lib/datepicker/datepicker-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker-constants.js","sources":["../../../components/datepicker/datepicker_constants.js"],"sourcesContent":["/**\n * Week start day\n * 0 - Sunday\n * 1 - Monday\n */\nexport const WEEK_START = 0;\n\nexport const MONTH_FORMAT = 'MMMM';\n\nexport const INTL_MONTH_FORMAT = 'long';\n"],"names":["WEEK_START","MONTH_FORMAT","INTL_MONTH_FORMAT"],"mappings":"AAKY,MAACA,IAAa,GAEbC,IAAe,QAEfC,IAAoB;"}

package/dist/vue3/lib/datepicker/datepicker.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("../../common/utils/index.cjs"),L=require("@dialpad/dialtone-icons/vue3"),$=require("./datepicker-constants.cjs"),k=require("date-fns"),x=require("./utils.cjs"),N=require("../stack/stack.cjs"),w=require("../tooltip/tooltip.cjs"),M=require("../button/button.cjs");function F(r,c){const s=e.ref(k.getMonth(r.selectedDate)),t=e.ref(k.getYear(r.selectedDate)),n=e.ref(null),o=e.ref(0),d=e.ref([]),b=e.computed(()=>x.getCalendarDays(s.value,t.value,n.value)),p=e.computed(()=>(a,h,T)=>x.formatMonth(a,h,T));e.watch(s,()=>{u(),c("calendar-days",b.value)},{immediate:!0}),e.watch(t,()=>{u(),c("calendar-days",b.value)},{immediate:!0});function m(a){d.value.includes(a)||d.value.push(a)}function y(){f.returnFirstEl(d.value[0].$el).focus()}function g(a){switch(a.key){case"ArrowLeft":a.preventDefault(),o.value===0?(o.value=3,f.returnFirstEl(d.value[o.value].$el).focus()):(o.value--,f.returnFirstEl(d.value[o.value].$el).focus());break;case"ArrowRight":a.preventDefault(),o.value===3?(o.value=0,f.returnFirstEl(d.value[o.value].$el).focus()):(o.value++,f.returnFirstEl(d.value[o.value].$el).focus());break;case"ArrowDown":a.preventDefault(),c("focus-first-day");break;case"Tab":a.preventDefault(),c("focus-first-day");break;case"Escape":c("close-datepicker");break}}function u(){const a=k.getYear(r.selectedDate),h=k.getMonth(r.selectedDate);a!==t.value||h!==s.value?n.value=null:n.value=k.getDate(r.selectedDate)}function v(a){(s.value===0&&a===-1||s.value===11&&a===1)&&(t.value+=a);const h=k.set(r.selectedDate,{month:s.value,year:t.value}),T=a===1?k.addMonths(h,1):k.subMonths(h,1);s.value=k.getMonth(T)}function i(a){t.value=t.value+a}function D(){v(1)}function l(){v(-1)}return{selectMonth:s,selectYear:t,formattedMonth:p,setDayRef:m,focusMonthYearPicker:y,handleKeyDown:g,changeMonth:v,changeYear:i,goToNextMonth:D,goToPrevMonth:l}}const C={id:"calendar-heading",class:"d-datepicker__month-year-title"},E={__name:"month-year-picker",props:{locale:{type:String,required:!0},prevMonthLabel:{type:String,required:!0},nextMonthLabel:{type:String,required:!0},prevYearLabel:{type:String,required:!0},nextYearLabel:{type:String,required:!0},changeToLabel:{type:String,required:!0},selectedDate:{type:Date,required:!0}},emits:["calendar-days","focus-first-day","focus-last-day","close-datepicker"],setup(r,{expose:c,emit:s}){const t=r,n=s,{selectMonth:o,selectYear:d,formattedMonth:b,setDayRef:p,focusMonthYearPicker:m,handleKeyDown:y,changeMonth:g,changeYear:u,goToNextMonth:v,goToPrevMonth:i}=F(t,n);return e.onMounted(()=>{m()}),c({focusMonthYearPicker:m,goToNextMonth:v,goToPrevMonth:i}),(D,l)=>(e.openBlock(),e.createBlock(e.unref(N.default),{direction:"row",class:"d-datepicker__month-year",gap:"300"},{default:e.withCtx(()=>[e.createVNode(e.unref(N.default),{as:"nav",direction:"row",gap:"200",class:"d-datepicker__nav"},{default:e.withCtx(()=>[e.createVNode(e.unref(w.default),{message:r.prevYearLabel,placement:"top","fallback-placements":["top-start","auto"]},{anchor:e.withCtx(()=>[e.createVNode(e.unref(M.default),{id:"prevYearButton",ref:a=>{a&&e.unref(p)(a)},size:"xs",importance:"clear",kind:"muted",circle:!0,class:"d-datepicker__nav-btn",type:"button","aria-label":`${r.changeToLabel} ${r.prevYearLabel} ${e.unref(d)-1}`,onClick:l[0]||(l[0]=a=>e.unref(u)(-1)),onKeydown:l[1]||(l[1]=a=>e.unref(y)(a))},{default:e.withCtx(()=>[e.createVNode(e.unref(L.DtIconChevronsLeft),{size:"200"})]),_:1},8,["aria-label"])]),_:1},8,["message"]),e.createVNode(e.unref(w.default),{message:r.prevMonthLabel,placement:"top","fallback-placements":["top-end","auto"]},{anchor:e.withCtx(()=>[e.createVNode(e.unref(M.default),{id:"prevMonthButton",ref:a=>{a&&e.unref(p)(a)},size:"xs",importance:"clear",kind:"muted",circle:!0,class:"d-datepicker__nav-btn",type:"button","aria-label":`${r.changeToLabel} ${r.prevMonthLabel} ${e.unref(b)(e.unref(o)-1,e.unref($.INTL_MONTH_FORMAT),r.locale)}`,onClick:l[2]||(l[2]=a=>e.unref(g)(-1)),onKeydown:l[3]||(l[3]=a=>e.unref(y)(a))},{default:e.withCtx(()=>[e.createVNode(e.unref(L.DtIconChevronLeft),{size:"200"})]),_:1},8,["aria-label"])]),_:1},8,["message"])]),_:1}),e.createElementVNode("div",C,e.toDisplayString(e.unref(b)(e.unref(o),e.unref($.INTL_MONTH_FORMAT),r.locale))+" "+e.toDisplayString(e.unref(d)),1),e.createVNode(e.unref(N.default),{as:"nav",direction:"row",gap:"200",class:"d-datepicker__nav"},{default:e.withCtx(()=>[e.createVNode(e.unref(w.default),{message:r.nextMonthLabel,placement:"top","fallback-placements":["top-start","auto"]},{anchor:e.withCtx(()=>[e.createVNode(e.unref(M.default),{id:"nextMonthButton",ref:a=>{a&&e.unref(p)(a)},size:"xs",importance:"clear",kind:"muted",circle:!0,class:"d-datepicker__nav-btn",type:"button","aria-label":`${r.changeToLabel} ${r.nextMonthLabel} ${e.unref(b)(e.unref(o)+1,e.unref($.INTL_MONTH_FORMAT),r.locale)}`,onClick:l[4]||(l[4]=a=>e.unref(g)(1)),onKeydown:l[5]||(l[5]=a=>e.unref(y)(a))},{default:e.withCtx(()=>[e.createVNode(e.unref(L.DtIconChevronRight),{size:"200"})]),_:1},8,["aria-label"])]),_:1},8,["message"]),e.createVNode(e.unref(w.default),{message:r.nextYearLabel,placement:"top","fallback-placements":["top-end","auto"]},{anchor:e.withCtx(()=>[e.createVNode(e.unref(M.default),{id:"nextYearButton",ref:a=>{a&&e.unref(p)(a)},size:"xs",importance:"clear",kind:"muted",circle:!0,class:"d-datepicker__nav-btn",type:"button","aria-label":`${r.changeToLabel} ${r.nextYearLabel} ${e.unref(d)+1}`,onClick:l[6]||(l[6]=a=>e.unref(u)(1)),onKeydown:l[7]||(l[7]=a=>e.unref(y)(a))},{default:e.withCtx(()=>[e.createVNode(e.unref(L.DtIconChevronsRight),{size:"200"})]),_:1},8,["aria-label"])]),_:1},8,["message"])]),_:1})]),_:1}))}};function Y(r,c){const s=e.ref(null),t=e.ref(0),n=e.ref([]),o=e.computed(()=>x.getWeekDayNames(r.locale,$.WEEK_START));e.watch(()=>r.calendarDays,()=>{t.value=0,n.value=[],s.value=null});function d(u){return`${r.selectDayLabel} ${u.text} ${k.format(u.value,$.MONTH_FORMAT)} ${k.getYear(u.value)}`}function b(u,v){!n.value.some(i=>i.el===u)&&v.currentMonth&&n.value.push({el:u,day:v})}function p(u){switch(u.key){case"ArrowUp":u.preventDefault(),t.value-=7;try{f.returnFirstEl(n.value[t.value].el.$el).focus()}catch{const i=x.calculatePrevFocusDate(n.value[t.value+7].day.value);c("go-to-prev-month"),e.nextTick(()=>{f.returnFirstEl(n.value[i-1].el.$el).focus(),t.value+=i-1})}break;case"ArrowDown":u.preventDefault(),t.value+=7;try{f.returnFirstEl(n.value[t.value].el.$el).focus()}catch{const i=x.calculateNextFocusDate(n.value[t.value-7].day.value);c("go-to-next-month"),e.nextTick(()=>{f.returnFirstEl(n.value[i-1].el.$el).focus(),t.value+=i-1})}break;case"ArrowLeft":u.preventDefault(),t.value>0?(t.value-=1,f.returnFirstEl(n.value[t.value].el.$el).focus()):(c("go-to-prev-month"),y());break;case"ArrowRight":u.preventDefault(),t.value<n.value.length-1?(t.value+=1,f.returnFirstEl(n.value[t.value].el.$el).focus()):(c("go-to-next-month"),m());break;case"Tab":u.preventDefault(),c("focus-month-year-picker");break;case"Escape":c("close-datepicker");break}}function m(){t.value=0,e.nextTick(()=>{f.returnFirstEl(n.value[t.value].el.$el).focus()})}function y(){e.nextTick(()=>{t.value=n.value.length-1,f.returnFirstEl(n.value[t.value].el.$el).focus()})}function g(u){u.currentMonth&&(s.value=u.text,c("select-date",u.value))}return{selectedDay:s,weekDays:o,dayAriaLabel:d,setDayRef:b,handleKeyDown:p,focusFirstDay:m,selectDay:g}}const q={class:"d-datepicker__calendar","aria-labelledby":"calendar-heading"},V=["title","aria-label"],S={__name:"calendar",props:{calendarDays:{type:Array,required:!0},locale:{type:String,required:!0},selectDayLabel:{type:String,required:!0}},emits:["select-date","focus-month-year-picker","close-datepicker","go-to-next-month","go-to-prev-month"],setup(r,{expose:c,emit:s}){const t=r,n=s,{selectedDay:o,weekDays:d,dayAriaLabel:b,setDayRef:p,handleKeyDown:m,focusFirstDay:y,selectDay:g}=Y(t,n);return c({focusFirstDay:y}),(u,v)=>(e.openBlock(),e.createElementBlock("table",q,[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(d),i=>(e.openBlock(),e.createElementBlock("th",{key:i,scope:"col",class:"d-datepicker__cell d-datepicker__cell--header"},[e.createElementVNode("span",{class:"d-datepicker__weekday",title:i,"aria-label":i},e.toDisplayString(i),9,V)]))),128))])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.calendarDays,(i,D)=>(e.openBlock(),e.createElementBlock("tr",{key:D},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.days,(l,a)=>(e.openBlock(),e.createElementBlock("td",{key:D+a,class:"d-datepicker__cell",role:"listbox"},[e.createVNode(e.unref(M.default),{ref_for:!0,ref:h=>{h&&e.unref(p)(h,l)},class:e.normalizeClass(["d-datepicker__day",{"d-datepicker__day--disabled":!l.currentMonth,"d-datepicker__day--selected":e.unref(o)?l.text===e.unref(o)&&l.currentMonth:l.selected}]),circle:!0,size:"sm",importance:"clear",disabled:!l.currentMonth,type:"button","aria-selected":e.unref(o)?l.text===e.unref(o)&&l.currentMonth:l.selected,"aria-label":e.unref(b)(l),role:"option",onClick:h=>e.unref(g)(l),onKeydown:v[0]||(v[0]=h=>e.unref(m)(h))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.text),1)]),_:2},1032,["disabled","class","aria-selected","aria-label","onClick"])]))),128))]))),128))])]))}},B={class:"d-datepicker__hd"},P={class:"d-datepicker__bd"},A={__name:"datepicker",props:{prevMonthLabel:{type:String,required:!0},nextMonthLabel:{type:String,required:!0},prevYearLabel:{type:String,required:!0},nextYearLabel:{type:String,required:!0},selectDayLabel:{type:String,required:!0},changeToLabel:{type:String,required:!0},locale:{type:String,default:"en-US"},selectedDate:{type:Date,default:()=>new Date}},emits:["selected-date","close-datepicker"],setup(r){const c=e.ref([]);function s(t){c.value=t}return e.onMounted(()=>{const t=e.getCurrentInstance();f.warnIfUnmounted(f.returnFirstEl(t.proxy.$el),"datepicker")}),(t,n)=>(e.openBlock(),e.createBlock(e.unref(N.default),{class:"d-datepicker",gap:"400"},{default:e.withCtx(()=>[e.createElementVNode("div",B,[e.createVNode(E,{ref:"monthYearPicker",locale:r.locale,"prev-month-label":r.prevMonthLabel,"next-month-label":r.nextMonthLabel,"prev-year-label":r.prevYearLabel,"next-year-label":r.nextYearLabel,"change-to-label":r.changeToLabel,"selected-date":r.selectedDate,onCalendarDays:s,onFocusFirstDay:n[0]||(n[0]=o=>t.$refs.calendar.focusFirstDay()),onFocusLastDay:n[1]||(n[1]=o=>t.$refs.calendar.focusLastDay()),onCloseDatepicker:n[2]||(n[2]=o=>t.$emit("close-datepicker"))},null,8,["locale","prev-month-label","next-month-label","prev-year-label","next-year-label","change-to-label","selected-date"])]),e.createElementVNode("div",P,[e.createVNode(S,{ref:"calendar",locale:r.locale,"calendar-days":c.value,"select-day-label":r.selectDayLabel,onSelectDate:n[3]||(n[3]=o=>t.$emit("selected-date",o)),onFocusMonthYearPicker:n[4]||(n[4]=o=>t.$refs.monthYearPicker.focusMonthYearPicker()),onCloseDatepicker:n[5]||(n[5]=o=>t.$emit("close-datepicker")),onGoToNextMonth:n[6]||(n[6]=o=>t.$refs.monthYearPicker.goToNextMonth()),onGoToPrevMonth:n[7]||(n[7]=o=>t.$refs.monthYearPicker.goToPrevMonth())},null,8,["locale","calendar-days","select-day-label"])])]),_:1}))}};exports.default=A;
+//# sourceMappingURL=datepicker.cjs.map

package/dist/vue3/lib/datepicker/datepicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker.cjs","sources":["../../../components/datepicker/composables/useMonthYearPicker.js","../../../components/datepicker/modules/month-year-picker.vue","../../../components/datepicker/composables/useCalendar.js","../../../components/datepicker/modules/calendar.vue","../../../components/datepicker/datepicker.vue"],"sourcesContent":["import { computed, ref, watch } from 'vue';\nimport { addMonths, getDate, getMonth, getYear, set, subMonths } from 'date-fns';\nimport { formatMonth, getCalendarDays } from '@/components/datepicker/utils.js';\nimport { returnFirstEl } from '@/common/utils';\n\nexport function useMonthYearPicker (props, emits) {\n  const selectMonth = ref(getMonth(props.selectedDate));\n  const selectYear = ref(getYear(props.selectedDate));\n  const highlightedDay = ref(null);\n  const focusPicker = ref(0);\n  const focusRefs = ref([]);\n\n  const calendarDays = computed(() => {\n    return getCalendarDays(selectMonth.value, selectYear.value, highlightedDay.value);\n  });\n\n  const formattedMonth = computed(() => {\n    return (month, format, locale) => formatMonth(month, format, locale);\n  });\n\n  watch(selectMonth, () => {\n    highlightDay();\n    emits('calendar-days', calendarDays.value);\n  }, { immediate: true });\n\n  watch(selectYear, () => {\n    highlightDay();\n    emits('calendar-days', calendarDays.value);\n  }, { immediate: true });\n\n  function setDayRef (el) {\n    if (!focusRefs.value.includes(el)) {\n      focusRefs.value.push(el);\n    }\n  }\n\n  function focusMonthYearPicker () {\n    returnFirstEl(focusRefs.value[0].$el).focus();\n  }\n\n  function handleKeyDown (event) {\n    switch (event.key) {\n      case 'ArrowLeft':\n        event.preventDefault();\n        if (focusPicker.value === 0) {\n          focusPicker.value = 3;\n          returnFirstEl(focusRefs.value[focusPicker.value].$el).focus();\n        } else {\n          focusPicker.value--;\n          returnFirstEl(focusRefs.value[focusPicker.value].$el).focus();\n        }\n        break;\n\n      case 'ArrowRight':\n        event.preventDefault();\n        if (focusPicker.value === 3) {\n          focusPicker.value = 0;\n          returnFirstEl(focusRefs.value[focusPicker.value].$el).focus();\n        } else {\n          focusPicker.value++;\n          returnFirstEl(focusRefs.value[focusPicker.value].$el).focus();\n        }\n        break;\n\n      case 'ArrowDown':\n        event.preventDefault();\n        emits('focus-first-day');\n        break;\n\n      case 'Tab':\n        event.preventDefault();\n        emits('focus-first-day');\n        break;\n\n      case 'Escape':\n        emits('close-datepicker');\n        break;\n    }\n  }\n\n  function highlightDay () {\n    const year = getYear(props.selectedDate);\n    const month = getMonth(props.selectedDate);\n\n    if (year !== selectYear.value || month !== selectMonth.value) {\n      highlightedDay.value = null;\n    } else {\n      highlightedDay.value = getDate(props.selectedDate);\n    }\n  }\n\n  function changeMonth (value) {\n    // Adjust year when changing from January to December or vice versa\n    if ((selectMonth.value === 0 && value === -1) || (selectMonth.value === 11 && value === 1)) {\n      selectYear.value += value;\n    }\n\n    // Calculate the new date by adding or subtracting months\n    const initialDate = set(props.selectedDate, { month: selectMonth.value, year: selectYear.value });\n    const newDate = value === 1 ? addMonths(initialDate, 1) : subMonths(initialDate, 1);\n\n    // Update the selected month\n    selectMonth.value = getMonth(newDate);\n  }\n\n  function changeYear (value) {\n    selectYear.value = selectYear.value + value;\n  }\n\n  function goToNextMonth () {\n    changeMonth(1);\n  }\n\n  function goToPrevMonth () {\n    changeMonth(-1);\n  }\n\n  return {\n    selectMonth,\n    selectYear,\n    formattedMonth,\n    setDayRef,\n    focusMonthYearPicker,\n    handleKeyDown,\n    changeMonth,\n    changeYear,\n    goToNextMonth,\n    goToPrevMonth,\n  };\n}\n","<template>\n  <dt-stack\n    direction=\"row\"\n    class=\"d-datepicker__month-year\"\n    gap=\"300\"\n  >\n    <dt-stack\n      as=\"nav\"\n      direction=\"row\"\n      gap=\"200\"\n      class=\"d-datepicker__nav\"\n    >\n      <dt-tooltip\n        :message=\"prevYearLabel\"\n        placement=\"top\"\n        :fallback-placements=\"['top-start', 'auto']\"\n      >\n        <template #anchor>\n          <dt-button\n            id=\"prevYearButton\"\n            :ref=\"el => { if (el) setDayRef(el) }\"\n            size=\"xs\"\n            importance=\"clear\"\n            kind=\"muted\"\n            :circle=\"true\"\n            class=\"d-datepicker__nav-btn\"\n            type=\"button\"\n            :aria-label=\"`${changeToLabel} ${prevYearLabel} ${selectYear - 1}`\"\n            @click=\"changeYear(-1)\"\n            @keydown=\"handleKeyDown($event)\"\n          >\n            <dt-icon-chevrons-left\n              size=\"200\"\n            />\n          </dt-button>\n        </template>\n      </dt-tooltip>\n      <dt-tooltip\n        :message=\"prevMonthLabel\"\n        placement=\"top\"\n        :fallback-placements=\"['top-end', 'auto']\"\n      >\n        <template #anchor>\n          <dt-button\n            id=\"prevMonthButton\"\n            :ref=\"el => { if (el) setDayRef(el) }\"\n            size=\"xs\"\n            importance=\"clear\"\n            kind=\"muted\"\n            :circle=\"true\"\n            class=\"d-datepicker__nav-btn\"\n            type=\"button\"\n            :aria-label=\"\n              `${changeToLabel} ${prevMonthLabel} ${formattedMonth(selectMonth - 1, INTL_MONTH_FORMAT, locale)}`\n            \"\n            @click=\"changeMonth(-1)\"\n            @keydown=\"handleKeyDown($event)\"\n          >\n            <dt-icon-chevron-left\n              size=\"200\"\n            />\n          </dt-button>\n        </template>\n      </dt-tooltip>\n    </dt-stack>\n    <div\n      id=\"calendar-heading\"\n      class=\"d-datepicker__month-year-title\"\n    >\n      {{ formattedMonth(selectMonth, INTL_MONTH_FORMAT, locale) }}\n\n      {{ selectYear }}\n    </div>\n    <dt-stack\n      as=\"nav\"\n      direction=\"row\"\n      gap=\"200\"\n      class=\"d-datepicker__nav\"\n    >\n      <dt-tooltip\n        :message=\"nextMonthLabel\"\n        placement=\"top\"\n        :fallback-placements=\"['top-start', 'auto']\"\n      >\n        <template #anchor>\n          <dt-button\n            id=\"nextMonthButton\"\n            :ref=\"el => { if (el) setDayRef(el) }\"\n            size=\"xs\"\n            importance=\"clear\"\n            kind=\"muted\"\n            :circle=\"true\"\n            class=\"d-datepicker__nav-btn\"\n            type=\"button\"\n            :aria-label=\"\n              `${changeToLabel} ${nextMonthLabel} ${formattedMonth(selectMonth + 1, INTL_MONTH_FORMAT, locale)}`\n            \"\n            @click=\"changeMonth(1)\"\n            @keydown=\"handleKeyDown($event)\"\n          >\n            <dt-icon-chevron-right\n              size=\"200\"\n            />\n          </dt-button>\n        </template>\n      </dt-tooltip>\n      <dt-tooltip\n        :message=\"nextYearLabel\"\n        placement=\"top\"\n        :fallback-placements=\"['top-end', 'auto']\"\n      >\n        <template #anchor>\n          <dt-button\n            id=\"nextYearButton\"\n            :ref=\"el => { if (el) setDayRef(el) }\"\n            size=\"xs\"\n            importance=\"clear\"\n            kind=\"muted\"\n            :circle=\"true\"\n            class=\"d-datepicker__nav-btn\"\n            type=\"button\"\n            :aria-label=\"`${changeToLabel} ${nextYearLabel} ${selectYear + 1}`\"\n            @click=\"changeYear(1)\"\n            @keydown=\"handleKeyDown($event)\"\n          >\n            <dt-icon-chevrons-right\n              size=\"200\"\n            />\n          </dt-button>\n        </template>\n      </dt-tooltip>\n    </dt-stack>\n  </dt-stack>\n</template>\n\n<script setup>\nimport { DtIconChevronLeft, DtIconChevronsLeft, DtIconChevronRight, DtIconChevronsRight } from '@dialpad/dialtone-icons/vue3';\nimport { DtStack } from '@/components/stack';\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { INTL_MONTH_FORMAT } from '../datepicker_constants';\nimport { onMounted } from 'vue';\nimport { useMonthYearPicker } from '@/components/datepicker/composables/useMonthYearPicker.js';\n\nconst props = defineProps({\n  locale: {\n    type: String,\n    required: true,\n  },\n\n  prevMonthLabel: {\n    type: String,\n    required: true,\n  },\n\n  nextMonthLabel: {\n    type: String,\n    required: true,\n  },\n\n  prevYearLabel: {\n    type: String,\n    required: true,\n  },\n\n  nextYearLabel: {\n    type: String,\n    required: true,\n  },\n\n  changeToLabel: {\n    type: String,\n    required: true,\n  },\n\n  selectedDate: {\n    type: Date,\n    required: true,\n  },\n});\nconst emits = defineEmits([\n  /**\n     * Will retrieve the calendar days of the given date\n     *\n     * @event calendar-days\n     * @type {Array}\n     */\n  'calendar-days',\n\n  /**\n     * Will focus first day in calendar\n     *\n     * @event focus-first-day\n     */\n  'focus-first-day',\n\n  /**\n     * Will focus last day in calendar\n     *\n     * @event focus-last-day\n     */\n  'focus-last-day',\n\n  /**\n     * Will close the datepicker\n     *\n     * @event close-datepicker\n     */\n  'close-datepicker',\n]);\n\nconst {\n  selectMonth,\n  selectYear,\n  formattedMonth,\n  setDayRef,\n  focusMonthYearPicker,\n  handleKeyDown,\n  changeMonth,\n  changeYear,\n  goToNextMonth,\n  goToPrevMonth,\n} = useMonthYearPicker(props, emits);\n\nonMounted(() => {\n  focusMonthYearPicker();\n});\n\ndefineExpose({\n  focusMonthYearPicker,\n  goToNextMonth,\n  goToPrevMonth,\n});\n</script>\n","import { computed, ref, watch, nextTick } from 'vue';\nimport { getWeekDayNames, calculateNextFocusDate, calculatePrevFocusDate } from '@/components/datepicker/utils.js';\nimport { MONTH_FORMAT, WEEK_START } from '@/components/datepicker/datepicker_constants.js';\nimport { format, getYear } from 'date-fns';\nimport { returnFirstEl } from '@/common/utils';\n\nexport function useCalendar (props, emits) {\n  const selectedDay = ref(null);\n  const focusDay = ref(0);\n  const daysRef = ref([]);\n\n  const weekDays = computed(() => {\n    return getWeekDayNames(props.locale, WEEK_START);\n  });\n\n  watch(() => props.calendarDays, () => {\n    focusDay.value = 0;\n    daysRef.value = [];\n    selectedDay.value = null;\n  });\n\n  function dayAriaLabel (day) {\n    return `${props.selectDayLabel} ${day.text} ${format(day.value, MONTH_FORMAT)} ${getYear(day.value)}`;\n  }\n\n  function setDayRef (el, day) {\n    if (!daysRef.value.some(day => day.el === el) && day.currentMonth) {\n      daysRef.value.push({ el, day });\n    }\n  }\n\n  function handleKeyDown (event) {\n    switch (event.key) {\n      case 'ArrowUp':\n        event.preventDefault();\n        focusDay.value -= 7;\n        try {\n          returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();\n        } catch (error) {\n          const prevFocusDate = calculatePrevFocusDate(daysRef.value[focusDay.value + 7].day.value);\n          emits('go-to-prev-month');\n\n          nextTick(() => {\n            returnFirstEl(daysRef.value[prevFocusDate - 1].el.$el).focus();\n            focusDay.value += prevFocusDate - 1;\n          });\n        }\n        break;\n\n      case 'ArrowDown':\n        event.preventDefault();\n        focusDay.value += 7;\n        try {\n          returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();\n        } catch (error) {\n          const nextFocusDate = calculateNextFocusDate(daysRef.value[focusDay.value - 7].day.value);\n          emits('go-to-next-month');\n\n          nextTick(() => {\n            returnFirstEl(daysRef.value[nextFocusDate - 1].el.$el).focus();\n            focusDay.value += nextFocusDate - 1;\n          });\n        }\n        break;\n\n      case 'ArrowLeft':\n        event.preventDefault();\n        if (focusDay.value > 0) {\n          focusDay.value -= 1;\n          returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();\n        } else {\n          // if we are on month first day, jump to last day of prev month\n          emits('go-to-prev-month');\n          focusLastDay();\n        }\n        break;\n\n      case 'ArrowRight':\n        event.preventDefault();\n        if (focusDay.value < daysRef.value.length - 1) {\n          focusDay.value += 1;\n          returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();\n        } else {\n          // if we are on month last day, jump to first day of next month\n          emits('go-to-next-month');\n\n          focusFirstDay();\n        }\n        break;\n\n      case 'Tab':\n        event.preventDefault();\n        emits('focus-month-year-picker');\n        break;\n\n      case 'Escape':\n        emits('close-datepicker');\n        break;\n    }\n  }\n\n  function focusFirstDay () {\n    focusDay.value = 0;\n\n    nextTick(() => {\n      returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();\n    });\n  }\n\n  function focusLastDay () {\n    nextTick(() => {\n      focusDay.value = daysRef.value.length - 1;\n      returnFirstEl(daysRef.value[focusDay.value].el.$el).focus();\n    });\n  }\n\n  function selectDay (day) {\n    if (!day.currentMonth) { return; }\n\n    // local selectedDay is updated when a day is selected\n    selectedDay.value = day.text;\n    emits('select-date', day.value);\n  }\n\n  return {\n    selectedDay,\n    weekDays,\n    dayAriaLabel,\n    setDayRef,\n    handleKeyDown,\n    focusFirstDay,\n    selectDay,\n  };\n}\n","<!-- eslint-disable vue/multi-word-component-names -->\n<template>\n  <table\n    class=\"d-datepicker__calendar\"\n    aria-labelledby=\"calendar-heading\"\n  >\n    <thead>\n      <tr>\n        <th\n          v-for=\"day in weekDays\"\n          :key=\"day\"\n          scope=\"col\"\n          class=\"d-datepicker__cell d-datepicker__cell--header\"\n        >\n          <span\n            class=\"d-datepicker__weekday\"\n            :title=\"day\"\n            :aria-label=\"day\"\n          > {{ day }}</span>\n        </th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr\n        v-for=\"(week, indexWeek) in calendarDays\"\n        :key=\"indexWeek\"\n      >\n        <td\n          v-for=\"(day, indexDays) in week.days\"\n          :key=\"indexWeek + indexDays\"\n          class=\"d-datepicker__cell\"\n          role=\"listbox\"\n        >\n          <dt-button\n            :ref=\"el => { if (el) setDayRef(el, day) }\"\n            class=\"d-datepicker__day\"\n            :circle=\"true\"\n            size=\"sm\"\n            importance=\"clear\"\n            :disabled=\"!day.currentMonth\"\n            :class=\"{\n              'd-datepicker__day--disabled': !day.currentMonth,\n              'd-datepicker__day--selected': selectedDay\n                ? ((day.text === selectedDay) && day.currentMonth)\n                : day.selected,\n            }\"\n            type=\"button\"\n            :aria-selected=\"!!selectedDay ? ((day.text === selectedDay) && day.currentMonth) : day.selected\"\n            :aria-label=\"dayAriaLabel(day)\"\n            role=\"option\"\n            @click=\"selectDay(day)\"\n            @keydown=\"handleKeyDown($event)\"\n          >\n            {{ day.text }}\n          </dt-button>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script setup>\nimport { useCalendar } from '@/components/datepicker/composables/useCalendar.js';\nimport { DtButton } from '@/components/button';\n\nconst props = defineProps({\n  calendarDays: {\n    type: Array,\n    required: true,\n  },\n\n  locale: {\n    type: String,\n    required: true,\n  },\n\n  selectDayLabel: {\n    type: String,\n    required: true,\n  },\n});\n\nconst emits = defineEmits([\n  /**\n     * Event fired when a date is selected\n     *\n     * @event select-date\n     * @type {Date}\n     */\n  'select-date',\n\n  /**\n     * Will focus the month and year picker\n     *\n     * @event focus-month-year-picker\n     */\n  'focus-month-year-picker',\n\n  /**\n     * Will close the datepicker\n     *\n     * @event close-datepicker\n     */\n  'close-datepicker',\n\n  /**\n     * Will go to the next month\n     *\n     * @event go-to-next-month\n     */\n  'go-to-next-month',\n\n  /**\n     * Will go to the previous month\n     *\n     * @event go-to-prev-month\n     */\n  'go-to-prev-month',\n]);\n\nconst {\n  selectedDay,\n  weekDays,\n  dayAriaLabel,\n  setDayRef,\n  handleKeyDown,\n  focusFirstDay,\n  selectDay,\n} = useCalendar(props, emits);\n\ndefineExpose({\n  focusFirstDay,\n});\n</script>\n","<!-- eslint-disable vue/multi-word-component-names -->\n<template>\n  <dt-stack\n    class=\"d-datepicker\"\n    gap=\"400\"\n  >\n    <div class=\"d-datepicker__hd\">\n      <month-year-picker\n        ref=\"monthYearPicker\"\n        :locale=\"locale\"\n        :prev-month-label=\"prevMonthLabel\"\n        :next-month-label=\"nextMonthLabel\"\n        :prev-year-label=\"prevYearLabel\"\n        :next-year-label=\"nextYearLabel\"\n        :change-to-label=\"changeToLabel\"\n        :selected-date=\"selectedDate\"\n        @calendar-days=\"updateCalendarDays\"\n        @focus-first-day=\"$refs.calendar.focusFirstDay()\"\n        @focus-last-day=\"$refs.calendar.focusLastDay()\"\n        @close-datepicker=\"$emit('close-datepicker')\"\n      />\n    </div>\n    <div class=\"d-datepicker__bd\">\n      <calendar\n        ref=\"calendar\"\n        :locale=\"locale\"\n        :calendar-days=\"calendarDays\"\n        :select-day-label=\"selectDayLabel\"\n        @select-date=\"$emit('selected-date', $event)\"\n        @focus-month-year-picker=\"$refs.monthYearPicker.focusMonthYearPicker()\"\n        @close-datepicker=\"$emit('close-datepicker')\"\n        @go-to-next-month=\"$refs.monthYearPicker.goToNextMonth()\"\n        @go-to-prev-month=\"$refs.monthYearPicker.goToPrevMonth()\"\n      />\n    </div>\n  </dt-stack>\n</template>\n\n<script setup>\nimport { returnFirstEl, warnIfUnmounted } from '@/common/utils';\nimport MonthYearPicker from './modules/month-year-picker.vue';\nimport Calendar from './modules/calendar.vue';\nimport { DtStack } from '@/components/stack';\n\nimport { onMounted, ref, getCurrentInstance } from 'vue';\n\ndefineProps({\n  /**\n     * Label for the previous month button\n     *\n     * @type {String}\n     * @example 'Previous month'\n     */\n  prevMonthLabel: {\n    type: String,\n    required: true,\n  },\n\n  /**\n     * Label for the next month button\n     *\n     * @type {String}\n     * @example 'Next month'\n     */\n  nextMonthLabel: {\n    type: String,\n    required: true,\n  },\n\n  /**\n     * Label for the previous year button\n     *\n     * @type {String}\n     * @example 'Previous year'\n     */\n  prevYearLabel: {\n    type: String,\n    required: true,\n  },\n\n  /**\n     * Label for the next year button\n     *\n     * @type {String}\n     * @example 'Next year'\n     */\n  nextYearLabel: {\n    type: String,\n    required: true,\n  },\n\n  /**\n     * Label for the select day button\n     *\n     * @type {String}\n     * @example 'Select day'\n     */\n  selectDayLabel: {\n    type: String,\n    required: true,\n  },\n\n  /**\n     * Label for the change to button\n     *\n     * @type {String}\n     * @example 'Change to'\n     */\n  changeToLabel: {\n    type: String,\n    required: true,\n  },\n\n  /**\n     * Locale for the calendar\n     *\n     * @type {String}\n     */\n  locale: {\n    type: String,\n    default: 'en-US',\n  },\n\n  /**\n     * Selected date\n     *\n     * @type {Date}\n     */\n  selectedDate: {\n    type: Date,\n    default: () => (new Date()),\n  },\n});\n\ndefineEmits([\n  /**\n     * Event fired when a date is selected\n     *\n     * @event selected-date\n     * @type {Date}\n     */\n  'selected-date',\n\n  /**\n     * Event fired when user presses the esc key\n     *\n     * @event close-datepicker\n     */\n  'close-datepicker',\n]);\n\nconst calendarDays = ref([]);\n\nfunction updateCalendarDays (days) {\n  calendarDays.value = days;\n}\n\nonMounted(() => {\n  const instance = getCurrentInstance();\n  warnIfUnmounted(returnFirstEl(instance.proxy.$el), 'datepicker');\n});\n</script>\n"],"names":["useMonthYearPicker","props","emits","selectMonth","ref","getMonth","selectYear","getYear","highlightedDay","focusPicker","focusRefs","calendarDays","computed","getCalendarDays","formattedMonth","month","format","locale","formatMonth","watch","highlightDay","setDayRef","el","focusMonthYearPicker","returnFirstEl","handleKeyDown","event","year","getDate","changeMonth","value","initialDate","set","newDate","addMonths","subMonths","changeYear","goToNextMonth","goToPrevMonth","__props","__emit","onMounted","__expose","useCalendar","selectedDay","focusDay","daysRef","weekDays","getWeekDayNames","WEEK_START","dayAriaLabel","day","MONTH_FORMAT","prevFocusDate","calculatePrevFocusDate","nextTick","nextFocusDate","calculateNextFocusDate","focusLastDay","focusFirstDay","selectDay","updateCalendarDays","days","instance","getCurrentInstance","warnIfUnmounted"],"mappings":"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"}