@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
71 lines (70 loc) • 2.13 kB
JavaScript
;
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const breadcrumbs_constants = require("./breadcrumbs_constants.cjs");
const link_constants = require("../link/link_constants.cjs");
const _pluginVue2_normalizer = require("../../_virtual/_plugin-vue2_normalizer.cjs");
const link = require("../link/link.vue.cjs");
const _sfc_main = {
name: "DtBreadcrumbItem",
components: {
DtLink: link.default
},
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;
}
}
};
var _sfc_render = function render() {
var _vm = this, _c = _vm._self._c;
return _c("li", { class: [
"d-breadcrumbs__item",
{ [_vm.BREADCRUMB_ITEM_SELECTED_MODIFIER]: _vm.selected }
], attrs: { "data-qa": "dt-breadcrumb-item" } }, [_c("dt-link", _vm._b({ attrs: { "kind": _vm.linkKind, "inverted": _vm.linkInverted, "aria-current": _vm.ariaCurrent, "data-qa": "breadcrumb-item" } }, "dt-link", _vm.$attrs, false), [_vm._t("default", function() {
return [_vm._v(" " + _vm._s(_vm.label) + " ")];
})], 2)], 1);
};
var _sfc_staticRenderFns = [];
var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.default(
_sfc_main,
_sfc_render,
_sfc_staticRenderFns
);
const DtBreadcrumbItem = __component__.exports;
exports.default = DtBreadcrumbItem;
//# sourceMappingURL=breadcrumb_item.vue.cjs.map