cps-ui-kit 0.97.0 → 0.99.0

package/fesm2020/cps-ui-kit.mjs

@@ -1863,6 +1863,8 @@ class BaseTreeDropdownComponent {
         this.infoTooltipMaxWidth = '100%';
         this.infoTooltipPersistent = false;
         this.infoTooltipPosition = 'top';
+        this.initialExpandDirectories = false;
+        this.initialExpandAll = false;
         this._value = undefined;
         this.valueChanged = new EventEmitter();
         this._statusChangesSubscription = new Subscription();
@@ -1949,11 +1951,14 @@ class BaseTreeDropdownComponent {
     registerOnTouched(fn) {
         this.onTouched = fn;
     }
-    writeValue(value) {
+    writeValue(value, internal = false) {
         this.value = value;
+        if (!internal && value !== null) {
+            this.treeSelection = this._valueToTreeSelection(this.value);
+        }
     }
     updateValue(value) {
-        this.writeValue(value);
+        this.writeValue(value, true);
         this.onChange(value);
         this.valueChanged.emit(value);
     }
@@ -2139,7 +2144,7 @@ class BaseTreeDropdownComponent {
         });
     }
     _toInnerOptions(_options) {
-        function mapOption(o, optionLabel, optionInfo, key, originalOptionsMap) {
+        const mapOption = (o, optionLabel, optionInfo, key, originalOptionsMap) => {
             const inner = {
                 inner: true,
                 label: o[optionLabel],
@@ -2147,10 +2152,16 @@ class BaseTreeDropdownComponent {
                 key,
                 styleClass: 'key-' + key
             };
+            if (this.initialExpandAll) {
+                inner.expanded = true;
+            }
             if (o.isDirectory) {
                 inner.type = 'directory';
                 inner.selectable = false;
                 inner.styleClass += ' cps-tree-node-fully-expandable';
+                if (this.initialExpandDirectories) {
+                    inner.expanded = true;
+                }
             }
             if (o.children) {
                 inner.children = o.children.map((c, index) => {
@@ -2159,7 +2170,7 @@ class BaseTreeDropdownComponent {
             }
             originalOptionsMap.set(key, o);
             return inner;
-        }
+        };
         const res = _options.map((option, index) => {
             return mapOption(option, this.optionLabel, this.optionInfo, '' + index, this.originalOptionsMap);
         });
@@ -2220,7 +2231,7 @@ class BaseTreeDropdownComponent {
     }
 }
 BaseTreeDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BaseTreeDropdownComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-BaseTreeDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: BaseTreeDropdownComponent, selector: "ng-component", inputs: { label: "label", placeholder: "placeholder", 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", infoTooltip: "infoTooltip", infoTooltipClass: "infoTooltipClass", infoTooltipMaxWidth: "infoTooltipMaxWidth", infoTooltipPersistent: "infoTooltipPersistent", infoTooltipPosition: "infoTooltipPosition", 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 });
+BaseTreeDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: BaseTreeDropdownComponent, selector: "ng-component", inputs: { label: "label", placeholder: "placeholder", 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", infoTooltip: "infoTooltip", infoTooltipClass: "infoTooltipClass", infoTooltipMaxWidth: "infoTooltipMaxWidth", infoTooltipPersistent: "infoTooltipPersistent", infoTooltipPosition: "infoTooltipPosition", initialExpandDirectories: "initialExpandDirectories", initialExpandAll: "initialExpandAll", 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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BaseTreeDropdownComponent, decorators: [{
             type: Component,
             args: [{
@@ -2276,6 +2287,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 type: Input
             }], infoTooltipPosition: [{
                 type: Input
+            }], initialExpandDirectories: [{
+                type: Input
+            }], initialExpandAll: [{
+                type: Input
             }], options: [{
                 type: Input
             }], _value: [{