@dialpad/dialtone-vue 3.218.2 → 3.218.4

package/dist/lib/tab/tab-panel.js

@@ -1,88 +1,75 @@
-import r from "../../common/mixins/modal.js";
-import { returnFirstEl as l } from "../../common/utils/index.js";
-import { withDirectives as s, openBlock as d, createElementBlock as o, normalizeClass as u, renderSlot as c, vShow as m } from "vue";
-import { _ as b } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const f = {
-  compatConfig: { MODE: 3 },
-  name: "DtTabPanel",
-  mixins: [r],
-  inject: ["groupContext"],
-  props: {
-    /**
-     * Id of the panel
-     */
-    id: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Id of the associated tab
-     */
-    tabId: {
-      type: String,
-      required: !0
-    },
-    /**
-    * If true, hides the tab content
-     * @values true, false
-    */
-    hidden: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Used to customize the tab element
-     */
-    tabPanelClass: {
-      type: [String, Array, Object],
-      default: ""
-    }
-  },
-  data() {
-    return {
-      isFirstElementFocusable: !1
-    };
-  },
-  computed: {
-    hidePanel() {
-      return this.groupContext.selected !== this.id || this.hidden;
-    }
-  },
-  async mounted() {
-    const e = await this.getFirstFocusableElement(l(this.$el));
-    e ? this.isFirstElementFocusable = this.isFirstElementOfPanel(e) : this.isFirstElementFocusable = !1;
-  },
-  methods: {
-    isFirstElementOfPanel(e) {
-      let t = e, a = !0;
-      for (; t; ) {
-        if (t.previousElementSibling !== null) {
-          a = !1;
-          break;
-        }
-        t = t.parentNode !== l(this.$el) ? t.parentNode : null;
-      }
-      return a;
-    }
-  }
-}, h = ["id", "tabindex", "aria-labelledby", "aria-hidden"];
-function p(e, t, a, F, n, i) {
-  return s((d(), o("div", {
-    id: `dt-panel-${a.id}`,
-    role: "tabpanel",
-    tabindex: n.isFirstElementFocusable ? -1 : 0,
-    "aria-labelledby": `dt-tab-${a.tabId}`,
-    "aria-hidden": `${i.hidePanel}`,
-    class: u(a.tabPanelClass),
-    "data-qa": "dt-tab-panel"
-  }, [
-    c(e.$slots, "default")
-  ], 10, h)), [
-    [m, !i.hidePanel]
-  ]);
+import { returnFirstEl as e } from "../../common/utils/index.js";
+import { t } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import n from "../../common/mixins/modal.js";
+import { createElementBlock as r, normalizeClass as i, openBlock as a, renderSlot as o, vShow as s, withDirectives as c } from "vue";
+//#region components/tab/tab_panel.vue
+var l = {
+	compatConfig: { MODE: 3 },
+	name: "DtTabPanel",
+	mixins: [n],
+	inject: ["groupContext"],
+	props: {
+		id: {
+			type: String,
+			required: !0
+		},
+		tabId: {
+			type: String,
+			required: !0
+		},
+		hidden: {
+			type: Boolean,
+			default: !1
+		},
+		tabPanelClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: ""
+		}
+	},
+	data() {
+		return { isFirstElementFocusable: !1 };
+	},
+	computed: { hidePanel() {
+		return this.groupContext.selected !== this.id || this.hidden;
+	} },
+	async mounted() {
+		let t = await this.getFirstFocusableElement(e(this.$el));
+		t ? this.isFirstElementFocusable = this.isFirstElementOfPanel(t) : this.isFirstElementFocusable = !1;
+	},
+	methods: { isFirstElementOfPanel(t) {
+		let n = t, r = !0;
+		for (; n;) {
+			if (n.previousElementSibling !== null) {
+				r = !1;
+				break;
+			}
+			n = n.parentNode === e(this.$el) ? null : n.parentNode;
+		}
+		return r;
+	} }
+}, u = [
+	"id",
+	"tabindex",
+	"aria-labelledby",
+	"aria-hidden"
+];
+function d(e, t, n, l, d, f) {
+	return c((a(), r("div", {
+		id: `dt-panel-${n.id}`,
+		role: "tabpanel",
+		tabindex: d.isFirstElementFocusable ? -1 : 0,
+		"aria-labelledby": `dt-tab-${n.tabId}`,
+		"aria-hidden": `${f.hidePanel}`,
+		class: i(n.tabPanelClass),
+		"data-qa": "dt-tab-panel"
+	}, [o(e.$slots, "default")], 10, u)), [[s, !f.hidePanel]]);
 }
-const P = /* @__PURE__ */ b(f, [["render", p]]);
-export {
-  P as default
-};
-//# sourceMappingURL=tab-panel.js.map
+var f = /* @__PURE__ */ t(l, [["render", d]]);
+//#endregion
+export { f as default };
+
+//# sourceMappingURL=tab-panel.js.map

