@dialpad/dialtone 9.79.0 → 9.79.2

package/dist/vue3/packages/dialtone-vue3/components/banner/banner.vue.js

@@ -0,0 +1,237 @@
+import Modal from "../../common/mixins/modal.js";
+import utils from "../../../../common/utils.js";
+import SrOnlyCloseButtonMixin from "../../common/mixins/sr_only_close_button.js";
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, withKeys, createElementVNode, createBlock, withCtx, renderSlot, createCommentVNode, createVNode } from "vue";
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+import DtNoticeIcon from "../notice/notice_icon.vue.js";
+import DtNoticeContent from "../notice/notice_content.vue.js";
+import DtNoticeAction from "../notice/notice_action.vue.js";
+import { NOTICE_KINDS } from "../notice/notice_constants.js";
+const _sfc_main = {
+  name: "DtBanner",
+  components: {
+    DtNoticeIcon,
+    DtNoticeContent,
+    DtNoticeAction
+  },
+  mixins: [Modal, SrOnlyCloseButtonMixin],
+  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 utils.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 utils.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: false
+    },
+    /**
+     * Pins the banner to the top of the window and pushes all app content down.
+     * @values true, false
+     */
+    pinned: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Severity level of the notice, sets the icon and background
+     * @values base, error, info, success, warning
+     */
+    kind: {
+      type: String,
+      default: "base",
+      validate(kind) {
+        return NOTICE_KINDS.includes(kind);
+      }
+    },
+    /**
+     * Props for the notice close button.
+     */
+    closeButtonProps: {
+      type: Object,
+      default: () => ({})
+    },
+    /**
+     * Hides the close button from the notice
+     * @values true, false
+     */
+    hideClose: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Hides the icon from the notice
+     * @values true, false
+     */
+    hideIcon: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Hides the action from the notice
+     * @values true, false
+     */
+    hideAction: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * 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() {
+      const kindClasses = {
+        error: "d-banner--error",
+        info: "d-banner--info",
+        success: "d-banner--success",
+        warning: "d-banner--warning",
+        base: "d-banner--base"
+      };
+      return [
+        "d-banner",
+        kindClasses[this.kind],
+        {
+          "d-banner--important": this.important,
+          "d-banner--pinned": this.pinned
+        }
+      ];
+    },
+    bannerBackgroundImage() {
+      if (this.backgroundImage === "") return null;
+      return `background-image: url(${this.backgroundImage});
+              background-size: ${this.backgroundSize};`;
+    }
+  },
+  mounted() {
+    if (this.important) {
+      this.focusFirstElement();
+    }
+  },
+  methods: {
+    trapFocus(e) {
+      if (this.important) {
+        this.focusTrappedTabPress(e);
+      }
+    }
+  }
+};
+const _hoisted_1 = ["role", "aria-labelledby", "aria-describedby"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_notice_icon = resolveComponent("dt-notice-icon");
+  const _component_dt_notice_content = resolveComponent("dt-notice-content");
+  const _component_dt_notice_action = resolveComponent("dt-notice-action");
+  return openBlock(), createElementBlock("aside", {
+    class: normalizeClass($options.bannerClass),
+    style: normalizeStyle($options.bannerBackgroundImage),
+    onKeydown: _cache[1] || (_cache[1] = withKeys((...args) => $options.trapFocus && $options.trapFocus(...args), ["tab"]))
+  }, [
+    createElementVNode("div", {
+      class: normalizeClass(["d-banner__dialog", $props.dialogClass]),
+      role: $options.role,
+      "aria-labelledby": $props.titleId,
+      "aria-describedby": $props.contentId
+    }, [
+      !$props.hideIcon ? (openBlock(), createBlock(_component_dt_notice_icon, {
+        key: 0,
+        kind: $props.kind
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "icon")
+        ]),
+        _: 3
+      }, 8, ["kind"])) : createCommentVNode("", true),
+      createVNode(_component_dt_notice_content, {
+        "title-id": $props.titleId,
+        "content-id": $props.contentId,
+        title: $props.title
+      }, {
+        titleOverride: withCtx(() => [
+          renderSlot(_ctx.$slots, "titleOverride")
+        ]),
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["title-id", "content-id", "title"]),
+      createVNode(_component_dt_notice_action, {
+        "hide-action": $props.hideAction,
+        "hide-close": $props.hideClose,
+        "close-button-props": $props.closeButtonProps,
+        "visually-hidden-close": _ctx.visuallyHiddenClose,
+        "visually-hidden-close-label": _ctx.visuallyHiddenCloseLabel,
+        onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "action")
+        ]),
+        _: 3
+      }, 8, ["hide-action", "hide-close", "close-button-props", "visually-hidden-close", "visually-hidden-close-label"])
+    ], 10, _hoisted_1)
+  ], 38);
+}
+const banner = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  banner as default
+};
+//# sourceMappingURL=banner.vue.js.map

