primevuelab 4.0.0-beta.4

package/organizationchart/organizationchart.mjs

@@ -0,0 +1,316 @@
+import BaseComponent from '@primevuelab/core/basecomponent';
+import OrganizationChartStyle from 'primevuelab/organizationchart/style';
+import { DomHandler } from '@primevuelab/core/utils';
+import ChevronDownIcon from '@primevuelab/icons/chevrondown';
+import ChevronUpIcon from '@primevuelab/icons/chevronup';
+import { resolveComponent, openBlock, createElementBlock, mergeProps, createElementVNode, normalizeProps, guardReactiveProps, createBlock, resolveDynamicComponent, createCommentVNode, Fragment, renderList, createVNode } from 'vue';
+
+var script$2 = {
+  name: 'BaseOrganizationChart',
+  "extends": BaseComponent,
+  props: {
+    value: {
+      type: null,
+      "default": null
+    },
+    selectionKeys: {
+      type: null,
+      "default": null
+    },
+    selectionMode: {
+      type: String,
+      "default": null
+    },
+    collapsible: {
+      type: Boolean,
+      "default": false
+    },
+    collapsedKeys: {
+      type: null,
+      "default": null
+    }
+  },
+  style: OrganizationChartStyle,
+  provide: function provide() {
+    return {
+      $pcOrganizationChart: this,
+      $parentInstance: this
+    };
+  }
+};
+
+var script$1 = {
+  name: 'OrganizationChartNode',
+  hostName: 'OrganizationChart',
+  "extends": BaseComponent,
+  emits: ['node-click', 'node-toggle'],
+  props: {
+    node: {
+      type: null,
+      "default": null
+    },
+    templates: {
+      type: null,
+      "default": null
+    },
+    collapsible: {
+      type: Boolean,
+      "default": false
+    },
+    collapsedKeys: {
+      type: null,
+      "default": null
+    },
+    selectionKeys: {
+      type: null,
+      "default": null
+    },
+    selectionMode: {
+      type: String,
+      "default": null
+    }
+  },
+  methods: {
+    getPTOptions: function getPTOptions(key) {
+      return this.ptm(key, {
+        context: {
+          expanded: this.expanded,
+          selectable: this.selectable,
+          selected: this.selected,
+          toggleable: this.toggleable,
+          active: this.selected
+        }
+      });
+    },
+    getNodeOptions: function getNodeOptions(lineTop, key) {
+      return this.ptm(key, {
+        context: {
+          lineTop: lineTop
+        }
+      });
+    },
+    onNodeClick: function onNodeClick(event) {
+      if (DomHandler.isAttributeEquals(event.target, 'data-pc-section', 'nodetogglebutton') || DomHandler.isAttributeEquals(event.target, 'data-pc-section', 'nodetogglebuttonicon')) {
+        return;
+      }
+      if (this.selectionMode) {
+        this.$emit('node-click', this.node);
+      }
+    },
+    onChildNodeClick: function onChildNodeClick(node) {
+      this.$emit('node-click', node);
+    },
+    toggleNode: function toggleNode() {
+      this.$emit('node-toggle', this.node);
+    },
+    onChildNodeToggle: function onChildNodeToggle(node) {
+      this.$emit('node-toggle', node);
+    },
+    onKeydown: function onKeydown(event) {
+      if (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') {
+        this.toggleNode();
+        event.preventDefault();
+      }
+    }
+  },
+  computed: {
+    leaf: function leaf() {
+      return this.node.leaf === false ? false : !(this.node.children && this.node.children.length);
+    },
+    colspan: function colspan() {
+      return this.node.children && this.node.children.length ? this.node.children.length * 2 : null;
+    },
+    childStyle: function childStyle() {
+      return {
+        visibility: !this.leaf && this.expanded ? 'inherit' : 'hidden'
+      };
+    },
+    expanded: function expanded() {
+      return this.collapsedKeys[this.node.key] === undefined;
+    },
+    selectable: function selectable() {
+      return this.selectionMode && this.node.selectable !== false;
+    },
+    selected: function selected() {
+      return this.selectable && this.selectionKeys && this.selectionKeys[this.node.key] === true;
+    },
+    toggleable: function toggleable() {
+      return this.collapsible && this.node.collapsible !== false && !this.leaf;
+    }
+  },
+  components: {
+    ChevronDownIcon: ChevronDownIcon,
+    ChevronUpIcon: ChevronUpIcon
+  }
+};
+
+var _hoisted_1 = ["colspan"];
+var _hoisted_2 = ["colspan"];
+var _hoisted_3 = ["colspan"];
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_OrganizationChartNode = resolveComponent("OrganizationChartNode", true);
+  return openBlock(), createElementBlock("table", mergeProps({
+    "class": _ctx.cx('table')
+  }, _ctx.ptm('table')), [createElementVNode("tbody", normalizeProps(guardReactiveProps(_ctx.ptm('body'))), [$props.node ? (openBlock(), createElementBlock("tr", normalizeProps(mergeProps({
+    key: 0
+  }, _ctx.ptm('row'))), [createElementVNode("td", mergeProps({
+    colspan: $options.colspan
+  }, _ctx.ptm('cell')), [createElementVNode("div", mergeProps({
+    "class": [_ctx.cx('node'), $props.node.styleClass],
+    onClick: _cache[2] || (_cache[2] = function () {
+      return $options.onNodeClick && $options.onNodeClick.apply($options, arguments);
+    })
+  }, $options.getPTOptions('node')), [(openBlock(), createBlock(resolveDynamicComponent($props.templates[$props.node.type] || $props.templates['default']), {
+    node: $props.node
+  }, null, 8, ["node"])), $options.toggleable ? (openBlock(), createElementBlock("a", mergeProps({
+    key: 0,
+    tabindex: "0",
+    "class": _ctx.cx('nodeToggleButton'),
+    onClick: _cache[0] || (_cache[0] = function () {
+      return $options.toggleNode && $options.toggleNode.apply($options, arguments);
+    }),
+    onKeydown: _cache[1] || (_cache[1] = function () {
+      return $options.onKeydown && $options.onKeydown.apply($options, arguments);
+    })
+  }, $options.getPTOptions('nodeToggleButton')), [$props.templates.toggleicon || $props.templates.togglericon ? (openBlock(), createBlock(resolveDynamicComponent($props.templates.toggleicon || $props.templates.togglericon), mergeProps({
+    key: 0,
+    expanded: $options.expanded,
+    "class": _ctx.cx('nodeToggleButtonIcon')
+  }, $options.getPTOptions('nodeToggleButtonIcon')), null, 16, ["expanded", "class"])) : (openBlock(), createBlock(resolveDynamicComponent($options.expanded ? 'ChevronDownIcon' : 'ChevronUpIcon'), mergeProps({
+    key: 1,
+    "class": _ctx.cx('nodeToggleButtonIcon')
+  }, $options.getPTOptions('nodeToggleButtonIcon')), null, 16, ["class"]))], 16)) : createCommentVNode("", true)], 16)], 16, _hoisted_1)], 16)) : createCommentVNode("", true), createElementVNode("tr", mergeProps({
+    style: $options.childStyle,
+    "class": _ctx.cx('connectors')
+  }, _ctx.ptm('connectors')), [createElementVNode("td", mergeProps({
+    colspan: $options.colspan
+  }, _ctx.ptm('lineCell')), [createElementVNode("div", mergeProps({
+    "class": _ctx.cx('connectorDown')
+  }, _ctx.ptm('connectorDown')), null, 16)], 16, _hoisted_2)], 16), createElementVNode("tr", mergeProps({
+    style: $options.childStyle,
+    "class": _ctx.cx('connectors')
+  }, _ctx.ptm('connectors')), [$props.node.children && $props.node.children.length === 1 ? (openBlock(), createElementBlock("td", mergeProps({
+    key: 0,
+    colspan: $options.colspan
+  }, _ctx.ptm('lineCell')), [createElementVNode("div", mergeProps({
+    "class": _ctx.cx('connectorDown')
+  }, _ctx.ptm('connectorDown')), null, 16)], 16, _hoisted_3)) : createCommentVNode("", true), $props.node.children && $props.node.children.length > 1 ? (openBlock(true), createElementBlock(Fragment, {
+    key: 1
+  }, renderList($props.node.children, function (child, i) {
+    return openBlock(), createElementBlock(Fragment, {
+      key: child.key
+    }, [createElementVNode("td", mergeProps({
+      "class": _ctx.cx('connectorLeft', {
+        index: i
+      }),
+      ref_for: true
+    }, $options.getNodeOptions(!(i === 0), 'connectorLeft')), " ", 16), createElementVNode("td", mergeProps({
+      "class": _ctx.cx('connectorRight', {
+        index: i
+      }),
+      ref_for: true
+    }, $options.getNodeOptions(!(i === $props.node.children.length - 1), 'connectorRight')), " ", 16)], 64);
+  }), 128)) : createCommentVNode("", true)], 16), createElementVNode("tr", mergeProps({
+    style: $options.childStyle,
+    "class": _ctx.cx('nodeChildren')
+  }, _ctx.ptm('nodeChildren')), [(openBlock(true), createElementBlock(Fragment, null, renderList($props.node.children, function (child) {
+    return openBlock(), createElementBlock("td", mergeProps({
+      key: child.key,
+      colspan: "2",
+      ref_for: true
+    }, _ctx.ptm('nodeCell')), [createVNode(_component_OrganizationChartNode, {
+      node: child,
+      templates: $props.templates,
+      collapsedKeys: $props.collapsedKeys,
+      onNodeToggle: $options.onChildNodeToggle,
+      collapsible: $props.collapsible,
+      selectionMode: $props.selectionMode,
+      selectionKeys: $props.selectionKeys,
+      onNodeClick: $options.onChildNodeClick,
+      pt: _ctx.pt,
+      unstyled: _ctx.unstyled
+    }, null, 8, ["node", "templates", "collapsedKeys", "onNodeToggle", "collapsible", "selectionMode", "selectionKeys", "onNodeClick", "pt", "unstyled"])], 16);
+  }), 128))], 16)], 16)], 16);
+}
+
+script$1.render = render$1;
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var script = {
+  name: 'OrganizationChart',
+  "extends": script$2,
+  inheritAttrs: false,
+  emits: ['node-unselect', 'node-select', 'update:selectionKeys', 'node-expand', 'node-collapse', 'update:collapsedKeys'],
+  data: function data() {
+    return {
+      d_collapsedKeys: this.collapsedKeys || {}
+    };
+  },
+  watch: {
+    collapsedKeys: function collapsedKeys(newValue) {
+      this.d_collapsedKeys = newValue;
+    }
+  },
+  methods: {
+    onNodeClick: function onNodeClick(node) {
+      var key = node.key;
+      if (this.selectionMode) {
+        var _selectionKeys = this.selectionKeys ? _objectSpread({}, this.selectionKeys) : {};
+        if (_selectionKeys[key]) {
+          delete _selectionKeys[key];
+          this.$emit('node-unselect', node);
+        } else {
+          if (this.selectionMode === 'single') {
+            _selectionKeys = {};
+          }
+          _selectionKeys[key] = true;
+          this.$emit('node-select', node);
+        }
+        this.$emit('update:selectionKeys', _selectionKeys);
+      }
+    },
+    onNodeToggle: function onNodeToggle(node) {
+      var key = node.key;
+      if (this.d_collapsedKeys[key]) {
+        delete this.d_collapsedKeys[key];
+        this.$emit('node-expand', node);
+      } else {
+        this.d_collapsedKeys[key] = true;
+        this.$emit('node-collapse', node);
+      }
+      this.d_collapsedKeys = _objectSpread({}, this.d_collapsedKeys);
+      this.$emit('update:collapsedKeys', this.d_collapsedKeys);
+    }
+  },
+  components: {
+    OrganizationChartNode: script$1
+  }
+};
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_OrganizationChartNode = resolveComponent("OrganizationChartNode");
+  return openBlock(), createElementBlock("div", mergeProps({
+    "class": _ctx.cx('root')
+  }, _ctx.ptmi('root')), [createVNode(_component_OrganizationChartNode, {
+    node: _ctx.value,
+    templates: _ctx.$slots,
+    onNodeToggle: $options.onNodeToggle,
+    collapsedKeys: $data.d_collapsedKeys,
+    collapsible: _ctx.collapsible,
+    onNodeClick: $options.onNodeClick,
+    selectionMode: _ctx.selectionMode,
+    selectionKeys: _ctx.selectionKeys,
+    pt: _ctx.pt,
+    unstyled: _ctx.unstyled
+  }, null, 8, ["node", "templates", "onNodeToggle", "collapsedKeys", "collapsible", "onNodeClick", "selectionMode", "selectionKeys", "pt", "unstyled"])], 16);
+}
+
+script.render = render;
+
+export { script as default };
+//# sourceMappingURL=organizationchart.mjs.map

