@dialpad/dialtone/dist/vue3/lib/breadcrumbs/breadcrumbs.cjs.map

Dialpad's Dialtone design system monorepo

{"version":3,"file":"breadcrumbs.cjs","sources":["../../../components/breadcrumbs/breadcrumbs.vue"],"sourcesContent":["<template>\n  <nav\n    :aria-label=\"ariaLabel || i18n.$t('DIALTONE_BREADCRUMBS_ARIA_LABEL')\"\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';\nimport { DialtoneLocalization } from '@/localization';\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: '',\n    },\n  },\n\n  data () {\n    return {\n      BREADCRUMBS_INVERTED_MODIFIER,\n      i18n: new DialtoneLocalization(),\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","DialtoneLocalization","index","utils","_hoisted_1","_createElementBlock","$props","$data","_normalizeClass","_createElementVNode","_renderSlot","_ctx","_openBlock","_Fragment","_renderList","item","_createBlock","_component_dt_breadcrumb_item","_mergeProps","$options"],"mappings":"6VAkCKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,gBAEN,WAAY,CACV,iBAAAC,EAAAA,SAGF,MAAO,CAIL,YAAa,CACX,KAAM,MACN,QAAS,IAAM,CAAA,EACf,SAAUC,EAAa,CACrB,OAAOA,EAAY,MAAM,CAAC,CAAE,KAAAC,EAAM,MAAAC,KACzBD,IAAS,QAAaC,IAAU,MACxC,CACH,GAOF,SAAU,CACR,KAAM,QACN,QAAS,IAMX,UAAW,CACT,KAAM,OACN,QAAS,KAIb,MAAQ,CACN,MAAO,+BACLC,EAAAA,8BACA,KAAM,IAAIC,EAAAA,qBAEd,EAEA,QAAS,CACP,qBAAsBC,EAAO,CAC3B,MAAO,oBAAoBA,CAAK,IAAIC,EAAAA,QAAM,gBAAe,CAAE,EAC7D,EAEJ,EAtFAC,EAAA,CAAA,YAAA,gGACEC,EAAAA,mBAmBM,MAAA,CAlBH,aAAYC,EAAA,WAAaC,EAAA,KAAK,GAAE,iCAAA,EACjC,UAAQ,iBACP,MAJLC,EAAAA,eAAA,iBAI8C,CAAA,CAAAD,EAAA,6BAA6B,EAAGD,EAAA,QAAQ,MAKlFG,EAAAA,mBAUK,KAAA,KAAA,CARHC,EAAAA,WAOOC,sBAPP,IAOO,EANLC,EAAAA,UAAA,EAAA,EAAAP,EAAAA,mBAKEQ,gBAjBVC,EAAAA,WAakCR,EAAA,YAblC,CAakBS,EAAMb,KADhBU,YAAA,EAAAI,cAKEC,EALFC,EAAAA,WAKE,CAHC,IAAKC,EAAA,qBAAqBjB,CAAK,EAC/B,SAAUI,EAAA,UACHS,CAAI,EAAA,KAAA,GAAA,CAAA,UAAA,CAAA,aAhBtB,EAAA,GAAAX,CAAA"}