package/dist/vue3/packages/dialtone-vue3/components/banner/banner.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner.vue.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  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":["_createElementBlock","_normalizeClass","_normalizeStyle","_withKeys","_createElementVNode","_createBlock","_withCtx","_renderSlot","_createCommentVNode","_createVNode"],"mappings":"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"}

package/dist/vue3/packages/dialtone-vue3/components/breadcrumbs/breadcrumb_item.vue.cjs

@@ -0,0 +1,79 @@
+"use strict";
+const breadcrumbs_constants = require("./breadcrumbs_constants.cjs");
+const link_constants = require("../link/link_constants.cjs");
+const vue = require("vue");
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
+const link = require("../link/link.vue.cjs");
+const _sfc_main = {
+  name: "DtBreadcrumbItem",
+  components: {
+    DtLink: link
+  },
+  inheritAttrs: false,
+  props: {
+    /**
+     * Passed through to link. If true, applies inverted styles to the link.
+     */
+    inverted: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Applies selected styles to the breadcrumb
+     */
+    selected: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Describes the breadcrumb. Overridden by default slot
+     */
+    label: {
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      BREADCRUMB_ITEM_SELECTED_MODIFIER: breadcrumbs_constants.BREADCRUMB_ITEM_SELECTED_MODIFIER
+    };
+  },
+  computed: {
+    linkKind() {
+      return this.inverted ? "" : link_constants.MUTED;
+    },
+    linkInverted() {
+      return !!this.inverted;
+    },
+    ariaCurrent() {
+      return this.selected ? "location" : void 0;
+    }
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_link = vue.resolveComponent("dt-link");
+  return vue.openBlock(), vue.createElementBlock("li", {
+    "data-qa": "dt-breadcrumb-item",
+    class: vue.normalizeClass([
+      "d-breadcrumbs__item",
+      { [$data.BREADCRUMB_ITEM_SELECTED_MODIFIER]: $props.selected }
+    ])
+  }, [
+    vue.createVNode(_component_dt_link, vue.mergeProps({
+      kind: $options.linkKind,
+      inverted: $options.linkInverted,
+      "aria-current": $options.ariaCurrent,
+      "data-qa": "breadcrumb-item"
+    }, _ctx.$attrs), {
+      default: vue.withCtx(() => [
+        vue.renderSlot(_ctx.$slots, "default", {}, () => [
+          vue.createTextVNode(vue.toDisplayString($props.label), 1)
+        ])
+      ]),
+      _: 3
+    }, 16, ["kind", "inverted", "aria-current"])
+  ], 2);
+}
+const DtBreadcrumbItem = /* @__PURE__ */ _pluginVue_exportHelper(_sfc_main, [["render", _sfc_render]]);
+module.exports = DtBreadcrumbItem;
+//# sourceMappingURL=breadcrumb_item.vue.cjs.map

package/dist/vue3/packages/dialtone-vue3/components/breadcrumbs/breadcrumb_item.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb_item.vue.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  >\n    <dt-link\n      :kind=\"linkKind\"\n      :inverted=\"linkInverted\"\n      :aria-current=\"ariaCurrent\"\n      data-qa=\"breadcrumb-item\"\n      v-bind=\"$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 { DtLink } from '../link';\nimport { MUTED } from '../link/link_constants';\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  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</script>\n"],"names":["DtLink","BREADCRUMB_ITEM_SELECTED_MODIFIER","MUTED","_createElementBlock","_normalizeClass","_createVNode","_mergeProps","_withCtx","_renderSlot","_createTextVNode","_toDisplayString"],"mappings":";;;;;;AA4BA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,QAAAA;AAAAA,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,sBAAiC;AAAA;EAEpC;AAAA,EAED,UAAU;AAAA,IACR,WAAY;AACV,aAAO,KAAK,WAAW,KAAKC;IAC7B;AAAA,IAED,eAAgB;AACd,aAAO,CAAC,CAAC,KAAK;AAAA,IACf;AAAA,IAED,cAAe;AACb,aAAO,KAAK,WAAW,aAAa;AAAA,IACrC;AAAA,EACF;AACH;;;0BAjFEC,IAmBK,mBAAA,MAAA;AAAA,IAlBH,WAAQ;AAAA,IACP,OAHLC,IAAAA,eAAA;AAAA;MAGoD,EAAA,CAAA,MAAA,iCAAiC,GAAG,OAAQ,SAAA;AAAA;;IAK5FC,IAAA,YAWU,oBAXVC,eAWU;AAAA,MAVP,MAAM,SAAQ;AAAA,MACd,UAAU,SAAY;AAAA,MACtB,gBAAc,SAAW;AAAA,MAC1B,WAAQ;AAAA,OACA,KAAM,MAAA,GAAA;AAAA,MAbpB,SAAAC,IAAA,QAgBM,MAEO;AAAA,QAFPC,IAAAA,WAEO,4BAFP,MAEO;AAAA,UAlBbC,IAAAA,gBAAAC,IAAAA,gBAiBW,OAAK,KAAA,GAAA,CAAA;AAAA;;MAjBhB,GAAA;AAAA;;;;;"}

