@dialpad/dialtone-vue 3.176.2 → 3.177.0

package/dist/lib/badge/badge.js

@@ -0,0 +1,153 @@
+import { BADGE_KIND_MODIFIERS as l, BADGE_TYPE_MODIFIERS as d, BADGE_DECORATION_MODIFIERS as c } from "./badge-constants.js";
+import { hasSlotContent as u } from "../../common/utils/index.js";
+import { openBlock as o, createElementBlock as a, normalizeClass as h, createCommentVNode as n, renderSlot as r, createElementVNode as f, createTextVNode as b, toDisplayString as I } from "vue";
+import { _ } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import { ICON_SIZE_MODIFIERS as g } from "../icon/icon-constants.js";
+const p = {
+  compatConfig: { MODE: 3 },
+  name: "DtBadge",
+  props: {
+    /**
+     * The size of the left and right icons.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    iconSize: {
+      type: String,
+      default: "200",
+      validator: (e) => Object.keys(g).includes(e)
+    },
+    /**
+     * Text for the badge content
+     */
+    text: {
+      type: String,
+      default: ""
+    },
+    /**
+     * The kind of badge which determines the styling
+     * @values label, count
+     */
+    kind: {
+      type: String,
+      default: "label",
+      validator: (e) => Object.keys(l).includes(e)
+    },
+    /**
+     * Color for the badge background
+     * @values default, info, success, warning, critical, bulletin, ai
+     */
+    type: {
+      type: String,
+      default: "default",
+      validator: (e) => Object.keys(d).includes(e)
+    },
+    /**
+     * Decoration for the badge. This can be only used with kind: label and type: default
+     * with no left and right icons
+     * @values default, black-400, black-500, black-900, red-200, red-300, red-400, purple-200,
+     * purple-300, purple-400, purple-500, blue-200, blue-300, blue-400, green-300, green-400,
+     * green-500, gold-300, gold-400, gold-500, magenta-200, magenta-300, magenta-400
+     */
+    decoration: {
+      type: String,
+      default: void 0,
+      validator: (e) => Object.keys(c).includes(e)
+    },
+    /**
+     * Used to customize the label container
+     */
+    labelClass: {
+      type: [String, Array, Object],
+      default: ""
+    },
+    /**
+     * Shows a subtle appearance for the badge
+     * Currently only affects the badge when type is bulletin.
+     */
+    subtle: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Outlines the badge with a border
+     */
+    outlined: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  data() {
+    return {
+      BADGE_TYPE_MODIFIERS: d,
+      BADGE_KIND_MODIFIERS: l,
+      BADGE_DECORATION_MODIFIERS: c
+    };
+  },
+  computed: {
+    hasLeftIcon() {
+      return u(this.$slots.leftIcon);
+    },
+    hasRightIcon() {
+      return u(this.$slots.rightIcon);
+    },
+    hasIcons() {
+      return this.hasLeftIcon || this.hasRightIcon;
+    }
+  },
+  updated() {
+    this.validateProps();
+  },
+  methods: {
+    validateProps() {
+      this.validateTypePropCombination(), this.validateDecorationPropCombination();
+    },
+    validateTypePropCombination() {
+      this.type === "ai" && this.kind === "count" && console.error("DtBadge error: type: 'ai' with kind: 'count' is an invalid combination."), this.type !== "bulletin" && this.subtle && console.error("DtBadge error: subtle can only be used with type 'bulletin'");
+    },
+    validateDecorationPropCombination() {
+      this.decoration && ((this.kind !== "label" || this.type !== "default") && console.error("DtBadge error: decoration prop can only be used with kind: 'label' and type: 'default'."), this.hasIcons && console.error("DtBadge error: decoration prop cannot be used with leftIcon or rightIcon."));
+    }
+  }
+}, y = {
+  key: 0,
+  class: "d-badge__decorative"
+}, D = {
+  key: 1,
+  class: "d-badge__icon-left"
+}, m = {
+  key: 2,
+  class: "d-badge__icon-right"
+};
+function S(e, E, t, O, i, s) {
+  return o(), a("span", {
+    class: h([
+      "d-badge",
+      i.BADGE_TYPE_MODIFIERS[t.type],
+      i.BADGE_KIND_MODIFIERS[t.kind],
+      i.BADGE_DECORATION_MODIFIERS[t.decoration],
+      { "d-badge--subtle": t.subtle },
+      { "d-badge--outlined": t.outlined }
+    ]),
+    "data-qa": "dt-badge"
+  }, [
+    t.decoration ? (o(), a("span", y)) : n("", !0),
+    s.hasLeftIcon ? (o(), a("span", D, [
+      r(e.$slots, "leftIcon", { iconSize: t.iconSize })
+    ])) : n("", !0),
+    f("span", {
+      class: h(["d-badge__label", t.labelClass])
+    }, [
+      r(e.$slots, "default", {}, () => [
+        b(I(t.text), 1)
+      ])
+    ], 2),
+    s.hasRightIcon ? (o(), a("span", m, [
+      r(e.$slots, "rightIcon", { iconSize: t.iconSize })
+    ])) : n("", !0)
+  ], 2);
+}
+const A = /* @__PURE__ */ _(p, [["render", S]]);
+export {
+  A as default
+};
+//# sourceMappingURL=badge.js.map

package/dist/lib/badge/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sources":["../../../components/badge/badge.vue"],"sourcesContent":["<template>\n  <span\n    :class=\"[\n      'd-badge',\n      BADGE_TYPE_MODIFIERS[type],\n      BADGE_KIND_MODIFIERS[kind],\n      BADGE_DECORATION_MODIFIERS[decoration],\n      { 'd-badge--subtle': subtle },\n      { 'd-badge--outlined': outlined },\n    ]\"\n    data-qa=\"dt-badge\"\n  >\n    <span\n      v-if=\"decoration\"\n      class=\"d-badge__decorative\"\n    />\n    <span\n      v-if=\"hasLeftIcon\"\n      class=\"d-badge__icon-left\"\n    >\n      <!-- @slot Slot for left icon, icon-size slot prop defaults to '200' -->\n      <slot\n        name=\"leftIcon\"\n        :icon-size=\"iconSize\"\n      />\n    </span>\n    <span :class=\"['d-badge__label', labelClass]\">\n      <!-- @slot Slot for badge content, defaults to text prop -->\n      <slot>\n        {{ text }}\n      </slot>\n    </span>\n    <span\n      v-if=\"hasRightIcon\"\n      class=\"d-badge__icon-right\"\n    >\n      <!-- @slot Slot for right icon, icon-size slot prop defaults to '200' -->\n      <slot\n        name=\"rightIcon\"\n        :icon-size=\"iconSize\"\n      />\n    </span>\n  </span>\n</template>\n\n<script>\nimport { BADGE_TYPE_MODIFIERS, BADGE_KIND_MODIFIERS, BADGE_DECORATION_MODIFIERS } from './badge_constants';\nimport { ICON_SIZE_MODIFIERS } from '@/components/icon';\nimport { hasSlotContent } from '@/common/utils/index.js';\n\n/**\n * A badge is a compact UI element that provides brief, descriptive information about an element.\n * It is terse, ideally one word.\n * @see https://dialtone.dialpad.com/components/badge.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtBadge',\n\n  props: {\n    /**\n     * The size of the left and right icons.\n     * @values 100, 200, 300, 400, 500, 600, 700, 800\n     */\n    iconSize: {\n      type: String,\n      default: '200',\n      validator: (s) => Object.keys(ICON_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * Text for the badge content\n     */\n    text: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The kind of badge which determines the styling\n     * @values label, count\n     */\n    kind: {\n      type: String,\n      default: 'label',\n      validator: (kind) => Object.keys(BADGE_KIND_MODIFIERS).includes(kind),\n    },\n\n    /**\n     * Color for the badge background\n     * @values default, info, success, warning, critical, bulletin, ai\n     */\n    type: {\n      type: String,\n      default: 'default',\n      validator: (type) => Object.keys(BADGE_TYPE_MODIFIERS).includes(type),\n    },\n\n    /**\n     * Decoration for the badge. This can be only used with kind: label and type: default\n     * with no left and right icons\n     * @values default, black-400, black-500, black-900, red-200, red-300, red-400, purple-200,\n     * purple-300, purple-400, purple-500, blue-200, blue-300, blue-400, green-300, green-400,\n     * green-500, gold-300, gold-400, gold-500, magenta-200, magenta-300, magenta-400\n     */\n    decoration: {\n      type: String,\n      default: undefined,\n      validator: (type) => Object.keys(BADGE_DECORATION_MODIFIERS).includes(type),\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Shows a subtle appearance for the badge\n     * Currently only affects the badge when type is bulletin.\n     */\n    subtle: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Outlines the badge with a border\n     */\n    outlined: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  data () {\n    return {\n      BADGE_TYPE_MODIFIERS,\n      BADGE_KIND_MODIFIERS,\n      BADGE_DECORATION_MODIFIERS,\n    };\n  },\n\n  computed: {\n    hasLeftIcon () {\n      return hasSlotContent(this.$slots.leftIcon);\n    },\n\n    hasRightIcon () {\n      return hasSlotContent(this.$slots.rightIcon);\n    },\n\n    hasIcons () {\n      return this.hasLeftIcon || this.hasRightIcon;\n    },\n  },\n\n  updated () {\n    this.validateProps();\n  },\n\n  methods: {\n    validateProps () {\n      this.validateTypePropCombination();\n      this.validateDecorationPropCombination();\n    },\n\n    validateTypePropCombination () {\n      if (this.type === 'ai' && this.kind === 'count') {\n        console.error('DtBadge error: type: \\'ai\\' with kind: \\'count\\' is an invalid combination.');\n      }\n      if (this.type !== 'bulletin' && this.subtle) {\n        console.error('DtBadge error: subtle can only be used with type \\'bulletin\\'');\n      }\n    },\n\n    validateDecorationPropCombination () {\n      if (!this.decoration) return;\n\n      if (this.kind !== 'label' || this.type !== 'default') {\n        console.error('DtBadge error: decoration prop can only be used with kind: \\'label\\' and type: \\'default\\'.');\n      }\n\n      if (this.hasIcons) {\n        console.error('DtBadge error: decoration prop cannot be used with leftIcon or rightIcon.');\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","s","ICON_SIZE_MODIFIERS","kind","BADGE_KIND_MODIFIERS","type","BADGE_TYPE_MODIFIERS","BADGE_DECORATION_MODIFIERS","hasSlotContent","_createElementBlock","_normalizeClass","$data","$props","_openBlock","_hoisted_1","_createCommentVNode","$options","_hoisted_2","_renderSlot","_ctx","_createElementVNode","_createTextVNode","_toDisplayString","_hoisted_3"],"mappings":"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"}

