@meve/ui/es/breadcrumb-item/index.js

Argon design system components library

import { createNamespace } from '../utils/create';
import { props } from './props';
import { createChildrenMixin } from '../utils/mixins/relation';



var _createNamespace = createNamespace('breadcrumb-item'),
    createComponent = _createNamespace.createComponent,
    namespace = _createNamespace.namespace;

var BreadcrumbItemPlugin = createComponent({
  mixins: [createChildrenMixin('breadcrumb')],
  props: props,
  computed: {
    last: function last() {
      return this.index === this.parent.children.length - 1;
    }
  },
  methods: {
    renderSeparator: function renderSeparator() {
      var _this$separator;

      var h = this.$createElement;

      if (this.last) {
        return;
      }

      if (this.hasSlots('separator')) {
        return this.slots('separator');
      }

      return h("div", {
        "class": namespace('__separator')
      }, [(_this$separator = this.separator) != null ? _this$separator : this.parent.separator]);
    }
  },
  render: function render() {
    var h = arguments[0];
    return h("div", {
      "class": namespace()
    }, [h("div", {
      "class": [namespace('__content'), !this.last ? namespace('--active') : null]
    }, [this.slots()]), this.renderSeparator()]);
  }
});
export var _BreadcrumbItemComponent = BreadcrumbItemPlugin;
export default BreadcrumbItemPlugin;