package/dist/lib/tab/tab-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-panel.js","sources":["../../../components/tab/tab_panel.vue"],"sourcesContent":["<template>\n  <div\n    v-show=\"!hidePanel\"\n    :id=\"`dt-panel-${id}`\"\n    role=\"tabpanel\"\n    :tabindex=\"isFirstElementFocusable ? -1 : 0\"\n    :aria-labelledby=\"`dt-tab-${tabId}`\"\n    :aria-hidden=\"`${hidePanel}`\"\n    :class=\"tabPanelClass\"\n    data-qa=\"dt-tab-panel\"\n  >\n    <!-- @slot Default slot for Tab Panel -->\n    <slot />\n  </div>\n</template>\n\n<script>\nimport Modal from '@/common/mixins/modal';\nimport { returnFirstEl } from '@/common/utils';\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  compatConfig: { MODE: 3 },\n  name: 'DtTabPanel',\n\n  mixins: [Modal],\n\n  inject: ['groupContext'],\n\n  props: {\n    /**\n     * Id of the panel\n     */\n    id: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Id of the associated tab\n     */\n    tabId: {\n      type: String,\n      required: true,\n    },\n\n    /**\n    * If true, hides the tab content\n     * @values true, false\n    */\n    hidden: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Used to customize the tab element\n     */\n    tabPanelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      isFirstElementFocusable: false,\n    };\n  },\n\n  computed: {\n    hidePanel () {\n      return this.groupContext.selected !== this.id || this.hidden;\n    },\n  },\n\n  async mounted () {\n    const firstFocusableElement = await this.getFirstFocusableElement(returnFirstEl(this.$el));\n\n    if (!firstFocusableElement) {\n      this.isFirstElementFocusable = false;\n    } else {\n      // If the first focusable element isn't the first element in the panel,\n      // then we need to set the panel tabindex to 0.\n      // See notes in https://www.w3.org/WAI/ARIA/apg/patterns/tabpanel/\n      this.isFirstElementFocusable = this.isFirstElementOfPanel(firstFocusableElement);\n    }\n  },\n\n  methods: {\n    isFirstElementOfPanel (element) {\n      let current = element;\n      let isFirstElement = true;\n\n      while (current) {\n        if (current.previousElementSibling !== null) {\n          isFirstElement = false;\n          break;\n        }\n        current = current.parentNode !== returnFirstEl(this.$el) ? current.parentNode : null;\n      }\n\n      return isFirstElement;\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","Modal","firstFocusableElement","returnFirstEl","element","current","isFirstElement","_createElementBlock","$props","$data","$options","_renderSlot","_ctx"],"mappings":";;;;AAwBA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,QAAQ,CAACC,CAAK;AAAA,EAEd,QAAQ,CAAC,cAAc;AAAA,EAEvB,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,IAAI;AAAA,MACF,MAAM;AAAA,MACN,UAAU;AAAA;;;;IAMZ,OAAO;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA;;;;;IAOZ,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,eAAe;AAAA,MACb,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;EAIb,OAAQ;AACN,WAAO;AAAA,MACL,yBAAyB;AAAA;EAE7B;AAAA,EAEA,UAAU;AAAA,IACR,YAAa;AACX,aAAO,KAAK,aAAa,aAAa,KAAK,MAAM,KAAK;AAAA,IACxD;AAAA;EAGF,MAAM,UAAW;AACf,UAAMC,IAAwB,MAAM,KAAK,yBAAyBC,EAAc,KAAK,GAAG,CAAC;AAEzF,IAAKD,IAMH,KAAK,0BAA0B,KAAK,sBAAsBA,CAAqB,IAL/E,KAAK,0BAA0B;AAAA,EAOnC;AAAA,EAEA,SAAS;AAAA,IACP,sBAAuBE,GAAS;AAC9B,UAAIC,IAAUD,GACVE,IAAiB;AAErB,aAAOD,KAAS;AACd,YAAIA,EAAQ,2BAA2B,MAAM;AAC3C,UAAAC,IAAiB;AACjB;AAAA,QACF;AACA,QAAAD,IAAUA,EAAQ,eAAeF,EAAc,KAAK,GAAG,IAAIE,EAAQ,aAAa;AAAA,MAClF;AAEA,aAAOC;AAAA,IACT;AAAA;AAEJ;;iBA3GEC,EAYM,OAAA;AAAA,IAVH,gBAAgBC,EAAA,EAAE;AAAA,IACnB,MAAK;AAAA,IACJ,UAAUC,EAAA,0BAAuB,KAAA;AAAA,IACjC,6BAA2BD,EAAA,KAAK;AAAA,IAChC,kBAAgBE,EAAA,SAAS;AAAA,IACzB,SAAOF,EAAA,aAAa;AAAA,IACrB,WAAQ;AAAA;IAGRG,EAAQC,EAAA,QAAA,SAAA;AAAA;SAVCF,EAAA,SAAS;AAAA;;;"}
+{"version":3,"file":"tab-panel.js","names":[],"sources":["../../../components/tab/tab_panel.vue"],"sourcesContent":["<template>\n  <div\n    v-show=\"!hidePanel\"\n    :id=\"`dt-panel-${id}`\"\n    role=\"tabpanel\"\n    :tabindex=\"isFirstElementFocusable ? -1 : 0\"\n    :aria-labelledby=\"`dt-tab-${tabId}`\"\n    :aria-hidden=\"`${hidePanel}`\"\n    :class=\"tabPanelClass\"\n    data-qa=\"dt-tab-panel\"\n  >\n    <!-- @slot Default slot for Tab Panel -->\n    <slot />\n  </div>\n</template>\n\n<script>\nimport Modal from '@/common/mixins/modal';\nimport { returnFirstEl } from '@/common/utils';\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  compatConfig: { MODE: 3 },\n  name: 'DtTabPanel',\n\n  mixins: [Modal],\n\n  inject: ['groupContext'],\n\n  props: {\n    /**\n     * Id of the panel\n     */\n    id: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Id of the associated tab\n     */\n    tabId: {\n      type: String,\n      required: true,\n    },\n\n    /**\n    * If true, hides the tab content\n     * @values true, false\n    */\n    hidden: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Used to customize the tab element\n     */\n    tabPanelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      isFirstElementFocusable: false,\n    };\n  },\n\n  computed: {\n    hidePanel () {\n      return this.groupContext.selected !== this.id || this.hidden;\n    },\n  },\n\n  async mounted () {\n    const firstFocusableElement = await this.getFirstFocusableElement(returnFirstEl(this.$el));\n\n    if (!firstFocusableElement) {\n      this.isFirstElementFocusable = false;\n    } else {\n      // If the first focusable element isn't the first element in the panel,\n      // then we need to set the panel tabindex to 0.\n      // See notes in https://www.w3.org/WAI/ARIA/apg/patterns/tabpanel/\n      this.isFirstElementFocusable = this.isFirstElementOfPanel(firstFocusableElement);\n    }\n  },\n\n  methods: {\n    isFirstElementOfPanel (element) {\n      let current = element;\n      let isFirstElement = true;\n\n      while (current) {\n        if (current.previousElementSibling !== null) {\n          isFirstElement = false;\n          break;\n        }\n        current = current.parentNode !== returnFirstEl(this.$el) ? current.parentNode : null;\n      }\n\n      return isFirstElement;\n    },\n  },\n};\n</script>\n"],"mappings":";;;;;AAwBA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,QAAQ,CAAC,EAAM;CAEf,QAAQ,CAAC,eAAe;CAExB,OAAO;EAIL,IAAI;GACF,MAAM;GACN,UAAU;GACX;EAKD,OAAO;GACL,MAAM;GACN,UAAU;GACX;EAMD,QAAQ;GACN,MAAM;GACN,SAAS;GACV;EAKD,eAAe;GACb,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EACF;CAED,OAAQ;AACN,SAAO,EACL,yBAAyB,IAC1B;;CAGH,UAAU,EACR,YAAa;AACX,SAAO,KAAK,aAAa,aAAa,KAAK,MAAM,KAAK;IAEzD;CAED,MAAM,UAAW;EACf,IAAM,IAAwB,MAAM,KAAK,yBAAyB,EAAc,KAAK,IAAI,CAAC;AAE1F,EAAK,IAMH,KAAK,0BAA0B,KAAK,sBAAsB,EAAsB,GALhF,KAAK,0BAA0B;;CASnC,SAAS,EACP,sBAAuB,GAAS;EAC9B,IAAI,IAAU,GACV,IAAiB;AAErB,SAAO,IAAS;AACd,OAAI,EAAQ,2BAA2B,MAAM;AAC3C,QAAiB;AACjB;;AAEF,OAAU,EAAQ,eAAe,EAAc,KAAK,IAAG,GAAyB,OAArB,EAAQ;;AAGrE,SAAO;IAEV;CACF;;;;;;;gBA3GC,EAYM,OAAA;EAVH,IAAE,YAAc,EAAA;EACjB,MAAK;EACJ,UAAU,EAAA,0BAAuB,KAAA;EACjC,mBAAe,UAAY,EAAA;EAC3B,eAAW,GAAK,EAAA;EAChB,OAAK,EAAE,EAAA,cAAa;EACrB,WAAQ;KAGR,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,IAAA,EAAA,GAAA,CAAA,CAAA,GAAA,CAVC,EAAA,UAAS,CAAA,CAAA"}