package/organizationchart/organizationchart.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"organizationchart.mjs","sources":["../../src/organizationchart/BaseOrganizationChart.vue","../../src/organizationchart/OrganizationChartNode.vue","../../src/organizationchart/OrganizationChartNode.vue?vue&type=template&id=5b46f239&lang.js","../../src/organizationchart/OrganizationChart.vue","../../src/organizationchart/OrganizationChart.vue?vue&type=template&id=2cf815ac&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevuelab/core/basecomponent';\nimport OrganizationChartStyle from 'primevuelab/organizationchart/style';\n\nexport default {\n    name: 'BaseOrganizationChart',\n    extends: BaseComponent,\n    props: {\n        value: {\n            type: null,\n            default: null\n        },\n        selectionKeys: {\n            type: null,\n            default: null\n        },\n        selectionMode: {\n            type: String,\n            default: null\n        },\n        collapsible: {\n            type: Boolean,\n            default: false\n        },\n        collapsedKeys: {\n            type: null,\n            default: null\n        }\n    },\n    style: OrganizationChartStyle,\n    provide() {\n        return {\n            $pcOrganizationChart: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <table :class=\"cx('table')\" v-bind=\"ptm('table')\">\n        <tbody v-bind=\"ptm('body')\">\n            <tr v-if=\"node\" v-bind=\"ptm('row')\">\n                <td :colspan=\"colspan\" v-bind=\"ptm('cell')\">\n                    <div :class=\"[cx('node'), node.styleClass]\" @click=\"onNodeClick\" v-bind=\"getPTOptions('node')\">\n                        <component :is=\"templates[node.type] || templates['default']\" :node=\"node\" />\n                        <a v-if=\"toggleable\" tabindex=\"0\" :class=\"cx('nodeToggleButton')\" @click=\"toggleNode\" @keydown=\"onKeydown\" v-bind=\"getPTOptions('nodeToggleButton')\">\n                            <!--TODO: togglericon deprecated since v4.0-->\n                            <component v-if=\"templates.toggleicon || templates.togglericon\" :is=\"templates.toggleicon || templates.togglericon\" :expanded=\"expanded\" :class=\"cx('nodeToggleButtonIcon')\" v-bind=\"getPTOptions('nodeToggleButtonIcon')\" />\n                            <component v-else :is=\"expanded ? 'ChevronDownIcon' : 'ChevronUpIcon'\" :class=\"cx('nodeToggleButtonIcon')\" v-bind=\"getPTOptions('nodeToggleButtonIcon')\" />\n                        </a>\n                    </div>\n                </td>\n            </tr>\n            <tr :style=\"childStyle\" :class=\"cx('connectors')\" v-bind=\"ptm('connectors')\">\n                <td :colspan=\"colspan\" v-bind=\"ptm('lineCell')\">\n                    <div :class=\"cx('connectorDown')\" v-bind=\"ptm('connectorDown')\"></div>\n                </td>\n            </tr>\n            <tr :style=\"childStyle\" :class=\"cx('connectors')\" v-bind=\"ptm('connectors')\">\n                <template v-if=\"node.children && node.children.length === 1\">\n                    <td :colspan=\"colspan\" v-bind=\"ptm('lineCell')\">\n                        <div :class=\"cx('connectorDown')\" v-bind=\"ptm('connectorDown')\"></div>\n                    </td>\n                </template>\n                <template v-if=\"node.children && node.children.length > 1\">\n                    <template v-for=\"(child, i) of node.children\" :key=\"child.key\">\n                        <td :class=\"cx('connectorLeft', { index: i })\" v-bind=\"getNodeOptions(!(i === 0), 'connectorLeft')\">&nbsp;</td>\n                        <td :class=\"cx('connectorRight', { index: i })\" v-bind=\"getNodeOptions(!(i === node.children.length - 1), 'connectorRight')\">&nbsp;</td>\n                    </template>\n                </template>\n            </tr>\n            <tr :style=\"childStyle\" :class=\"cx('nodeChildren')\" v-bind=\"ptm('nodeChildren')\">\n                <td v-for=\"child of node.children\" :key=\"child.key\" colspan=\"2\" v-bind=\"ptm('nodeCell')\">\n                    <OrganizationChartNode\n                        :node=\"child\"\n                        :templates=\"templates\"\n                        :collapsedKeys=\"collapsedKeys\"\n                        @node-toggle=\"onChildNodeToggle\"\n                        :collapsible=\"collapsible\"\n                        :selectionMode=\"selectionMode\"\n                        :selectionKeys=\"selectionKeys\"\n                        @node-click=\"onChildNodeClick\"\n                        :pt=\"pt\"\n                        :unstyled=\"unstyled\"\n                    />\n                </td>\n            </tr>\n        </tbody>\n    </table>\n</template>\n\n<script>\nimport BaseComponent from '@primevuelab/core/basecomponent';\nimport { DomHandler } from '@primevuelab/core/utils';\nimport ChevronDownIcon from '@primevuelab/icons/chevrondown';\nimport ChevronUpIcon from '@primevuelab/icons/chevronup';\n\nexport default {\n    name: 'OrganizationChartNode',\n    hostName: 'OrganizationChart',\n    extends: BaseComponent,\n    emits: ['node-click', 'node-toggle'],\n    props: {\n        node: {\n            type: null,\n            default: null\n        },\n        templates: {\n            type: null,\n            default: null\n        },\n        collapsible: {\n            type: Boolean,\n            default: false\n        },\n        collapsedKeys: {\n            type: null,\n            default: null\n        },\n        selectionKeys: {\n            type: null,\n            default: null\n        },\n        selectionMode: {\n            type: String,\n            default: null\n        }\n    },\n    methods: {\n        getPTOptions(key) {\n            return this.ptm(key, {\n                context: {\n                    expanded: this.expanded,\n                    selectable: this.selectable,\n                    selected: this.selected,\n                    toggleable: this.toggleable,\n                    active: this.selected\n                }\n            });\n        },\n        getNodeOptions(lineTop, key) {\n            return this.ptm(key, {\n                context: {\n                    lineTop\n                }\n            });\n        },\n        onNodeClick(event) {\n            if (DomHandler.isAttributeEquals(event.target, 'data-pc-section', 'nodetogglebutton') || DomHandler.isAttributeEquals(event.target, 'data-pc-section', 'nodetogglebuttonicon')) {\n                return;\n            }\n\n            if (this.selectionMode) {\n                this.$emit('node-click', this.node);\n            }\n        },\n        onChildNodeClick(node) {\n            this.$emit('node-click', node);\n        },\n        toggleNode() {\n            this.$emit('node-toggle', this.node);\n        },\n        onChildNodeToggle(node) {\n            this.$emit('node-toggle', node);\n        },\n        onKeydown(event) {\n            if (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') {\n                this.toggleNode();\n                event.preventDefault();\n            }\n        }\n    },\n    computed: {\n        leaf() {\n            return this.node.leaf === false ? false : !(this.node.children && this.node.children.length);\n        },\n        colspan() {\n            return this.node.children && this.node.children.length ? this.node.children.length * 2 : null;\n        },\n        childStyle() {\n            return {\n                visibility: !this.leaf && this.expanded ? 'inherit' : 'hidden'\n            };\n        },\n        expanded() {\n            return this.collapsedKeys[this.node.key] === undefined;\n        },\n        selectable() {\n            return this.selectionMode && this.node.selectable !== false;\n        },\n        selected() {\n            return this.selectable && this.selectionKeys && this.selectionKeys[this.node.key] === true;\n        },\n        toggleable() {\n            return this.collapsible && this.node.collapsible !== false && !this.leaf;\n        }\n    },\n    components: {\n        ChevronDownIcon: ChevronDownIcon,\n        ChevronUpIcon: ChevronUpIcon\n    }\n};\n</script>\n","<template>\n    <table :class=\"cx('table')\" v-bind=\"ptm('table')\">\n        <tbody v-bind=\"ptm('body')\">\n            <tr v-if=\"node\" v-bind=\"ptm('row')\">\n                <td :colspan=\"colspan\" v-bind=\"ptm('cell')\">\n                    <div :class=\"[cx('node'), node.styleClass]\" @click=\"onNodeClick\" v-bind=\"getPTOptions('node')\">\n                        <component :is=\"templates[node.type] || templates['default']\" :node=\"node\" />\n                        <a v-if=\"toggleable\" tabindex=\"0\" :class=\"cx('nodeToggleButton')\" @click=\"toggleNode\" @keydown=\"onKeydown\" v-bind=\"getPTOptions('nodeToggleButton')\">\n                            <!--TODO: togglericon deprecated since v4.0-->\n                            <component v-if=\"templates.toggleicon || templates.togglericon\" :is=\"templates.toggleicon || templates.togglericon\" :expanded=\"expanded\" :class=\"cx('nodeToggleButtonIcon')\" v-bind=\"getPTOptions('nodeToggleButtonIcon')\" />\n                            <component v-else :is=\"expanded ? 'ChevronDownIcon' : 'ChevronUpIcon'\" :class=\"cx('nodeToggleButtonIcon')\" v-bind=\"getPTOptions('nodeToggleButtonIcon')\" />\n                        </a>\n                    </div>\n                </td>\n            </tr>\n            <tr :style=\"childStyle\" :class=\"cx('connectors')\" v-bind=\"ptm('connectors')\">\n                <td :colspan=\"colspan\" v-bind=\"ptm('lineCell')\">\n                    <div :class=\"cx('connectorDown')\" v-bind=\"ptm('connectorDown')\"></div>\n                </td>\n            </tr>\n            <tr :style=\"childStyle\" :class=\"cx('connectors')\" v-bind=\"ptm('connectors')\">\n                <template v-if=\"node.children && node.children.length === 1\">\n                    <td :colspan=\"colspan\" v-bind=\"ptm('lineCell')\">\n                        <div :class=\"cx('connectorDown')\" v-bind=\"ptm('connectorDown')\"></div>\n                    </td>\n                </template>\n                <template v-if=\"node.children && node.children.length > 1\">\n                    <template v-for=\"(child, i) of node.children\" :key=\"child.key\">\n                        <td :class=\"cx('connectorLeft', { index: i })\" v-bind=\"getNodeOptions(!(i === 0), 'connectorLeft')\">&nbsp;</td>\n                        <td :class=\"cx('connectorRight', { index: i })\" v-bind=\"getNodeOptions(!(i === node.children.length - 1), 'connectorRight')\">&nbsp;</td>\n                    </template>\n                </template>\n            </tr>\n            <tr :style=\"childStyle\" :class=\"cx('nodeChildren')\" v-bind=\"ptm('nodeChildren')\">\n                <td v-for=\"child of node.children\" :key=\"child.key\" colspan=\"2\" v-bind=\"ptm('nodeCell')\">\n                    <OrganizationChartNode\n                        :node=\"child\"\n                        :templates=\"templates\"\n                        :collapsedKeys=\"collapsedKeys\"\n                        @node-toggle=\"onChildNodeToggle\"\n                        :collapsible=\"collapsible\"\n                        :selectionMode=\"selectionMode\"\n                        :selectionKeys=\"selectionKeys\"\n                        @node-click=\"onChildNodeClick\"\n                        :pt=\"pt\"\n                        :unstyled=\"unstyled\"\n                    />\n                </td>\n            </tr>\n        </tbody>\n    </table>\n</template>\n\n<script>\nimport BaseComponent from '@primevuelab/core/basecomponent';\nimport { DomHandler } from '@primevuelab/core/utils';\nimport ChevronDownIcon from '@primevuelab/icons/chevrondown';\nimport ChevronUpIcon from '@primevuelab/icons/chevronup';\n\nexport default {\n    name: 'OrganizationChartNode',\n    hostName: 'OrganizationChart',\n    extends: BaseComponent,\n    emits: ['node-click', 'node-toggle'],\n    props: {\n        node: {\n            type: null,\n            default: null\n        },\n        templates: {\n            type: null,\n            default: null\n        },\n        collapsible: {\n            type: Boolean,\n            default: false\n        },\n        collapsedKeys: {\n            type: null,\n            default: null\n        },\n        selectionKeys: {\n            type: null,\n            default: null\n        },\n        selectionMode: {\n            type: String,\n            default: null\n        }\n    },\n    methods: {\n        getPTOptions(key) {\n            return this.ptm(key, {\n                context: {\n                    expanded: this.expanded,\n                    selectable: this.selectable,\n                    selected: this.selected,\n                    toggleable: this.toggleable,\n                    active: this.selected\n                }\n            });\n        },\n        getNodeOptions(lineTop, key) {\n            return this.ptm(key, {\n                context: {\n                    lineTop\n                }\n            });\n        },\n        onNodeClick(event) {\n            if (DomHandler.isAttributeEquals(event.target, 'data-pc-section', 'nodetogglebutton') || DomHandler.isAttributeEquals(event.target, 'data-pc-section', 'nodetogglebuttonicon')) {\n                return;\n            }\n\n            if (this.selectionMode) {\n                this.$emit('node-click', this.node);\n            }\n        },\n        onChildNodeClick(node) {\n            this.$emit('node-click', node);\n        },\n        toggleNode() {\n            this.$emit('node-toggle', this.node);\n        },\n        onChildNodeToggle(node) {\n            this.$emit('node-toggle', node);\n        },\n        onKeydown(event) {\n            if (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') {\n                this.toggleNode();\n                event.preventDefault();\n            }\n        }\n    },\n    computed: {\n        leaf() {\n            return this.node.leaf === false ? false : !(this.node.children && this.node.children.length);\n        },\n        colspan() {\n            return this.node.children && this.node.children.length ? this.node.children.length * 2 : null;\n        },\n        childStyle() {\n            return {\n                visibility: !this.leaf && this.expanded ? 'inherit' : 'hidden'\n            };\n        },\n        expanded() {\n            return this.collapsedKeys[this.node.key] === undefined;\n        },\n        selectable() {\n            return this.selectionMode && this.node.selectable !== false;\n        },\n        selected() {\n            return this.selectable && this.selectionKeys && this.selectionKeys[this.node.key] === true;\n        },\n        toggleable() {\n            return this.collapsible && this.node.collapsible !== false && !this.leaf;\n        }\n    },\n    components: {\n        ChevronDownIcon: ChevronDownIcon,\n        ChevronUpIcon: ChevronUpIcon\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <OrganizationChartNode\n            :node=\"value\"\n            :templates=\"$slots\"\n            @node-toggle=\"onNodeToggle\"\n            :collapsedKeys=\"d_collapsedKeys\"\n            :collapsible=\"collapsible\"\n            @node-click=\"onNodeClick\"\n            :selectionMode=\"selectionMode\"\n            :selectionKeys=\"selectionKeys\"\n            :pt=\"pt\"\n            :unstyled=\"unstyled\"\n        />\n    </div>\n</template>\n\n<script>\nimport BaseOrganizationChart from './BaseOrganizationChart.vue';\nimport OrganizationChartNode from './OrganizationChartNode.vue';\n\nexport default {\n    name: 'OrganizationChart',\n    extends: BaseOrganizationChart,\n    inheritAttrs: false,\n    emits: ['node-unselect', 'node-select', 'update:selectionKeys', 'node-expand', 'node-collapse', 'update:collapsedKeys'],\n    data() {\n        return {\n            d_collapsedKeys: this.collapsedKeys || {}\n        };\n    },\n    watch: {\n        collapsedKeys(newValue) {\n            this.d_collapsedKeys = newValue;\n        }\n    },\n    methods: {\n        onNodeClick(node) {\n            const key = node.key;\n\n            if (this.selectionMode) {\n                let _selectionKeys = this.selectionKeys ? { ...this.selectionKeys } : {};\n\n                if (_selectionKeys[key]) {\n                    delete _selectionKeys[key];\n                    this.$emit('node-unselect', node);\n                } else {\n                    if (this.selectionMode === 'single') {\n                        _selectionKeys = {};\n                    }\n\n                    _selectionKeys[key] = true;\n                    this.$emit('node-select', node);\n                }\n\n                this.$emit('update:selectionKeys', _selectionKeys);\n            }\n        },\n        onNodeToggle(node) {\n            const key = node.key;\n\n            if (this.d_collapsedKeys[key]) {\n                delete this.d_collapsedKeys[key];\n                this.$emit('node-expand', node);\n            } else {\n                this.d_collapsedKeys[key] = true;\n                this.$emit('node-collapse', node);\n            }\n\n            this.d_collapsedKeys = { ...this.d_collapsedKeys };\n            this.$emit('update:collapsedKeys', this.d_collapsedKeys);\n        }\n    },\n    components: {\n        OrganizationChartNode: OrganizationChartNode\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <OrganizationChartNode\n            :node=\"value\"\n            :templates=\"$slots\"\n            @node-toggle=\"onNodeToggle\"\n            :collapsedKeys=\"d_collapsedKeys\"\n            :collapsible=\"collapsible\"\n            @node-click=\"onNodeClick\"\n            :selectionMode=\"selectionMode\"\n            :selectionKeys=\"selectionKeys\"\n            :pt=\"pt\"\n            :unstyled=\"unstyled\"\n        />\n    </div>\n</template>\n\n<script>\nimport BaseOrganizationChart from './BaseOrganizationChart.vue';\nimport OrganizationChartNode from './OrganizationChartNode.vue';\n\nexport default {\n    name: 'OrganizationChart',\n    extends: BaseOrganizationChart,\n    inheritAttrs: false,\n    emits: ['node-unselect', 'node-select', 'update:selectionKeys', 'node-expand', 'node-collapse', 'update:collapsedKeys'],\n    data() {\n        return {\n            d_collapsedKeys: this.collapsedKeys || {}\n        };\n    },\n    watch: {\n        collapsedKeys(newValue) {\n            this.d_collapsedKeys = newValue;\n        }\n    },\n    methods: {\n        onNodeClick(node) {\n            const key = node.key;\n\n            if (this.selectionMode) {\n                let _selectionKeys = this.selectionKeys ? { ...this.selectionKeys } : {};\n\n                if (_selectionKeys[key]) {\n                    delete _selectionKeys[key];\n                    this.$emit('node-unselect', node);\n                } else {\n                    if (this.selectionMode === 'single') {\n                        _selectionKeys = {};\n                    }\n\n                    _selectionKeys[key] = true;\n                    this.$emit('node-select', node);\n                }\n\n                this.$emit('update:selectionKeys', _selectionKeys);\n            }\n        },\n        onNodeToggle(node) {\n            const key = node.key;\n\n            if (this.d_collapsedKeys[key]) {\n                delete this.d_collapsedKeys[key];\n                this.$emit('node-expand', node);\n            } else {\n                this.d_collapsedKeys[key] = true;\n                this.$emit('node-collapse', node);\n            }\n\n            this.d_collapsedKeys = { ...this.d_collapsedKeys };\n            this.$emit('update:collapsedKeys', this.d_collapsedKeys);\n        }\n    },\n    components: {\n        OrganizationChartNode: OrganizationChartNode\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","type","selectionKeys","selectionMode","String","collapsible","Boolean","collapsedKeys","style","OrganizationChartStyle","provide","$pcOrganizationChart","$parentInstance","hostName","emits","node","templates","methods","getPTOptions","key","ptm","context","expanded","selectable","selected","toggleable","active","getNodeOptions","lineTop","onNodeClick","event","DomHandler","isAttributeEquals","target","$emit","onChildNodeClick","toggleNode","onChildNodeToggle","onKeydown","code","preventDefault","computed","leaf","children","length","colspan","childStyle","visibility","undefined","components","ChevronDownIcon","ChevronUpIcon","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","_createElementVNode","$props","$options","styleClass","onClick","apply","arguments","_createBlock","_resolveDynamicComponent","tabindex","toggleicon","togglericon","_Fragment","child","i","index","_renderList","_createVNode","_component_OrganizationChartNode","onNodeToggle","pt","unstyled","BaseOrganizationChart","inheritAttrs","data","d_collapsedKeys","watch","newValue","_selectionKeys","_objectSpread","OrganizationChartNode","ptmi","$slots","$data"],"mappings":"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"}