package/dist/lib/badge/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("./badge.cjs"),e=require("./badge-constants.cjs");exports.DtBadge=D.default;exports.BADGE_DECORATION_MODIFIERS=e.BADGE_DECORATION_MODIFIERS;exports.BADGE_KIND_MODIFIERS=e.BADGE_KIND_MODIFIERS;exports.BADGE_TYPE_MODIFIERS=e.BADGE_TYPE_MODIFIERS;
+//# sourceMappingURL=index.cjs.map

package/dist/lib/badge/index.cjs.map

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

package/dist/lib/badge/index.js

@@ -0,0 +1,9 @@
+import { default as I } from "./badge.js";
+import { BADGE_DECORATION_MODIFIERS as O, BADGE_KIND_MODIFIERS as e, BADGE_TYPE_MODIFIERS as o } from "./badge-constants.js";
+export {
+  O as BADGE_DECORATION_MODIFIERS,
+  e as BADGE_KIND_MODIFIERS,
+  o as BADGE_TYPE_MODIFIERS,
+  I as DtBadge
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/badge/index.js.map

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

package/dist/lib/banner/banner.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("../../common/mixins/modal.cjs"),a=require("../../common/utils/index.cjs"),u=require("../../common/mixins/sr-only-close-button.cjs"),e=require("vue"),b=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),m=require("../notice/notice-icon.cjs"),f=require("../notice/notice-content.cjs"),g=require("../notice/notice-action.cjs"),_=require("../notice/notice-constants.cjs"),y={compatConfig:{MODE:3},name:"DtBanner",components:{DtNoticeIcon:m.default,DtNoticeContent:f.default,DtNoticeAction:g.default},mixins:[c.default,u.default],props:{titleId:{type:String,default(){return a.default.getUniqueString()}},contentId:{type:String,default(){return a.default.getUniqueString()}},title:{type:String,default:""},important:{type:Boolean,default:!1},pinned:{type:Boolean,default:!1},kind:{type:String,default:"base",validate(t){return _.NOTICE_KINDS.includes(t)}},closeButtonProps:{type:Object,default:()=>({})},hideClose:{type:Boolean,default:!1},hideIcon:{type:Boolean,default:!1},hideAction:{type:Boolean,default:!1},dialogClass:{type:String,default:""},backgroundImage:{type:String,default:""},backgroundSize:{type:String,default:"cover"}},emits:["close"],computed:{role(){return this.important?"alertdialog":"status"},bannerClass(){return["d-banner",{error:"d-banner--error",info:"d-banner--info",success:"d-banner--success",warning:"d-banner--warning",base:"d-banner--base"}[this.kind],{"d-banner--important":this.important,"d-banner--pinned":this.pinned}]},bannerBackgroundImage(){return this.backgroundImage===""?null:`background-image: url(${this.backgroundImage});
+              background-size: ${this.backgroundSize};`}},mounted(){this.important&&this.focusFirstElement()},methods:{trapFocus(t){this.important&&this.focusTrappedTabPress(t)}}},h=["role","aria-labelledby","aria-describedby"];function p(t,i,n,k,S,o){const r=e.resolveComponent("dt-notice-icon"),d=e.resolveComponent("dt-notice-content"),s=e.resolveComponent("dt-notice-action");return e.openBlock(),e.createElementBlock("aside",{class:e.normalizeClass(o.bannerClass),style:e.normalizeStyle(o.bannerBackgroundImage),onKeydown:i[1]||(i[1]=e.withKeys((...l)=>o.trapFocus&&o.trapFocus(...l),["tab"]))},[e.createElementVNode("div",{class:e.normalizeClass(["d-banner__dialog",n.dialogClass]),role:o.role,"aria-labelledby":n.titleId,"aria-describedby":n.contentId},[n.hideIcon?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(r,{key:0,kind:n.kind},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),_:3},8,["kind"])),e.createVNode(d,{"title-id":n.titleId,"content-id":n.contentId,title:n.title},{titleOverride:e.withCtx(()=>[e.renderSlot(t.$slots,"titleOverride")]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["title-id","content-id","title"]),e.createVNode(s,{"hide-action":n.hideAction,"hide-close":n.hideClose,"close-button-props":n.closeButtonProps,"visually-hidden-close":t.visuallyHiddenClose,"visually-hidden-close-label":t.visuallyHiddenCloseLabel,onClose:i[0]||(i[0]=l=>t.$emit("close"))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"action")]),_:3},8,["hide-action","hide-close","close-button-props","visually-hidden-close","visually-hidden-close-label"])],10,h)],38)}const C=b._(y,[["render",p]]);exports.default=C;
+//# sourceMappingURL=banner.cjs.map