package/dist/lib/tab/tab.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./tabs-constants.cjs"),e=require("vue"),d=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),n=require("../button/button.cjs"),o={compatConfig:{MODE:3},name:"DtTab",components:{DtButton:n.default},inject:["groupContext","setFocus"],inheritAttrs:!1,props:{id:{type:String,required:!0},panelId:{type:String,required:!0},label:{type:String,default:""},selected:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},tabClass:{type:[String,Array,Object],default:""}},emits:["focus","click"],data(){return{TAB_IMPORTANCE_MODIFIERS:i.TAB_IMPORTANCE_MODIFIERS}},computed:{tabListeners(){return{click:t=>{this.$emit("click",t)},focus:t=>{this.setFocus(this.id),this.$emit("focus",t)}}},isSelected(){return this.groupContext.selected===this.panelId}},mounted(){this.selected&&(this.groupContext.selected=this.panelId)}};function c(t,b,a,_,l,s){const r=e.resolveComponent("dt-button");return e.openBlock(),e.createBlock(r,e.mergeProps({id:`dt-tab-${a.id}`,class:["d-tab",{[l.TAB_IMPORTANCE_MODIFIERS.selected]:s.isSelected},a.tabClass],role:"tab","aria-selected":`${s.isSelected}`,"aria-controls":`dt-panel-${a.panelId}`,"aria-label":a.label,"data-qa":"dt-tab",tabindex:s.isSelected?"0":"-1",disabled:s.groupContext.disabled||a.disabled},t.$attrs,e.toHandlers(s.tabListeners)),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["id","class","aria-selected","aria-controls","aria-label","tabindex","disabled"])}const u=d._(o,[["render",c]]);exports.default=u;
-//# sourceMappingURL=tab.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`../button/button.cjs`),n=require(`./tabs-constants.cjs`);let r=require(`vue`);var i={compatConfig:{MODE:3},name:`DtTab`,components:{DtButton:t.default},inject:[`groupContext`,`setFocus`],inheritAttrs:!1,props:{id:{type:String,required:!0},panelId:{type:String,required:!0},label:{type:String,default:``},selected:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},tabClass:{type:[String,Array,Object],default:``}},emits:[`focus`,`click`],data(){return{TAB_IMPORTANCE_MODIFIERS:n.TAB_IMPORTANCE_MODIFIERS}},computed:{tabListeners(){return{click:e=>{this.$emit(`click`,e)},focus:e=>{this.setFocus(this.id),this.$emit(`focus`,e)}}},isSelected(){return this.groupContext.selected===this.panelId}},mounted(){this.selected&&(this.groupContext.selected=this.panelId)}};function a(e,t,n,i,a,o){let s=(0,r.resolveComponent)(`dt-button`);return(0,r.openBlock)(),(0,r.createBlock)(s,(0,r.mergeProps)({id:`dt-tab-${n.id}`,class:[`d-tab`,{[a.TAB_IMPORTANCE_MODIFIERS.selected]:o.isSelected},n.tabClass],role:`tab`,"aria-selected":`${o.isSelected}`,"aria-controls":`dt-panel-${n.panelId}`,"aria-label":n.label,"data-qa":`dt-tab`,tabindex:o.isSelected?`0`:`-1`,disabled:o.groupContext.disabled||n.disabled},e.$attrs,(0,r.toHandlers)(o.tabListeners)),{default:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`default`)]),_:3},16,[`id`,`class`,`aria-selected`,`aria-controls`,`aria-label`,`tabindex`,`disabled`])}var o=e.t(i,[[`render`,a]]);exports.default=o;
+//# sourceMappingURL=tab.cjs.map