package/organizationchart/package.json

@@ -0,0 +1,11 @@
+{
+    "main": "organizationchart.mjs",
+    "module": "organizationchart.mjs",
+    "types": "./OrganizationChart.d.ts",
+    "browser": {
+        "./sfc": "./OrganizationChart.vue"
+    },
+    "sideEffects": [
+        "*.vue"
+    ]
+}

package/organizationchart/style/OrganizationChartStyle.d.ts

@@ -0,0 +1,55 @@
+/**
+ *
+ * OrganizationChart visualizes hierarchical organization data.
+ *
+ * [Live Demo](https://primevuelab.org/organizationchart)
+ *
+ * @module organizationchartstyle
+ *
+ */
+import { BaseStyle } from '../../base/style';
+
+export enum OrganizationChartClasses {
+    /**
+     * Class name of the root element
+     */
+    root = 'p-organizationchart',
+    /**
+     * Class name of the table element
+     */
+    table = 'p-organizationchart-table',
+    /**
+     * Class name of the node element
+     */
+    node = 'p-organizationchart-node',
+    /**
+     * Class name of the node toggle button element
+     */
+    nodeToggleButton = 'p-organizationchart-node-toggle-button',
+    /**
+     * Class name of the node toggle button icon element
+     */
+    nodeToggleButtonIcon = 'p-organizationchart-node-toggle-button-icon',
+    /**
+     * Class name of the connectors element
+     */
+    connectors = 'p-organizationchart-connectors',
+    /**
+     * Class name of the connector down element
+     */
+    connectorDown = 'p-organizationchart-connector-down',
+    /**
+     * Class name of the connector left element
+     */
+    connectorLeft = 'p-organizationchart-connector-left',
+    /**
+     * Class name of the connector right element
+     */
+    connectorRight = 'p-organizationchart-connector-right',
+    /**
+     * Class name of the node children element
+     */
+    nodeChildren = 'p-organizationchart-node-children'
+}
+
+export interface OrganizationChartStyle extends BaseStyle {}