package/dist/vue3/packages/dialtone-vue3/components/breadcrumbs/breadcrumb_item.vue.js

@@ -0,0 +1,80 @@
+import { BREADCRUMB_ITEM_SELECTED_MODIFIER } from "./breadcrumbs_constants.js";
+import { MUTED } from "../link/link_constants.js";
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+import DtLink from "../link/link.vue.js";
+const _sfc_main = {
+  name: "DtBreadcrumbItem",
+  components: {
+    DtLink
+  },
+  inheritAttrs: false,
+  props: {
+    /**
+     * Passed through to link. If true, applies inverted styles to the link.
+     */
+    inverted: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Applies selected styles to the breadcrumb
+     */
+    selected: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Describes the breadcrumb. Overridden by default slot
+     */
+    label: {
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      BREADCRUMB_ITEM_SELECTED_MODIFIER
+    };
+  },
+  computed: {
+    linkKind() {
+      return this.inverted ? "" : MUTED;
+    },
+    linkInverted() {
+      return !!this.inverted;
+    },
+    ariaCurrent() {
+      return this.selected ? "location" : void 0;
+    }
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_link = resolveComponent("dt-link");
+  return openBlock(), createElementBlock("li", {
+    "data-qa": "dt-breadcrumb-item",
+    class: normalizeClass([
+      "d-breadcrumbs__item",
+      { [$data.BREADCRUMB_ITEM_SELECTED_MODIFIER]: $props.selected }
+    ])
+  }, [
+    createVNode(_component_dt_link, mergeProps({
+      kind: $options.linkKind,
+      inverted: $options.linkInverted,
+      "aria-current": $options.ariaCurrent,
+      "data-qa": "breadcrumb-item"
+    }, _ctx.$attrs), {
+      default: withCtx(() => [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createTextVNode(toDisplayString($props.label), 1)
+        ])
+      ]),
+      _: 3
+    }, 16, ["kind", "inverted", "aria-current"])
+  ], 2);
+}
+const DtBreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  DtBreadcrumbItem as default
+};
+//# sourceMappingURL=breadcrumb_item.vue.js.map

