cps-ui-kit 17.15.0 → 17.16.0

package/fesm2022/cps-ui-kit.mjs

@@ -2599,32 +2599,6 @@ class CpsBaseTreeDropdownComponent {
         this.treeContainerElement?.removeEventListener('click', this._handleOnContainerClick.bind(this));
         this.resizeObserver?.disconnect();
     }
-    _initContainerClickListener() {
-        this.treeContainerElement =
-            this.treeList?.el?.nativeElement?.querySelector('.p-tree-container');
-        if (this.treeContainerElement) {
-            this.treeContainerElement.addEventListener('click', this._handleOnContainerClick.bind(this));
-        }
-    }
-    _handleOnContainerClick(event) {
-        function getParentWithClass(element, className) {
-            let currentElement = element;
-            while (currentElement) {
-                if (currentElement.classList.contains(className)) {
-                    return currentElement;
-                }
-                currentElement = currentElement.parentElement;
-            }
-            return null;
-        }
-        this.optionFocused = true;
-        const elem = event.target.classList.contains('p-treenode-content')
-            ? event.target
-            : getParentWithClass(event.target, 'p-treenode-content');
-        if (elem?.parentElement?.classList?.contains('cps-tree-node-fully-expandable')) {
-            this.onClickFullyExpandable(elem);
-        }
-    }
     registerOnChange(fn) {
         this.onChange = fn;
     }
@@ -2637,11 +2611,34 @@ class CpsBaseTreeDropdownComponent {
             this.treeSelection = this._valueToTreeSelection(this.value);
         }
     }
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    setDisabledState(disabled) { }
+    onBlur() {
+        this.control?.control?.markAsTouched();
+        this._checkErrors();
+    }
+    focus() {
+        this.componentContainer?.nativeElement?.focus();
+        this.toggleOptions(true);
+    }
     updateValue(value) {
         this.writeValue(value, true);
         this.onChange(value);
         this.valueChanged.emit(value);
     }
+    clear(event) {
+        event?.stopPropagation();
+        if ((!this.multiple && this.treeSelection) ||
+            (this.multiple && this.treeSelection?.length > 0)) {
+            if (this.openOnClear) {
+                this.toggleOptions(true);
+            }
+            const val = this.multiple ? [] : undefined;
+            this.treeSelection = val;
+            this.updateValue(val);
+        }
+        this.optionFocused = false;
+    }
     onSelectNode() {
         if (!this.multiple) {
             this.toggleOptions(false);
@@ -2661,17 +2658,6 @@ class CpsBaseTreeDropdownComponent {
             this._nodeToggled(elem);
         });
     }
-    _getHTMLElementKey(elem) {
-        if (!elem?.classList)
-            return '';
-        const classList = [...elem.classList];
-        const key = classList.find((className) => {
-            return className.startsWith('key-');
-        });
-        if (!key)
-            return '';
-        return key.replace('key-', '');
-    }
     treeSelectionChanged(selection) {
         this.updateValue(this.treeSelectionToValue(selection));
     }
@@ -2751,6 +2737,65 @@ class CpsBaseTreeDropdownComponent {
             this.optionFocused = true;
         }
     }
