@dialpad/dialtone-vue 3.120.0 → 3.120.2

package/dist/lib/breadcrumbs.cjs

@@ -1,2 +1,151 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../chunks/link_constants-Kn6kP4i1.js"),e=require("vue"),i=require("../chunks/_plugin-vue_export-helper-6_y-gaV6.js"),E=require("./link.cjs"),B=require("./utils.cjs");require("./constants.cjs");const u="d-breadcrumbs__item--selected",o="d-breadcrumbs--inverted",D={name:"DtBreadcrumbItem",components:{DtLink:E.DtLink},inheritAttrs:!1,props:{inverted:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},label:{type:String,default:""}},data(){return{BREADCRUMB_ITEM_SELECTED_MODIFIER:u}},computed:{linkKind(){return this.inverted?c.I:c.M},ariaCurrent(){return this.selected?"location":void 0}}};function f(r,a,t,m,d,n){const l=e.resolveComponent("dt-link");return e.openBlock(),e.createElementBlock("li",{"data-qa":"dt-breadcrumb-item",class:e.normalizeClass(["d-breadcrumbs__item",{[d.BREADCRUMB_ITEM_SELECTED_MODIFIER]:t.selected}])},[e.createVNode(l,e.mergeProps({kind:n.linkKind,"aria-current":n.ariaCurrent,"data-qa":"breadcrumb-item"},r.$attrs),{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)])]),_:3},16,["kind","aria-current"])],2)}const s=i._(D,[["render",f]]),I={name:"DtBreadcrumbs",components:{DtBreadcrumbItem:s},props:{breadcrumbs:{type:Array,default:()=>[],validate(r){return r.every(({href:a,label:t})=>a!==void 0&&t!==void 0)}},inverted:{type:Boolean,default:!1},ariaLabel:{type:String,default:"breadcrumb"}},data(){return{BREADCRUMBS_INVERTED_MODIFIER:o}},methods:{getBreadcrumbItemKey(r){return`breadcrumbs-item-${r}-${B.default.getUniqueString()}`}}},p=["aria-label"];function R(r,a,t,m,d,n){const l=e.resolveComponent("dt-breadcrumb-item");return e.openBlock(),e.createElementBlock("nav",{"aria-label":t.ariaLabel,"data-qa":"dt-breadcrumbs",class:e.normalizeClass(["d-breadcrumbs",{[d.BREADCRUMBS_INVERTED_MODIFIER]:t.inverted}])},[e.createElementVNode("ol",null,[e.renderSlot(r.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.breadcrumbs,(b,_)=>(e.openBlock(),e.createBlock(l,e.mergeProps({key:n.getBreadcrumbItemKey(_),inverted:t.inverted},b),null,16,["inverted"]))),128))])])],10,p)}const k=i._(I,[["render",R]]);exports.BREADCRUMBS_INVERTED_MODIFIER=o;exports.BREADCRUMB_ITEM_SELECTED_MODIFIER=u;exports.DtBreadcrumbItem=s;exports.DtBreadcrumbs=k;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const link_constants = require("../chunks/link_constants-Huj7D_hm.js");
+const vue = require("vue");
+const _pluginVue_exportHelper = require("../chunks/_plugin-vue_export-helper-fhnQq0tA.js");
+const lib_link = require("./link.cjs");
+const common_utils = require("../common/utils.cjs");
+require("../common/constants.cjs");
+const BREADCRUMB_ITEM_SELECTED_MODIFIER = "d-breadcrumbs__item--selected";
+const BREADCRUMBS_INVERTED_MODIFIER = "d-breadcrumbs--inverted";
+const _sfc_main$1 = {
+  name: "DtBreadcrumbItem",
+  components: {
+    DtLink: lib_link.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 ? link_constants.INVERTED : link_constants.MUTED;
+    },
+    ariaCurrent() {
+      return this.selected ? "location" : void 0;
+    }
+  }
+};
+function _sfc_render$1(_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,
+      "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", "aria-current"])
+  ], 2);
+}
+const DtBreadcrumbItem = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
+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}-${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._export_sfc(_sfc_main, [["render", _sfc_render]]);
+exports.BREADCRUMBS_INVERTED_MODIFIER = BREADCRUMBS_INVERTED_MODIFIER;
+exports.BREADCRUMB_ITEM_SELECTED_MODIFIER = BREADCRUMB_ITEM_SELECTED_MODIFIER;
+exports.DtBreadcrumbItem = DtBreadcrumbItem;
+exports.DtBreadcrumbs = breadcrumbs;
 //# sourceMappingURL=breadcrumbs.cjs.map

package/dist/lib/breadcrumbs.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.cjs","sources":["../../components/breadcrumbs/breadcrumbs_constants.js","../../components/breadcrumbs/breadcrumb_item.vue","../../components/breadcrumbs/breadcrumbs.vue"],"sourcesContent":["export const BREADCRUMB_ITEM_SELECTED_MODIFIER = 'd-breadcrumbs__item--selected';\nexport const BREADCRUMBS_INVERTED_MODIFIER = 'd-breadcrumbs--inverted';\n","<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      :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 { INVERTED, 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 ? INVERTED : MUTED;\n    },\n\n    ariaCurrent () {\n      return this.selected ? 'location' : undefined;\n    },\n  },\n};\n</script>\n","<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":["BREADCRUMB_ITEM_SELECTED_MODIFIER","BREADCRUMBS_INVERTED_MODIFIER","_sfc_main","DtLink","INVERTED","MUTED","_createElementBlock","_normalizeClass","$data","$props","_createVNode","_component_dt_link","_mergeProps","$options","_ctx","_renderSlot","DtBreadcrumbItem","breadcrumbs","href","label","index","utils","_createElementVNode","_openBlock","_Fragment","_renderList","item","_createBlock","_component_dt_breadcrumb_item"],"mappings":"kSAAY,MAACA,EAAoC,gCACpCC,EAAgC,0BC0BxCC,EAAU,CACb,KAAM,mBAEN,WAAY,CACV,OAAAC,EAAM,MACP,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,kCAAAH,EAEH,EAED,SAAU,CACR,UAAY,CACV,OAAO,KAAK,SAAWI,EAAO,EAAIC,GACnC,EAED,aAAe,CACb,OAAO,KAAK,SAAW,WAAa,MACrC,CACF,CACH,qFA5EEC,EAkBK,mBAAA,KAAA,CAjBH,UAAQ,qBACP,MAAKC,EAAAA,eAAA,uBAA0C,CAAA,CAAAC,EAAA,iCAAiC,EAAGC,EAAQ,QAAA,MAK5FC,EAAA,YAUUC,EAVVC,aAUU,CATP,KAAMC,EAAQ,SACd,eAAcA,EAAW,YAC1B,UAAQ,mBACAC,EAAM,MAAA,EAAA,mBAGd,IAEO,CAFPC,EAAAA,WAEOD,sBAFP,IAEO,qCADFL,EAAK,KAAA,EAAA,CAAA,yECiBXP,EAAU,CACb,KAAM,gBAEN,WAAY,CACV,iBAAAc,CACD,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,CACL,8BAAAlB,EAEH,EAED,QAAS,CACP,qBAAsBmB,EAAO,CAC3B,MAAO,oBAAoBA,CAAK,IAAIC,EAAAA,QAAM,gBAAiB,CAAA,EAC5D,CACF,CACH,iHAlFEf,EAmBM,mBAAA,MAAA,CAlBH,aAAYG,EAAS,UACtB,UAAQ,iBACP,MAAKF,EAAAA,eAAA,iBAAoC,CAAA,CAAAC,EAAA,6BAA6B,EAAGC,EAAQ,QAAA,MAKlFa,EAUK,mBAAA,KAAA,KAAA,CARHP,EAAAA,WAOOD,sBAPP,IAOO,EANLS,EAAAA,UAAA,EAAA,EAAAjB,EAAA,mBAKEkB,WAJwB,KAAAC,EAAA,WAAAhB,EAAA,YAAhB,CAAAiB,EAAMN,KADhBG,YAAA,EAAAI,cAKEC,EALFhB,EAAAA,WAKE,CAHC,IAAKC,EAAoB,qBAACO,CAAK,EAC/B,SAAUX,EAAQ,UACXiB,CAAI,EAAA,KAAA,GAAA,CAAA,UAAA,CAAA"}
+{"version":3,"file":"breadcrumbs.cjs","sources":["../../components/breadcrumbs/breadcrumbs_constants.js","../../components/breadcrumbs/breadcrumb_item.vue","../../components/breadcrumbs/breadcrumbs.vue"],"sourcesContent":["export const BREADCRUMB_ITEM_SELECTED_MODIFIER = 'd-breadcrumbs__item--selected';\nexport const BREADCRUMBS_INVERTED_MODIFIER = 'd-breadcrumbs--inverted';\n","<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      :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 { INVERTED, 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 ? INVERTED : MUTED;\n    },\n\n    ariaCurrent () {\n      return this.selected ? 'location' : undefined;\n    },\n  },\n};\n</script>\n","<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":["_sfc_main","DtLink","INVERTED","MUTED","_createElementBlock","_normalizeClass","_createVNode","_mergeProps","_renderSlot","breadcrumbs","utils","_createElementVNode","_openBlock","_Fragment","_renderList","_createBlock"],"mappings":";;;;;;;;AAAY,MAAC,oCAAoC;AACrC,MAAC,gCAAgC;AC0B7C,MAAKA,cAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,QAAAC,SAAM;AAAA,EACP;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,WAAWC,eAAO,WAAIC;IACnC;AAAA,IAED,cAAe;AACb,aAAO,KAAK,WAAW,aAAa;AAAA,IACrC;AAAA,EACF;AACH;;;0BA5EEC,IAkBK,mBAAA,MAAA;AAAA,IAjBH,WAAQ;AAAA,IACP,OAAKC,IAAAA,eAAA;AAAA;MAA0C,EAAA,CAAA,MAAA,iCAAiC,GAAG,OAAQ,SAAA;AAAA;;IAK5FC,IAAA,YAUU,oBAVVC,eAUU;AAAA,MATP,MAAM,SAAQ;AAAA,MACd,gBAAc,SAAW;AAAA,MAC1B,WAAQ;AAAA,OACA,KAAM,MAAA,GAAA;AAAA,2BAGd,MAEO;AAAA,QAFPC,IAAAA,WAEO,4BAFP,MAEO;AAAA,kDADF,OAAK,KAAA,GAAA,CAAA;AAAA;;;;;;;ACiBhB,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,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,MACL;AAAA;EAEH;AAAA,EAED,SAAS;AAAA,IACP,qBAAsB,OAAO;AAC3B,aAAO,oBAAoB,KAAK,IAAIC,aAAAA,QAAM,gBAAiB,CAAA;AAAA,IAC5D;AAAA,EACF;AACH;;;;0BAlFEN,IAmBM,mBAAA,OAAA;AAAA,IAlBH,cAAY,OAAS;AAAA,IACtB,WAAQ;AAAA,IACP,OAAKC,IAAAA,eAAA;AAAA;MAAoC,EAAA,CAAA,MAAA,6BAA6B,GAAG,OAAQ,SAAA;AAAA;;IAKlFM,IAUK,mBAAA,MAAA,MAAA;AAAA,MARHH,IAAAA,WAOO,4BAPP,MAOO;AAAA,SANLI,IAAAA,UAAA,IAAA,GAAAR,IAAA,mBAKES,cAJwB,MAAAC,IAAA,WAAA,OAAA,aAAhB,CAAA,MAAM,UAAK;AADrB,iBAAAF,cAAA,GAAAG,gBAKE,+BALFR,IAAAA,WAKE;AAAA,YAHC,KAAK,SAAoB,qBAAC,KAAK;AAAA,YAC/B,UAAU,OAAQ;AAAA,aACX,IAAI,GAAA,MAAA,IAAA,CAAA,UAAA,CAAA;AAAA;;;;;;;;;;"}

package/dist/lib/breadcrumbs.js

@@ -1,29 +1,31 @@
-import { I as E, M as p } from "../chunks/link_constants-vIUB92L4.js";
-import { resolveComponent as l, openBlock as a, createElementBlock as c, normalizeClass as s, createVNode as B, mergeProps as m, withCtx as D, renderSlot as u, createTextVNode as I, toDisplayString as R, createElementVNode as v, Fragment as y, renderList as M, createBlock as k } from "vue";
-import { _ as o } from "../chunks/_plugin-vue_export-helper-hUChTQA_.js";
-import { DtLink as C } from "./link.js";
-import g from "./utils.js";
-import "./constants.js";
-const S = "d-breadcrumbs__item--selected", T = "d-breadcrumbs--inverted", h = {
+import { INVERTED, MUTED } from "../chunks/link_constants-nWVlXQBs.js";
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, Fragment, renderList, createBlock } from "vue";
+import { _export_sfc } from "../chunks/_plugin-vue_export-helper-caHeSgYY.js";
+import { DtLink } from "./link.js";
+import utils from "../common/utils.js";
+import "../common/constants.js";
+const BREADCRUMB_ITEM_SELECTED_MODIFIER = "d-breadcrumbs__item--selected";
+const BREADCRUMBS_INVERTED_MODIFIER = "d-breadcrumbs--inverted";
+const _sfc_main$1 = {
   name: "DtBreadcrumbItem",
   components: {
-    DtLink: C
+    DtLink
   },
-  inheritAttrs: !1,
+  inheritAttrs: false,
   props: {
     /**
      * Passed through to link. If true, applies inverted styles to the link.
      */
     inverted: {
       type: Boolean,
-      default: !1
+      default: false
     },
     /**
      * Applies selected styles to the breadcrumb
      */
     selected: {
       type: Boolean,
-      default: !1
+      default: false
     },
     /**
      * Describes the breadcrumb. Overridden by default slot
@@ -35,45 +37,46 @@ const S = "d-breadcrumbs__item--selected", T = "d-breadcrumbs--inverted", h = {
   },
   data() {
     return {
-      BREADCRUMB_ITEM_SELECTED_MODIFIER: S
+      BREADCRUMB_ITEM_SELECTED_MODIFIER
     };
   },
   computed: {
     linkKind() {
-      return this.inverted ? E : p;
+      return this.inverted ? INVERTED : MUTED;
     },
     ariaCurrent() {
       return this.selected ? "location" : void 0;
     }
   }
 };
-function A(t, n, e, b, d, r) {
-  const i = l("dt-link");
-  return a(), c("li", {
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_link = resolveComponent("dt-link");
+  return openBlock(), createElementBlock("li", {
     "data-qa": "dt-breadcrumb-item",
-    class: s([
+    class: normalizeClass([
       "d-breadcrumbs__item",
-      { [d.BREADCRUMB_ITEM_SELECTED_MODIFIER]: e.selected }
+      { [$data.BREADCRUMB_ITEM_SELECTED_MODIFIER]: $props.selected }
     ])
   }, [
-    B(i, m({
-      kind: r.linkKind,
-      "aria-current": r.ariaCurrent,
+    createVNode(_component_dt_link, mergeProps({
+      kind: $options.linkKind,
+      "aria-current": $options.ariaCurrent,
       "data-qa": "breadcrumb-item"
-    }, t.$attrs), {
-      default: D(() => [
-        u(t.$slots, "default", {}, () => [
-          I(R(e.label), 1)
+    }, _ctx.$attrs), {
+      default: withCtx(() => [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createTextVNode(toDisplayString($props.label), 1)
         ])
       ]),
       _: 3
     }, 16, ["kind", "aria-current"])
   ], 2);
 }
-const L = /* @__PURE__ */ o(h, [["render", A]]), N = {
+const DtBreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
+const _sfc_main = {
   name: "DtBreadcrumbs",
   components: {
-    DtBreadcrumbItem: L
+    DtBreadcrumbItem
   },
   props: {
     /**
@@ -82,8 +85,10 @@ const L = /* @__PURE__ */ o(h, [["render", A]]), N = {
     breadcrumbs: {
       type: Array,
       default: () => [],
-      validate(t) {
-        return t.every(({ href: n, label: e }) => n !== void 0 && e !== void 0);
+      validate(breadcrumbs2) {
+        return breadcrumbs2.every(({ href, label }) => {
+          return href !== void 0 && label !== void 0;
+        });
       }
     },
     /**
@@ -92,7 +97,7 @@ const L = /* @__PURE__ */ o(h, [["render", A]]), N = {
      */
     inverted: {
       type: Boolean,
-      default: !1
+      default: false
     },
     /**
      * Descriptive label for the navigation content.
@@ -104,40 +109,43 @@ const L = /* @__PURE__ */ o(h, [["render", A]]), N = {
   },
   data() {
     return {
-      BREADCRUMBS_INVERTED_MODIFIER: T
+      BREADCRUMBS_INVERTED_MODIFIER
     };
   },
   methods: {
-    getBreadcrumbItemKey(t) {
-      return `breadcrumbs-item-${t}-${g.getUniqueString()}`;
+    getBreadcrumbItemKey(index) {
+      return `breadcrumbs-item-${index}-${utils.getUniqueString()}`;
     }
   }
-}, U = ["aria-label"];
-function V(t, n, e, b, d, r) {
-  const i = l("dt-breadcrumb-item");
-  return a(), c("nav", {
-    "aria-label": e.ariaLabel,
+};
+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: s([
+    class: normalizeClass([
       "d-breadcrumbs",
-      { [d.BREADCRUMBS_INVERTED_MODIFIER]: e.inverted }
+      { [$data.BREADCRUMBS_INVERTED_MODIFIER]: $props.inverted }
     ])
   }, [
-    v("ol", null, [
-      u(t.$slots, "default", {}, () => [
-        (a(!0), c(y, null, M(e.breadcrumbs, (_, f) => (a(), k(i, m({
-          key: r.getBreadcrumbItemKey(f),
-          inverted: e.inverted
-        }, _), null, 16, ["inverted"]))), 128))
+    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, U);
+  ], 10, _hoisted_1);
 }
-const w = /* @__PURE__ */ o(N, [["render", V]]);
+const breadcrumbs = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  T as BREADCRUMBS_INVERTED_MODIFIER,
-  S as BREADCRUMB_ITEM_SELECTED_MODIFIER,
-  L as DtBreadcrumbItem,
-  w as DtBreadcrumbs
+  BREADCRUMBS_INVERTED_MODIFIER,
+  BREADCRUMB_ITEM_SELECTED_MODIFIER,
+  DtBreadcrumbItem,
+  breadcrumbs as DtBreadcrumbs
 };
 //# sourceMappingURL=breadcrumbs.js.map

package/dist/lib/breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.js","sources":["../../components/breadcrumbs/breadcrumbs_constants.js","../../components/breadcrumbs/breadcrumb_item.vue","../../components/breadcrumbs/breadcrumbs.vue"],"sourcesContent":["export const BREADCRUMB_ITEM_SELECTED_MODIFIER = 'd-breadcrumbs__item--selected';\nexport const BREADCRUMBS_INVERTED_MODIFIER = 'd-breadcrumbs--inverted';\n","<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      :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 { INVERTED, 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 ? INVERTED : MUTED;\n    },\n\n    ariaCurrent () {\n      return this.selected ? 'location' : undefined;\n    },\n  },\n};\n</script>\n","<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":["BREADCRUMB_ITEM_SELECTED_MODIFIER","BREADCRUMBS_INVERTED_MODIFIER","_sfc_main","DtLink","INVERTED","MUTED","_createElementBlock","_normalizeClass","$data","$props","_createVNode","_component_dt_link","_mergeProps","$options","_ctx","_renderSlot","DtBreadcrumbItem","breadcrumbs","href","label","index","utils","_createElementVNode","_openBlock","_Fragment","_renderList","item","_createBlock","_component_dt_breadcrumb_item"],"mappings":";;;;;;AAAY,MAACA,IAAoC,iCACpCC,IAAgC,2BC0BxCC,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,mCAAAH;AAAA;EAEH;AAAA,EAED,UAAU;AAAA,IACR,WAAY;AACV,aAAO,KAAK,WAAWI,IAAWC;AAAA,IACnC;AAAA,IAED,cAAe;AACb,aAAO,KAAK,WAAW,aAAa;AAAA,IACrC;AAAA,EACF;AACH;;;cA5EEC,EAkBK,MAAA;AAAA,IAjBH,WAAQ;AAAA,IACP,OAAKC,EAAA;AAAA;MAA0C,EAAA,CAAAC,EAAA,iCAAiC,GAAGC,EAAQ,SAAA;AAAA;;IAK5FC,EAUUC,GAVVC,EAUU;AAAA,MATP,MAAMC,EAAQ;AAAA,MACd,gBAAcA,EAAW;AAAA,MAC1B,WAAQ;AAAA,OACAC,EAAM,MAAA,GAAA;AAAA,iBAGd,MAEO;AAAA,QAFPC,EAEOD,yBAFP,MAEO;AAAA,cADFL,EAAK,KAAA,GAAA,CAAA;AAAA;;;;;;iDCiBXP,IAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,kBAAAc;AAAA,EACD;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS,MAAM,CAAE;AAAA,MACjB,SAAUC,GAAa;AACrB,eAAOA,EAAY,MAAM,CAAC,EAAE,MAAAC,GAAM,OAAAC,QACzBD,MAAS,UAAaC,MAAU,MACxC;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,+BAAAlB;AAAA;EAEH;AAAA,EAED,SAAS;AAAA,IACP,qBAAsBmB,GAAO;AAC3B,aAAO,oBAAoBA,CAAK,IAAIC,EAAM,gBAAiB,CAAA;AAAA,IAC5D;AAAA,EACF;AACH;;;cAlFEf,EAmBM,OAAA;AAAA,IAlBH,cAAYG,EAAS;AAAA,IACtB,WAAQ;AAAA,IACP,OAAKF,EAAA;AAAA;MAAoC,EAAA,CAAAC,EAAA,6BAA6B,GAAGC,EAAQ,SAAA;AAAA;;IAKlFa,EAUK,MAAA,MAAA;AAAA,MARHP,EAOOD,yBAPP,MAOO;AAAA,SANLS,EAAA,EAAA,GAAAjB,EAKEkB,GAJwB,MAAAC,EAAAhB,EAAA,aAAhB,CAAAiB,GAAMN,OADhBG,EAAA,GAAAI,EAKEC,GALFhB,EAKE;AAAA,UAHC,KAAKC,EAAoB,qBAACO,CAAK;AAAA,UAC/B,UAAUX,EAAQ;AAAA,WACXiB,CAAI,GAAA,MAAA,IAAA,CAAA,UAAA,CAAA;;;;;;"}
+{"version":3,"file":"breadcrumbs.js","sources":["../../components/breadcrumbs/breadcrumbs_constants.js","../../components/breadcrumbs/breadcrumb_item.vue","../../components/breadcrumbs/breadcrumbs.vue"],"sourcesContent":["export const BREADCRUMB_ITEM_SELECTED_MODIFIER = 'd-breadcrumbs__item--selected';\nexport const BREADCRUMBS_INVERTED_MODIFIER = 'd-breadcrumbs--inverted';\n","<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      :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 { INVERTED, 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 ? INVERTED : MUTED;\n    },\n\n    ariaCurrent () {\n      return this.selected ? 'location' : undefined;\n    },\n  },\n};\n</script>\n","<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":["_sfc_main","_createElementBlock","_normalizeClass","_createVNode","_mergeProps","_renderSlot","breadcrumbs","_createElementVNode","_openBlock","_Fragment","_renderList","_createBlock"],"mappings":";;;;;;AAAY,MAAC,oCAAoC;AACrC,MAAC,gCAAgC;AC0B7C,MAAKA,cAAU;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,WAAW;AAAA,IACnC;AAAA,IAED,cAAe;AACb,aAAO,KAAK,WAAW,aAAa;AAAA,IACrC;AAAA,EACF;AACH;;;sBA5EEC,mBAkBK,MAAA;AAAA,IAjBH,WAAQ;AAAA,IACP,OAAKC,eAAA;AAAA;MAA0C,EAAA,CAAA,MAAA,iCAAiC,GAAG,OAAQ,SAAA;AAAA;;IAK5FC,YAUU,oBAVVC,WAUU;AAAA,MATP,MAAM,SAAQ;AAAA,MACd,gBAAc,SAAW;AAAA,MAC1B,WAAQ;AAAA,OACA,KAAM,MAAA,GAAA;AAAA,uBAGd,MAEO;AAAA,QAFPC,WAEO,4BAFP,MAEO;AAAA,0CADF,OAAK,KAAA,GAAA,CAAA;AAAA;;;;;;;ACiBhB,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,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,MACL;AAAA;EAEH;AAAA,EAED,SAAS;AAAA,IACP,qBAAsB,OAAO;AAC3B,aAAO,oBAAoB,KAAK,IAAI,MAAM,gBAAiB,CAAA;AAAA,IAC5D;AAAA,EACF;AACH;;;;sBAlFEL,mBAmBM,OAAA;AAAA,IAlBH,cAAY,OAAS;AAAA,IACtB,WAAQ;AAAA,IACP,OAAKC,eAAA;AAAA;MAAoC,EAAA,CAAA,MAAA,6BAA6B,GAAG,OAAQ,SAAA;AAAA;;IAKlFK,mBAUK,MAAA,MAAA;AAAA,MARHF,WAOO,4BAPP,MAOO;AAAA,SANLG,UAAA,IAAA,GAAAP,mBAKEQ,UAJwB,MAAAC,WAAA,OAAA,aAAhB,CAAA,MAAM,UAAK;AADrB,iBAAAF,UAAA,GAAAG,YAKE,+BALFP,WAKE;AAAA,YAHC,KAAK,SAAoB,qBAAC,KAAK;AAAA,YAC/B,UAAU,OAAQ;AAAA,aACX,IAAI,GAAA,MAAA,IAAA,CAAA,UAAA,CAAA;AAAA;;;;;;"}

package/dist/lib/button-group.cjs

@@ -1,2 +1,42 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("../chunks/_plugin-vue_export-helper-6_y-gaV6.js"),n={start:"d-btn-group--start",end:"d-btn-group--end","space-between":"d-btn-group--space-between"},s={name:"DtButtonGroup",props:{alignment:{type:String,default:"start",validator:t=>Object.keys(n).includes(t)}},data(){return{BUTTON_GROUP_ALIGNMENT:n}}};function a(t,l,r,p,o,d){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["d-btn-group",o.BUTTON_GROUP_ALIGNMENT[r.alignment]]),role:"group"},[e.renderSlot(t.$slots,"default")],2)}const c=u._(s,[["render",a]]);exports.BUTTON_GROUP_ALIGNMENT=n;exports.DtButtonGroup=c;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const _pluginVue_exportHelper = require("../chunks/_plugin-vue_export-helper-fhnQq0tA.js");
+const BUTTON_GROUP_ALIGNMENT = {
+  start: "d-btn-group--start",
+  end: "d-btn-group--end",
+  "space-between": "d-btn-group--space-between"
+};
+const _sfc_main = {
+  name: "DtButtonGroup",
+  props: {
+    /**
+     * Alignment of the buttons inside the container
+     */
+    alignment: {
+      type: String,
+      default: "start",
+      validator: (alignment) => Object.keys(BUTTON_GROUP_ALIGNMENT).includes(alignment)
+    }
+  },
+  data() {
+    return {
+      BUTTON_GROUP_ALIGNMENT
+    };
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass([
+      "d-btn-group",
+      $data.BUTTON_GROUP_ALIGNMENT[$props.alignment]
+    ]),
+    role: "group"
+  }, [
+    vue.renderSlot(_ctx.$slots, "default")
+  ], 2);
+}
+const button_group = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
+exports.BUTTON_GROUP_ALIGNMENT = BUTTON_GROUP_ALIGNMENT;
+exports.DtButtonGroup = button_group;
 //# sourceMappingURL=button-group.cjs.map

package/dist/lib/button-group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.cjs","sources":["../../components/button_group/button_group_constants.js","../../components/button_group/button_group.vue"],"sourcesContent":["export const BUTTON_GROUP_ALIGNMENT = {\n  start: 'd-btn-group--start',\n  end: 'd-btn-group--end',\n  'space-between': 'd-btn-group--space-between',\n};\n","<template>\n  <div\n    :class=\"[\n      'd-btn-group',\n      BUTTON_GROUP_ALIGNMENT[alignment],\n    ]\"\n    role=\"group\"\n  >\n    <!-- @slot Default slot for button items -->\n    <slot />\n  </div>\n</template>\n\n<script>\nimport { BUTTON_GROUP_ALIGNMENT } from './button_group_constants';\n\nexport default {\n  name: 'DtButtonGroup',\n\n  props: {\n    /**\n     * Alignment of the buttons inside the container\n     */\n    alignment: {\n      type: String,\n      default: 'start',\n      validator: (alignment) => Object.keys(BUTTON_GROUP_ALIGNMENT).includes(alignment),\n    },\n  },\n\n  data () {\n    return {\n      BUTTON_GROUP_ALIGNMENT,\n    };\n  },\n};\n</script>\n"],"names":["BUTTON_GROUP_ALIGNMENT","_sfc_main","alignment","_createElementBlock","_normalizeClass","$data","$props","_renderSlot","_ctx"],"mappings":"oKAAaA,EAAyB,CACpC,MAAO,qBACP,IAAK,mBACL,gBAAiB,4BACnB,ECYKC,EAAU,CACb,KAAM,gBAEN,MAAO,CAIL,UAAW,CACT,KAAM,OACN,QAAS,QACT,UAAYC,GAAc,OAAO,KAAKF,CAAsB,EAAE,SAASE,CAAS,CACjF,CACF,EAED,MAAQ,CACN,MAAO,CACL,uBAAAF,EAEH,CACH,+CAlCEG,EASM,mBAAA,MAAA,CARH,MAAKC,EAAAA,eAAA,eAA+BC,EAAA,uBAAuBC,EAAS,SAAA,IAIrE,KAAK,UAGLC,aAAQC,EAAA,OAAA,SAAA"}
+{"version":3,"file":"button-group.cjs","sources":["../../components/button_group/button_group_constants.js","../../components/button_group/button_group.vue"],"sourcesContent":["export const BUTTON_GROUP_ALIGNMENT = {\n  start: 'd-btn-group--start',\n  end: 'd-btn-group--end',\n  'space-between': 'd-btn-group--space-between',\n};\n","<template>\n  <div\n    :class=\"[\n      'd-btn-group',\n      BUTTON_GROUP_ALIGNMENT[alignment],\n    ]\"\n    role=\"group\"\n  >\n    <!-- @slot Default slot for button items -->\n    <slot />\n  </div>\n</template>\n\n<script>\nimport { BUTTON_GROUP_ALIGNMENT } from './button_group_constants';\n\nexport default {\n  name: 'DtButtonGroup',\n\n  props: {\n    /**\n     * Alignment of the buttons inside the container\n     */\n    alignment: {\n      type: String,\n      default: 'start',\n      validator: (alignment) => Object.keys(BUTTON_GROUP_ALIGNMENT).includes(alignment),\n    },\n  },\n\n  data () {\n    return {\n      BUTTON_GROUP_ALIGNMENT,\n    };\n  },\n};\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_renderSlot"],"mappings":";;;;AAAY,MAAC,yBAAyB;AAAA,EACpC,OAAO;AAAA,EACP,KAAK;AAAA,EACL,iBAAiB;AACnB;ACYA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,cAAc,OAAO,KAAK,sBAAsB,EAAE,SAAS,SAAS;AAAA,IACjF;AAAA,EACF;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL;AAAA;EAEH;AACH;;0BAlCEA,IASM,mBAAA,OAAA;AAAA,IARH,OAAKC,IAAAA,eAAA;AAAA;MAA+B,MAAA,uBAAuB,OAAS,SAAA;AAAA;IAIrE,MAAK;AAAA;IAGLC,eAAQ,KAAA,QAAA,SAAA;AAAA;;;;;"}

package/dist/lib/button-group.js

@@ -1,10 +1,11 @@
-import { openBlock as o, createElementBlock as s, normalizeClass as a, renderSlot as p } from "vue";
-import { _ as u } from "../chunks/_plugin-vue_export-helper-hUChTQA_.js";
-const e = {
+import { openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+import { _export_sfc } from "../chunks/_plugin-vue_export-helper-caHeSgYY.js";
+const BUTTON_GROUP_ALIGNMENT = {
   start: "d-btn-group--start",
   end: "d-btn-group--end",
   "space-between": "d-btn-group--space-between"
-}, c = {
+};
+const _sfc_main = {
   name: "DtButtonGroup",
   props: {
     /**
@@ -13,29 +14,29 @@ const e = {
     alignment: {
       type: String,
       default: "start",
-      validator: (t) => Object.keys(e).includes(t)
+      validator: (alignment) => Object.keys(BUTTON_GROUP_ALIGNMENT).includes(alignment)
     }
   },
   data() {
     return {
-      BUTTON_GROUP_ALIGNMENT: e
+      BUTTON_GROUP_ALIGNMENT
     };
   }
 };
-function d(t, l, n, _, r, i) {
-  return o(), s("div", {
-    class: a([
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass([
       "d-btn-group",
-      r.BUTTON_GROUP_ALIGNMENT[n.alignment]
+      $data.BUTTON_GROUP_ALIGNMENT[$props.alignment]
     ]),
     role: "group"
   }, [
-    p(t.$slots, "default")
+    renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-const b = /* @__PURE__ */ u(c, [["render", d]]);
+const button_group = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  e as BUTTON_GROUP_ALIGNMENT,
-  b as DtButtonGroup
+  BUTTON_GROUP_ALIGNMENT,
+  button_group as DtButtonGroup
 };
 //# sourceMappingURL=button-group.js.map

package/dist/lib/button-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.js","sources":["../../components/button_group/button_group_constants.js","../../components/button_group/button_group.vue"],"sourcesContent":["export const BUTTON_GROUP_ALIGNMENT = {\n  start: 'd-btn-group--start',\n  end: 'd-btn-group--end',\n  'space-between': 'd-btn-group--space-between',\n};\n","<template>\n  <div\n    :class=\"[\n      'd-btn-group',\n      BUTTON_GROUP_ALIGNMENT[alignment],\n    ]\"\n    role=\"group\"\n  >\n    <!-- @slot Default slot for button items -->\n    <slot />\n  </div>\n</template>\n\n<script>\nimport { BUTTON_GROUP_ALIGNMENT } from './button_group_constants';\n\nexport default {\n  name: 'DtButtonGroup',\n\n  props: {\n    /**\n     * Alignment of the buttons inside the container\n     */\n    alignment: {\n      type: String,\n      default: 'start',\n      validator: (alignment) => Object.keys(BUTTON_GROUP_ALIGNMENT).includes(alignment),\n    },\n  },\n\n  data () {\n    return {\n      BUTTON_GROUP_ALIGNMENT,\n    };\n  },\n};\n</script>\n"],"names":["BUTTON_GROUP_ALIGNMENT","_sfc_main","alignment","_createElementBlock","_normalizeClass","$data","$props","_renderSlot","_ctx"],"mappings":";;AAAY,MAACA,IAAyB;AAAA,EACpC,OAAO;AAAA,EACP,KAAK;AAAA,EACL,iBAAiB;AACnB,GCYKC,IAAU;AAAA,EACb,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAACC,MAAc,OAAO,KAAKF,CAAsB,EAAE,SAASE,CAAS;AAAA,IACjF;AAAA,EACF;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL,wBAAAF;AAAA;EAEH;AACH;;cAlCEG,EASM,OAAA;AAAA,IARH,OAAKC,EAAA;AAAA;MAA+BC,EAAA,uBAAuBC,EAAS,SAAA;AAAA;IAIrE,MAAK;AAAA;IAGLC,EAAQC,EAAA,QAAA,SAAA;AAAA;;;"}
+{"version":3,"file":"button-group.js","sources":["../../components/button_group/button_group_constants.js","../../components/button_group/button_group.vue"],"sourcesContent":["export const BUTTON_GROUP_ALIGNMENT = {\n  start: 'd-btn-group--start',\n  end: 'd-btn-group--end',\n  'space-between': 'd-btn-group--space-between',\n};\n","<template>\n  <div\n    :class=\"[\n      'd-btn-group',\n      BUTTON_GROUP_ALIGNMENT[alignment],\n    ]\"\n    role=\"group\"\n  >\n    <!-- @slot Default slot for button items -->\n    <slot />\n  </div>\n</template>\n\n<script>\nimport { BUTTON_GROUP_ALIGNMENT } from './button_group_constants';\n\nexport default {\n  name: 'DtButtonGroup',\n\n  props: {\n    /**\n     * Alignment of the buttons inside the container\n     */\n    alignment: {\n      type: String,\n      default: 'start',\n      validator: (alignment) => Object.keys(BUTTON_GROUP_ALIGNMENT).includes(alignment),\n    },\n  },\n\n  data () {\n    return {\n      BUTTON_GROUP_ALIGNMENT,\n    };\n  },\n};\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_renderSlot"],"mappings":";;AAAY,MAAC,yBAAyB;AAAA,EACpC,OAAO;AAAA,EACP,KAAK;AAAA,EACL,iBAAiB;AACnB;ACYA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,cAAc,OAAO,KAAK,sBAAsB,EAAE,SAAS,SAAS;AAAA,IACjF;AAAA,EACF;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL;AAAA;EAEH;AACH;;sBAlCEA,mBASM,OAAA;AAAA,IARH,OAAKC,eAAA;AAAA;MAA+B,MAAA,uBAAuB,OAAS,SAAA;AAAA;IAIrE,MAAK;AAAA;IAGLC,WAAQ,KAAA,QAAA,SAAA;AAAA;;;"}