package/dist/vue3/packages/dialtone-vue3/components/breadcrumbs/breadcrumb_item.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb_item.vue.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  >\n    <dt-link\n      :kind=\"linkKind\"\n      :inverted=\"linkInverted\"\n      :aria-current=\"ariaCurrent\"\n      data-qa=\"breadcrumb-item\"\n      v-bind=\"$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 { DtLink } from '../link';\nimport { MUTED } from '../link/link_constants';\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  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</script>\n"],"names":["_createElementBlock","_normalizeClass","_createVNode","_mergeProps","_withCtx","_renderSlot","_createTextVNode","_toDisplayString"],"mappings":";;;;;AA4BA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV;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;AAAA;EAEH;AAAA,EAED,UAAU;AAAA,IACR,WAAY;AACV,aAAO,KAAK,WAAW,KAAK;AAAA,IAC7B;AAAA,IAED,eAAgB;AACd,aAAO,CAAC,CAAC,KAAK;AAAA,IACf;AAAA,IAED,cAAe;AACb,aAAO,KAAK,WAAW,aAAa;AAAA,IACrC;AAAA,EACF;AACH;;;sBAjFEA,mBAmBK,MAAA;AAAA,IAlBH,WAAQ;AAAA,IACP,OAHLC,eAAA;AAAA;MAGoD,EAAA,CAAA,MAAA,iCAAiC,GAAG,OAAQ,SAAA;AAAA;;IAK5FC,YAWU,oBAXVC,WAWU;AAAA,MAVP,MAAM,SAAQ;AAAA,MACd,UAAU,SAAY;AAAA,MACtB,gBAAc,SAAW;AAAA,MAC1B,WAAQ;AAAA,OACA,KAAM,MAAA,GAAA;AAAA,MAbpB,SAAAC,QAgBM,MAEO;AAAA,QAFPC,WAEO,4BAFP,MAEO;AAAA,UAlBbC,gBAAAC,gBAiBW,OAAK,KAAA,GAAA,CAAA;AAAA;;MAjBhB,GAAA;AAAA;;;;"}

package/dist/vue3/packages/dialtone-vue3/components/breadcrumbs/breadcrumbs.vue.cjs

@@ -0,0 +1,77 @@
+"use strict";
+const breadcrumbs_constants = require("./breadcrumbs_constants.cjs");
+const breadcrumb_item = require("./breadcrumb_item.vue.cjs");
+const common_utils = require("../../../../common/utils.cjs");
+const vue = require("vue");
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
+const _sfc_main = {
+  name: "DtBreadcrumbs",
+  components: {
+    DtBreadcrumbItem: breadcrumb_item
+  },
+  props: {
+    /**
+     * A provided list of breadcrumbs. Overridden by default slot
+     */
+    breadcrumbs: {
+      type: Array,
+      default: () => [],
+      validate(breadcrumbs2) {
+        return breadcrumbs2.every(({ href, label }) => {
+          return href !== void 0 && label !== void 0;
+        });
+      }
+    },
+    /**
+     * Passed through to link. If true, applies inverted styles to the link.
+     * @values true, false
+     */
+    inverted: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Descriptive label for the navigation content.
+     */
+    ariaLabel: {
+      type: String,
+      default: "breadcrumb"
+    }
+  },
+  data() {
+    return {
+      BREADCRUMBS_INVERTED_MODIFIER: breadcrumbs_constants.BREADCRUMBS_INVERTED_MODIFIER
+    };
+  },
+  methods: {
+    getBreadcrumbItemKey(index) {
+      return `breadcrumbs-item-${index}-${common_utils.default.getUniqueString()}`;
+    }
+  }
+};
+const _hoisted_1 = ["aria-label"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_breadcrumb_item = vue.resolveComponent("dt-breadcrumb-item");
+  return vue.openBlock(), vue.createElementBlock("nav", {
+    "aria-label": $props.ariaLabel,
+    "data-qa": "dt-breadcrumbs",
+    class: vue.normalizeClass([
+      "d-breadcrumbs",
+      { [$data.BREADCRUMBS_INVERTED_MODIFIER]: $props.inverted }
+    ])
+  }, [
+    vue.createElementVNode("ol", null, [
+      vue.renderSlot(_ctx.$slots, "default", {}, () => [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.breadcrumbs, (item, index) => {
+          return vue.openBlock(), vue.createBlock(_component_dt_breadcrumb_item, vue.mergeProps({
+            key: $options.getBreadcrumbItemKey(index),
+            inverted: $props.inverted
+          }, item), null, 16, ["inverted"]);
+        }), 128))
+      ])
+    ])
+  ], 10, _hoisted_1);
+}
+const breadcrumbs = /* @__PURE__ */ _pluginVue_exportHelper(_sfc_main, [["render", _sfc_render]]);
+module.exports = breadcrumbs;
+//# sourceMappingURL=breadcrumbs.vue.cjs.map

