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

Dialpad's Dialtone design system monorepo

{"version":3,"file":"breadcrumbs.cjs","names":[],"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"],"mappings":"wXAkCA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,gBAEN,WAAY,CACV,iBAAA,EAAA,QACD,CAED,MAAO,CAIL,YAAa,CACX,KAAM,MACN,YAAe,EAAE,CACjB,SAAU,EAAa,CACrB,OAAO,EAAY,OAAO,CAAE,OAAM,WACzB,IAAS,IAAA,IAAa,IAAU,IAAA,GACvC,EAEL,CAMD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAKD,UAAW,CACT,KAAM,OACN,QAAS,GACV,CACF,CAED,MAAQ,CACN,MAAO,CACL,8BAAA,EAAA,8BACA,KAAM,IAAI,EAAA,qBACX,EAGH,QAAS,CACP,qBAAsB,EAAO,CAC3B,MAAO,oBAAoB,EAAM,GAAG,EAAA,QAAM,iBAAiB,IAE9D,CACF,8IAlEO,MAAA,CAlBH,aAAY,EAAA,WAAa,EAAA,KAAK,GAAE,kCAAA,CACjC,UAAQ,iBACP,OAAA,EAAA,EAAA,gBAAK,CAAA,gBAAA,EAAoC,EAAA,+BAAgC,EAAA,SAAQ,CAAA,CAAA,4BAe7E,KAAA,KAAA,EAAA,EAAA,EAAA,YADI,EAAA,OAAA,UAAA,EAAA,KAAA,GAAA,EAAA,EAAA,WAAA,GAAA,EAAA,EAAA,EAAA,oBADH,EAAA,SAAA,MAAA,EAAA,EAAA,YAJwB,EAAA,aAAhB,EAAM,yCAId,GAAA,EAAA,EAAA,YAAA,CAHC,IAAK,EAAA,qBAAqB,EAAK,CAC/B,SAAU,EAAA,uBACH,EAAI,CAAA,KAAA,GAAA,CAAA,WAAA,CAAA"}