package/dist/lib/banner/banner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner.cjs","sources":["../../../components/banner/banner.vue"],"sourcesContent":["<!-- eslint-disable vuejs-accessibility/no-static-element-interactions -->\n<template>\n  <aside\n    :class=\"bannerClass\"\n    :style=\"bannerBackgroundImage\"\n    @keydown.tab=\"trapFocus\"\n  >\n    <div\n      class=\"d-banner__dialog\"\n      :class=\"dialogClass\"\n      :role=\"role\"\n      :aria-labelledby=\"titleId\"\n      :aria-describedby=\"contentId\"\n    >\n      <dt-notice-icon\n        v-if=\"!hideIcon\"\n        :kind=\"kind\"\n      >\n        <!-- @slot Slot for custom icon -->\n        <slot name=\"icon\" />\n      </dt-notice-icon>\n      <dt-notice-content\n        :title-id=\"titleId\"\n        :content-id=\"contentId\"\n        :title=\"title\"\n      >\n        <template #titleOverride>\n          <!-- eslint-disable-next-line max-len -->\n          <!-- @slot Allows you to override the title, only use this if you need to override with something other than text. Otherwise use the \"title\" prop. -->\n          <slot name=\"titleOverride\" />\n        </template>\n        <!-- @slot the main textual content of the banner -->\n        <slot />\n      </dt-notice-content>\n      <dt-notice-action\n        :hide-action=\"hideAction\"\n        :hide-close=\"hideClose\"\n        :close-button-props=\"closeButtonProps\"\n        :visually-hidden-close=\"visuallyHiddenClose\"\n        :visually-hidden-close-label=\"visuallyHiddenCloseLabel\"\n        @close=\"$emit('close')\"\n      >\n        <!-- @slot Enter a possible action for the user to take, such as a link to another page -->\n        <slot name=\"action\" />\n      </dt-notice-action>\n    </div>\n  </aside>\n</template>\n\n<script>\nimport { DtNoticeIcon, DtNoticeContent, DtNoticeAction, NOTICE_KINDS } from '@/components/notice';\nimport Modal from '@/common/mixins/modal';\nimport utils from '@/common/utils';\nimport SrOnlyCloseButtonMixin from '@/common/mixins/sr_only_close_button';\n\n/**\n * Banners are a type of notice, delivering system and engagement messaging.\n * These are highly intrusive notices and should be used sparingly and appropriately.\n * @see https://dialtone.dialpad.com/components/banner.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtBanner',\n\n  components: {\n    DtNoticeIcon,\n    DtNoticeContent,\n    DtNoticeAction,\n  },\n\n  mixins: [Modal, SrOnlyCloseButtonMixin],\n\n  props: {\n    /**\n     * Sets an ID on the title element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the title.\n     */\n    titleId: {\n      type: String,\n      default () { return utils.getUniqueString(); },\n    },\n\n    /**\n     * Sets an ID on the content element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the content.\n     */\n    contentId: {\n      type: String,\n      default () { return utils.getUniqueString(); },\n    },\n\n    /**\n     * Title header of the notice. This can be left blank to remove the title from the notice entirely.\n     */\n    title: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Used in scenarios where the message needs to visually dominate the screen.\n     * This will also change the aria role from status to alertdialog.\n     * and will modally trap the keyboard focus in the dialog as soon as it displays.\n     * @values true, false\n     */\n    important: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Pins the banner to the top of the window and pushes all app content down.\n     * @values true, false\n     */\n    pinned: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Severity level of the notice, sets the icon and background\n     * @values base, error, info, success, warning\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validate (kind) {\n        return NOTICE_KINDS.includes(kind);\n      },\n    },\n\n    /**\n     * Props for the notice close button.\n     */\n    closeButtonProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Hides the close button from the notice\n     * @values true, false\n     */\n    hideClose: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Hides the icon from the notice\n     * @values true, false\n     */\n    hideIcon: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Hides the action from the notice\n     * @values true, false\n     */\n    hideAction: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Inner dialog class\n     */\n    dialogClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Banner background image\n     */\n    backgroundImage: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Background image size, follows the background-size CSS property values\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/background-size\" target=\"_blank\">\n     *   CSS background-sizes\n     * </a>\n     */\n    backgroundSize: {\n      type: String,\n      default: 'cover',\n    },\n  },\n\n  emits: [\n    /**\n     * Close button click event\n     *\n     * @event close\n     */\n    'close',\n  ],\n\n  computed: {\n    role () {\n      return this.important ? 'alertdialog' : 'status';\n    },\n\n    bannerClass () {\n      const kindClasses = {\n        error: 'd-banner--error',\n        info: 'd-banner--info',\n        success: 'd-banner--success',\n        warning: 'd-banner--warning',\n        base: 'd-banner--base',\n      };\n\n      return [\n        'd-banner',\n        kindClasses[this.kind],\n        {\n          'd-banner--important': this.important,\n          'd-banner--pinned': this.pinned,\n        },\n      ];\n    },\n\n    bannerBackgroundImage () {\n      if (this.backgroundImage === '') return null;\n\n      return `background-image: url(${this.backgroundImage});\n              background-size: ${this.backgroundSize};`;\n    },\n  },\n\n  mounted () {\n    if (this.important) {\n      this.focusFirstElement();\n    }\n  },\n\n  methods: {\n    trapFocus (e) {\n      if (this.important) {\n        this.focusTrappedTabPress(e);\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtNoticeIcon","DtNoticeContent","DtNoticeAction","Modal","SrOnlyCloseButtonMixin","utils","kind","NOTICE_KINDS","e","_hoisted_1","_createElementBlock","_normalizeClass","$options","_normalizeStyle","_cache","_withKeys","args","_createElementVNode","$props","_createCommentVNode","_createBlock","_component_dt_notice_icon","_withCtx","_renderSlot","_ctx","_createVNode","_component_dt_notice_content","_component_dt_notice_action"],"mappings":"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"}