package/dist/lib/tab/tab.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tab.cjs","sources":["../../../components/tab/tab.vue"],"sourcesContent":["<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  compatConfig: { MODE: 3 },\n  name: 'DtTab',\n  components: {\n    DtButton,\n  },\n\n  inject: ['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  emits: [\n    /**\n     * Native button focus in event\n     *\n     * @event focus\n     * @type {FocusEvent}\n     */\n    'focus',\n\n    /**\n     * Native button click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  data () {\n    return {\n      TAB_IMPORTANCE_MODIFIERS,\n    };\n  },\n\n  computed: {\n    tabListeners () {\n      return {\n        click: event => {\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    isSelected () {\n      return this.groupContext.selected === this.panelId;\n    },\n  },\n\n  mounted () {\n    if (this.selected) {\n      this.groupContext.selected = this.panelId;\n    }\n  },\n};\n</script>\n"],"names":["_sfc_main","DtButton","TAB_IMPORTANCE_MODIFIERS","event","_openBlock","_createBlock","_component_dt_button","_mergeProps","$props","$data","$options","_ctx","_toHandlers","_renderSlot"],"mappings":"iQAiCKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,QACN,WAAY,CACV,SAAAC,EAAAA,SAGF,OAAQ,CAAC,eAAgB,UAAU,EAEnC,aAAc,GAEd,MAAO,CAIL,GAAI,CACF,KAAM,OACN,SAAU,IAMZ,QAAS,CACP,KAAM,OACN,SAAU,IAMZ,MAAO,CACL,KAAM,OACN,QAAS,IAOX,SAAU,CACR,KAAM,QACN,QAAS,IAOX,SAAU,CACR,KAAM,QACN,QAAS,IAMX,SAAU,CACR,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,KAIb,MAAO,CAOL,QAQA,SAGF,MAAQ,CACN,MAAO,0BACLC,EAAAA,yBAEJ,EAEA,SAAU,CACR,cAAgB,CACd,MAAO,CACL,MAAOC,GAAS,CACd,KAAK,MAAM,QAASA,CAAK,CAC3B,EAEA,MAAOA,GAAS,CACd,KAAK,SAAS,KAAK,EAAE,EACrB,KAAK,MAAM,QAASA,CAAK,CAC3B,EAEJ,EAEA,YAAc,CACZ,OAAO,KAAK,aAAa,WAAa,KAAK,OAC7C,GAGF,SAAW,CACL,KAAK,WACP,KAAK,aAAa,SAAW,KAAK,QAEtC,CACF,kEA/IE,OAAAC,YAAA,EAAAC,cAqBYC,EArBZC,EAAAA,WAqBY,CApBT,aAAcC,EAAA,EAAE,GAChB,MAAK,WAAoCC,EAAA,yBAAyB,QAAQ,EAAGC,EAAA,YAA2BF,EAAA,UAOzG,KAAK,MACJ,mBAAkBE,EAAA,UAAU,GAC5B,4BAA2BF,EAAA,OAAO,GAClC,aAAYA,EAAA,MACb,UAAQ,SACP,SAAUE,EAAA,WAAU,IAAA,KACpB,SAAUA,EAAA,aAAa,UAAYF,EAAA,UAC5BG,EAAA,OACRC,EAAAA,WAAMF,EAAA,YAAY,CAAA,EAAA,mBAGlB,IAAQ,CAARG,aAAQF,EAAA,OAAA,SAAA"}
+{"version":3,"file":"tab.cjs","names":[],"sources":["../../../components/tab/tab.vue"],"sourcesContent":["<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  compatConfig: { MODE: 3 },\n  name: 'DtTab',\n  components: {\n    DtButton,\n  },\n\n  inject: ['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  emits: [\n    /**\n     * Native button focus in event\n     *\n     * @event focus\n     * @type {FocusEvent}\n     */\n    'focus',\n\n    /**\n     * Native button click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  data () {\n    return {\n      TAB_IMPORTANCE_MODIFIERS,\n    };\n  },\n\n  computed: {\n    tabListeners () {\n      return {\n        click: event => {\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    isSelected () {\n      return this.groupContext.selected === this.panelId;\n    },\n  },\n\n  mounted () {\n    if (this.selected) {\n      this.groupContext.selected = this.panelId;\n    }\n  },\n};\n</script>\n"],"mappings":"4RAiCA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,QACN,WAAY,CACV,SAAA,EAAA,QACD,CAED,OAAQ,CAAC,eAAgB,WAAW,CAEpC,aAAc,GAEd,MAAO,CAIL,GAAI,CACF,KAAM,OACN,SAAU,GACX,CAKD,QAAS,CACP,KAAM,OACN,SAAU,GACX,CAKD,MAAO,CACL,KAAM,OACN,QAAS,GACV,CAMD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAMD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAKD,SAAU,CACR,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CACF,CAED,MAAO,CAOL,QAQA,QACD,CAED,MAAQ,CACN,MAAO,CACL,yBAAA,EAAA,yBACD,EAGH,SAAU,CACR,cAAgB,CACd,MAAO,CACL,MAAO,GAAS,CACd,KAAK,MAAM,QAAS,EAAM,EAG5B,MAAO,GAAS,CACd,KAAK,SAAS,KAAK,GAAG,CACtB,KAAK,MAAM,QAAS,EAAM,EAE7B,EAGH,YAAc,CACZ,OAAO,KAAK,aAAa,WAAa,KAAK,SAE9C,CAED,SAAW,CACL,KAAK,WACP,KAAK,aAAa,SAAW,KAAK,UAGvC,6GA1Ha,GAAA,EAAA,EAAA,YAAA,CApBT,GAAE,UAAY,EAAA,KACd,MAAK,WAAoC,EAAA,yBAAyB,UAAW,EAAA,WAAA,CAA2B,EAAA,UAOzG,KAAK,MACJ,gBAAa,GAAK,EAAA,aAClB,gBAAa,YAAc,EAAA,UAC3B,aAAY,EAAA,MACb,UAAQ,SACP,SAAU,EAAA,WAAU,IAAA,KACpB,SAAU,EAAA,aAAa,UAAY,EAAA,UAC5B,EAAA,QAAA,EAAA,EAAA,YACW,EAAb,aAAY,CAAA,CAAA,2BAGV,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,UAAA,CAAA,CAAA"}

package/dist/lib/tab/tab.js

@@ -1,128 +1,98 @@
-import { TAB_IMPORTANCE_MODIFIERS as r } from "./tabs-constants.js";
-import { resolveComponent as d, openBlock as i, createBlock as n, mergeProps as o, toHandlers as c, withCtx as u, renderSlot as b } from "vue";
-import { _ as f } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import m from "../button/button.js";
-const p = {
-  compatConfig: { MODE: 3 },
-  name: "DtTab",
-  components: {
-    DtButton: m
-  },
-  inject: ["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: ""
-    }
-  },
-  emits: [
-    /**
-     * Native button focus in event
-     *
-     * @event focus
-     * @type {FocusEvent}
-     */
-    "focus",
-    /**
-     * Native button click event
-     *
-     * @event click
-     * @type {PointerEvent | KeyboardEvent}
-     */
-    "click"
-  ],
-  data() {
-    return {
-      TAB_IMPORTANCE_MODIFIERS: r
-    };
-  },
-  computed: {
-    tabListeners() {
-      return {
-        click: (e) => {
-          this.$emit("click", e);
-        },
-        focus: (e) => {
-          this.setFocus(this.id), this.$emit("focus", e);
-        }
-      };
-    },
-    isSelected() {
-      return this.groupContext.selected === this.panelId;
-    }
-  },
-  mounted() {
-    this.selected && (this.groupContext.selected = this.panelId);
-  }
+import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import t from "../button/button.js";
+import { TAB_IMPORTANCE_MODIFIERS as n } from "./tabs-constants.js";
+import { createBlock as r, mergeProps as i, openBlock as a, renderSlot as o, resolveComponent as s, toHandlers as c, withCtx as l } from "vue";
+//#region components/tab/tab.vue
+var u = {
+	compatConfig: { MODE: 3 },
+	name: "DtTab",
+	components: { DtButton: t },
+	inject: ["groupContext", "setFocus"],
+	inheritAttrs: !1,
+	props: {
+		id: {
+			type: String,
+			required: !0
+		},
+		panelId: {
+			type: String,
+			required: !0
+		},
+		label: {
+			type: String,
+			default: ""
+		},
+		selected: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		tabClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: ""
+		}
+	},
+	emits: ["focus", "click"],
+	data() {
+		return { TAB_IMPORTANCE_MODIFIERS: n };
+	},
+	computed: {
+		tabListeners() {
+			return {
+				click: (e) => {
+					this.$emit("click", e);
+				},
+				focus: (e) => {
+					this.setFocus(this.id), this.$emit("focus", e);
+				}
+			};
+		},
+		isSelected() {
+			return this.groupContext.selected === this.panelId;
+		}
+	},
+	mounted() {
+		this.selected && (this.groupContext.selected = this.panelId);
+	}
 };