package/organizationchart/style/organizationchartstyle.mjs

@@ -0,0 +1,43 @@
+import BaseStyle from '@primevuelab/core/base/style';
+
+var theme = function theme(_ref) {
+  var dt = _ref.dt;
+  return "\n.p-organizationchart-table {\n    border-spacing: 0;\n    border-collapse: separate;\n    margin: 0 auto;\n}\n\n.p-organizationchart-table > tbody > tr > td {\n    text-align: center;\n    vertical-align: top;\n    padding: 0 ".concat(dt('organizationchart.gutter'), ";\n}\n\n.p-organizationchart-node {\n    display: inline-block;\n    position: relative;\n    border: 1px solid ").concat(dt('organizationchart.node.border.color'), ";\n    background: ").concat(dt('organizationchart.node.background'), ";\n    color: ").concat(dt('organizationchart.node.color'), ";\n    padding: ").concat(dt('organizationchart.node.padding'), ";\n    border-radius: ").concat(dt('organizationchart.node.border.radius'), ";\n    transition: background ").concat(dt('organizationchart.transition.duration'), ", border-color ").concat(dt('organizationchart.transition.duration'), ", color ").concat(dt('organizationchart.transition.duration'), ", box-shadow ").concat(dt('organizationchart.transition.duration'), ";\n}\n\n.p-organizationchart-node:has(.p-organizationchart-node-toggle-button) {\n    padding: ").concat(dt('organizationchart.node.toggleable.padding'), ";\n}\n\n.p-organizationchart-node.p-organizationchart-node-selectable:not(.p-organizationchart-node-selected):hover {\n    background: ").concat(dt('organizationchart.node.hover.background'), ";\n    color: ").concat(dt('organizationchart.node.hover.color'), ";\n}\n\n.p-organizationchart-node-selected {\n    background: ").concat(dt('organizationchart.node.selected.background'), ";\n    color: ").concat(dt('organizationchart.node.selected.color'), ";\n}\n\n.p-organizationchart-node-toggle-button {\n    position: absolute;\n    bottom: calc(-1 * calc(").concat(dt('organizationchart.node.toggle.button.size'), " / 2));\n    margin-left: calc(-1 * calc(").concat(dt('organizationchart.node.toggle.button.size'), " / 2));\n    z-index: 2;\n    left: 50%;\n    user-select: none;\n    cursor: pointer;\n    width: ").concat(dt('organizationchart.node.toggle.button.size'), ";\n    height: ").concat(dt('organizationchart.node.toggle.button.size'), ";\n    text-decoration: none;\n    background: ").concat(dt('organizationchart.node.toggle.button.background'), ";\n    color: ").concat(dt('organizationchart.node.toggle.button.color'), ";\n    border-radius: ").concat(dt('organizationchart.node.toggle.button.border.radius'), ";\n    border: 1px solid ").concat(dt('organizationchart.node.toggle.button.border.color'), ";\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    outline-color: transparent;\n    transition: background ").concat(dt('organizationchart.transition.duration'), ", color ").concat(dt('organizationchart.transition.duration'), ", border-color ").concat(dt('organizationchart.transition.duration'), ", outline-color ").concat(dt('organizationchart.transition.duration'), ", box-shadow ").concat(dt('organizationchart.transition.duration'), ";\n}\n\n.p-organizationchart-node-toggle-button:hover {\n    background: ").concat(dt('organizationchart.node.toggle.button.hover.background'), ";\n    color: ").concat(dt('organizationchart.node.toggle.button.hover.color'), ";\n}\n\n.p-organizationchart-node-toggle-button:focus-visible {\n    box-shadow: ").concat(dt('breadcrumb.item.focus.ring.shadow'), ";\n    outline: ").concat(dt('breadcrumb.item.focus.ring.width'), " ").concat(dt('breadcrumb.item.focus.ring.style'), " ").concat(dt('breadcrumb.item.focus.ring.color'), ";\n    outline-offset: ").concat(dt('breadcrumb.item.focus.ring.offset'), ";\n}\n\n.p-organizationchart-node-toggle-button-icon {\n    position: relative;\n    top: 1px;\n}\n\n.p-organizationchart-connector-down {\n    margin: 0 auto;\n    height: ").concat(dt('organizationchart.connector.height'), ";\n    width: 1px;\n    background: ").concat(dt('organizationchart.connector.color'), ";\n}\n\n.p-organizationchart-connector-right {\n    border-radius: 0;\n}\n\n.p-organizationchart-connector-left {\n    border-radius: 0;\n    border-right: 1px solid ").concat(dt('organizationchart.connector.color'), ";\n}\n\n.p-organizationchart-connector-top {\n    border-top: 1px solid ").concat(dt('organizationchart.connector.color'), ";\n}\n\n.p-organizationchart-node-selectable {\n    cursor: pointer;\n}\n\n.p-organizationchart-connectors :nth-child(1 of .p-organizationchart-connector-left) {\n    border-right: 0 none;\n}\n\n.p-organizationchart-connectors :nth-last-child(1 of .p-organizationchart-connector-left) {\n    border-top-right-radius: ").concat(dt('organizationchart.connector.border.radius'), ";\n}\n\n.p-organizationchart-connectors :nth-child(1 of .p-organizationchart-connector-right) {\n    border-left: 1px solid ").concat(dt('organizationchart.connector.color'), ";\n    border-top-left-radius: ").concat(dt('organizationchart.connector.border.radius'), ";\n}\n");
+};
+var classes = {
+  root: 'p-organizationchart p-component',
+  table: 'p-organizationchart-table',
+  node: function node(_ref2) {
+    var instance = _ref2.instance;
+    return ['p-organizationchart-node', {
+      'p-organizationchart-node-selectable': instance.selectable,
+      'p-organizationchart-node-selected': instance.selected
+    }];
+  },
+  nodeToggleButton: 'p-organizationchart-node-toggle-button',
+  nodeToggleButtonIcon: 'p-organizationchart-node-toggle-button-icon',
+  connectors: 'p-organizationchart-connectors',
+  connectorDown: 'p-organizationchart-connector-down',
+  connectorLeft: function connectorLeft(_ref3) {
+    var index = _ref3.index;
+    return ['p-organizationchart-connector-left', {
+      'p-organizationchart-connector-top': !(index === 0)
+    }];
+  },
+  connectorRight: function connectorRight(_ref4) {
+    var props = _ref4.props,
+      index = _ref4.index;
+    return ['p-organizationchart-connector-right', {
+      'p-organizationchart-connector-top': !(index === props.node.children.length - 1)
+    }];
+  },
+  nodeChildren: 'p-organizationchart-node-children'
+};
+var OrganizationChartStyle = BaseStyle.extend({
+  name: 'organizationchart',
+  theme: theme,
+  classes: classes
+});
+
+export { OrganizationChartStyle as default };
+//# sourceMappingURL=organizationchartstyle.mjs.map