package/dist/lib/banner/banner.js

@@ -0,0 +1,229 @@
+import g from "../../common/mixins/modal.js";
+import d from "../../common/utils/index.js";
+import p from "../../common/mixins/sr-only-close-button.js";
+import { resolveComponent as l, openBlock as s, createElementBlock as y, normalizeClass as c, normalizeStyle as h, withKeys as k, createElementVNode as C, createBlock as _, withCtx as i, renderSlot as a, createCommentVNode as I, createVNode as u } from "vue";
+import { _ as S } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import B from "../notice/notice-icon.js";
+import v from "../notice/notice-content.js";
+import N from "../notice/notice-action.js";
+import { NOTICE_KINDS as D } from "../notice/notice-constants.js";
+const O = {
+  compatConfig: { MODE: 3 },
+  name: "DtBanner",
+  components: {
+    DtNoticeIcon: B,
+    DtNoticeContent: v,
+    DtNoticeAction: N
+  },
+  mixins: [g, p],
+  props: {
+    /**
+     * Sets an ID on the title element of the component. Useful for aria-describedby
+     * or aria-labelledby or any other reason you may need an id to refer to the title.
+     */
+    titleId: {
+      type: String,
+      default() {
+        return d.getUniqueString();
+      }
+    },
+    /**
+     * Sets an ID on the content element of the component. Useful for aria-describedby
+     * or aria-labelledby or any other reason you may need an id to refer to the content.
+     */
+    contentId: {
+      type: String,
+      default() {
+        return d.getUniqueString();
+      }
+    },
+    /**
+     * Title header of the notice. This can be left blank to remove the title from the notice entirely.
+     */
+    title: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Used in scenarios where the message needs to visually dominate the screen.
+     * This will also change the aria role from status to alertdialog.
+     * and will modally trap the keyboard focus in the dialog as soon as it displays.
+     * @values true, false
+     */
+    important: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Pins the banner to the top of the window and pushes all app content down.
+     * @values true, false
+     */
+    pinned: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Severity level of the notice, sets the icon and background
+     * @values base, error, info, success, warning
+     */
+    kind: {
+      type: String,
+      default: "base",
+      validate(e) {
+        return D.includes(e);
+      }
+    },
+    /**
+     * Props for the notice close button.
+     */
+    closeButtonProps: {
+      type: Object,
+      default: () => ({})
+    },
+    /**
+     * Hides the close button from the notice
+     * @values true, false
+     */
+    hideClose: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Hides the icon from the notice
+     * @values true, false
+     */
+    hideIcon: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Hides the action from the notice
+     * @values true, false
+     */
+    hideAction: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Inner dialog class
+     */
+    dialogClass: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Banner background image
+     */
+    backgroundImage: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Background image size, follows the background-size CSS property values
+     * <a class="d-link" href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size" target="_blank">
+     *   CSS background-sizes
+     * </a>
+     */
+    backgroundSize: {
+      type: String,
+      default: "cover"
+    }
+  },
+  emits: [
+    /**
+     * Close button click event
+     *
+     * @event close
+     */
+    "close"
+  ],
+  computed: {
+    role() {
+      return this.important ? "alertdialog" : "status";
+    },
+    bannerClass() {
+      return [
+        "d-banner",
+        {
+          error: "d-banner--error",
+          info: "d-banner--info",
+          success: "d-banner--success",
+          warning: "d-banner--warning",
+          base: "d-banner--base"
+        }[this.kind],
+        {
+          "d-banner--important": this.important,
+          "d-banner--pinned": this.pinned
+        }
+      ];
+    },
+    bannerBackgroundImage() {
+      return this.backgroundImage === "" ? null : `background-image: url(${this.backgroundImage});
+              background-size: ${this.backgroundSize};`;
+    }
+  },
+  mounted() {
+    this.important && this.focusFirstElement();
+  },
+  methods: {
+    trapFocus(e) {
+      this.important && this.focusTrappedTabPress(e);
+    }
+  }
+}, w = ["role", "aria-labelledby", "aria-describedby"];
+function z(e, o, t, E, F, n) {
+  const m = l("dt-notice-icon"), f = l("dt-notice-content"), b = l("dt-notice-action");
+  return s(), y("aside", {
+    class: c(n.bannerClass),
+    style: h(n.bannerBackgroundImage),
+    onKeydown: o[1] || (o[1] = k((...r) => n.trapFocus && n.trapFocus(...r), ["tab"]))
+  }, [
+    C("div", {
+      class: c(["d-banner__dialog", t.dialogClass]),
+      role: n.role,
+      "aria-labelledby": t.titleId,
+      "aria-describedby": t.contentId
+    }, [
+      t.hideIcon ? I("", !0) : (s(), _(m, {
+        key: 0,
+        kind: t.kind
+      }, {
+        default: i(() => [
+          a(e.$slots, "icon")
+        ]),
+        _: 3
+      }, 8, ["kind"])),
+      u(f, {
+        "title-id": t.titleId,
+        "content-id": t.contentId,
+        title: t.title
+      }, {
+        titleOverride: i(() => [
+          a(e.$slots, "titleOverride")
+        ]),
+        default: i(() => [
+          a(e.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["title-id", "content-id", "title"]),
+      u(b, {
+        "hide-action": t.hideAction,
+        "hide-close": t.hideClose,
+        "close-button-props": t.closeButtonProps,
+        "visually-hidden-close": e.visuallyHiddenClose,
+        "visually-hidden-close-label": e.visuallyHiddenCloseLabel,
+        onClose: o[0] || (o[0] = (r) => e.$emit("close"))
+      }, {
+        default: i(() => [
+          a(e.$slots, "action")
+        ]),
+        _: 3
+      }, 8, ["hide-action", "hide-close", "close-button-props", "visually-hidden-close", "visually-hidden-close-label"])
+    ], 10, w)
+  ], 38);
+}
+const j = /* @__PURE__ */ S(O, [["render", z]]);
+export {
+  j as default
+};
+//# sourceMappingURL=banner.js.map

package/dist/lib/banner/banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner.js","sources":["../../../components/banner/banner.vue"],"sourcesContent":["<!-- eslint-disable vuejs-accessibility/no-static-element-interactions -->\n<template>\n  <aside\n    :class=\"bannerClass\"\n    :style=\"bannerBackgroundImage\"\n    @keydown.tab=\"trapFocus\"\n  >\n    <div\n      class=\"d-banner__dialog\"\n      :class=\"dialogClass\"\n      :role=\"role\"\n      :aria-labelledby=\"titleId\"\n      :aria-describedby=\"contentId\"\n    >\n      <dt-notice-icon\n        v-if=\"!hideIcon\"\n        :kind=\"kind\"\n      >\n        <!-- @slot Slot for custom icon -->\n        <slot name=\"icon\" />\n      </dt-notice-icon>\n      <dt-notice-content\n        :title-id=\"titleId\"\n        :content-id=\"contentId\"\n        :title=\"title\"\n      >\n        <template #titleOverride>\n          <!-- eslint-disable-next-line max-len -->\n          <!-- @slot Allows you to override the title, only use this if you need to override with something other than text. Otherwise use the \"title\" prop. -->\n          <slot name=\"titleOverride\" />\n        </template>\n        <!-- @slot the main textual content of the banner -->\n        <slot />\n      </dt-notice-content>\n      <dt-notice-action\n        :hide-action=\"hideAction\"\n        :hide-close=\"hideClose\"\n        :close-button-props=\"closeButtonProps\"\n        :visually-hidden-close=\"visuallyHiddenClose\"\n        :visually-hidden-close-label=\"visuallyHiddenCloseLabel\"\n        @close=\"$emit('close')\"\n      >\n        <!-- @slot Enter a possible action for the user to take, such as a link to another page -->\n        <slot name=\"action\" />\n      </dt-notice-action>\n    </div>\n  </aside>\n</template>\n\n<script>\nimport { DtNoticeIcon, DtNoticeContent, DtNoticeAction, NOTICE_KINDS } from '@/components/notice';\nimport Modal from '@/common/mixins/modal';\nimport utils from '@/common/utils';\nimport SrOnlyCloseButtonMixin from '@/common/mixins/sr_only_close_button';\n\n/**\n * Banners are a type of notice, delivering system and engagement messaging.\n * These are highly intrusive notices and should be used sparingly and appropriately.\n * @see https://dialtone.dialpad.com/components/banner.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtBanner',\n\n  components: {\n    DtNoticeIcon,\n    DtNoticeContent,\n    DtNoticeAction,\n  },\n\n  mixins: [Modal, SrOnlyCloseButtonMixin],\n\n  props: {\n    /**\n     * Sets an ID on the title element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the title.\n     */\n    titleId: {\n      type: String,\n      default () { return utils.getUniqueString(); },\n    },\n\n    /**\n     * Sets an ID on the content element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the content.\n     */\n    contentId: {\n      type: String,\n      default () { return utils.getUniqueString(); },\n    },\n\n    /**\n     * Title header of the notice. This can be left blank to remove the title from the notice entirely.\n     */\n    title: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Used in scenarios where the message needs to visually dominate the screen.\n     * This will also change the aria role from status to alertdialog.\n     * and will modally trap the keyboard focus in the dialog as soon as it displays.\n     * @values true, false\n     */\n    important: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Pins the banner to the top of the window and pushes all app content down.\n     * @values true, false\n     */\n    pinned: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Severity level of the notice, sets the icon and background\n     * @values base, error, info, success, warning\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validate (kind) {\n        return NOTICE_KINDS.includes(kind);\n      },\n    },\n\n    /**\n     * Props for the notice close button.\n     */\n    closeButtonProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Hides the close button from the notice\n     * @values true, false\n     */\n    hideClose: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Hides the icon from the notice\n     * @values true, false\n     */\n    hideIcon: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Hides the action from the notice\n     * @values true, false\n     */\n    hideAction: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Inner dialog class\n     */\n    dialogClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Banner background image\n     */\n    backgroundImage: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Background image size, follows the background-size CSS property values\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/background-size\" target=\"_blank\">\n     *   CSS background-sizes\n     * </a>\n     */\n    backgroundSize: {\n      type: String,\n      default: 'cover',\n    },\n  },\n\n  emits: [\n    /**\n     * Close button click event\n     *\n     * @event close\n     */\n    'close',\n  ],\n\n  computed: {\n    role () {\n      return this.important ? 'alertdialog' : 'status';\n    },\n\n    bannerClass () {\n      const kindClasses = {\n        error: 'd-banner--error',\n        info: 'd-banner--info',\n        success: 'd-banner--success',\n        warning: 'd-banner--warning',\n        base: 'd-banner--base',\n      };\n\n      return [\n        'd-banner',\n        kindClasses[this.kind],\n        {\n          'd-banner--important': this.important,\n          'd-banner--pinned': this.pinned,\n        },\n      ];\n    },\n\n    bannerBackgroundImage () {\n      if (this.backgroundImage === '') return null;\n\n      return `background-image: url(${this.backgroundImage});\n              background-size: ${this.backgroundSize};`;\n    },\n  },\n\n  mounted () {\n    if (this.important) {\n      this.focusFirstElement();\n    }\n  },\n\n  methods: {\n    trapFocus (e) {\n      if (this.important) {\n        this.focusTrappedTabPress(e);\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtNoticeIcon","DtNoticeContent","DtNoticeAction","Modal","SrOnlyCloseButtonMixin","utils","kind","NOTICE_KINDS","_hoisted_1","_createElementBlock","_normalizeClass","$options","_normalizeStyle","_cache","_withKeys","args","_createElementVNode","$props","_createCommentVNode","_createBlock","_component_dt_notice_icon","_withCtx","_renderSlot","_ctx","_createVNode","_component_dt_notice_content","_component_dt_notice_action"],"mappings":"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"}

package/dist/lib/banner/index.cjs

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

package/dist/lib/banner/index.cjs.map

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

package/dist/lib/banner/index.js

@@ -0,0 +1,5 @@
+import { default as r } from "./banner.js";
+export {
+  r as DtBanner
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/breadcrumbs/breadcrumb-item.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./breadcrumbs-constants.cjs"),a=require("../../common/utils/index.cjs"),e=require("vue"),i=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),u=require("../link/link.cjs"),o=require("../link/link-constants.cjs"),c={name:"DtBreadcrumbItem",components:{DtLink:u.default},inheritAttrs:!1,props:{inverted:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},label:{type:String,default:""}},data(){return{BREADCRUMB_ITEM_SELECTED_MODIFIER:d.BREADCRUMB_ITEM_SELECTED_MODIFIER}},computed:{linkKind(){return this.inverted?"":o.MUTED},linkInverted(){return!!this.inverted},ariaCurrent(){return this.selected?"location":void 0}},methods:{removeClassStyleAttrs:a.removeClassStyleAttrs,addClassStyleAttrs:a.addClassStyleAttrs}};function _(r,E,n,b,l,t){const s=e.resolveComponent("dt-link");return e.openBlock(),e.createElementBlock("li",e.mergeProps({"data-qa":"dt-breadcrumb-item",class:["d-breadcrumbs__item",{[l.BREADCRUMB_ITEM_SELECTED_MODIFIER]:n.selected}]},t.addClassStyleAttrs(r.$attrs)),[e.createVNode(s,e.mergeProps({kind:t.linkKind,inverted:t.linkInverted,"aria-current":t.ariaCurrent,"data-qa":"breadcrumb-item"},t.removeClassStyleAttrs(r.$attrs)),{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(n.label),1)])]),_:3},16,["kind","inverted","aria-current"])],16)}const m=i._(c,[["render",_]]);exports.default=m;
+//# sourceMappingURL=breadcrumb-item.cjs.map

package/dist/lib/breadcrumbs/breadcrumb-item.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-item.cjs","sources":["../../../components/breadcrumbs/breadcrumb_item.vue"],"sourcesContent":["<template>\n  <li\n    data-qa=\"dt-breadcrumb-item\"\n    :class=\"[\n      'd-breadcrumbs__item',\n      { [BREADCRUMB_ITEM_SELECTED_MODIFIER]: selected },\n    ]\"\n    v-bind=\"addClassStyleAttrs($attrs)\"\n  >\n    <dt-link\n      :kind=\"linkKind\"\n      :inverted=\"linkInverted\"\n      :aria-current=\"ariaCurrent\"\n      data-qa=\"breadcrumb-item\"\n      v-bind=\"removeClassStyleAttrs($attrs)\"\n    >\n      <!-- @slot default slot for breadcrumb item's label -->\n      <slot>\n        {{ label }}\n      </slot>\n    </dt-link>\n  </li>\n</template>\n\n<script>\nimport { BREADCRUMB_ITEM_SELECTED_MODIFIER } from './breadcrumbs_constants';\nimport { removeClassStyleAttrs, addClassStyleAttrs } from '@/common/utils';\nimport { DtLink, MUTED } from '@/components/link';\n\nexport default {\n  name: 'DtBreadcrumbItem',\n\n  components: {\n    DtLink,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Passed through to link. If true, applies inverted styles to the link.\n     */\n    inverted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Applies selected styles to the breadcrumb\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Describes the breadcrumb. Overridden by default slot\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      BREADCRUMB_ITEM_SELECTED_MODIFIER,\n\n    };\n  },\n\n  computed: {\n    linkKind () {\n      return this.inverted ? '' : MUTED;\n    },\n\n    linkInverted () {\n      return !!this.inverted;\n    },\n\n    ariaCurrent () {\n      return this.selected ? 'location' : undefined;\n    },\n  },\n\n  methods: {\n    removeClassStyleAttrs,\n    addClassStyleAttrs,\n  },\n};\n</script>\n"],"names":["_sfc_main","DtLink","BREADCRUMB_ITEM_SELECTED_MODIFIER","MUTED","removeClassStyleAttrs","addClassStyleAttrs","_openBlock","_createElementBlock","_mergeProps","$data","$props","$options","_ctx","_createVNode","_component_dt_link","_withCtx","_renderSlot","_createTextVNode","_toDisplayString"],"mappings":"sVA6BKA,EAAU,CACb,KAAM,mBAEN,WAAY,CACV,OAAAC,EAAM,OACP,EAED,aAAc,GAEd,MAAO,CAIL,SAAU,CACR,KAAM,QACN,QAAS,EACV,EAKD,SAAU,CACR,KAAM,QACN,QAAS,EACV,EAKD,MAAO,CACL,KAAM,OACN,QAAS,EACV,CACF,EAED,MAAQ,CACN,MAAO,CACL,kCAAAC,EAAiC,kCAGpC,EAED,SAAU,CACR,UAAY,CACV,OAAO,KAAK,SAAW,GAAKC,OAC7B,EAED,cAAgB,CACd,MAAO,CAAC,CAAC,KAAK,QACf,EAED,aAAe,CACb,OAAO,KAAK,SAAW,WAAa,MACrC,CACF,EAED,QAAS,CACP,sBAAAC,EAAqB,sBACrB,mBAAAC,EAAkB,kBACnB,CACH,gEAxFE,OAAAC,YAAA,EAAAC,qBAoBK,KApBLC,EAAAA,WAoBK,CAnBH,UAAQ,qBACP,MAAK,uBAA0C,CAAA,CAAAC,EAAA,iCAAiC,EAAGC,EAAQ,QAAA,EAIpF,EAAAC,EAAA,mBAAmBC,EAAM,MAAA,CAAA,EAAA,CAEjCC,EAAA,YAWUC,EAXVN,aAWU,CAVP,KAAMG,EAAQ,SACd,SAAUA,EAAY,aACtB,eAAcA,EAAW,YAC1B,UAAQ,iBACA,EAAAA,EAAA,sBAAsBC,EAAM,MAAA,CAAA,EAAA,CAd1C,QAAAG,EAAA,QAiBM,IAEO,CAFPC,EAAAA,WAEOJ,sBAFP,IAEO,CAnBbK,EAAAA,gBAAAC,EAAAA,gBAkBWR,EAAK,KAAA,EAAA,CAAA,MAlBhB,EAAA"}

package/dist/lib/breadcrumbs/breadcrumb-item.js

@@ -0,0 +1,85 @@
+import { BREADCRUMB_ITEM_SELECTED_MODIFIER as l } from "./breadcrumbs-constants.js";
+import { removeClassStyleAttrs as i, addClassStyleAttrs as s } from "../../common/utils/index.js";
+import { resolveComponent as o, openBlock as m, createElementBlock as c, mergeProps as a, createVNode as u, withCtx as f, renderSlot as _, createTextVNode as p, toDisplayString as E } from "vue";
+import { _ as C } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import k from "../link/link.js";
+import { MUTED as D } from "../link/link-constants.js";
+const b = {
+  name: "DtBreadcrumbItem",
+  components: {
+    DtLink: k
+  },
+  inheritAttrs: !1,
+  props: {
+    /**
+     * Passed through to link. If true, applies inverted styles to the link.
+     */
+    inverted: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Applies selected styles to the breadcrumb
+     */
+    selected: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Describes the breadcrumb. Overridden by default slot
+     */
+    label: {
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      BREADCRUMB_ITEM_SELECTED_MODIFIER: l
+    };
+  },
+  computed: {
+    linkKind() {
+      return this.inverted ? "" : D;
+    },
+    linkInverted() {
+      return !!this.inverted;
+    },
+    ariaCurrent() {
+      return this.selected ? "location" : void 0;
+    }
+  },
+  methods: {
+    removeClassStyleAttrs: i,
+    addClassStyleAttrs: s
+  }
+};
+function v(t, B, r, I, n, e) {
+  const d = o("dt-link");
+  return m(), c("li", a({
+    "data-qa": "dt-breadcrumb-item",
+    class: [
+      "d-breadcrumbs__item",
+      { [n.BREADCRUMB_ITEM_SELECTED_MODIFIER]: r.selected }
+    ]
+  }, e.addClassStyleAttrs(t.$attrs)), [
+    u(d, a({
+      kind: e.linkKind,
+      inverted: e.linkInverted,
+      "aria-current": e.ariaCurrent,
+      "data-qa": "breadcrumb-item"
+    }, e.removeClassStyleAttrs(t.$attrs)), {
+      default: f(() => [
+        _(t.$slots, "default", {}, () => [
+          p(E(r.label), 1)
+        ])
+      ]),
+      _: 3
+    }, 16, ["kind", "inverted", "aria-current"])
+  ], 16);
+}
+const T = /* @__PURE__ */ C(b, [["render", v]]);
+export {
+  T as default
+};
+//# sourceMappingURL=breadcrumb-item.js.map

package/dist/lib/breadcrumbs/breadcrumb-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-item.js","sources":["../../../components/breadcrumbs/breadcrumb_item.vue"],"sourcesContent":["<template>\n  <li\n    data-qa=\"dt-breadcrumb-item\"\n    :class=\"[\n      'd-breadcrumbs__item',\n      { [BREADCRUMB_ITEM_SELECTED_MODIFIER]: selected },\n    ]\"\n    v-bind=\"addClassStyleAttrs($attrs)\"\n  >\n    <dt-link\n      :kind=\"linkKind\"\n      :inverted=\"linkInverted\"\n      :aria-current=\"ariaCurrent\"\n      data-qa=\"breadcrumb-item\"\n      v-bind=\"removeClassStyleAttrs($attrs)\"\n    >\n      <!-- @slot default slot for breadcrumb item's label -->\n      <slot>\n        {{ label }}\n      </slot>\n    </dt-link>\n  </li>\n</template>\n\n<script>\nimport { BREADCRUMB_ITEM_SELECTED_MODIFIER } from './breadcrumbs_constants';\nimport { removeClassStyleAttrs, addClassStyleAttrs } from '@/common/utils';\nimport { DtLink, MUTED } from '@/components/link';\n\nexport default {\n  name: 'DtBreadcrumbItem',\n\n  components: {\n    DtLink,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Passed through to link. If true, applies inverted styles to the link.\n     */\n    inverted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Applies selected styles to the breadcrumb\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Describes the breadcrumb. Overridden by default slot\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      BREADCRUMB_ITEM_SELECTED_MODIFIER,\n\n    };\n  },\n\n  computed: {\n    linkKind () {\n      return this.inverted ? '' : MUTED;\n    },\n\n    linkInverted () {\n      return !!this.inverted;\n    },\n\n    ariaCurrent () {\n      return this.selected ? 'location' : undefined;\n    },\n  },\n\n  methods: {\n    removeClassStyleAttrs,\n    addClassStyleAttrs,\n  },\n};\n</script>\n"],"names":["_sfc_main","DtLink","BREADCRUMB_ITEM_SELECTED_MODIFIER","MUTED","removeClassStyleAttrs","addClassStyleAttrs","_openBlock","_createElementBlock","_mergeProps","$data","$props","$options","_ctx","_createVNode","_component_dt_link","_withCtx","_renderSlot","_createTextVNode","_toDisplayString"],"mappings":";;;;;;AA6BA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,QAAAC;AAAA,EACD;AAAA,EAED,cAAc;AAAA,EAEd,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL,mCAAAC;AAAA;EAGH;AAAA,EAED,UAAU;AAAA,IACR,WAAY;AACV,aAAO,KAAK,WAAW,KAAKC;AAAA,IAC7B;AAAA,IAED,eAAgB;AACd,aAAO,CAAC,CAAC,KAAK;AAAA,IACf;AAAA,IAED,cAAe;AACb,aAAO,KAAK,WAAW,aAAa;AAAA,IACrC;AAAA,EACF;AAAA,EAED,SAAS;AAAA,IACP,uBAAAC;AAAA,IACA,oBAAAC;AAAA,EACD;AACH;;;AAxFE,SAAAC,EAAA,GAAAC,EAoBK,MApBLC,EAoBK;AAAA,IAnBH,WAAQ;AAAA,IACP,OAAK;AAAA;MAA0C,EAAA,CAAAC,EAAA,iCAAiC,GAAGC,EAAQ,SAAA;AAAA;EAIpF,GAAAC,EAAA,mBAAmBC,EAAM,MAAA,CAAA,GAAA;AAAA,IAEjCC,EAWUC,GAXVN,EAWU;AAAA,MAVP,MAAMG,EAAQ;AAAA,MACd,UAAUA,EAAY;AAAA,MACtB,gBAAcA,EAAW;AAAA,MAC1B,WAAQ;AAAA,IACA,GAAAA,EAAA,sBAAsBC,EAAM,MAAA,CAAA,GAAA;AAAA,MAd1C,SAAAG,EAiBM,MAEO;AAAA,QAFPC,EAEOJ,yBAFP,MAEO;AAAA,UAnBbK,EAAAC,EAkBWR,EAAK,KAAA,GAAA,CAAA;AAAA;;MAlBhB,GAAA;AAAA;;;;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E="d-breadcrumbs__item--selected",e="d-breadcrumbs--inverted";exports.BREADCRUMBS_INVERTED_MODIFIER=e;exports.BREADCRUMB_ITEM_SELECTED_MODIFIER=E;
+//# sourceMappingURL=breadcrumbs-constants.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs-constants.cjs","sources":["../../../components/breadcrumbs/breadcrumbs_constants.js"],"sourcesContent":["export const BREADCRUMB_ITEM_SELECTED_MODIFIER = 'd-breadcrumbs__item--selected';\nexport const BREADCRUMBS_INVERTED_MODIFIER = 'd-breadcrumbs--inverted';\n"],"names":["BREADCRUMB_ITEM_SELECTED_MODIFIER","BREADCRUMBS_INVERTED_MODIFIER"],"mappings":"gFAAY,MAACA,EAAoC,gCACpCC,EAAgC"}

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