package/dist/vue3/packages/dialtone-vue3/components/breadcrumbs/breadcrumbs.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.vue.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  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":["DtBreadcrumbItem","breadcrumbs","BREADCRUMBS_INVERTED_MODIFIER","utils","_createElementBlock","_normalizeClass","_createElementVNode","_renderSlot","_openBlock","_Fragment","_renderList","_createBlock","_mergeProps"],"mappings":";;;;;;AAiCA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,kBAAAA;AAAAA,EACD;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS,MAAM,CAAE;AAAA,MACjB,SAAUC,cAAa;AACrB,eAAOA,aAAY,MAAM,CAAC,EAAE,MAAM,YAAY;AAC5C,iBAAO,SAAS,UAAa,UAAU;AAAA,QACzC,CAAC;AAAA,MACF;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,qCACLC,sBAA6B;AAAA;EAEhC;AAAA,EAED,SAAS;AAAA,IACP,qBAAsB,OAAO;AAC3B,aAAO,oBAAoB,KAAK,IAAIC,aAAAA,QAAM,gBAAiB,CAAA;AAAA,IAC5D;AAAA,EACF;AACH;AAnFA,MAAA,aAAA,CAAA,YAAA;;;0BACEC,IAmBM,mBAAA,OAAA;AAAA,IAlBH,cAAY,OAAS;AAAA,IACtB,WAAQ;AAAA,IACP,OAJLC,IAAAA,eAAA;AAAA;MAI8C,EAAA,CAAA,MAAA,6BAA6B,GAAG,OAAQ,SAAA;AAAA;;IAKlFC,IAUK,mBAAA,MAAA,MAAA;AAAA,MARHC,IAAAA,WAOO,4BAPP,MAOO;AAAA,SANLC,IAAAA,UAAA,IAAA,GAAAJ,IAAA,mBAKEK,oBAjBVC,IAakC,WAAA,OAAA,aAblC,CAakB,MAAM,UAAK;AADrB,iBAAAF,cAAA,GAAAG,gBAKE,+BALFC,IAAAA,WAKE;AAAA,YAHC,KAAK,SAAoB,qBAAC,KAAK;AAAA,YAC/B,UAAU,OAAQ;AAAA,aACX,IAAI,GAAA,MAAA,IAAA,CAAA,UAAA,CAAA;AAAA;;;EAhBtB,GAAA,IAAA,UAAA;;;;"}

package/dist/vue3/packages/dialtone-vue3/components/breadcrumbs/breadcrumbs.vue.js