package/organizationchart/style/organizationchartstyle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"organizationchartstyle.mjs","sources":["../../../src/organizationchart/style/OrganizationChartStyle.js"],"sourcesContent":["import BaseStyle from '@primevuelab/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-organizationchart-table {\n    border-spacing: 0;\n    border-collapse: separate;\n    margin: 0 auto;\n}\n\n.p-organizationchart-table > tbody > tr > td {\n    text-align: center;\n    vertical-align: top;\n    padding: 0 ${dt('organizationchart.gutter')};\n}\n\n.p-organizationchart-node {\n    display: inline-block;\n    position: relative;\n    border: 1px solid ${dt('organizationchart.node.border.color')};\n    background: ${dt('organizationchart.node.background')};\n    color: ${dt('organizationchart.node.color')};\n    padding: ${dt('organizationchart.node.padding')};\n    border-radius: ${dt('organizationchart.node.border.radius')};\n    transition: background ${dt('organizationchart.transition.duration')}, border-color ${dt('organizationchart.transition.duration')}, color ${dt('organizationchart.transition.duration')}, box-shadow ${dt('organizationchart.transition.duration')};\n}\n\n.p-organizationchart-node:has(.p-organizationchart-node-toggle-button) {\n    padding: ${dt('organizationchart.node.toggleable.padding')};\n}\n\n.p-organizationchart-node.p-organizationchart-node-selectable:not(.p-organizationchart-node-selected):hover {\n    background: ${dt('organizationchart.node.hover.background')};\n    color: ${dt('organizationchart.node.hover.color')};\n}\n\n.p-organizationchart-node-selected {\n    background: ${dt('organizationchart.node.selected.background')};\n    color: ${dt('organizationchart.node.selected.color')};\n}\n\n.p-organizationchart-node-toggle-button {\n    position: absolute;\n    bottom: calc(-1 * calc(${dt('organizationchart.node.toggle.button.size')} / 2));\n    margin-left: calc(-1 * calc(${dt('organizationchart.node.toggle.button.size')} / 2));\n    z-index: 2;\n    left: 50%;\n    user-select: none;\n    cursor: pointer;\n    width: ${dt('organizationchart.node.toggle.button.size')};\n    height: ${dt('organizationchart.node.toggle.button.size')};\n    text-decoration: none;\n    background: ${dt('organizationchart.node.toggle.button.background')};\n    color: ${dt('organizationchart.node.toggle.button.color')};\n    border-radius: ${dt('organizationchart.node.toggle.button.border.radius')};\n    border: 1px solid ${dt('organizationchart.node.toggle.button.border.color')};\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    outline-color: transparent;\n    transition: background ${dt('organizationchart.transition.duration')}, color ${dt('organizationchart.transition.duration')}, border-color ${dt('organizationchart.transition.duration')}, outline-color ${dt(\n        'organizationchart.transition.duration'\n    )}, box-shadow ${dt('organizationchart.transition.duration')};\n}\n\n.p-organizationchart-node-toggle-button:hover {\n    background: ${dt('organizationchart.node.toggle.button.hover.background')};\n    color: ${dt('organizationchart.node.toggle.button.hover.color')};\n}\n\n.p-organizationchart-node-toggle-button:focus-visible {\n    box-shadow: ${dt('breadcrumb.item.focus.ring.shadow')};\n    outline: ${dt('breadcrumb.item.focus.ring.width')} ${dt('breadcrumb.item.focus.ring.style')} ${dt('breadcrumb.item.focus.ring.color')};\n    outline-offset: ${dt('breadcrumb.item.focus.ring.offset')};\n}\n\n.p-organizationchart-node-toggle-button-icon {\n    position: relative;\n    top: 1px;\n}\n\n.p-organizationchart-connector-down {\n    margin: 0 auto;\n    height: ${dt('organizationchart.connector.height')};\n    width: 1px;\n    background: ${dt('organizationchart.connector.color')};\n}\n\n.p-organizationchart-connector-right {\n    border-radius: 0;\n}\n\n.p-organizationchart-connector-left {\n    border-radius: 0;\n    border-right: 1px solid ${dt('organizationchart.connector.color')};\n}\n\n.p-organizationchart-connector-top {\n    border-top: 1px solid ${dt('organizationchart.connector.color')};\n}\n\n.p-organizationchart-node-selectable {\n    cursor: pointer;\n}\n\n.p-organizationchart-connectors :nth-child(1 of .p-organizationchart-connector-left) {\n    border-right: 0 none;\n}\n\n.p-organizationchart-connectors :nth-last-child(1 of .p-organizationchart-connector-left) {\n    border-top-right-radius: ${dt('organizationchart.connector.border.radius')};\n}\n\n.p-organizationchart-connectors :nth-child(1 of .p-organizationchart-connector-right) {\n    border-left: 1px solid ${dt('organizationchart.connector.color')};\n    border-top-left-radius: ${dt('organizationchart.connector.border.radius')};\n}\n`;\n\nconst classes = {\n    root: 'p-organizationchart p-component',\n    table: 'p-organizationchart-table',\n    node: ({ instance }) => ['p-organizationchart-node', { 'p-organizationchart-node-selectable': instance.selectable, 'p-organizationchart-node-selected': instance.selected }],\n    nodeToggleButton: 'p-organizationchart-node-toggle-button',\n    nodeToggleButtonIcon: 'p-organizationchart-node-toggle-button-icon',\n    connectors: 'p-organizationchart-connectors',\n    connectorDown: 'p-organizationchart-connector-down',\n    connectorLeft: ({ index }) => ['p-organizationchart-connector-left', { 'p-organizationchart-connector-top': !(index === 0) }],\n    connectorRight: ({ props, index }) => ['p-organizationchart-connector-right', { 'p-organizationchart-connector-top': !(index === props.node.children.length - 1) }],\n    nodeChildren: 'p-organizationchart-node-children'\n};\n\nexport default BaseStyle.extend({\n    name: 'organizationchart',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","table","node","_ref2","instance","selectable","selected","nodeToggleButton","nodeToggleButtonIcon","connectors","connectorDown","connectorLeft","_ref3","index","connectorRight","_ref4","props","children","length","nodeChildren","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE,CAAA;AAAA,EAAA,OAAA,sOAAA,CAAAC,MAAA,CAUFD,EAAE,CAAC,0BAA0B,CAAC,EAAA,kHAAA,CAAA,CAAAC,MAAA,CAMvBD,EAAE,CAAC,qCAAqC,CAAC,yBAAAC,MAAA,CAC/CD,EAAE,CAAC,mCAAmC,CAAC,EAAAC,gBAAAA,CAAAA,CAAAA,MAAA,CAC5CD,EAAE,CAAC,8BAA8B,CAAC,sBAAAC,MAAA,CAChCD,EAAE,CAAC,gCAAgC,CAAC,EAAA,wBAAA,CAAA,CAAAC,MAAA,CAC9BD,EAAE,CAAC,sCAAsC,CAAC,oCAAAC,MAAA,CAClCD,EAAE,CAAC,uCAAuC,CAAC,EAAAC,iBAAAA,CAAAA,CAAAA,MAAA,CAAkBD,EAAE,CAAC,uCAAuC,CAAC,EAAAC,UAAAA,CAAAA,CAAAA,MAAA,CAAWD,EAAE,CAAC,uCAAuC,CAAC,EAAAC,eAAAA,CAAAA,CAAAA,MAAA,CAAgBD,EAAE,CAAC,uCAAuC,CAAC,qGAAAC,MAAA,CAIvOD,EAAE,CAAC,2CAA2C,CAAC,EAAAC,yIAAAA,CAAAA,CAAAA,MAAA,CAI5CD,EAAE,CAAC,yCAAyC,CAAC,EAAAC,gBAAAA,CAAAA,CAAAA,MAAA,CAClDD,EAAE,CAAC,oCAAoC,CAAC,EAAAC,gEAAAA,CAAAA,CAAAA,MAAA,CAInCD,EAAE,CAAC,4CAA4C,CAAC,EAAAC,gBAAAA,CAAAA,CAAAA,MAAA,CACrDD,EAAE,CAAC,uCAAuC,CAAC,EAAAC,yGAAAA,CAAAA,CAAAA,MAAA,CAK3BD,EAAE,CAAC,2CAA2C,CAAC,EAAAC,2CAAAA,CAAAA,CAAAA,MAAA,CAC1CD,EAAE,CAAC,2CAA2C,CAAC,EAAAC,qGAAAA,CAAAA,CAAAA,MAAA,CAKpED,EAAE,CAAC,2CAA2C,CAAC,EAAAC,iBAAAA,CAAAA,CAAAA,MAAA,CAC9CD,EAAE,CAAC,2CAA2C,CAAC,EAAA,iDAAA,CAAA,CAAAC,MAAA,CAE3CD,EAAE,CAAC,iDAAiD,CAAC,EAAAC,gBAAAA,CAAAA,CAAAA,MAAA,CAC1DD,EAAE,CAAC,4CAA4C,CAAC,EAAAC,wBAAAA,CAAAA,CAAAA,MAAA,CACxCD,EAAE,CAAC,oDAAoD,CAAC,EAAAC,2BAAAA,CAAAA,CAAAA,MAAA,CACrDD,EAAE,CAAC,mDAAmD,CAAC,EAAA,oJAAA,CAAA,CAAAC,MAAA,CAKlDD,EAAE,CAAC,uCAAuC,CAAC,EAAA,UAAA,CAAA,CAAAC,MAAA,CAAWD,EAAE,CAAC,uCAAuC,CAAC,EAAA,iBAAA,CAAA,CAAAC,MAAA,CAAkBD,EAAE,CAAC,uCAAuC,CAAC,EAAAC,kBAAAA,CAAAA,CAAAA,MAAA,CAAmBD,EAAE,CACxM,uCACJ,CAAC,EAAA,eAAA,CAAA,CAAAC,MAAA,CAAgBD,EAAE,CAAC,uCAAuC,CAAC,EAAA,2EAAA,CAAA,CAAAC,MAAA,CAI9CD,EAAE,CAAC,uDAAuD,CAAC,EAAA,gBAAA,CAAA,CAAAC,MAAA,CAChED,EAAE,CAAC,kDAAkD,CAAC,EAAA,mFAAA,CAAA,CAAAC,MAAA,CAIjDD,EAAE,CAAC,mCAAmC,CAAC,EAAA,kBAAA,CAAA,CAAAC,MAAA,CAC1CD,EAAE,CAAC,kCAAkC,CAAC,EAAA,GAAA,CAAA,CAAAC,MAAA,CAAID,EAAE,CAAC,kCAAkC,CAAC,EAAA,GAAA,CAAA,CAAAC,MAAA,CAAID,EAAE,CAAC,kCAAkC,CAAC,EAAA,yBAAA,CAAA,CAAAC,MAAA,CACnHD,EAAE,CAAC,mCAAmC,CAAC,mLAAAC,MAAA,CAU/CD,EAAE,CAAC,oCAAoC,CAAC,EAAA,sCAAA,CAAA,CAAAC,MAAA,CAEpCD,EAAE,CAAC,mCAAmC,CAAC,EAAA,wKAAA,CAAA,CAAAC,MAAA,CAS3BD,EAAE,CAAC,mCAAmC,CAAC,EAAA,0EAAA,CAAA,CAAAC,MAAA,CAIzCD,EAAE,CAAC,mCAAmC,CAAC,mUAAAC,MAAA,CAYpCD,EAAE,CAAC,2CAA2C,CAAC,EAAAC,8HAAAA,CAAAA,CAAAA,MAAA,CAIjDD,EAAE,CAAC,mCAAmC,CAAC,qCAAAC,MAAA,CACtCD,EAAE,CAAC,2CAA2C,CAAC,EAAA,QAAA,CAAA,CAAA;AAAA,CAE5E,CAAA;AAED,IAAME,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,iCAAiC;AACvCC,EAAAA,KAAK,EAAE,2BAA2B;EAClCC,IAAI,EAAE,SAAAA,IAAAA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,QAAQ,GAAAD,KAAA,CAARC,QAAQ,CAAA;IAAA,OAAO,CAAC,0BAA0B,EAAE;MAAE,qCAAqC,EAAEA,QAAQ,CAACC,UAAU;MAAE,mCAAmC,EAAED,QAAQ,CAACE,QAAAA;AAAS,KAAC,CAAC,CAAA;AAAA,GAAA;AAC5KC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,oBAAoB,EAAE,6CAA6C;AACnEC,EAAAA,UAAU,EAAE,gCAAgC;AAC5CC,EAAAA,aAAa,EAAE,oCAAoC;EACnDC,aAAa,EAAE,SAAAA,aAAAA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK,CAAA;IAAA,OAAO,CAAC,oCAAoC,EAAE;AAAE,MAAA,mCAAmC,EAAE,EAAEA,KAAK,KAAK,CAAC,CAAA;AAAE,KAAC,CAAC,CAAA;AAAA,GAAA;EAC7HC,cAAc,EAAE,SAAAA,cAAAA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;MAAEH,KAAK,GAAAE,KAAA,CAALF,KAAK,CAAA;IAAA,OAAO,CAAC,qCAAqC,EAAE;AAAE,MAAA,mCAAmC,EAAE,EAAEA,KAAK,KAAKG,KAAK,CAACd,IAAI,CAACe,QAAQ,CAACC,MAAM,GAAG,CAAC,CAAA;AAAE,KAAC,CAAC,CAAA;AAAA,GAAA;AACnKC,EAAAA,YAAY,EAAE,mCAAA;AAClB,CAAC,CAAA;AAED,6BAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,mBAAmB;AACzB3B,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}

package/organizationchart/style/package.json

@@ -0,0 +1,6 @@
+{
+    "main": "organizationchartstyle.mjs",
+    "module": "organizationchartstyle.mjs",
+    "types": "./OrganizationChartStyle.d.ts",
+    "sideEffects": false
+}

package/overlaybadge/BaseOverlayBadge.vue

@@ -0,0 +1,16 @@
+<script>
+import Badge from 'primevuelab/badge';
+import OverlayBadgeStyle from 'primevuelab/overlaybadge/style';
+
+export default {
+    name: 'OverlayBadge',
+    extends: Badge,
+    style: OverlayBadgeStyle,
+    provide() {
+        return {
+            $pcOverlayBadge: this,
+            $parentInstance: this
+        };
+    }
+};
+</script>