@@ -0,0 +1,6 @@
+const E = "d-breadcrumbs__item--selected", e = "d-breadcrumbs--inverted";
+export {
+  e as BREADCRUMBS_INVERTED_MODIFIER,
+  E as BREADCRUMB_ITEM_SELECTED_MODIFIER
+};
+//# sourceMappingURL=breadcrumbs-constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs-constants.js","sources":["../../../components/breadcrumbs/breadcrumbs_constants.js"],"sourcesContent":["export const BREADCRUMB_ITEM_SELECTED_MODIFIER = 'd-breadcrumbs__item--selected';\nexport const BREADCRUMBS_INVERTED_MODIFIER = 'd-breadcrumbs--inverted';\n"],"names":["BREADCRUMB_ITEM_SELECTED_MODIFIER","BREADCRUMBS_INVERTED_MODIFIER"],"mappings":"AAAY,MAACA,IAAoC,iCACpCC,IAAgC;"}

package/dist/lib/breadcrumbs/breadcrumbs.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./breadcrumbs-constants.cjs"),m=require("./breadcrumb-item.cjs"),s=require("../../common/utils/index.cjs"),e=require("vue"),b=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),i={compatConfig:{MODE:3},name:"DtBreadcrumbs",components:{DtBreadcrumbItem:m.default},props:{breadcrumbs:{type:Array,default:()=>[],validate(t){return t.every(({href:a,label:r})=>a!==void 0&&r!==void 0)}},inverted:{type:Boolean,default:!1},ariaLabel:{type:String,default:"breadcrumb"}},data(){return{BREADCRUMBS_INVERTED_MODIFIER:o.BREADCRUMBS_INVERTED_MODIFIER}},methods:{getBreadcrumbItemKey(t){return`breadcrumbs-item-${t}-${s.default.getUniqueString()}`}}},_=["aria-label"];function B(t,a,r,f,n,u){const d=e.resolveComponent("dt-breadcrumb-item");return e.openBlock(),e.createElementBlock("nav",{"aria-label":r.ariaLabel,"data-qa":"dt-breadcrumbs",class:e.normalizeClass(["d-breadcrumbs",{[n.BREADCRUMBS_INVERTED_MODIFIER]:r.inverted}])},[e.createElementVNode("ol",null,[e.renderSlot(t.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.breadcrumbs,(c,l)=>(e.openBlock(),e.createBlock(d,e.mergeProps({key:u.getBreadcrumbItemKey(l),inverted:r.inverted},c),null,16,["inverted"]))),128))])])],10,_)}const E=b._(i,[["render",B]]);exports.default=E;
+//# sourceMappingURL=breadcrumbs.cjs.map

