primevue 3.16.2 → 3.18.0

package/orderlist/orderlist.js

@@ -50,7 +50,7 @@ this.primevue.orderlist = (function (Button, utils, Ripple, vue) {
         data() {
             return {
                 d_selection: this.selection
-            }
+            };
         },
         beforeUnmount() {
             this.destroyStyle();
@@ -68,7 +68,7 @@ this.primevue.orderlist = (function (Button, utils, Ripple, vue) {
         },
         methods: {
             getItemKey(item, index) {
-                return this.dataKey ? utils.ObjectUtils.resolveFieldData(item, this.dataKey): index;
+                return this.dataKey ? utils.ObjectUtils.resolveFieldData(item, this.dataKey) : index;
             },
             isSelected(item) {
                 return utils.ObjectUtils.findIndexInList(item, this.d_selection) != -1;
@@ -84,10 +84,10 @@ this.primevue.orderlist = (function (Button, utils, Ripple, vue) {
                         if (selectedItemIndex !== 0) {
                             let movedItem = value[selectedItemIndex];
                             let temp = value[selectedItemIndex - 1];
+
                             value[selectedItemIndex - 1] = movedItem;
                             value[selectedItemIndex] = temp;
-                        }
-                        else {
+                        } else {
                             break;
                         }
                     }
@@ -102,7 +102,7 @@ this.primevue.orderlist = (function (Button, utils, Ripple, vue) {
                 }
             },
             moveTop(event) {
-                if(this.d_selection) {
+                if (this.d_selection) {
                     let value = [...this.modelValue];
 
                     for (let i = 0; i < this.d_selection.length; i++) {
@@ -111,9 +111,9 @@ this.primevue.orderlist = (function (Button, utils, Ripple, vue) {
 
                         if (selectedItemIndex !== 0) {
                             let movedItem = value.splice(selectedItemIndex, 1)[0];
+
                             value.unshift(movedItem);
-                        }
-                        else {
+                        } else {
                             break;
                         }
                     }
@@ -128,20 +128,20 @@ this.primevue.orderlist = (function (Button, utils, Ripple, vue) {
                 }
             },
             moveDown(event) {
-                if(this.d_selection) {
+                if (this.d_selection) {
                     let value = [...this.modelValue];
 
                     for (let i = this.d_selection.length - 1; i >= 0; i--) {
                         let selectedItem = this.d_selection[i];
                         let selectedItemIndex = utils.ObjectUtils.findIndexInList(selectedItem, value);
 
-                        if (selectedItemIndex !== (value.length - 1)) {
+                        if (selectedItemIndex !== value.length - 1) {
                             let movedItem = value[selectedItemIndex];
                             let temp = value[selectedItemIndex + 1];
+
                             value[selectedItemIndex + 1] = movedItem;
                             value[selectedItemIndex] = temp;
-                        }
-                        else {
+                        } else {
                             break;
                         }
                     }
@@ -163,11 +163,11 @@ this.primevue.orderlist = (function (Button, utils, Ripple, vue) {
                         let selectedItem = this.d_selection[i];
                         let selectedItemIndex = utils.ObjectUtils.findIndexInList(selectedItem, value);
 
-                        if (selectedItemIndex !== (value.length - 1)) {
+                        if (selectedItemIndex !== value.length - 1) {
                             let movedItem = value.splice(selectedItemIndex, 1)[0];
+
                             value.push(movedItem);
-                        }
-                        else {
+                        } else {
                             break;
                         }
                     }
@@ -184,25 +184,22 @@ this.primevue.orderlist = (function (Button, utils, Ripple, vue) {
             onItemClick(event, item, index) {
                 this.itemTouched = false;
                 let selectedIndex = utils.ObjectUtils.findIndexInList(item, this.d_selection);
-                let selected = (selectedIndex != -1);
+                let selected = selectedIndex != -1;
                 let metaSelection = this.itemTouched ? false : this.metaKeySelection;
 
                 if (metaSelection) {
-                    let metaKey = (event.metaKey || event.ctrlKey);
+                    let metaKey = event.metaKey || event.ctrlKey;
 
                     if (selected && metaKey) {
                         this.d_selection = this.d_selection.filter((val, index) => index !== selectedIndex);
-                    }
-                    else {
-                        this.d_selection = (metaKey) ? this.d_selection ? [...this.d_selection] : [] : [];
+                    } else {
+                        this.d_selection = metaKey ? (this.d_selection ? [...this.d_selection] : []) : [];
                         utils.ObjectUtils.insertIntoOrderedArray(item, index, this.d_selection, this.modelValue);
                     }
-                }
-                else {
+                } else {
                     if (selected) {
                         this.d_selection = this.d_selection.filter((val, index) => index !== selectedIndex);
-                    }
-                    else {
+                    } else {
                         this.d_selection = this.d_selection ? [...this.d_selection] : [];
                         utils.ObjectUtils.insertIntoOrderedArray(item, index, this.d_selection, this.modelValue);
                     }
@@ -210,7 +207,7 @@ this.primevue.orderlist = (function (Button, utils, Ripple, vue) {
 
                 this.$emit('update:selection', this.d_selection);
                 this.$emit('selection-change', {
-                    originalEvent:event,
+                    originalEvent: event,
                     value: this.d_selection
                 });
             },
@@ -220,79 +217,77 @@ this.primevue.orderlist = (function (Button, utils, Ripple, vue) {
             onItemKeyDown(event, item, index) {
                 let listItem = event.currentTarget;
 
-                switch(event.which) {
+                switch (event.which) {
                     //down
                     case 40:
                         var nextItem = this.findNextItem(listItem);
+
                         if (nextItem) {
                             nextItem.focus();
                         }
 
                         event.preventDefault();
-                    break;
+                        break;
 
                     //up
                     case 38:
                         var prevItem = this.findPrevItem(listItem);
+
                         if (prevItem) {
                             prevItem.focus();
                         }
 
                         event.preventDefault();
-                    break;
+                        break;
 
                     //enter
                     case 13:
                         this.onItemClick(event, item, index);
                         event.preventDefault();
-                    break;
+                        break;
                 }
             },
             findNextItem(item) {
                 let nextItem = item.nextElementSibling;
 
-                if (nextItem)
-                    return !utils.DomHandler.hasClass(nextItem, 'p-orderlist-item') ? this.findNextItem(nextItem) : nextItem;
-                else
-                    return null;
+                if (nextItem) return !utils.DomHandler.hasClass(nextItem, 'p-orderlist-item') ? this.findNextItem(nextItem) : nextItem;
+                else return null;
             },
             findPrevItem(item) {
                 let prevItem = item.previousElementSibling;
 
-                if (prevItem)
-                    return !utils.DomHandler.hasClass(prevItem, 'p-orderlist-item') ? this.findPrevItem(prevItem) : prevItem;
-                else
-                    return null;
+                if (prevItem) return !utils.DomHandler.hasClass(prevItem, 'p-orderlist-item') ? this.findPrevItem(prevItem) : prevItem;
+                else return null;
             },
             updateListScroll() {
                 const listItems = utils.DomHandler.find(this.$refs.list.$el, '.p-orderlist-item.p-highlight');
 
                 if (listItems && listItems.length) {
-                    switch(this.reorderDirection) {
+                    switch (this.reorderDirection) {
                         case 'up':
                             utils.DomHandler.scrollInView(this.$refs.list.$el, listItems[0]);
-                        break;
+                            break;
 
                         case 'top':
                             this.$refs.list.$el.scrollTop = 0;
-                        break;
+                            break;
 
                         case 'down':
                             utils.DomHandler.scrollInView(this.$refs.list.$el, listItems[listItems.length - 1]);
-                        break;
+                            break;
 
                         case 'bottom':
                             this.$refs.list.$el.scrollTop = this.$refs.list.$el.scrollHeight;
-                        break;
+                            break;
                     }
                 }
             },
             createStyle() {
-    			if (!this.styleElement) {
+                if (!this.styleElement) {
                     this.$el.setAttribute(this.attributeSelector, '');
-    				this.styleElement = document.createElement('style');
-    				this.styleElement.type = 'text/css';
-    				document.head.appendChild(this.styleElement);
+                    this.styleElement = document.createElement('style');
+                    this.styleElement.type = 'text/css';
+                    document.head.appendChild(this.styleElement);
 
                     let innerHTML = `
 @media screen and (max-width: ${this.breakpoint}) {
@@ -317,8 +312,8 @@ this.primevue.orderlist = (function (Button, utils, Ripple, vue) {
 `;
 
                     this.styleElement.innerHTML = innerHTML;
-    			}
-    		},
+                }
+            },
             destroyStyle() {
                 if (this.styleElement) {
                     document.head.removeChild(this.styleElement);
@@ -328,19 +323,22 @@ this.primevue.orderlist = (function (Button, utils, Ripple, vue) {
         },
         computed: {
             containerClass() {
-                return ['p-orderlist p-component', {
-                    'p-orderlist-striped': this.stripedRows
-                }];
+                return [
+                    'p-orderlist p-component',
+                    {
+                        'p-orderlist-striped': this.stripedRows
+                    }
+                ];
             },
             attributeSelector() {
                 return utils.UniqueComponentId();
             }
         },
         components: {
-            'OLButton': Button__default["default"]
+            OLButton: Button__default["default"]
         },
         directives: {
-            'ripple': Ripple__default["default"]
+            ripple: Ripple__default["default"]
         }
     };
 
@@ -403,7 +401,7 @@ this.primevue.orderlist = (function (Button, utils, Ripple, vue) {
                 return vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
                   key: $options.getItemKey(item, i),
                   tabindex: "0",
-                  class: vue.normalizeClass(['p-orderlist-item', {'p-highlight': $options.isSelected(item)}]),
+                  class: vue.normalizeClass(['p-orderlist-item', { 'p-highlight': $options.isSelected(item) }]),
                   onClick: $event => ($options.onItemClick($event, item, i)),
                   onKeydown: $event => ($options.onItemKeyDown($event, item, i)),
                   onTouchend: _cache[0] || (_cache[0] = (...args) => ($options.onItemTouchEnd && $options.onItemTouchEnd(...args))),

package/organizationchart/OrganizationChart.d.ts

@@ -120,13 +120,13 @@ type OrganizationChartEmits = {
      * @param {OrganizationChartNode} node - Node instance.
      */
     'node-collapsed': (node: OrganizationChartNode) => void;
-}
+};
 
-declare class OrganizationChart extends ClassComponent<OrganizationChartProps, OrganizationChartSlots, OrganizationChartEmits> { }
+declare class OrganizationChart extends ClassComponent<OrganizationChartProps, OrganizationChartSlots, OrganizationChartEmits> {}
 
 declare module '@vue/runtime-core' {
     interface GlobalComponents {
-        OrganizationChart: GlobalComponentConstructor<OrganizationChart>
+        OrganizationChart: GlobalComponentConstructor<OrganizationChart>;
     }
 }
 
@@ -140,7 +140,7 @@ declare module '@vue/runtime-core' {
  *
  * Demos:
  *
- * - [OrganizationChart](https://www.primefaces.org/primevue/showcase/#/organizationchart)
+ * - [OrganizationChart](https://www.primefaces.org/primevue/organizationchart)
  *
  */
 export default OrganizationChart;

package/organizationchart/OrganizationChart.vue

@@ -1,8 +1,6 @@
 <template>
     <div class="p-organizationchart p-component">
-        <OrganizationChartNode :node="value" :templates="$slots"
-            @node-toggle="onNodeToggle" :collapsedKeys="d_collapsedKeys" :collapsible="collapsible"
-            @node-click="onNodeClick" :selectionMode="selectionMode" :selectionKeys="selectionKeys" />
+        <OrganizationChartNode :node="value" :templates="$slots" @node-toggle="onNodeToggle" :collapsedKeys="d_collapsedKeys" :collapsible="collapsible" @node-click="onNodeClick" :selectionMode="selectionMode" :selectionKeys="selectionKeys" />
     </div>
 </template>
 
@@ -37,7 +35,7 @@ export default {
     data() {
         return {
             d_collapsedKeys: this.collapsedKeys || {}
-        }
+        };
     },
     watch: {
         collapsedKeys(newValue) {
@@ -49,13 +47,12 @@ export default {
             const key = node.key;
 
             if (this.selectionMode) {
-                let _selectionKeys = this.selectionKeys ? {...this.selectionKeys} : {};
+                let _selectionKeys = this.selectionKeys ? { ...this.selectionKeys } : {};
 
                 if (_selectionKeys[key]) {
                     delete _selectionKeys[key];
                     this.$emit('node-unselect', node);
-                }
-                else {
+                } else {
                     if (this.selectionMode === 'single') {
                         _selectionKeys = {};
                     }
@@ -73,20 +70,19 @@ export default {
             if (this.d_collapsedKeys[key]) {
                 delete this.d_collapsedKeys[key];
                 this.$emit('node-expand', node);
-            }
-            else {
+            } else {
                 this.d_collapsedKeys[key] = true;
                 this.$emit('node-collapse', node);
             }
 
-            this.d_collapsedKeys = {...this.d_collapsedKeys};
+            this.d_collapsedKeys = { ...this.d_collapsedKeys };
             this.$emit('update:collapsedKeys', this.d_collapsedKeys);
         }
     },
     components: {
-        'OrganizationChartNode': OrganizationChartNode
+        OrganizationChartNode: OrganizationChartNode
     }
-}
+};
 </script>
 
 <style>
@@ -99,7 +95,7 @@ export default {
 .p-organizationchart-table > tbody > tr > td {
     text-align: center;
     vertical-align: top;
-    padding: 0 .75rem;
+    padding: 0 0.75rem;
 }
 
 .p-organizationchart-node-content {
@@ -109,8 +105,8 @@ export default {
 
 .p-organizationchart-node-content .p-node-toggler {
     position: absolute;
-    bottom: -.75rem;
-    margin-left: -.75rem;
+    bottom: -0.75rem;
+    margin-left: -0.75rem;
     z-index: 2;
     left: 50%;
     user-select: none;
@@ -122,7 +118,7 @@ export default {
 
 .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
     position: relative;
-    top: .25rem;
+    top: 0.25rem;
 }
 
 .p-organizationchart-line-down {
@@ -135,7 +131,7 @@ export default {
     border-radius: 0px;
 }
 
- .p-organizationchart-line-left {
+.p-organizationchart-line-left {
     border-radius: 0;
 }
 

package/organizationchart/OrganizationChartNode.vue

@@ -4,9 +4,9 @@
             <tr v-if="node">
                 <td :colspan="colspan">
                     <div :class="nodeContentClass" @click="onNodeClick">
-                        <component :is="templates[node.type]||templates['default']" :node="node" />
+                        <component :is="templates[node.type] || templates['default']" :node="node" />
                         <a v-if="toggleable" tabindex="0" class="p-node-toggler" @click="toggleNode" @keydown.enter="toggleNode">
-                            <i class="p-node-toggler-icon pi" :class="{'pi-chevron-down': expanded, 'pi-chevron-up': !expanded}"></i>
+                            <i class="p-node-toggler-icon pi" :class="{ 'pi-chevron-down': expanded, 'pi-chevron-up': !expanded }"></i>
                         </a>
                     </div>
                 </td>
@@ -23,16 +23,24 @@
                     </td>
                 </template>
                 <template v-if="node.children && node.children.length > 1">
-                    <template v-for="(child,i) of node.children" :key="child.key">
-                        <td class="p-organizationchart-line-left" :class="{'p-organizationchart-line-top': !(i === 0)}">&nbsp;</td>
-                        <td class="p-organizationchart-line-right" :class="{'p-organizationchart-line-top': !(i === (node.children.length - 1))}">&nbsp;</td>
+                    <template v-for="(child, i) of node.children" :key="child.key">
+                        <td class="p-organizationchart-line-left" :class="{ 'p-organizationchart-line-top': !(i === 0) }">&nbsp;</td>
+                        <td class="p-organizationchart-line-right" :class="{ 'p-organizationchart-line-top': !(i === node.children.length - 1) }">&nbsp;</td>
                     </template>
                 </template>
             </tr>
             <tr :style="childStyle" class="p-organizationchart-nodes">
                 <td v-for="child of node.children" :key="child.key" colspan="2">
-                    <OrganizationChartNode :node="child" :templates="templates" :collapsedKeys="collapsedKeys" @node-toggle="onChildNodeToggle" :collapsible="collapsible"
-                                :selectionMode="selectionMode" :selectionKeys="selectionKeys" @node-click="onChildNodeClick" />
+                    <OrganizationChartNode
+                        :node="child"
+                        :templates="templates"
+                        :collapsedKeys="collapsedKeys"
+                        @node-toggle="onChildNodeToggle"
+                        :collapsible="collapsible"
+                        :selectionMode="selectionMode"
+                        :selectionKeys="selectionKeys"
+                        @node-click="onChildNodeClick"
+                    />
                 </td>
             </tr>
         </tbody>
@@ -40,7 +48,7 @@
 </template>
 
 <script>
-import {DomHandler} from 'primevue/utils';
+import { DomHandler } from 'primevue/utils';
 
 export default {
     name: 'OrganizationChartNode',
@@ -93,18 +101,18 @@ export default {
     },
     computed: {
         nodeContentClass() {
-            return ['p-organizationchart-node-content', this.node.styleClass, {'p-organizationchart-selectable-node': this.selectable, 'p-highlight': this.selected}];
+            return ['p-organizationchart-node-content', this.node.styleClass, { 'p-organizationchart-selectable-node': this.selectable, 'p-highlight': this.selected }];
         },
         leaf() {
             return this.node.leaf === false ? false : !(this.node.children && this.node.children.length);
         },
         colspan() {
-            return (this.node.children && this.node.children.length) ? this.node.children.length * 2: null;
+            return this.node.children && this.node.children.length ? this.node.children.length * 2 : null;
         },
         childStyle() {
             return {
                 visibility: !this.leaf && this.expanded ? 'inherit' : 'hidden'
-            }
+            };
         },
         expanded() {
             return this.collapsedKeys[this.node.key] === undefined;
@@ -119,5 +127,5 @@ export default {
             return this.collapsible && this.node.collapsible !== false && !this.leaf;
         }
     }
-}
+};
 </script>

package/organizationchart/organizationchart.cjs.js

@@ -54,18 +54,18 @@ var script$1 = {
     },
     computed: {
         nodeContentClass() {
-            return ['p-organizationchart-node-content', this.node.styleClass, {'p-organizationchart-selectable-node': this.selectable, 'p-highlight': this.selected}];
+            return ['p-organizationchart-node-content', this.node.styleClass, { 'p-organizationchart-selectable-node': this.selectable, 'p-highlight': this.selected }];
         },
         leaf() {
             return this.node.leaf === false ? false : !(this.node.children && this.node.children.length);
         },
         colspan() {
-            return (this.node.children && this.node.children.length) ? this.node.children.length * 2: null;
+            return this.node.children && this.node.children.length ? this.node.children.length * 2 : null;
         },
         childStyle() {
             return {
                 visibility: !this.leaf && this.expanded ? 'inherit' : 'hidden'
-            }
+            };
         },
         expanded() {
             return this.collapsedKeys[this.node.key] === undefined;
@@ -108,7 +108,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                 class: vue.normalizeClass($options.nodeContentClass),
                 onClick: _cache[2] || (_cache[2] = (...args) => ($options.onNodeClick && $options.onNodeClick(...args)))
               }, [
-                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates[$props.node.type]||$props.templates['default']), { node: $props.node }, null, 8, ["node"])),
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates[$props.node.type] || $props.templates['default']), { node: $props.node }, null, 8, ["node"])),
                 ($options.toggleable)
                   ? (vue.openBlock(), vue.createElementBlock("a", {
                       key: 0,
@@ -118,7 +118,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                       onKeydown: _cache[1] || (_cache[1] = vue.withKeys((...args) => ($options.toggleNode && $options.toggleNode(...args)), ["enter"]))
                     }, [
                       vue.createElementVNode("i", {
-                        class: vue.normalizeClass(["p-node-toggler-icon pi", {'pi-chevron-down': $options.expanded, 'pi-chevron-up': !$options.expanded}])
+                        class: vue.normalizeClass(["p-node-toggler-icon pi", { 'pi-chevron-down': $options.expanded, 'pi-chevron-up': !$options.expanded }])
                       }, null, 2)
                     ], 32))
                   : vue.createCommentVNode("", true)
@@ -148,10 +148,10 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                 key: child.key
               }, [
                 vue.createElementVNode("td", {
-                  class: vue.normalizeClass(["p-organizationchart-line-left", {'p-organizationchart-line-top': !(i === 0)}])
+                  class: vue.normalizeClass(["p-organizationchart-line-left", { 'p-organizationchart-line-top': !(i === 0) }])
                 }, " ", 2),
                 vue.createElementVNode("td", {
-                  class: vue.normalizeClass(["p-organizationchart-line-right", {'p-organizationchart-line-top': !(i === ($props.node.children.length - 1))}])
+                  class: vue.normalizeClass(["p-organizationchart-line-right", { 'p-organizationchart-line-top': !(i === $props.node.children.length - 1) }])
                 }, " ", 2)
               ], 64))
             }), 128))
@@ -213,7 +213,7 @@ var script = {
     data() {
         return {
             d_collapsedKeys: this.collapsedKeys || {}
-        }
+        };
     },
     watch: {
         collapsedKeys(newValue) {
@@ -225,13 +225,12 @@ var script = {
             const key = node.key;
 
             if (this.selectionMode) {
-                let _selectionKeys = this.selectionKeys ? {...this.selectionKeys} : {};
+                let _selectionKeys = this.selectionKeys ? { ...this.selectionKeys } : {};
 
                 if (_selectionKeys[key]) {
                     delete _selectionKeys[key];
                     this.$emit('node-unselect', node);
-                }
-                else {
+                } else {
                     if (this.selectionMode === 'single') {
                         _selectionKeys = {};
                     }
@@ -249,18 +248,17 @@ var script = {
             if (this.d_collapsedKeys[key]) {
                 delete this.d_collapsedKeys[key];
                 this.$emit('node-expand', node);
-            }
-            else {
+            } else {
                 this.d_collapsedKeys[key] = true;
                 this.$emit('node-collapse', node);
             }
 
-            this.d_collapsedKeys = {...this.d_collapsedKeys};
+            this.d_collapsedKeys = { ...this.d_collapsedKeys };
             this.$emit('update:collapsedKeys', this.d_collapsedKeys);
         }
     },
     components: {
-        'OrganizationChartNode': script$1
+        OrganizationChartNode: script$1
     }
 };
 
@@ -310,7 +308,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "\n.p-organizationchart-table {\n    border-spacing: 0;\n    border-collapse: separate;\n    margin: 0 auto;\n}\n.p-organizationchart-table > tbody > tr > td {\n    text-align: center;\n    vertical-align: top;\n    padding: 0 .75rem;\n}\n.p-organizationchart-node-content {\n    display: inline-block;\n    position: relative;\n}\n.p-organizationchart-node-content .p-node-toggler {\n    position: absolute;\n    bottom: -.75rem;\n    margin-left: -.75rem;\n    z-index: 2;\n    left: 50%;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    cursor: pointer;\n    width: 1.5rem;\n    height: 1.5rem;\n    text-decoration: none;\n}\n.p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {\n    position: relative;\n    top: .25rem;\n}\n.p-organizationchart-line-down {\n    margin: 0 auto;\n    height: 20px;\n    width: 1px;\n}\n.p-organizationchart-line-right {\n    border-radius: 0px;\n}\n.p-organizationchart-line-left {\n    border-radius: 0;\n}\n.p-organizationchart-selectable-node {\n    cursor: pointer;\n}\n";
+var css_248z = "\n.p-organizationchart-table {\n    border-spacing: 0;\n    border-collapse: separate;\n    margin: 0 auto;\n}\n.p-organizationchart-table > tbody > tr > td {\n    text-align: center;\n    vertical-align: top;\n    padding: 0 0.75rem;\n}\n.p-organizationchart-node-content {\n    display: inline-block;\n    position: relative;\n}\n.p-organizationchart-node-content .p-node-toggler {\n    position: absolute;\n    bottom: -0.75rem;\n    margin-left: -0.75rem;\n    z-index: 2;\n    left: 50%;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    cursor: pointer;\n    width: 1.5rem;\n    height: 1.5rem;\n    text-decoration: none;\n}\n.p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {\n    position: relative;\n    top: 0.25rem;\n}\n.p-organizationchart-line-down {\n    margin: 0 auto;\n    height: 20px;\n    width: 1px;\n}\n.p-organizationchart-line-right {\n    border-radius: 0px;\n}\n.p-organizationchart-line-left {\n    border-radius: 0;\n}\n.p-organizationchart-selectable-node {\n    cursor: pointer;\n}\n";
 styleInject(css_248z);
 
 script.render = render;

package/organizationchart/organizationchart.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/utils"),n=require("vue"),t={name:"OrganizationChartNode",emits:["node-click","node-toggle"],props:{node:{type:null,default:null},templates:{type:null,default:null},collapsible:{type:Boolean,default:!1},collapsedKeys:{type:null,default:null},selectionKeys:{type:null,default:null},selectionMode:{type:String,default:null}},methods:{onNodeClick(n){e.DomHandler.hasClass(n.target,"p-node-toggler")||e.DomHandler.hasClass(n.target,"p-node-toggler-icon")||this.selectionMode&&this.$emit("node-click",this.node)},onChildNodeClick(e){this.$emit("node-click",e)},toggleNode(){this.$emit("node-toggle",this.node)},onChildNodeToggle(e){this.$emit("node-toggle",e)}},computed:{nodeContentClass(){return["p-organizationchart-node-content",this.node.styleClass,{"p-organizationchart-selectable-node":this.selectable,"p-highlight":this.selected}]},leaf(){return!1!==this.node.leaf&&!(this.node.children&&this.node.children.length)},colspan(){return this.node.children&&this.node.children.length?2*this.node.children.length:null},childStyle(){return{visibility:!this.leaf&&this.expanded?"inherit":"hidden"}},expanded(){return void 0===this.collapsedKeys[this.node.key]},selectable(){return this.selectionMode&&!1!==this.node.selectable},selected(){return this.selectable&&this.selectionKeys&&!0===this.selectionKeys[this.node.key]},toggleable(){return this.collapsible&&!1!==this.node.collapsible&&!this.leaf}}};const o={class:"p-organizationchart-table"},l={key:0},i=["colspan"],s=["colspan"],a=[n.createElementVNode("div",{class:"p-organizationchart-line-down"},null,-1)],d=["colspan"],c=[n.createElementVNode("div",{class:"p-organizationchart-line-down"},null,-1)];t.render=function(e,t,r,p,h,g){const m=n.resolveComponent("OrganizationChartNode",!0);return n.openBlock(),n.createElementBlock("table",o,[n.createElementVNode("tbody",null,[r.node?(n.openBlock(),n.createElementBlock("tr",l,[n.createElementVNode("td",{colspan:g.colspan},[n.createElementVNode("div",{class:n.normalizeClass(g.nodeContentClass),onClick:t[2]||(t[2]=(...e)=>g.onNodeClick&&g.onNodeClick(...e))},[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(r.templates[r.node.type]||r.templates.default),{node:r.node},null,8,["node"])),g.toggleable?(n.openBlock(),n.createElementBlock("a",{key:0,tabindex:"0",class:"p-node-toggler",onClick:t[0]||(t[0]=(...e)=>g.toggleNode&&g.toggleNode(...e)),onKeydown:t[1]||(t[1]=n.withKeys(((...e)=>g.toggleNode&&g.toggleNode(...e)),["enter"]))},[n.createElementVNode("i",{class:n.normalizeClass(["p-node-toggler-icon pi",{"pi-chevron-down":g.expanded,"pi-chevron-up":!g.expanded}])},null,2)],32)):n.createCommentVNode("",!0)],2)],8,i)])):n.createCommentVNode("",!0),n.createElementVNode("tr",{style:n.normalizeStyle(g.childStyle),class:"p-organizationchart-lines"},[n.createElementVNode("td",{colspan:g.colspan},a,8,s)],4),n.createElementVNode("tr",{style:n.normalizeStyle(g.childStyle),class:"p-organizationchart-lines"},[r.node.children&&1===r.node.children.length?(n.openBlock(),n.createElementBlock("td",{key:0,colspan:g.colspan},c,8,d)):n.createCommentVNode("",!0),r.node.children&&r.node.children.length>1?(n.openBlock(!0),n.createElementBlock(n.Fragment,{key:1},n.renderList(r.node.children,((e,t)=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:e.key},[n.createElementVNode("td",{class:n.normalizeClass(["p-organizationchart-line-left",{"p-organizationchart-line-top":!(0===t)}])}," ",2),n.createElementVNode("td",{class:n.normalizeClass(["p-organizationchart-line-right",{"p-organizationchart-line-top":!(t===r.node.children.length-1)}])}," ",2)],64)))),128)):n.createCommentVNode("",!0)],4),n.createElementVNode("tr",{style:n.normalizeStyle(g.childStyle),class:"p-organizationchart-nodes"},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(r.node.children,(e=>(n.openBlock(),n.createElementBlock("td",{key:e.key,colspan:"2"},[n.createVNode(m,{node:e,templates:r.templates,collapsedKeys:r.collapsedKeys,onNodeToggle:g.onChildNodeToggle,collapsible:r.collapsible,selectionMode:r.selectionMode,selectionKeys:r.selectionKeys,onNodeClick:g.onChildNodeClick},null,8,["node","templates","collapsedKeys","onNodeToggle","collapsible","selectionMode","selectionKeys","onNodeClick"])])))),128))],4)])])};var r={name:"OrganizationChart",emits:["node-unselect","node-select","update:selectionKeys","node-expand","node-collapse","update:collapsedKeys"],props:{value:{type:null,default:null},selectionKeys:{type:null,default:null},selectionMode:{type:String,default:null},collapsible:{type:Boolean,default:!1},collapsedKeys:{type:null,default:null}},data(){return{d_collapsedKeys:this.collapsedKeys||{}}},watch:{collapsedKeys(e){this.d_collapsedKeys=e}},methods:{onNodeClick(e){const n=e.key;if(this.selectionMode){let t=this.selectionKeys?{...this.selectionKeys}:{};t[n]?(delete t[n],this.$emit("node-unselect",e)):("single"===this.selectionMode&&(t={}),t[n]=!0,this.$emit("node-select",e)),this.$emit("update:selectionKeys",t)}},onNodeToggle(e){const n=e.key;this.d_collapsedKeys[n]?(delete this.d_collapsedKeys[n],this.$emit("node-expand",e)):(this.d_collapsedKeys[n]=!0,this.$emit("node-collapse",e)),this.d_collapsedKeys={...this.d_collapsedKeys},this.$emit("update:collapsedKeys",this.d_collapsedKeys)}},components:{OrganizationChartNode:t}};const p={class:"p-organizationchart p-component"};!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===t&&o.firstChild?o.insertBefore(l,o.firstChild):o.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-organizationchart-table {\n    border-spacing: 0;\n    border-collapse: separate;\n    margin: 0 auto;\n}\n.p-organizationchart-table > tbody > tr > td {\n    text-align: center;\n    vertical-align: top;\n    padding: 0 .75rem;\n}\n.p-organizationchart-node-content {\n    display: inline-block;\n    position: relative;\n}\n.p-organizationchart-node-content .p-node-toggler {\n    position: absolute;\n    bottom: -.75rem;\n    margin-left: -.75rem;\n    z-index: 2;\n    left: 50%;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    cursor: pointer;\n    width: 1.5rem;\n    height: 1.5rem;\n    text-decoration: none;\n}\n.p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {\n    position: relative;\n    top: .25rem;\n}\n.p-organizationchart-line-down {\n    margin: 0 auto;\n    height: 20px;\n    width: 1px;\n}\n.p-organizationchart-line-right {\n    border-radius: 0px;\n}\n.p-organizationchart-line-left {\n    border-radius: 0;\n}\n.p-organizationchart-selectable-node {\n    cursor: pointer;\n}\n"),r.render=function(e,t,o,l,i,s){const a=n.resolveComponent("OrganizationChartNode");return n.openBlock(),n.createElementBlock("div",p,[n.createVNode(a,{node:o.value,templates:e.$slots,onNodeToggle:s.onNodeToggle,collapsedKeys:i.d_collapsedKeys,collapsible:o.collapsible,onNodeClick:s.onNodeClick,selectionMode:o.selectionMode,selectionKeys:o.selectionKeys},null,8,["node","templates","onNodeToggle","collapsedKeys","collapsible","onNodeClick","selectionMode","selectionKeys"])])},module.exports=r;
+"use strict";var e=require("primevue/utils"),n=require("vue"),t={name:"OrganizationChartNode",emits:["node-click","node-toggle"],props:{node:{type:null,default:null},templates:{type:null,default:null},collapsible:{type:Boolean,default:!1},collapsedKeys:{type:null,default:null},selectionKeys:{type:null,default:null},selectionMode:{type:String,default:null}},methods:{onNodeClick(n){e.DomHandler.hasClass(n.target,"p-node-toggler")||e.DomHandler.hasClass(n.target,"p-node-toggler-icon")||this.selectionMode&&this.$emit("node-click",this.node)},onChildNodeClick(e){this.$emit("node-click",e)},toggleNode(){this.$emit("node-toggle",this.node)},onChildNodeToggle(e){this.$emit("node-toggle",e)}},computed:{nodeContentClass(){return["p-organizationchart-node-content",this.node.styleClass,{"p-organizationchart-selectable-node":this.selectable,"p-highlight":this.selected}]},leaf(){return!1!==this.node.leaf&&!(this.node.children&&this.node.children.length)},colspan(){return this.node.children&&this.node.children.length?2*this.node.children.length:null},childStyle(){return{visibility:!this.leaf&&this.expanded?"inherit":"hidden"}},expanded(){return void 0===this.collapsedKeys[this.node.key]},selectable(){return this.selectionMode&&!1!==this.node.selectable},selected(){return this.selectable&&this.selectionKeys&&!0===this.selectionKeys[this.node.key]},toggleable(){return this.collapsible&&!1!==this.node.collapsible&&!this.leaf}}};const o={class:"p-organizationchart-table"},l={key:0},i=["colspan"],s=["colspan"],a=[n.createElementVNode("div",{class:"p-organizationchart-line-down"},null,-1)],d=["colspan"],c=[n.createElementVNode("div",{class:"p-organizationchart-line-down"},null,-1)];t.render=function(e,t,r,p,h,g){const m=n.resolveComponent("OrganizationChartNode",!0);return n.openBlock(),n.createElementBlock("table",o,[n.createElementVNode("tbody",null,[r.node?(n.openBlock(),n.createElementBlock("tr",l,[n.createElementVNode("td",{colspan:g.colspan},[n.createElementVNode("div",{class:n.normalizeClass(g.nodeContentClass),onClick:t[2]||(t[2]=(...e)=>g.onNodeClick&&g.onNodeClick(...e))},[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(r.templates[r.node.type]||r.templates.default),{node:r.node},null,8,["node"])),g.toggleable?(n.openBlock(),n.createElementBlock("a",{key:0,tabindex:"0",class:"p-node-toggler",onClick:t[0]||(t[0]=(...e)=>g.toggleNode&&g.toggleNode(...e)),onKeydown:t[1]||(t[1]=n.withKeys(((...e)=>g.toggleNode&&g.toggleNode(...e)),["enter"]))},[n.createElementVNode("i",{class:n.normalizeClass(["p-node-toggler-icon pi",{"pi-chevron-down":g.expanded,"pi-chevron-up":!g.expanded}])},null,2)],32)):n.createCommentVNode("",!0)],2)],8,i)])):n.createCommentVNode("",!0),n.createElementVNode("tr",{style:n.normalizeStyle(g.childStyle),class:"p-organizationchart-lines"},[n.createElementVNode("td",{colspan:g.colspan},a,8,s)],4),n.createElementVNode("tr",{style:n.normalizeStyle(g.childStyle),class:"p-organizationchart-lines"},[r.node.children&&1===r.node.children.length?(n.openBlock(),n.createElementBlock("td",{key:0,colspan:g.colspan},c,8,d)):n.createCommentVNode("",!0),r.node.children&&r.node.children.length>1?(n.openBlock(!0),n.createElementBlock(n.Fragment,{key:1},n.renderList(r.node.children,((e,t)=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:e.key},[n.createElementVNode("td",{class:n.normalizeClass(["p-organizationchart-line-left",{"p-organizationchart-line-top":!(0===t)}])}," ",2),n.createElementVNode("td",{class:n.normalizeClass(["p-organizationchart-line-right",{"p-organizationchart-line-top":!(t===r.node.children.length-1)}])}," ",2)],64)))),128)):n.createCommentVNode("",!0)],4),n.createElementVNode("tr",{style:n.normalizeStyle(g.childStyle),class:"p-organizationchart-nodes"},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(r.node.children,(e=>(n.openBlock(),n.createElementBlock("td",{key:e.key,colspan:"2"},[n.createVNode(m,{node:e,templates:r.templates,collapsedKeys:r.collapsedKeys,onNodeToggle:g.onChildNodeToggle,collapsible:r.collapsible,selectionMode:r.selectionMode,selectionKeys:r.selectionKeys,onNodeClick:g.onChildNodeClick},null,8,["node","templates","collapsedKeys","onNodeToggle","collapsible","selectionMode","selectionKeys","onNodeClick"])])))),128))],4)])])};var r={name:"OrganizationChart",emits:["node-unselect","node-select","update:selectionKeys","node-expand","node-collapse","update:collapsedKeys"],props:{value:{type:null,default:null},selectionKeys:{type:null,default:null},selectionMode:{type:String,default:null},collapsible:{type:Boolean,default:!1},collapsedKeys:{type:null,default:null}},data(){return{d_collapsedKeys:this.collapsedKeys||{}}},watch:{collapsedKeys(e){this.d_collapsedKeys=e}},methods:{onNodeClick(e){const n=e.key;if(this.selectionMode){let t=this.selectionKeys?{...this.selectionKeys}:{};t[n]?(delete t[n],this.$emit("node-unselect",e)):("single"===this.selectionMode&&(t={}),t[n]=!0,this.$emit("node-select",e)),this.$emit("update:selectionKeys",t)}},onNodeToggle(e){const n=e.key;this.d_collapsedKeys[n]?(delete this.d_collapsedKeys[n],this.$emit("node-expand",e)):(this.d_collapsedKeys[n]=!0,this.$emit("node-collapse",e)),this.d_collapsedKeys={...this.d_collapsedKeys},this.$emit("update:collapsedKeys",this.d_collapsedKeys)}},components:{OrganizationChartNode:t}};const p={class:"p-organizationchart p-component"};!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===t&&o.firstChild?o.insertBefore(l,o.firstChild):o.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-organizationchart-table {\n    border-spacing: 0;\n    border-collapse: separate;\n    margin: 0 auto;\n}\n.p-organizationchart-table > tbody > tr > td {\n    text-align: center;\n    vertical-align: top;\n    padding: 0 0.75rem;\n}\n.p-organizationchart-node-content {\n    display: inline-block;\n    position: relative;\n}\n.p-organizationchart-node-content .p-node-toggler {\n    position: absolute;\n    bottom: -0.75rem;\n    margin-left: -0.75rem;\n    z-index: 2;\n    left: 50%;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    cursor: pointer;\n    width: 1.5rem;\n    height: 1.5rem;\n    text-decoration: none;\n}\n.p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {\n    position: relative;\n    top: 0.25rem;\n}\n.p-organizationchart-line-down {\n    margin: 0 auto;\n    height: 20px;\n    width: 1px;\n}\n.p-organizationchart-line-right {\n    border-radius: 0px;\n}\n.p-organizationchart-line-left {\n    border-radius: 0;\n}\n.p-organizationchart-selectable-node {\n    cursor: pointer;\n}\n"),r.render=function(e,t,o,l,i,s){const a=n.resolveComponent("OrganizationChartNode");return n.openBlock(),n.createElementBlock("div",p,[n.createVNode(a,{node:o.value,templates:e.$slots,onNodeToggle:s.onNodeToggle,collapsedKeys:i.d_collapsedKeys,collapsible:o.collapsible,onNodeClick:s.onNodeClick,selectionMode:o.selectionMode,selectionKeys:o.selectionKeys},null,8,["node","templates","onNodeToggle","collapsedKeys","collapsible","onNodeClick","selectionMode","selectionKeys"])])},module.exports=r;