primevue/organizationchart/style/organizationchartstyle.js

PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc

this.primevue = this.primevue || {};
this.primevue.organizationchart = this.primevue.organizationchart || {};
this.primevue.organizationchart.style = (function (BaseStyle) {
    'use strict';

    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

    var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);

    var classes = {
      root: 'p-organizationchart p-component',
      table: 'p-organizationchart-table',
      node: function node(_ref) {
        var instance = _ref.instance;
        return ['p-organizationchart-node-content', {
          'p-organizationchart-selectable-node': instance.selectable,
          'p-highlight': instance.selected
        }];
      },
      nodeToggler: 'p-node-toggler',
      nodeTogglerIcon: 'p-node-toggler-icon',
      lines: 'p-organizationchart-lines',
      lineDown: 'p-organizationchart-line-down',
      lineLeft: function lineLeft(_ref2) {
        var index = _ref2.index;
        return ['p-organizationchart-line-left', {
          'p-organizationchart-line-top': !(index === 0)
        }];
      },
      lineRight: function lineRight(_ref3) {
        var props = _ref3.props,
          index = _ref3.index;
        return ['p-organizationchart-line-right', {
          'p-organizationchart-line-top': !(index === props.node.children.length - 1)
        }];
      },
      nodes: 'p-organizationchart-nodes'
    };
    var OrganizationChartStyle = BaseStyle__default["default"].extend({
      name: 'organizationchart',
      classes: classes
    });

    return OrganizationChartStyle;

})(primevue.base.style);