@dialpad/dialtone-vue 2.125.0 → 2.125.1

package/dist/chunks/popover_constants-qjlEkroB.js

@@ -0,0 +1,114 @@
+import a, { sticky as l } from "tippy.js";
+const c = (e) => ({
+  name: "arrowDetected",
+  enabled: !0,
+  phase: "main",
+  fn: e,
+  requiresIfExists: ["offset"]
+}), o = [
+  "bottom",
+  "bottom-start",
+  "bottom-end",
+  "right",
+  "right-start",
+  "right-end",
+  "left",
+  "left-start",
+  "left-end",
+  "top",
+  "top-start",
+  "top-end"
+], d = [!0, !1, "reference", "popper"], E = (e, t) => {
+  const { contentElement: n } = { ...t };
+  return delete t.contentElement, a(e, {
+    ...t,
+    plugins: [l],
+    render: () => p(n)
+  });
+}, P = ({
+  boundary: e = "clippingParents",
+  fallbackPlacements: t = [],
+  onChangePlacement: n = () => {
+  },
+  hasHideModifierEnabled: i = !1,
+  // If set to false the dialog will display over top of the anchor when there is insufficient space.
+  // if set to true it will never move from its position relative to the anchor and will clip instead.
+  tether: s = !0
+} = {}) => ({
+  modifiers: [
+    {
+      name: "flip",
+      options: {
+        fallbackPlacements: t,
+        boundary: e
+      }
+    },
+    {
+      name: "hide",
+      enabled: i
+    },
+    {
+      name: "preventOverflow",
+      options: {
+        altAxis: !s,
+        tether: s
+      }
+    },
+    c(({ state: r }) => {
+      n(r.placement);
+    })
+  ]
+}), O = (e) => {
+  const t = document.createElement("span");
+  return t.innerText = e.innerText || "", e.innerText = "", e.appendChild(t), t;
+}, T = (e) => {
+  const t = e == null ? void 0 : e.children[0];
+  return t || O(e);
+}, p = (e) => {
+  const t = document.createElement("div");
+  return t.className = "tippy-box d-ps-absolute", t.appendChild(e), {
+    popper: t
+  };
+}, I = [
+  ...o
+], m = 300, S = {
+  hover: "d-tooltip--hover",
+  show: "d-tooltip--show",
+  inverted: "d-tooltip--inverted",
+  hide: "d-tooltip--hide"
+}, u = [
+  ...d
+], f = [!0, !1, "toggle"], A = {
+  none: void 0,
+  small: "d-p4",
+  medium: "d-p8",
+  large: "d-p16"
+}, g = {
+  none: void 0,
+  small: "d-pl4",
+  medium: "d-pl8",
+  large: "d-pl16"
+}, R = ["dialog", "menu", "listbox", "tree", "grid"], D = ["", "anchor"], C = ["none", "dialog", "first"], L = ["parent", "body"], N = [
+  ...d
+], V = [
+  ...o
+];
+export {
+  A as P,
+  I as T,
+  g as a,
+  R as b,
+  D as c,
+  C as d,
+  L as e,
+  N as f,
+  V as g,
+  m as h,
+  S as i,
+  u as j,
+  f as k,
+  P as l,
+  T as m,
+  E as n
+};
+//# sourceMappingURL=popover_constants-qjlEkroB.js.map