@@ -0,0 +1,78 @@
+import { BREADCRUMBS_INVERTED_MODIFIER } from "./breadcrumbs_constants.js";
+import DtBreadcrumbItem from "./breadcrumb_item.vue.js";
+import utils from "../../../../common/utils.js";
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, Fragment, renderList, createBlock, mergeProps } from "vue";
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "DtBreadcrumbs",
+  components: {
+    DtBreadcrumbItem
+  },
+  props: {
+    /**
+     * A provided list of breadcrumbs. Overridden by default slot
+     */
+    breadcrumbs: {
+      type: Array,
+      default: () => [],
+      validate(breadcrumbs2) {
+        return breadcrumbs2.every(({ href, label }) => {
+          return href !== void 0 && label !== void 0;
+        });
+      }
+    },
+    /**
+     * Passed through to link. If true, applies inverted styles to the link.
+     * @values true, false
+     */
+    inverted: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Descriptive label for the navigation content.
+     */
+    ariaLabel: {
+      type: String,
+      default: "breadcrumb"
+    }
+  },
+  data() {
+    return {
+      BREADCRUMBS_INVERTED_MODIFIER
+    };
+  },
+  methods: {
+    getBreadcrumbItemKey(index) {
+      return `breadcrumbs-item-${index}-${utils.getUniqueString()}`;
+    }
+  }
+};
+const _hoisted_1 = ["aria-label"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_breadcrumb_item = resolveComponent("dt-breadcrumb-item");
+  return openBlock(), createElementBlock("nav", {
+    "aria-label": $props.ariaLabel,
+    "data-qa": "dt-breadcrumbs",
+    class: normalizeClass([
+      "d-breadcrumbs",
+      { [$data.BREADCRUMBS_INVERTED_MODIFIER]: $props.inverted }
+    ])
+  }, [
+    createElementVNode("ol", null, [
+      renderSlot(_ctx.$slots, "default", {}, () => [
+        (openBlock(true), createElementBlock(Fragment, null, renderList($props.breadcrumbs, (item, index) => {
+          return openBlock(), createBlock(_component_dt_breadcrumb_item, mergeProps({
+            key: $options.getBreadcrumbItemKey(index),
+            inverted: $props.inverted
+          }, item), null, 16, ["inverted"]);
+        }), 128))
+      ])
+    ])
+  ], 10, _hoisted_1);
+}
+const breadcrumbs = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  breadcrumbs as default
+};
+//# sourceMappingURL=breadcrumbs.vue.js.map

package/dist/vue3/packages/dialtone-vue3/components/breadcrumbs/breadcrumbs.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.vue.js","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  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":["breadcrumbs","_createElementBlock","_normalizeClass","_createElementVNode","_renderSlot","_openBlock","_Fragment","_renderList","_createBlock","_mergeProps"],"mappings":";;;;;AAiCA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV;AAAA,EACD;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS,MAAM,CAAE;AAAA,MACjB,SAAUA,cAAa;AACrB,eAAOA,aAAY,MAAM,CAAC,EAAE,MAAM,YAAY;AAC5C,iBAAO,SAAS,UAAa,UAAU;AAAA,QACzC,CAAC;AAAA,MACF;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL;AAAA;EAEH;AAAA,EAED,SAAS;AAAA,IACP,qBAAsB,OAAO;AAC3B,aAAO,oBAAoB,KAAK,IAAI,MAAM,gBAAiB,CAAA;AAAA,IAC5D;AAAA,EACF;AACH;AAnFA,MAAA,aAAA,CAAA,YAAA;;;sBACEC,mBAmBM,OAAA;AAAA,IAlBH,cAAY,OAAS;AAAA,IACtB,WAAQ;AAAA,IACP,OAJLC,eAAA;AAAA;MAI8C,EAAA,CAAA,MAAA,6BAA6B,GAAG,OAAQ,SAAA;AAAA;;IAKlFC,mBAUK,MAAA,MAAA;AAAA,MARHC,WAOO,4BAPP,MAOO;AAAA,SANLC,UAAA,IAAA,GAAAJ,mBAKEK,gBAjBVC,WAakC,OAAA,aAblC,CAakB,MAAM,UAAK;AADrB,iBAAAF,UAAA,GAAAG,YAKE,+BALFC,WAKE;AAAA,YAHC,KAAK,SAAoB,qBAAC,KAAK;AAAA,YAC/B,UAAU,OAAQ;AAAA,aACX,IAAI,GAAA,MAAA,IAAA,CAAA,UAAA,CAAA;AAAA;;;EAhBtB,GAAA,IAAA,UAAA;;;"}

package/dist/vue3/packages/dialtone-vue3/components/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":[],"mappings":";;AAAY,MAAC,oCAAoC;AACrC,MAAC,gCAAgC;;;"}

package/dist/vue3/packages/dialtone-vue3/components/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":[],"mappings":"AAAY,MAAC,oCAAoC;AACrC,MAAC,gCAAgC;"}