package/dist/lib/breadcrumbs/breadcrumbs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.cjs","sources":["../../../components/breadcrumbs/breadcrumbs.vue"],"sourcesContent":["<template>\n  <nav\n    :aria-label=\"ariaLabel\"\n    data-qa=\"dt-breadcrumbs\"\n    :class=\"[\n      'd-breadcrumbs',\n      { [BREADCRUMBS_INVERTED_MODIFIER]: inverted },\n    ]\"\n  >\n    <ol>\n      <!-- @slot default slot for breadcrumbs content -->\n      <slot>\n        <dt-breadcrumb-item\n          v-for=\"(item, index) in breadcrumbs\"\n          :key=\"getBreadcrumbItemKey(index)\"\n          :inverted=\"inverted\"\n          v-bind=\"item\"\n        />\n      </slot>\n    </ol>\n  </nav>\n</template>\n\n<script>\nimport { BREADCRUMBS_INVERTED_MODIFIER } from './breadcrumbs_constants';\nimport DtBreadcrumbItem from './breadcrumb_item.vue';\nimport utils from '@/common/utils';\n\n/**\n * Breadcrumbs are links used to provide context for the currently-viewed page\n * and where it is located within the overall site structure.\n * @see https://dialtone.dialpad.com/components/breadcrumbs.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtBreadcrumbs',\n\n  components: {\n    DtBreadcrumbItem,\n  },\n\n  props: {\n    /**\n     * A provided list of breadcrumbs. Overridden by default slot\n     */\n    breadcrumbs: {\n      type: Array,\n      default: () => [],\n      validate (breadcrumbs) {\n        return breadcrumbs.every(({ href, label }) => {\n          return href !== undefined && label !== undefined;\n        });\n      },\n    },\n\n    /**\n     * Passed through to link. If true, applies inverted styles to the link.\n     * @values true, false\n     */\n    inverted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Descriptive label for the navigation content.\n     */\n    ariaLabel: {\n      type: String,\n      default: 'breadcrumb',\n    },\n  },\n\n  data () {\n    return {\n      BREADCRUMBS_INVERTED_MODIFIER,\n    };\n  },\n\n  methods: {\n    getBreadcrumbItemKey (index) {\n      return `breadcrumbs-item-${index}-${utils.getUniqueString()}`;\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtBreadcrumbItem","breadcrumbs","href","label","BREADCRUMBS_INVERTED_MODIFIER","index","utils","_hoisted_1","_createElementBlock","$props","_normalizeClass","$data","_createElementVNode","_renderSlot","_ctx","_openBlock","_Fragment","_renderList","item","_createBlock","_component_dt_breadcrumb_item","_mergeProps","$options"],"mappings":"mTAiCKA,EAAU,CACb,aAAc,CAAE,KAAM,CAAG,EACzB,KAAM,gBAEN,WAAY,CACV,iBAAAC,EAAgB,OACjB,EAED,MAAO,CAIL,YAAa,CACX,KAAM,MACN,QAAS,IAAM,CAAE,EACjB,SAAUC,EAAa,CACrB,OAAOA,EAAY,MAAM,CAAC,CAAE,KAAAC,EAAM,MAAAC,KACzBD,IAAS,QAAaC,IAAU,MACxC,CACF,CACF,EAMD,SAAU,CACR,KAAM,QACN,QAAS,EACV,EAKD,UAAW,CACT,KAAM,OACN,QAAS,YACV,CACF,EAED,MAAQ,CACN,MAAO,+BACLC,EAA6B,8BAEhC,EAED,QAAS,CACP,qBAAsBC,EAAO,CAC3B,MAAO,oBAAoBA,CAAK,IAAIC,EAAAA,QAAM,gBAAiB,CAAA,EAC5D,CACF,CACH,EApFAC,EAAA,CAAA,YAAA,gGACEC,EAmBM,mBAAA,MAAA,CAlBH,aAAYC,EAAS,UACtB,UAAQ,iBACP,MAJLC,EAAAA,eAAA,iBAI8C,CAAA,CAAAC,EAAA,6BAA6B,EAAGF,EAAQ,QAAA,MAKlFG,EAUK,mBAAA,KAAA,KAAA,CARHC,EAAAA,WAOOC,sBAPP,IAOO,EANLC,EAAAA,UAAA,EAAA,EAAAP,EAAA,mBAKEQ,gBAjBVC,EAakC,WAAAR,EAAA,YAblC,CAakBS,EAAMb,KADhBU,YAAA,EAAAI,cAKEC,EALFC,EAAAA,WAKE,CAHC,IAAKC,EAAoB,qBAACjB,CAAK,EAC/B,SAAUI,EAAQ,UACXS,CAAI,EAAA,KAAA,GAAA,CAAA,UAAA,CAAA,aAhBtB,EAAA,GAAAX,CAAA"}