+    onNodeExpand(event) {
+        this._nodeToggledWithChevron(event?.originalEvent?.currentTarget?.parentElement);
+    }
+    onNodeCollapse(event) {
+        this._nodeToggledWithChevron(event?.originalEvent?.currentTarget?.parentElement);
+    }
+    treeSelectionToValue(selection) {
+        if (!selection)
+            return this.multiple ? [] : undefined;
+        if (this.multiple) {
+            return selection.map((s) => this.originalOptionsMap.get(s.key));
+        }
+        else {
+            return this.originalOptionsMap.get(selection.key);
+        }
+    }
+    // this is a fix of primeng change detection bug when virtual scroller is enabled
+    updateOptions() {
+        if (!this.virtualScroll)
+            return;
+        this.treeList?.updateSerializedValue();
+    }
+    _initContainerClickListener() {
+        this.treeContainerElement =
+            this.treeList?.el?.nativeElement?.querySelector('.p-tree-container');
+        if (this.treeContainerElement) {
+            this.treeContainerElement.addEventListener('click', this._handleOnContainerClick.bind(this));
+        }
+    }
+    _handleOnContainerClick(event) {
+        function getParentWithClass(element, className) {
+            let currentElement = element;
+            while (currentElement) {
+                if (currentElement.classList.contains(className)) {
+                    return currentElement;
+                }
+                currentElement = currentElement.parentElement;
+            }
+            return null;
+        }
+        this.optionFocused = true;
+        const elem = event.target.classList.contains('p-treenode-content')
+            ? event.target
+            : getParentWithClass(event.target, 'p-treenode-content');
+        if (elem?.parentElement?.classList?.contains('cps-tree-node-fully-expandable')) {
+            this.onClickFullyExpandable(elem);
+        }
+    }
+    _getHTMLElementKey(elem) {
+        if (!elem?.classList)
+            return '';
+        const classList = [...elem.classList];
+        const key = classList.find((className) => {
+            return className.startsWith('key-');
+        });
+        if (!key)
+            return '';
+        return key.replace('key-', '');
+    }
     _setTreeListHeight(height) {
         if (this.treeList?.scroller?.style)
             this.treeList.scroller.style.height = height;
@@ -2768,25 +2813,6 @@ class CpsBaseTreeDropdownComponent {
         // fix primeng tree event stop propagation
         this.optionsMenu.selfClick = false;
     }
-    onNodeExpand(event) {
-        this._nodeToggledWithChevron(event?.originalEvent?.currentTarget?.parentElement);
-    }
-    onNodeCollapse(event) {
-        this._nodeToggledWithChevron(event?.originalEvent?.currentTarget?.parentElement);
-    }
-    clear(event) {
-        event.stopPropagation();
-        if ((!this.multiple && this.treeSelection) ||
-            (this.multiple && this.treeSelection?.length > 0)) {
-            if (this.openOnClear) {
-                this.toggleOptions(true);
-            }
-            const val = this.multiple ? [] : undefined;
-            this.treeSelection = val;
-            this.updateValue(val);
-        }
-        this.optionFocused = false;
-    }
     _checkErrors() {
         const errors = this.control?.errors;
         if (!this.control?.control?.touched || !errors) {
@@ -2805,16 +2831,6 @@ class CpsBaseTreeDropdownComponent {
         const message = errArr.find((msg) => typeof msg === 'string');
         this.error = message || 'Unknown error';
     }
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    setDisabledState(disabled) { }
-    onBlur() {
-        this.control?.control?.markAsTouched();
-        this._checkErrors();
-    }
-    focus() {
-        this.componentContainer?.nativeElement?.focus();
-        this.toggleOptions(true);
-    }
     _expandToNodes(nodes) {
         function getParentKey(key) {
             const lastSeparatorIndex = key.lastIndexOf('-');
@@ -2877,16 +2893,6 @@ class CpsBaseTreeDropdownComponent {
         }
         return nodeMap;
     }
-    treeSelectionToValue(selection) {
-        if (!selection)
-            return this.multiple ? [] : undefined;
-        if (this.multiple) {
-            return selection.map((s) => this.originalOptionsMap.get(s.key));
-        }
-        else {
-            return this.originalOptionsMap.get(selection.key);
-        }
-    }
     _valueToTreeSelection(value) {
         function getKey(v, map) {
             for (const [key, val] of map.entries()) {
@@ -2912,12 +2918,6 @@ class CpsBaseTreeDropdownComponent {
             return key ? this.optionsMap.get(key) : undefined;
         }
     }
-    // this is a fix of primeng change detection bug when virtual scroller is enabled
-    updateOptions() {
-        if (!this.virtualScroll)
-            return;
-        this.treeList?.updateSerializedValue();
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: CpsBaseTreeDropdownComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: CpsBaseTreeDropdownComponent, selector: "ng-component", inputs: { label: "label", hint: "hint", multiple: "multiple", disabled: "disabled", width: "width", chips: "chips", closableChips: "closableChips", clearable: "clearable", openOnClear: "openOnClear", optionLabel: "optionLabel", optionInfo: "optionInfo", hideDetails: "hideDetails", persistentClear: "persistentClear", prefixIcon: "prefixIcon", prefixIconSize: "prefixIconSize", loading: "loading", virtualScroll: "virtualScroll", numToleratedItems: "numToleratedItems", infoTooltip: "infoTooltip", infoTooltipClass: "infoTooltipClass", infoTooltipMaxWidth: "infoTooltipMaxWidth", infoTooltipPersistent: "infoTooltipPersistent", infoTooltipPosition: "infoTooltipPosition", initialExpandDirectories: "initialExpandDirectories", initialExpandAll: "initialExpandAll", showChevron: "showChevron", options: "options", _value: ["value", "_value"] }, outputs: { valueChanged: "valueChanged" }, viewQueries: [{ propertyName: "componentContainer", first: true, predicate: ["componentContainer"], descendants: true }, { propertyName: "optionsMenu", first: true, predicate: ["optionsMenu"], descendants: true }, { propertyName: "treeList", first: true, predicate: ["treeList"], descendants: true }, { propertyName: "boxEl", first: true, predicate: ["boxEl"], descendants: true }], ngImport: i0, template: '', isInline: true }); }
 }
@@ -3994,28 +3994,6 @@ class CpsTreeAutocompleteComponent extends CpsBaseTreeDropdownComponent {
             this.focusInput();
         }, 0);
     }
-    _select(option) {
-        function includes(array, val) {
-            return array?.some((item) => isEqual(item, val)) || false;
-        }
-        this.backspaceClickedOnce = false;
-        if (this.multiple) {
-            if (includes(this.treeSelection, option)) {
-                this.treeSelection = this.treeSelection.filter((v) => !isEqual(v, option));
-            }
-            else {
-                this.treeSelection.push(option);
-            }
-        }
-        else {
-            this.treeSelection = option;
-        }
-        this.updateValue(this.treeSelectionToValue(this.treeSelection));
-        this._clearInput();
-        setTimeout(() => {
-            this.focusInput();
-        }, 0);
-    }
     clear(event) {
         super.clear(event);
         this._clearInput();
@@ -4044,6 +4022,28 @@ class CpsTreeAutocompleteComponent extends CpsBaseTreeDropdownComponent {
         else
             this.treeList._filter(searchVal);
     }
+    _select(option) {
+        function includes(array, val) {
+            return array?.some((item) => isEqual(item, val)) || false;
+        }
+        this.backspaceClickedOnce = false;
+        if (this.multiple) {
+            if (includes(this.treeSelection, option)) {
+                this.treeSelection = this.treeSelection.filter((v) => !isEqual(v, option));
+            }
+            else {
+                this.treeSelection.push(option);
+            }
+        }
+        else {
+            this.treeSelection = option;
+        }
+        this.updateValue(this.treeSelectionToValue(this.treeSelection));
+        this._clearInput();
+        setTimeout(() => {
+            this.focusInput();
+        }, 0);
+    }
     _getValueLabel() {
         return this.treeSelection?.label || '';
     }