package/dist/chunks/popover_constants-qjlEkroB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover_constants-qjlEkroB.js","sources":["../../components/tooltip/modifiers.js","../../components/popover/tippy_utils.js","../../components/tooltip/tooltip_constants.js","../../components/popover/popover_constants.js"],"sourcesContent":["export const getArrowDetected = fn => ({\n  name: 'arrowDetected',\n  enabled: true,\n  phase: 'main',\n  fn,\n  requiresIfExists: ['offset'],\n});\n","import tippy, { sticky } from 'tippy.js';\nimport { getArrowDetected } from '../tooltip/modifiers';\n\nexport const BASE_TIPPY_DIRECTIONS = [\n  'bottom', 'bottom-start', 'bottom-end',\n  'right', 'right-start', 'right-end',\n  'left', 'left-start', 'left-end',\n  'top', 'top-start', 'top-end',\n];\n\nexport const TIPPY_STICKY_VALUES = [true, false, 'reference', 'popper'];\n\nexport const createTippy = (anchorElement, options) => {\n  const { contentElement } = { ...options };\n  delete options.contentElement;\n  return tippy(anchorElement, {\n    ...options,\n    plugins: [sticky],\n    render: () => getContentWrapper(contentElement),\n  });\n};\n\nexport const getPopperOptions = ({\n  boundary = 'clippingParents',\n  fallbackPlacements = [],\n  onChangePlacement = () => {},\n  hasHideModifierEnabled = false,\n  // If set to false the dialog will display over top of the anchor when there is insufficient space.\n  // if set to true it will never move from its position relative to the anchor and will clip instead.\n  tether = true,\n} = {}) => {\n  return {\n    modifiers: [\n      {\n        name: 'flip',\n        options: {\n          fallbackPlacements,\n          boundary,\n        },\n      },\n      {\n        name: 'hide',\n        enabled: hasHideModifierEnabled,\n      },\n      {\n        name: 'preventOverflow',\n        options: {\n          altAxis: !tether,\n          tether,\n        },\n      },\n      getArrowDetected(({ state }) => {\n        onChangePlacement(state.placement);\n      }),\n    ],\n  };\n};\n\nconst createAnchor = (anchorWrapper) => {\n  const span = document.createElement('span');\n  span.innerText = anchorWrapper.innerText || '';\n  anchorWrapper.innerText = '';\n  anchorWrapper.appendChild(span);\n  return span;\n};\n\nexport const getAnchor = (anchorWrapper) => {\n  const anchor = anchorWrapper?.children[0];\n  if (!anchor) return createAnchor(anchorWrapper);\n  return anchor;\n};\n\nexport const getContentWrapper = content => {\n  // The recommended structure is to use the popper as an outer wrapper\n  const popper = document.createElement('div');\n  popper.className = 'tippy-box d-ps-absolute';\n  popper.appendChild(content);\n  return {\n    popper,\n  };\n};\n","/*\n* Tippy directions - https://atomiks.github.io/tippyjs/v6/all-props/#placement\n* */\nimport { BASE_TIPPY_DIRECTIONS, TIPPY_STICKY_VALUES } from '@/components/popover/tippy_utils';\n\nexport const TOOLTIP_DIRECTIONS = [\n  ...BASE_TIPPY_DIRECTIONS,\n];\n\nexport const TOOLTIP_DELAY_MS = 300;\n\nexport const TOOLTIP_KIND_MODIFIERS = {\n  hover: `d-tooltip--hover`,\n  show: `d-tooltip--show`,\n  inverted: `d-tooltip--inverted`,\n  hide: `d-tooltip--hide`,\n};\n\nexport const TOOLTIP_STICKY_VALUES = [\n  ...TIPPY_STICKY_VALUES,\n];\n\nexport const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];\n\nexport default {\n  TOOLTIP_DIRECTIONS,\n  TOOLTIP_DELAY_MS,\n  TOOLTIP_KIND_MODIFIERS,\n  TOOLTIP_STICKY_VALUES,\n  TOOLTIP_HIDE_ON_CLICK_VARIANTS,\n};\n","import { BASE_TIPPY_DIRECTIONS, TIPPY_STICKY_VALUES } from './tippy_utils';\n\nexport const POPOVER_PADDING_CLASSES = {\n  none: undefined,\n  small: 'd-p4',\n  medium: 'd-p8',\n  large: 'd-p16',\n};\nexport const POPOVER_HEADER_FOOTER_PADDING_CLASSES = {\n  none: undefined,\n  small: 'd-pl4',\n  medium: 'd-pl8',\n  large: 'd-pl16',\n};\nexport const POPOVER_ROLES = ['dialog', 'menu', 'listbox', 'tree', 'grid'];\nexport const POPOVER_CONTENT_WIDTHS = ['', 'anchor'];\nexport const POPOVER_INITIAL_FOCUS_STRINGS = ['none', 'dialog', 'first'];\nexport const POPOVER_APPEND_TO_VALUES = ['parent', 'body'];\nexport const POPOVER_STICKY_VALUES = [\n  ...TIPPY_STICKY_VALUES,\n];\nexport const POPOVER_DIRECTIONS = [\n  ...BASE_TIPPY_DIRECTIONS,\n];\n\nexport default {\n  POPOVER_PADDING_CLASSES,\n  POPOVER_HEADER_FOOTER_PADDING_CLASSES,\n  POPOVER_ROLES,\n  POPOVER_CONTENT_WIDTHS,\n  POPOVER_INITIAL_FOCUS_STRINGS,\n  POPOVER_APPEND_TO_VALUES,\n  POPOVER_STICKY_VALUES,\n  POPOVER_DIRECTIONS,\n};\n"],"names":["getArrowDetected","fn","BASE_TIPPY_DIRECTIONS","TIPPY_STICKY_VALUES","createTippy","anchorElement","options","contentElement","tippy","sticky","getContentWrapper","getPopperOptions","boundary","fallbackPlacements","onChangePlacement","hasHideModifierEnabled","tether","state","createAnchor","anchorWrapper","span","getAnchor","anchor","content","popper","TOOLTIP_DIRECTIONS","TOOLTIP_DELAY_MS","TOOLTIP_KIND_MODIFIERS","TOOLTIP_STICKY_VALUES","TOOLTIP_HIDE_ON_CLICK_VARIANTS","POPOVER_PADDING_CLASSES","POPOVER_HEADER_FOOTER_PADDING_CLASSES","POPOVER_ROLES","POPOVER_CONTENT_WIDTHS","POPOVER_INITIAL_FOCUS_STRINGS","POPOVER_APPEND_TO_VALUES","POPOVER_STICKY_VALUES","POPOVER_DIRECTIONS"],"mappings":";AAAO,MAAMA,IAAmB,CAAAC,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AAAA,EACP,IAAAA;AAAA,EACA,kBAAkB,CAAC,QAAQ;AAC7B,ICHaC,IAAwB;AAAA,EACnC;AAAA,EAAU;AAAA,EAAgB;AAAA,EAC1B;AAAA,EAAS;AAAA,EAAe;AAAA,EACxB;AAAA,EAAQ;AAAA,EAAc;AAAA,EACtB;AAAA,EAAO;AAAA,EAAa;AACtB,GAEaC,IAAsB,CAAC,IAAM,IAAO,aAAa,QAAQ,GAEzDC,IAAc,CAACC,GAAeC,MAAY;AACrD,QAAM,EAAE,gBAAAC,EAAc,IAAK,EAAE,GAAGD,EAAO;AACvC,gBAAOA,EAAQ,gBACRE,EAAMH,GAAe;AAAA,IAC1B,GAAGC;AAAA,IACH,SAAS,CAACG,CAAM;AAAA,IAChB,QAAQ,MAAMC,EAAkBH,CAAc;AAAA,EAClD,CAAG;AACH,GAEaI,IAAmB,CAAC;AAAA,EAC/B,UAAAC,IAAW;AAAA,EACX,oBAAAC,IAAqB,CAAE;AAAA,EACvB,mBAAAC,IAAoB,MAAM;AAAA,EAAE;AAAA,EAC5B,wBAAAC,IAAyB;AAAA;AAAA;AAAA,EAGzB,QAAAC,IAAS;AACX,IAAI,QACK;AAAA,EACL,WAAW;AAAA,IACT;AAAA,MACE,MAAM;AAAA,MACN,SAAS;AAAA,QACP,oBAAAH;AAAA,QACA,UAAAD;AAAA,MACD;AAAA,IACF;AAAA,IACD;AAAA,MACE,MAAM;AAAA,MACN,SAASG;AAAA,IACV;AAAA,IACD;AAAA,MACE,MAAM;AAAA,MACN,SAAS;AAAA,QACP,SAAS,CAACC;AAAA,QACV,QAAAA;AAAA,MACD;AAAA,IACF;AAAA,IACDhB,EAAiB,CAAC,EAAE,OAAAiB,QAAY;AAC9B,MAAAH,EAAkBG,EAAM,SAAS;AAAA,IACzC,CAAO;AAAA,EACF;AACL,IAGMC,IAAe,CAACC,MAAkB;AACtC,QAAMC,IAAO,SAAS,cAAc,MAAM;AAC1C,SAAAA,EAAK,YAAYD,EAAc,aAAa,IAC5CA,EAAc,YAAY,IAC1BA,EAAc,YAAYC,CAAI,GACvBA;AACT,GAEaC,IAAY,CAACF,MAAkB;AAC1C,QAAMG,IAASH,KAAA,gBAAAA,EAAe,SAAS;AACvC,SAAKG,KAAeJ,EAAaC,CAAa;AAEhD,GAEaT,IAAoB,CAAAa,MAAW;AAE1C,QAAMC,IAAS,SAAS,cAAc,KAAK;AAC3C,SAAAA,EAAO,YAAY,2BACnBA,EAAO,YAAYD,CAAO,GACnB;AAAA,IACL,QAAAC;AAAA,EACJ;AACA,GC3EaC,IAAqB;AAAA,EAChC,GAAGvB;AACL,GAEawB,IAAmB,KAEnBC,IAAyB;AAAA,EACpC,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AACR,GAEaC,IAAwB;AAAA,EACnC,GAAGzB;AACL,GAEa0B,IAAiC,CAAC,IAAM,IAAO,QAAQ,GCpBvDC,IAA0B;AAAA,EACrC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACT,GACaC,IAAwC;AAAA,EACnD,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACT,GACaC,IAAgB,CAAC,UAAU,QAAQ,WAAW,QAAQ,MAAM,GAC5DC,IAAyB,CAAC,IAAI,QAAQ,GACtCC,IAAgC,CAAC,QAAQ,UAAU,OAAO,GAC1DC,IAA2B,CAAC,UAAU,MAAM,GAC5CC,IAAwB;AAAA,EACnC,GAAGjC;AACL,GACakC,IAAqB;AAAA,EAChC,GAAGnC;AACL;"}

package/dist/chunks/sr_only_close_button-JGole5Xi.js

@@ -0,0 +1,86 @@
+import { n as o } from "./_plugin-vue2_normalizer-u6G_3nkj.js";
+import { DtIcon as t } from "../lib/icon.js";
+import { DtButton as n } from "../lib/button.js";
+const m = {
+  props: {
+    /**
+     * If true, a hidden close button is included for screen readers
+     * @values true, false
+     */
+    visuallyHiddenClose: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Label for the visually hidden close button
+     * Required if visuallyHiddenClose is set to `true`
+     */
+    visuallyHiddenCloseLabel: {
+      type: String,
+      default: null
+    }
+  },
+  watch: {
+    $props: {
+      immediate: !0,
+      deep: !0,
+      handler() {
+        this.validateVisuallyHiddenCloseProps();
+      }
+    }
+  },
+  computed: {
+    showVisuallyHiddenClose() {
+      return this.visuallyHiddenClose && this.visuallyHiddenCloseLabel != null;
+    }
+  },
+  methods: {
+    validateVisuallyHiddenCloseProps() {
+      this.visuallyHiddenClose && !this.visuallyHiddenCloseLabel && console.error(`If visuallyHiddenClose prop is true, the component includes
+           a visually hidden close button and you must set the visuallyHiddenCloseLabel prop.`);
+    }
+  }
+}, i = {
+  name: "SrOnlyCloseButton",
+  components: {
+    DtIcon: t,
+    DtButton: n
+  },
+  props: {
+    /**
+     * Label for the visually hidden close button
+     * Required if visuallyHiddenClose is set to `true`
+     */
+    visuallyHiddenCloseLabel: {
+      type: String,
+      default: null
+    }
+  },
+  emits: ["close"],
+  methods: {
+    close() {
+      this.$emit("close");
+    }
+  }
+};
+var a = function() {
+  var e = this, s = e._self._c;
+  return s("dt-button", { staticClass: "d-vi-visible-sr", attrs: { id: "sr-only-close-button", "data-qa": "dt-sr-only-close-button", "aria-label": e.visuallyHiddenCloseLabel }, on: { click: e.close, keydown: function(l) {
+    return !l.type.indexOf("key") && e._k(l.keyCode, "space", 32, l.key, [" ", "Spacebar"]) ? null : (l.preventDefault(), l.stopPropagation(), e.close.apply(null, arguments));
+  } } }, [s("dt-icon", { attrs: { name: "close" } })], 1);
+}, r = [], d = /* @__PURE__ */ o(
+  i,
+  a,
+  r,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const f = d.exports;
+export {
+  f as S,
+  m as a
+};
+//# sourceMappingURL=sr_only_close_button-JGole5Xi.js.map

package/dist/chunks/sr_only_close_button-JGole5Xi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sr_only_close_button-JGole5Xi.js","sources":["../../common/mixins/sr_only_close_button.js","../../common/sr_only_close_button.vue"],"sourcesContent":["/**\n * @displayName Sr-Only close button mixin\n */\nexport default {\n  props: {\n    /**\n     * If true, a hidden close button is included for screen readers\n     * @values true, false\n     */\n    visuallyHiddenClose: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Label for the visually hidden close button\n     * Required if visuallyHiddenClose is set to `true`\n     */\n    visuallyHiddenCloseLabel: {\n      type: String,\n      default: null,\n    },\n  },\n\n  watch: {\n    $props: {\n      immediate: true,\n      deep: true,\n      handler () {\n        this.validateVisuallyHiddenCloseProps();\n      },\n    },\n  },\n\n  computed: {\n    showVisuallyHiddenClose () {\n      return this.visuallyHiddenClose && this.visuallyHiddenCloseLabel != null;\n    },\n  },\n\n  methods: {\n    validateVisuallyHiddenCloseProps () {\n      if (this.visuallyHiddenClose && !this.visuallyHiddenCloseLabel) {\n        console.error(`If visuallyHiddenClose prop is true, the component includes\n           a visually hidden close button and you must set the visuallyHiddenCloseLabel prop.`);\n      }\n    },\n  },\n};\n","<template>\n  <dt-button\n    id=\"sr-only-close-button\"\n    data-qa=\"dt-sr-only-close-button\"\n    class=\"d-vi-visible-sr\"\n    :aria-label=\"visuallyHiddenCloseLabel\"\n    @click=\"close\"\n    @keydown.space.prevent.stop=\"close\"\n  >\n    <dt-icon name=\"close\" />\n  </dt-button>\n</template>\n\n<script>\nimport { DtIcon } from '@/components/icon';\nimport { DtButton } from '@/components/button';\n\nexport default {\n  name: 'SrOnlyCloseButton',\n  components: {\n    DtIcon,\n    DtButton,\n  },\n\n  props: {\n    /**\n     * Label for the visually hidden close button\n     * Required if visuallyHiddenClose is set to `true`\n     */\n    visuallyHiddenCloseLabel: {\n      type: String,\n      default: null,\n    },\n  },\n\n  emits: ['close'],\n\n  methods: {\n    close () {\n      this.$emit('close');\n    },\n  },\n};\n</script>\n"],"names":["SrOnlyCloseButtonMixin","_sfc_main","DtIcon","DtButton"],"mappings":";;;AAGA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,qBAAqB;AAAA,MACnB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,0BAA0B;AAAA,MACxB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,WAAW;AAAA,MACX,MAAM;AAAA,MACN,UAAW;AACT,aAAK,iCAAgC;AAAA,MACtC;AAAA,IACF;AAAA,EACF;AAAA,EAED,UAAU;AAAA,IACR,0BAA2B;AACzB,aAAO,KAAK,uBAAuB,KAAK,4BAA4B;AAAA,IACrE;AAAA,EACF;AAAA,EAED,SAAS;AAAA,IACP,mCAAoC;AAClC,MAAI,KAAK,uBAAuB,CAAC,KAAK,4BACpC,QAAQ,MAAM;AAAA,8FACwE;AAAA,IAEzF;AAAA,EACF;AACH,GC/BAC,IAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,0BAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA,CAAA,OAAA;AAAA,EAEA,SAAA;AAAA,IACA,QAAA;AACA,WAAA,MAAA,OAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;"}

package/dist/chunks/stack_constants-u7tNqGtc.js

@@ -0,0 +1,13 @@
+const e = {
+  default: "column",
+  column: "column",
+  row: "row",
+  "row-reverse": "row-reverse",
+  "column-reverse": "column-reverse"
+}, o = ["sm", "md", "lg", "xl"], r = ["0", "100", "200", "300", "400", "450", "500", "600"];
+export {
+  e as D,
+  o as a,
+  r as b
+};
+//# sourceMappingURL=stack_constants-u7tNqGtc.js.map

package/dist/chunks/stack_constants-u7tNqGtc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack_constants-u7tNqGtc.js","sources":["../../components/stack/stack_constants.js"],"sourcesContent":["export const DT_STACK_DIRECTION = {\n  default: 'column',\n  column: 'column',\n  row: 'row',\n  'row-reverse': 'row-reverse',\n  'column-reverse': 'column-reverse',\n};\n\nexport const DT_STACK_RESPONSIVE_BREAKPOINTS = ['sm', 'md', 'lg', 'xl'];\n\nexport const DT_STACK_GAP = ['0', '100', '200', '300', '400', '450', '500', '600'];\n\nexport default {\n  DT_STACK_DIRECTION,\n  DT_STACK_RESPONSIVE_BREAKPOINTS,\n  DT_STACK_GAP,\n};\n"],"names":["DT_STACK_DIRECTION","DT_STACK_RESPONSIVE_BREAKPOINTS","DT_STACK_GAP"],"mappings":"AAAY,MAACA,IAAqB;AAAA,EAChC,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,eAAe;AAAA,EACf,kBAAkB;AACpB,GAEaC,IAAkC,CAAC,MAAM,MAAM,MAAM,IAAI,GAEzDC,IAAe,CAAC,KAAK,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;"}

package/dist/chunks/tab-Qm9LVkYj.js

@@ -0,0 +1,346 @@
+import { n as a } from "./_plugin-vue2_normalizer-u6G_3nkj.js";
+import { DtButton as l } from "../lib/button.js";
+const i = ["default", "sm"], d = {
+  sm: "d-tablist--sm"
+}, r = {
+  inverted: "d-tablist--inverted"
+}, o = {
+  borderless: "d-tablist--no-border"
+}, u = {
+  selected: "d-tab--selected"
+}, c = {
+  name: "DtTabGroup",
+  provide() {
+    return {
+      groupContext: this.provideObj,
+      changeContentPanel: this.changeContentPanel,
+      setFocus: this.setFocus
+    };
+  },
+  props: {
+    /**
+     * Identifies the tab group
+     */
+    label: {
+      type: String,
+      default: ""
+    },
+    /**
+     * The id of the selected tab panel which should be displayed
+     */
+    selected: {
+      type: String,
+      default: ""
+    },
+    /**
+     * If true, disables the tab group
+     * @values true, false
+     */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * If true, applies inverted styles to the tab group
+     * @values true, false
+     */
+    inverted: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * If true, applies borderless styles to the tab group
+     * @values true, false
+     */
+    borderless: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * If provided, applies size styles to the tab group
+     * @values default, sm
+     */
+    size: {
+      type: String,
+      default: "default",
+      validate(t) {
+        return i.includes(t);
+      }
+    },
+    /**
+     * Pass through classes, used to customize the tab list
+     */
+    tabListClass: {
+      type: [String, Array, Object],
+      default: ""
+    },
+    /**
+     * Pass through props, used to customize the tab list
+     */
+    tabListChildProps: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: [
+    /**
+     * Change tab event with the arguments: selected id of the current tab and disabled value
+     *
+     * @event change
+     * @type {Object}
+     */
+    "change"
+  ],
+  data() {
+    return {
+      provideObj: {
+        selected: "",
+        // the currently displayed tab id
+        disabled: !1
+        // disable group
+      },
+      focusId: null,
+      tabs: [],
+      TAB_LIST_SIZE_MODIFIERS: d,
+      TAB_LIST_KIND_MODIFIERS: r,
+      TAB_LIST_IMPORTANCE_MODIFIERS: o
+    };
+  },
+  watch: {
+    disabled: {
+      immediate: !0,
+      handler() {
+        this.provideObj.disabled = this.disabled;
+      }
+    },
+    selected: {
+      immediate: !0,
+      handler() {
+        this.provideObj.selected = this.selected;
+      }
+    }
+  },
+  mounted() {
+    this.updateSelected();
+  },
+  beforeUpdate() {
+    this.updateSelected();
+  },
+  methods: {
+    updateSelected() {
+      this.provideObj.selected || (this.provideObj.selected = this.selected), this.tabs = this.getTabChildren();
+    },
+    setFocus(t) {
+      this.focusId = t;
+    },
+    getTabChildren() {
+      return Array.from(this.$el.querySelectorAll(".d-tab")).map((t) => {
+        var e, n;
+        return {
+          context: t,
+          panelId: (e = t.getAttribute("aria-controls")) == null ? void 0 : e.replace("dt-panel-", ""),
+          id: (n = t.getAttribute("id")) == null ? void 0 : n.replace("dt-tab-", ""),
+          isSelected: t.getAttribute("aria-selected") === "true"
+        };
+      });
+    },
+    onChange() {
+      this.$emit("change", { ...this.provideObj });
+    },
+    changeContentPanel({ selected: t, selectOverride: e }) {
+      this.provideObj.selected = t, e || this.onChange();
+    },
+    tabLeft() {
+      const { index: t, tabs: e } = this.getIndexAndTabs();
+      if (t === -1)
+        return;
+      const n = t - 1 < 0 ? e.length - 1 : t - 1;
+      this.selectFocusOnTab(n, e);
+    },
+    tabRight() {
+      const { index: t, tabs: e } = this.getIndexAndTabs();
+      if (t === -1)
+        return;
+      const n = t + 1 > e.length - 1 ? 0 : t + 1;
+      this.selectFocusOnTab(n, e);
+    },
+    selectFocusOnTab(t, e) {
+      const { context: n } = e[t];
+      n.focus();
+    },
+    selectTab() {
+      const { tabs: t, index: e } = this.getIndexAndTabs();
+      this.selectTabByIndex(e, t);
+    },
+    selectTabByIndex(t, e) {
+      const { context: n, panelId: s } = e[t];
+      this.provideObj.selected = s, n.focus();
+    },
+    getIndexAndTabs() {
+      const t = this.tabs.findIndex((e) => this.focusId ? e.id === `${this.focusId}` : e.isSelected);
+      return {
+        tabs: this.tabs,
+        index: t
+      };
+    },
+    onHomeButton() {
+      var t, e;
+      this.tabs.length !== 0 && ((e = (t = this.tabs[0]) == null ? void 0 : t.context) == null || e.focus());
+    },
+    onEndButton() {
+      var t, e;
+      this.tabs.length !== 0 && ((e = (t = this.tabs[this.tabs.length - 1]) == null ? void 0 : t.context) == null || e.focus());
+    }
+  }
+};
+var b = function() {
+  var e = this, n = e._self._c;
+  return n("div", { attrs: { "data-qa": "dt-tab-group" } }, [n("div", e._b({ class: [
+    "d-tablist",
+    e.TAB_LIST_SIZE_MODIFIERS[e.size],
+    {
+      [e.TAB_LIST_KIND_MODIFIERS.inverted]: e.inverted,
+      [e.TAB_LIST_IMPORTANCE_MODIFIERS.borderless]: e.borderless
+    },
+    e.tabListClass
+  ], attrs: { role: "tablist", "aria-label": e.label }, on: { keyup: [function(s) {
+    return !s.type.indexOf("key") && e._k(s.keyCode, "left", 37, s.key, ["Left", "ArrowLeft"]) || "button" in s && s.button !== 0 ? null : e.tabLeft.apply(null, arguments);
+  }, function(s) {
+    return !s.type.indexOf("key") && e._k(s.keyCode, "right", 39, s.key, ["Right", "ArrowRight"]) || "button" in s && s.button !== 2 ? null : e.tabRight.apply(null, arguments);
+  }, function(s) {
+    return !s.type.indexOf("key") && e._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : e.selectTab.apply(null, arguments);
+  }, function(s) {
+    return !s.type.indexOf("key") && e._k(s.keyCode, "space", 32, s.key, [" ", "Spacebar"]) ? null : e.selectTab.apply(null, arguments);
+  }], keydown: [function(s) {
+    return !s.type.indexOf("key") && e._k(s.keyCode, "home", void 0, s.key, void 0) ? null : e.onHomeButton.apply(null, arguments);
+  }, function(s) {
+    return !s.type.indexOf("key") && e._k(s.keyCode, "end", void 0, s.key, void 0) ? null : e.onEndButton.apply(null, arguments);
+  }] } }, "div", e.tabListChildProps, !1), [e._t("tabs")], 2), e._t("default")], 2);
+}, f = [], p = /* @__PURE__ */ a(
+  c,
+  b,
+  f,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const S = p.exports, h = {
+  name: "DtTab",
+  components: {
+    DtButton: l
+  },
+  inject: ["changeContentPanel", "groupContext", "setFocus"],
+  inheritAttrs: !1,
+  props: {
+    /**
+     * Id of the tab
+     */
+    id: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Id of the associated content panel
+     */
+    panelId: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Describes the tab
+     */
+    label: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Controls the state of the tab
+     * @values true, false
+     */
+    selected: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * If true, disables the tab
+     * @values true, false
+     */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Used to customize the tab element
+     */
+    tabClass: {
+      type: [String, Array, Object],
+      default: ""
+    }
+  },
+  data() {
+    return {
+      TAB_IMPORTANCE_MODIFIERS: u
+    };
+  },
+  computed: {
+    isSelected() {
+      return this.groupContext.selected === this.panelId;
+    },
+    tabListeners() {
+      return {
+        ...this.$listeners,
+        click: (t) => {
+          this.selectPanel(), this.$emit("click", t);
+        },
+        focus: (t) => {
+          this.setFocus(this.id), this.$emit("focus", t);
+        }
+      };
+    }
+  },
+  mounted() {
+    this.setSelectedPanelByDefault();
+  },
+  methods: {
+    setSelectedPanelByDefault() {
+      this.selected && this.selectPanel(!0);
+    },
+    selectPanel(t = !1) {
+      this.changeContentPanel({
+        selected: this.panelId,
+        selectOverride: t
+      });
+    }
+  }
+};
+var _ = function() {
+  var e = this, n = e._self._c;
+  return n("dt-button", e._g(e._b({ class: [
+    "d-tab",
+    {
+      [e.TAB_IMPORTANCE_MODIFIERS.selected]: e.isSelected
+    },
+    e.tabClass
+  ], attrs: { id: `dt-tab-${e.id}`, role: "tab", "aria-selected": `${e.isSelected}`, "aria-controls": `dt-panel-${e.panelId}`, "aria-label": e.label, "data-qa": "dt-tab", tabindex: e.isSelected ? "0" : "-1", disabled: e.groupContext.disabled || e.disabled } }, "dt-button", e.$attrs, !1), e.tabListeners), [e._t("default")], 2);
+}, y = [], I = /* @__PURE__ */ a(
+  h,
+  _,
+  y,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const T = I.exports;
+export {
+  S as D,
+  r as T,
+  T as a,
+  i as b,
+  o as c,
+  u as d
+};
+//# sourceMappingURL=tab-Qm9LVkYj.js.map

package/dist/chunks/tab-Qm9LVkYj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-Qm9LVkYj.js","sources":["../../components/tabs/tabs_constants.js","../../components/tabs/tab_group.vue","../../components/tabs/tab.vue"],"sourcesContent":["export const TAB_LIST_SIZES = ['default', 'sm'];\n\nexport const TAB_LIST_SIZE_MODIFIERS = {\n  sm: 'd-tablist--sm',\n};\n\nexport const TAB_LIST_KIND_MODIFIERS = {\n  inverted: 'd-tablist--inverted',\n};\n\nexport const TAB_LIST_IMPORTANCE_MODIFIERS = {\n  borderless: 'd-tablist--no-border',\n};\n\nexport const TAB_IMPORTANCE_MODIFIERS = {\n  selected: 'd-tab--selected',\n};\n","<template>\n  <div\n    data-qa=\"dt-tab-group\"\n  >\n    <!-- eslint-disable-next-line vuejs-accessibility/interactive-supports-focus -->\n    <div\n      :class=\"[\n        'd-tablist',\n        TAB_LIST_SIZE_MODIFIERS[size],\n        {\n          [TAB_LIST_KIND_MODIFIERS.inverted]: inverted,\n          [TAB_LIST_IMPORTANCE_MODIFIERS.borderless]: borderless,\n        },\n        tabListClass,\n      ]\"\n      v-bind=\"tabListChildProps\"\n      role=\"tablist\"\n      :aria-label=\"label\"\n      @keyup.left=\"tabLeft\"\n      @keyup.right=\"tabRight\"\n      @keyup.enter=\"selectTab\"\n      @keyup.space=\"selectTab\"\n      @keydown.home=\"onHomeButton\"\n      @keydown.end=\"onEndButton\"\n    >\n      <!-- @slot Slot for Tabs -->\n      <slot name=\"tabs\" />\n    </div>\n    <!-- @slot Default slot for Panel -->\n    <slot />\n  </div>\n</template>\n\n<script>\nimport {\n  TAB_LIST_SIZES,\n  TAB_LIST_KIND_MODIFIERS,\n  TAB_LIST_IMPORTANCE_MODIFIERS,\n  TAB_LIST_SIZE_MODIFIERS,\n} from './tabs_constants';\n\n/**\n * Tabs allow users to navigation between grouped content in different views while within the same page context.\n * @see https://dialtone.dialpad.com/components/tabs.html\n */\nexport default {\n  name: 'DtTabGroup',\n\n  provide () {\n    return {\n      groupContext: this.provideObj,\n      changeContentPanel: this.changeContentPanel,\n      setFocus: this.setFocus,\n    };\n  },\n\n  props: {\n    /**\n     * Identifies the tab group\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The id of the selected tab panel which should be displayed\n     */\n    selected: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * If true, disables the tab group\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If true, applies inverted styles to the tab group\n     * @values true, false\n     */\n    inverted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If true, applies borderless styles to the tab group\n     * @values true, false\n     */\n    borderless: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If provided, applies size styles to the tab group\n     * @values default, sm\n     */\n    size: {\n      type: String,\n      default: 'default',\n      validate (size) {\n        return TAB_LIST_SIZES.includes(size);\n      },\n    },\n\n    /**\n     * Pass through classes, used to customize the tab list\n     */\n    tabListClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Pass through props, used to customize the tab list\n     */\n    tabListChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  emits: [\n    /**\n     * Change tab event with the arguments: selected id of the current tab and disabled value\n     *\n     * @event change\n     * @type {Object}\n     */\n    'change',\n  ],\n\n  data () {\n    return {\n      provideObj: {\n        selected: '', // the currently displayed tab id\n        disabled: false, // disable group\n      },\n\n      focusId: null,\n      tabs: [],\n      TAB_LIST_SIZE_MODIFIERS,\n      TAB_LIST_KIND_MODIFIERS,\n      TAB_LIST_IMPORTANCE_MODIFIERS,\n    };\n  },\n\n  watch: {\n    disabled: {\n      immediate: true,\n      handler () {\n        this.provideObj.disabled = this.disabled;\n      },\n    },\n\n    selected: {\n      immediate: true,\n      handler () {\n        this.provideObj.selected = this.selected;\n      },\n    },\n  },\n\n  mounted () {\n    this.updateSelected();\n  },\n\n  beforeUpdate () {\n    this.updateSelected();\n  },\n\n  methods: {\n    updateSelected () {\n      /**\n       * Prevent override tab selected by default\n       */\n      if (!this.provideObj.selected) {\n        this.provideObj.selected = this.selected;\n      }\n      this.tabs = this.getTabChildren();\n    },\n\n    setFocus (focusId) {\n      this.focusId = focusId;\n    },\n\n    getTabChildren () {\n      return Array.from(this.$el.querySelectorAll('.d-tab'))\n        .map(el => {\n          return ({\n            context: el,\n            panelId: el.getAttribute('aria-controls')?.replace('dt-panel-', ''),\n            id: el.getAttribute('id')?.replace('dt-tab-', ''),\n            isSelected: el.getAttribute('aria-selected') === 'true',\n          });\n        });\n    },\n\n    onChange () {\n      this.$emit('change', { ...this.provideObj });\n    },\n\n    changeContentPanel ({ selected, selectOverride }) {\n      this.provideObj.selected = selected;\n      if (!selectOverride) {\n        this.onChange();\n      }\n    },\n\n    tabLeft () {\n      const { index, tabs } = this.getIndexAndTabs();\n      if (index === -1) return;\n      const indexElement = index - 1 < 0 ? tabs.length - 1 : index - 1;\n      this.selectFocusOnTab(indexElement, tabs);\n    },\n\n    tabRight () {\n      const { index, tabs } = this.getIndexAndTabs();\n      if (index === -1) return;\n\n      const indexElement = index + 1 > tabs.length - 1 ? 0 : index + 1;\n      this.selectFocusOnTab(indexElement, tabs);\n    },\n\n    selectFocusOnTab (index, tabs) {\n      const { context } = tabs[index];\n      context.focus();\n    },\n\n    selectTab () {\n      const { tabs, index } = this.getIndexAndTabs();\n      this.selectTabByIndex(index, tabs);\n    },\n\n    selectTabByIndex (index, tabs) {\n      const { context, panelId } = tabs[index];\n      this.provideObj.selected = panelId;\n      context.focus();\n    },\n\n    getIndexAndTabs () {\n      const index = this.tabs.findIndex((context) =>\n        this.focusId ? context.id === `${this.focusId}` : context.isSelected);\n      return {\n        tabs: this.tabs,\n        index,\n      };\n    },\n\n    onHomeButton () {\n      if (this.tabs.length === 0) return;\n      this.tabs[0]?.context?.focus();\n    },\n\n    onEndButton () {\n      if (this.tabs.length === 0) return;\n      this.tabs[this.tabs.length - 1]?.context?.focus();\n    },\n  },\n};\n</script>\n","<template>\n  <dt-button\n    :id=\"`dt-tab-${id}`\"\n    :class=\"[\n      'd-tab',\n      {\n        [TAB_IMPORTANCE_MODIFIERS.selected]: isSelected,\n      },\n      tabClass,\n    ]\"\n    role=\"tab\"\n    :aria-selected=\"`${isSelected}`\"\n    :aria-controls=\"`dt-panel-${panelId}`\"\n    :aria-label=\"label\"\n    data-qa=\"dt-tab\"\n    :tabindex=\"isSelected ? '0' : '-1'\"\n    :disabled=\"groupContext.disabled || disabled\"\n    v-bind=\"$attrs\"\n    v-on=\"tabListeners\"\n  >\n    <!-- @slot default slot, defaults contains dt-button -->\n    <slot />\n  </dt-button>\n</template>\n\n<script>\nimport { TAB_IMPORTANCE_MODIFIERS } from './tabs_constants';\nimport { DtButton } from '../button';\n\n/**\n * Tabs allow users to navigation between grouped content in different views while within the same page context.\n * @see https://dialtone.dialpad.com/components/tabs.html\n */\nexport default {\n  name: 'DtTab',\n  components: {\n    DtButton,\n  },\n\n  inject: ['changeContentPanel', 'groupContext', 'setFocus'],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Id of the tab\n     */\n    id: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Id of the associated content panel\n     */\n    panelId: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Describes the tab\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Controls the state of the tab\n     * @values true, false\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If true, disables the tab\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Used to customize the tab element\n     */\n    tabClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      TAB_IMPORTANCE_MODIFIERS,\n    };\n  },\n\n  computed: {\n    isSelected () {\n      return this.groupContext.selected === this.panelId;\n    },\n\n    tabListeners () {\n      return {\n        ...this.$listeners,\n\n        click: event => {\n          this.selectPanel();\n          this.$emit('click', event);\n        },\n\n        focus: event => {\n          this.setFocus(this.id);\n          this.$emit('focus', event);\n        },\n      };\n    },\n  },\n\n  mounted () {\n    this.setSelectedPanelByDefault();\n  },\n\n  methods: {\n    setSelectedPanelByDefault () {\n      if (this.selected) {\n        this.selectPanel(true);\n      }\n    },\n\n    selectPanel (selectOverride = false) {\n      this.changeContentPanel({\n        selected: this.panelId,\n        selectOverride,\n      });\n    },\n  },\n};\n</script>\n"],"names":["TAB_LIST_SIZES","TAB_LIST_SIZE_MODIFIERS","TAB_LIST_KIND_MODIFIERS","TAB_LIST_IMPORTANCE_MODIFIERS","TAB_IMPORTANCE_MODIFIERS","_sfc_main","size","focusId","el","_a","_b","selected","selectOverride","index","tabs","indexElement","context","panelId","DtButton","event"],"mappings":"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"}