-function _(e, h, t, C, s, a) {
-  const l = d("dt-button");
-  return i(), n(l, o({
-    id: `dt-tab-${t.id}`,
-    class: [
-      "d-tab",
-      {
-        [s.TAB_IMPORTANCE_MODIFIERS.selected]: a.isSelected
-      },
-      t.tabClass
-    ],
-    role: "tab",
-    "aria-selected": `${a.isSelected}`,
-    "aria-controls": `dt-panel-${t.panelId}`,
-    "aria-label": t.label,
-    "data-qa": "dt-tab",
-    tabindex: a.isSelected ? "0" : "-1",
-    disabled: a.groupContext.disabled || t.disabled
-  }, e.$attrs, c(a.tabListeners)), {
-    default: u(() => [
-      b(e.$slots, "default")
-    ]),
-    _: 3
-  }, 16, ["id", "class", "aria-selected", "aria-controls", "aria-label", "tabindex", "disabled"]);
+function d(e, t, n, u, d, f) {
+	let p = s("dt-button");
+	return a(), r(p, i({
+		id: `dt-tab-${n.id}`,
+		class: [
+			"d-tab",
+			{ [d.TAB_IMPORTANCE_MODIFIERS.selected]: f.isSelected },
+			n.tabClass
+		],
+		role: "tab",
+		"aria-selected": `${f.isSelected}`,
+		"aria-controls": `dt-panel-${n.panelId}`,
+		"aria-label": n.label,
+		"data-qa": "dt-tab",
+		tabindex: f.isSelected ? "0" : "-1",
+		disabled: f.groupContext.disabled || n.disabled
+	}, e.$attrs, c(f.tabListeners)), {
+		default: l(() => [o(e.$slots, "default")]),
+		_: 3
+	}, 16, [
+		"id",
+		"class",
+		"aria-selected",
+		"aria-controls",
+		"aria-label",
+		"tabindex",
+		"disabled"
+	]);
 }
-const y = /* @__PURE__ */ f(p, [["render", _]]);
-export {
-  y as default
-};
-//# sourceMappingURL=tab.js.map
+var f = /* @__PURE__ */ e(u, [["render", d]]);
+//#endregion
+export { f as default };
+
+//# sourceMappingURL=tab.js.map

package/dist/lib/tab/tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.js","sources":["../../../components/tab/tab.vue"],"sourcesContent":["<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  compatConfig: { MODE: 3 },\n  name: 'DtTab',\n  components: {\n    DtButton,\n  },\n\n  inject: ['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  emits: [\n    /**\n     * Native button focus in event\n     *\n     * @event focus\n     * @type {FocusEvent}\n     */\n    'focus',\n\n    /**\n     * Native button click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  data () {\n    return {\n      TAB_IMPORTANCE_MODIFIERS,\n    };\n  },\n\n  computed: {\n    tabListeners () {\n      return {\n        click: event => {\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    isSelected () {\n      return this.groupContext.selected === this.panelId;\n    },\n  },\n\n  mounted () {\n    if (this.selected) {\n      this.groupContext.selected = this.panelId;\n    }\n  },\n};\n</script>\n"],"names":["_sfc_main","DtButton","TAB_IMPORTANCE_MODIFIERS","event","_openBlock","_createBlock","_component_dt_button","_mergeProps","$props","$data","$options","_ctx","_toHandlers","_renderSlot"],"mappings":";;;;AAiCA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA;EAGF,QAAQ,CAAC,gBAAgB,UAAU;AAAA,EAEnC,cAAc;AAAA,EAEd,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,IAAI;AAAA,MACF,MAAM;AAAA,MACN,UAAU;AAAA;;;;IAMZ,SAAS;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA;;;;IAMZ,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,UAAU;AAAA,MACR,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;EAIb,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA;AAAA;EAGF,OAAQ;AACN,WAAO;AAAA,MACL,0BAAAC;AAAA;EAEJ;AAAA,EAEA,UAAU;AAAA,IACR,eAAgB;AACd,aAAO;AAAA,QACL,OAAO,CAAAC,MAAS;AACd,eAAK,MAAM,SAASA,CAAK;AAAA,QAC3B;AAAA,QAEA,OAAO,CAAAA,MAAS;AACd,eAAK,SAAS,KAAK,EAAE,GACrB,KAAK,MAAM,SAASA,CAAK;AAAA,QAC3B;AAAA;IAEJ;AAAA,IAEA,aAAc;AACZ,aAAO,KAAK,aAAa,aAAa,KAAK;AAAA,IAC7C;AAAA;EAGF,UAAW;AACT,IAAI,KAAK,aACP,KAAK,aAAa,WAAW,KAAK;AAAA,EAEtC;AACF;;;AA/IE,SAAAC,EAAA,GAAAC,EAqBYC,GArBZC,EAqBY;AAAA,IApBT,cAAcC,EAAA,EAAE;AAAA,IAChB,OAAK;AAAA;;SAAoCC,EAAA,yBAAyB,QAAQ,GAAGC,EAAA;AAAA;MAA2BF,EAAA;AAAA;IAOzG,MAAK;AAAA,IACJ,oBAAkBE,EAAA,UAAU;AAAA,IAC5B,6BAA2BF,EAAA,OAAO;AAAA,IAClC,cAAYA,EAAA;AAAA,IACb,WAAQ;AAAA,IACP,UAAUE,EAAA,aAAU,MAAA;AAAA,IACpB,UAAUA,EAAA,aAAa,YAAYF,EAAA;AAAA,KAC5BG,EAAA,QACRC,EAAMF,EAAA,YAAY,CAAA,GAAA;AAAA,eAGlB,MAAQ;AAAA,MAARG,EAAQF,EAAA,QAAA,SAAA;AAAA;;;;;"}
+{"version":3,"file":"tab.js","names":[],"sources":["../../../components/tab/tab.vue"],"sourcesContent":["<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  compatConfig: { MODE: 3 },\n  name: 'DtTab',\n  components: {\n    DtButton,\n  },\n\n  inject: ['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  emits: [\n    /**\n     * Native button focus in event\n     *\n     * @event focus\n     * @type {FocusEvent}\n     */\n    'focus',\n\n    /**\n     * Native button click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  data () {\n    return {\n      TAB_IMPORTANCE_MODIFIERS,\n    };\n  },\n\n  computed: {\n    tabListeners () {\n      return {\n        click: event => {\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    isSelected () {\n      return this.groupContext.selected === this.panelId;\n    },\n  },\n\n  mounted () {\n    if (this.selected) {\n      this.groupContext.selected = this.panelId;\n    }\n  },\n};\n</script>\n"],"mappings":";;;;;AAiCA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CACN,YAAY,EACV,UAAA,GACD;CAED,QAAQ,CAAC,gBAAgB,WAAW;CAEpC,cAAc;CAEd,OAAO;EAIL,IAAI;GACF,MAAM;GACN,UAAU;GACX;EAKD,SAAS;GACP,MAAM;GACN,UAAU;GACX;EAKD,OAAO;GACL,MAAM;GACN,SAAS;GACV;EAMD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAMD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAKD,UAAU;GACR,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EACF;CAED,OAAO,CAOL,SAQA,QACD;CAED,OAAQ;AACN,SAAO,EACL,6BACD;;CAGH,UAAU;EACR,eAAgB;AACd,UAAO;IACL,QAAO,MAAS;AACd,UAAK,MAAM,SAAS,EAAM;;IAG5B,QAAO,MAAS;AAEd,KADA,KAAK,SAAS,KAAK,GAAG,EACtB,KAAK,MAAM,SAAS,EAAM;;IAE7B;;EAGH,aAAc;AACZ,UAAO,KAAK,aAAa,aAAa,KAAK;;EAE9C;CAED,UAAW;AACT,EAAI,KAAK,aACP,KAAK,aAAa,WAAW,KAAK;;CAGvC;;;aA/IC,EAqBY,GArBZ,EAqBY;EApBT,IAAE,UAAY,EAAA;EACd,OAAK;;MAAoC,EAAA,yBAAyB,WAAW,EAAA,YAAA;GAA2B,EAAA;;EAOzG,MAAK;EACJ,iBAAa,GAAK,EAAA;EAClB,iBAAa,YAAc,EAAA;EAC3B,cAAY,EAAA;EACb,WAAQ;EACP,UAAU,EAAA,aAAU,MAAA;EACpB,UAAU,EAAA,aAAa,YAAY,EAAA;IAC5B,EAAA,QACR,EAAmB,EAAb,aAAY,CAAA,EAAA;mBAGV,CAAR,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/lib/tab/tabs-constants.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=["default","sm"],_={sm:"d-tablist--sm"},S={inverted:"d-tablist--inverted"},t={borderless:"d-tablist--no-border"},T={selected:"d-tab--selected"};exports.TAB_IMPORTANCE_MODIFIERS=T;exports.TAB_LIST_IMPORTANCE_MODIFIERS=t;exports.TAB_LIST_KIND_MODIFIERS=S;exports.TAB_LIST_SIZES=I;exports.TAB_LIST_SIZE_MODIFIERS=_;
-//# sourceMappingURL=tabs-constants.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=[`default`,`sm`],t={sm:`d-tablist--sm`},n={inverted:`d-tablist--inverted`},r={borderless:`d-tablist--no-border`},i={selected:`d-tab--selected`};exports.TAB_IMPORTANCE_MODIFIERS=i,exports.TAB_LIST_IMPORTANCE_MODIFIERS=r,exports.TAB_LIST_KIND_MODIFIERS=n,exports.TAB_LIST_SIZES=e,exports.TAB_LIST_SIZE_MODIFIERS=t;
+//# sourceMappingURL=tabs-constants.cjs.map

package/dist/lib/tab/tabs-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-constants.cjs","sources":["../../../components/tab/tabs_constants.js"],"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"],"names":["TAB_LIST_SIZES","TAB_LIST_SIZE_MODIFIERS","TAB_LIST_KIND_MODIFIERS","TAB_LIST_IMPORTANCE_MODIFIERS","TAB_IMPORTANCE_MODIFIERS"],"mappings":"gFAAY,MAACA,EAAiB,CAAC,UAAW,IAAI,EAEjCC,EAA0B,CACrC,GAAI,eACN,EAEaC,EAA0B,CACrC,SAAU,qBACZ,EAEaC,EAAgC,CAC3C,WAAY,sBACd,EAEaC,EAA2B,CACtC,SAAU,iBACZ"}
+{"version":3,"file":"tabs-constants.cjs","names":[],"sources":["../../../components/tab/tabs_constants.js"],"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"],"mappings":"mEAAA,IAAa,EAAiB,CAAC,UAAW,KAAK,CAElC,EAA0B,CACrC,GAAI,gBACL,CAEY,EAA0B,CACrC,SAAU,sBACX,CAEY,EAAgC,CAC3C,WAAY,uBACb,CAEY,EAA2B,CACtC,SAAU,kBACX"}

package/dist/lib/tab/tabs-constants.js

@@ -1,17 +1,6 @@
-const t = ["default", "sm"], I = {
-  sm: "d-tablist--sm"
-}, e = {
-  inverted: "d-tablist--inverted"
-}, s = {
-  borderless: "d-tablist--no-border"
-}, _ = {
-  selected: "d-tab--selected"
-};
-export {
-  _ as TAB_IMPORTANCE_MODIFIERS,
-  s as TAB_LIST_IMPORTANCE_MODIFIERS,
-  e as TAB_LIST_KIND_MODIFIERS,
-  t as TAB_LIST_SIZES,
-  I as TAB_LIST_SIZE_MODIFIERS
-};
-//# sourceMappingURL=tabs-constants.js.map
+//#region components/tab/tabs_constants.js
+var e = ["default", "sm"], t = { sm: "d-tablist--sm" }, n = { inverted: "d-tablist--inverted" }, r = { borderless: "d-tablist--no-border" }, i = { selected: "d-tab--selected" };
+//#endregion
+export { i as TAB_IMPORTANCE_MODIFIERS, r as TAB_LIST_IMPORTANCE_MODIFIERS, n as TAB_LIST_KIND_MODIFIERS, e as TAB_LIST_SIZES, t as TAB_LIST_SIZE_MODIFIERS };
+
+//# sourceMappingURL=tabs-constants.js.map

package/dist/lib/tab/tabs-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-constants.js","sources":["../../../components/tab/tabs_constants.js"],"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"],"names":["TAB_LIST_SIZES","TAB_LIST_SIZE_MODIFIERS","TAB_LIST_KIND_MODIFIERS","TAB_LIST_IMPORTANCE_MODIFIERS","TAB_IMPORTANCE_MODIFIERS"],"mappings":"AAAY,MAACA,IAAiB,CAAC,WAAW,IAAI,GAEjCC,IAA0B;AAAA,EACrC,IAAI;AACN,GAEaC,IAA0B;AAAA,EACrC,UAAU;AACZ,GAEaC,IAAgC;AAAA,EAC3C,YAAY;AACd,GAEaC,IAA2B;AAAA,EACtC,UAAU;AACZ;"}
+{"version":3,"file":"tabs-constants.js","names":[],"sources":["../../../components/tab/tabs_constants.js"],"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"],"mappings":";AAAA,IAAa,IAAiB,CAAC,WAAW,KAAK,EAElC,IAA0B,EACrC,IAAI,iBACL,EAEY,IAA0B,EACrC,UAAU,uBACX,EAEY,IAAgC,EAC3C,YAAY,wBACb,EAEY,IAA2B,EACtC,UAAU,mBACX"}

package/dist/lib/time-pill/index.cjs

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

package/dist/lib/time-pill/index.js

@@ -1,5 +1,2 @@
-import { default as l } from "./time-pill.js";
-export {
-  l as DtRecipeTimePill
-};
-//# sourceMappingURL=index.js.map
+import e from "./time-pill.js";
+export { e as DtRecipeTimePill };

package/dist/lib/time-pill/time-pill.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),a=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),n={compatConfig:{MODE:3},name:"DtRecipeTimePill",props:{dateTimeDisplay:{type:String,required:!0},dateTime:{type:String,required:!0,validator:i=>{const e=new Date(i);return e instanceof Date&&!isNaN(e)}}}},l=["dateTime"];function o(i,e,r,s,u,d){return t.openBlock(),t.createElementBlock("time",{"data-qa":"dt-recipe-time-pill",dateTime:r.dateTime,class:"d-recipe-time-pill"},t.toDisplayString(r.dateTimeDisplay),9,l)}const c=a._(n,[["render",o]]);exports.default=c;
-//# sourceMappingURL=time-pill.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`);let t=require(`vue`);var n={compatConfig:{MODE:3},name:`DtRecipeTimePill`,props:{dateTimeDisplay:{type:String,required:!0},dateTime:{type:String,required:!0,validator:e=>{let t=new Date(e);return t instanceof Date&&!isNaN(t)}}}},r=[`dateTime`];function i(e,n,i,a,o,s){return(0,t.openBlock)(),(0,t.createElementBlock)(`time`,{"data-qa":`dt-recipe-time-pill`,dateTime:i.dateTime,class:`d-recipe-time-pill`},(0,t.toDisplayString)(i.dateTimeDisplay),9,r)}var a=e.t(n,[[`render`,i]]);exports.default=a;
+//# sourceMappingURL=time-pill.cjs.map

package/dist/lib/time-pill/time-pill.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"time-pill.cjs","sources":["../../../recipes/conversation_view/time_pill/time_pill.vue"],"sourcesContent":["<template>\n  <time\n    data-qa=\"dt-recipe-time-pill\"\n    :dateTime=\"dateTime\"\n    class=\"d-recipe-time-pill\"\n  >\n    {{ dateTimeDisplay }}\n  </time>\n</template>\n\n<script>\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeTimePill',\n\n  props: {\n    /**\n     * Date time display value\n     */\n    dateTimeDisplay: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Machine-readable attribute\n     * Accepts a string value of YYYY-MM-DD or YYYY-MM-DDThh:mm:ssTZD\n     */\n    dateTime: {\n      type: String,\n      required: true,\n      validator: (t) => {\n        // Since this will only ever be used in the context of a date, we're rejecting non date inputs\n        const x = new Date(t);\n        if (x instanceof Date && !isNaN(x)) {\n          return true;\n        }\n        return false;\n      },\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","t","x","_createElementBlock","$props","_hoisted_1"],"mappings":"6LAWKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,mBAEN,MAAO,CAIL,gBAAiB,CACf,KAAM,OACN,SAAU,IAOZ,SAAU,CACR,KAAM,OACN,SAAU,GACV,UAAYC,GAAM,CAEhB,MAAMC,EAAI,IAAI,KAAKD,CAAC,EACpB,OAAIC,aAAa,MAAQ,CAAC,MAAMA,CAAC,CAInC,GAGN,8DAxCEC,EAAAA,mBAMO,OAAA,CALL,UAAQ,sBACP,SAAUC,EAAA,SACX,MAAM,wCAEHA,EAAA,eAAe,EAAA,EAAAC,CAAA"}
+{"version":3,"file":"time-pill.cjs","names":[],"sources":["../../../recipes/conversation_view/time_pill/time_pill.vue"],"sourcesContent":["<template>\n  <time\n    data-qa=\"dt-recipe-time-pill\"\n    :dateTime=\"dateTime\"\n    class=\"d-recipe-time-pill\"\n  >\n    {{ dateTimeDisplay }}\n  </time>\n</template>\n\n<script>\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeTimePill',\n\n  props: {\n    /**\n     * Date time display value\n     */\n    dateTimeDisplay: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Machine-readable attribute\n     * Accepts a string value of YYYY-MM-DD or YYYY-MM-DDThh:mm:ssTZD\n     */\n    dateTime: {\n      type: String,\n      required: true,\n      validator: (t) => {\n        // Since this will only ever be used in the context of a date, we're rejecting non date inputs\n        const x = new Date(t);\n        if (x instanceof Date && !isNaN(x)) {\n          return true;\n        }\n        return false;\n      },\n    },\n  },\n};\n</script>\n"],"mappings":"wNAWA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,mBAEN,MAAO,CAIL,gBAAiB,CACf,KAAM,OACN,SAAU,GACX,CAMD,SAAU,CACR,KAAM,OACN,SAAU,GACV,UAAY,GAAM,CAEhB,IAAM,EAAI,IAAI,KAAK,EAAE,CAIrB,OAHI,aAAa,MAAQ,CAAC,MAAM,EAAE,EAKrC,CACF,CACF,yFAlCQ,OAAA,CALL,UAAQ,sBACP,SAAU,EAAA,SACX,MAAM,4CAEH,EAAA,gBAAe,CAAA,EAAA,EAAA"}