cps-ui-kit 0.108.0 → 0.110.0

package/fesm2020/cps-ui-kit.mjs

@@ -4739,10 +4739,10 @@ class TableColumnFilterConstraintComponent {
         this.categories = [];
         this._tableInstance = dt || tt;
     }
-    ngOnInit() {
-        this._initCategories();
+    ngOnChanges() {
+        this._updateCategories();
     }
-    _initCategories() {
+    _updateCategories() {
         if (this.type !== 'category')
             return;
         if (this.categoryOptions.length > 0) {
@@ -4785,7 +4785,7 @@ class TableColumnFilterConstraintComponent {
     }
 }
 TableColumnFilterConstraintComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableColumnFilterConstraintComponent, deps: [{ token: i1$2.Table, optional: true }, { token: i1$3.TreeTable, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-TableColumnFilterConstraintComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TableColumnFilterConstraintComponent, isStandalone: true, selector: "table-column-filter-constraint", inputs: { type: "type", field: "field", filterConstraint: "filterConstraint", categoryOptions: "categoryOptions", placeholder: "placeholder", hasApplyButton: "hasApplyButton" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n  <cps-input\n    *ngSwitchCase=\"'text'\"\n    [placeholder]=\"placeholder\"\n    [hideDetails]=\"true\"\n    (keydown.enter)=\"onEnterKeyDown($event)\"\n    [value]=\"filterConstraint?.value\"\n    (valueChanged)=\"onValueChange($event)\"\n    type=\"text\"></cps-input>\n\n  <cps-input\n    *ngSwitchCase=\"'number'\"\n    [hideDetails]=\"true\"\n    [placeholder]=\"placeholder\"\n    (keydown.enter)=\"onEnterKeyDown($event)\"\n    [value]=\"filterConstraint?.value\"\n    (valueChanged)=\"onValueChange($event)\"\n    type=\"number\"></cps-input>\n\n  <div class=\"cps-table-col-filter-constraint-boolean\">\n    <cps-button-toggle\n      *ngSwitchCase=\"'boolean'\"\n      [options]=\"booleanOptions\"\n      [value]=\"filterConstraint?.value\"\n      (valueChanged)=\"onValueChange($event)\"\n      [mandatory]=\"false\">\n    </cps-button-toggle>\n  </div>\n\n  <cps-datepicker\n    *ngSwitchCase=\"'date'\"\n    [openOnInputFocus]=\"true\"\n    [hideDetails]=\"true\"\n    [placeholder]=\"placeholder\"\n    [value]=\"filterConstraint?.value\"\n    (keydown.enter)=\"onEnterKeyDown($event)\"\n    (valueChanged)=\"onValueChange($event)\">\n  </cps-datepicker>\n\n  <cps-autocomplete\n    class=\"cps-table-col-filter-category-autocomplete\"\n    *ngSwitchCase=\"'category'\"\n    [placeholder]=\"placeholder\"\n    [options]=\"categories\"\n    [hideDetails]=\"true\"\n    [clearable]=\"true\"\n    [value]=\"filterConstraint?.value\"\n    (valueChanged)=\"onValueChange($event)\"\n    [returnObject]=\"false\"\n    [multiple]=\"true\"></cps-autocomplete>\n</ng-container>\n", styles: [":host .cps-table-col-filter-constraint-boolean{display:flex;justify-content:center}:host .cps-table-col-filter-category-autocomplete{min-width:200px;max-width:400px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: CpsInputComponent, selector: "cps-input", inputs: ["label", "hint", "placeholder", "disabled", "readonly", "width", "type", "loading", "clearable", "prefixIcon", "prefixIconClickable", "prefixIconSize", "prefixText", "hideDetails", "persistentClear", "error", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "appearance", "valueToDisplay", "value"], outputs: ["valueChanged", "focused", "prefixIconClicked", "blurred", "cleared", "enterClicked"] }, { kind: "component", type: CpsDatepickerComponent, selector: "cps-datepicker", inputs: ["label", "disabled", "width", "placeholder", "hint", "clearable", "hideDetails", "persistentClear", "showTodayButton", "openOnInputFocus", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "appearance", "minDate", "maxDate", "value"], outputs: ["valueChanged"] }, { kind: "component", type: CpsButtonToggleComponent, selector: "cps-button-toggle", inputs: ["label", "options", "multiple", "disabled", "mandatory", "equalWidths", "optionTooltipPosition", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "value"], outputs: ["valueChanged"] }, { kind: "component", type: CpsAutocompleteComponent, selector: "cps-autocomplete", inputs: ["label", "placeholder", "hint", "returnObject", "multiple", "disabled", "width", "selectAll", "chips", "closableChips", "clearable", "openOnClear", "options", "optionLabel", "optionValue", "optionInfo", "hideDetails", "persistentClear", "prefixIcon", "prefixIconSize", "loading", "emptyMessage", "virtualScroll", "numToleratedItems", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "appearance", "value"], outputs: ["valueChanged"] }] });
+TableColumnFilterConstraintComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TableColumnFilterConstraintComponent, isStandalone: true, selector: "table-column-filter-constraint", inputs: { type: "type", field: "field", filterConstraint: "filterConstraint", categoryOptions: "categoryOptions", placeholder: "placeholder", hasApplyButton: "hasApplyButton" }, usesOnChanges: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n  <cps-input\n    *ngSwitchCase=\"'text'\"\n    [placeholder]=\"placeholder\"\n    [hideDetails]=\"true\"\n    (keydown.enter)=\"onEnterKeyDown($event)\"\n    [value]=\"filterConstraint?.value\"\n    (valueChanged)=\"onValueChange($event)\"\n    type=\"text\"></cps-input>\n\n  <cps-input\n    *ngSwitchCase=\"'number'\"\n    [hideDetails]=\"true\"\n    [placeholder]=\"placeholder\"\n    (keydown.enter)=\"onEnterKeyDown($event)\"\n    [value]=\"filterConstraint?.value\"\n    (valueChanged)=\"onValueChange($event)\"\n    type=\"number\"></cps-input>\n\n  <div class=\"cps-table-col-filter-constraint-boolean\">\n    <cps-button-toggle\n      *ngSwitchCase=\"'boolean'\"\n      [options]=\"booleanOptions\"\n      [value]=\"filterConstraint?.value\"\n      (valueChanged)=\"onValueChange($event)\"\n      [mandatory]=\"false\">\n    </cps-button-toggle>\n  </div>\n\n  <cps-datepicker\n    *ngSwitchCase=\"'date'\"\n    [openOnInputFocus]=\"true\"\n    [hideDetails]=\"true\"\n    [placeholder]=\"placeholder\"\n    [value]=\"filterConstraint?.value\"\n    (keydown.enter)=\"onEnterKeyDown($event)\"\n    (valueChanged)=\"onValueChange($event)\">\n  </cps-datepicker>\n\n  <cps-autocomplete\n    class=\"cps-table-col-filter-category-autocomplete\"\n    *ngSwitchCase=\"'category'\"\n    [placeholder]=\"placeholder\"\n    [options]=\"categories\"\n    [hideDetails]=\"true\"\n    [clearable]=\"true\"\n    [value]=\"filterConstraint?.value\"\n    (valueChanged)=\"onValueChange($event)\"\n    [returnObject]=\"false\"\n    [multiple]=\"true\"></cps-autocomplete>\n</ng-container>\n", styles: [":host .cps-table-col-filter-constraint-boolean{display:flex;justify-content:center}:host .cps-table-col-filter-category-autocomplete{min-width:200px;max-width:400px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: CpsInputComponent, selector: "cps-input", inputs: ["label", "hint", "placeholder", "disabled", "readonly", "width", "type", "loading", "clearable", "prefixIcon", "prefixIconClickable", "prefixIconSize", "prefixText", "hideDetails", "persistentClear", "error", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "appearance", "valueToDisplay", "value"], outputs: ["valueChanged", "focused", "prefixIconClicked", "blurred", "cleared", "enterClicked"] }, { kind: "component", type: CpsDatepickerComponent, selector: "cps-datepicker", inputs: ["label", "disabled", "width", "placeholder", "hint", "clearable", "hideDetails", "persistentClear", "showTodayButton", "openOnInputFocus", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "appearance", "minDate", "maxDate", "value"], outputs: ["valueChanged"] }, { kind: "component", type: CpsButtonToggleComponent, selector: "cps-button-toggle", inputs: ["label", "options", "multiple", "disabled", "mandatory", "equalWidths", "optionTooltipPosition", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "value"], outputs: ["valueChanged"] }, { kind: "component", type: CpsAutocompleteComponent, selector: "cps-autocomplete", inputs: ["label", "placeholder", "hint", "returnObject", "multiple", "disabled", "width", "selectAll", "chips", "closableChips", "clearable", "openOnClear", "options", "optionLabel", "optionValue", "optionInfo", "hideDetails", "persistentClear", "prefixIcon", "prefixIconSize", "loading", "emptyMessage", "virtualScroll", "numToleratedItems", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "appearance", "value"], outputs: ["valueChanged"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableColumnFilterConstraintComponent, decorators: [{
             type: Component,
             args: [{ selector: 'table-column-filter-constraint', standalone: true, imports: [
@@ -5151,6 +5151,9 @@ class CpsTableColumnFilterDirective {
         this.filterCompRef = this.viewContainerRef.createComponent(TableColumnFilterComponent);
     }
     ngOnInit() {
+        this.elementRef.nativeElement.firstChild.after(this.filterCompRef.location.nativeElement);
+    }
+    ngOnChanges() {
         this.filterCompRef.setInput('field', this.field);
         this.filterCompRef.setInput('type', this.filterType);
         this.filterCompRef.setInput('persistent', this.filterPersistent);
@@ -5164,7 +5167,6 @@ class CpsTableColumnFilterDirective {
         this.filterCompRef.setInput('hideOnClear', this.filterHideOnClear);
         this.filterCompRef.setInput('categoryOptions', this.filterCategoryOptions);
         this.filterCompRef.setInput('placeholder', this.filterPlaceholder || this._getDefaultPlaceholder());
-        this.elementRef.nativeElement.firstChild.after(this.filterCompRef.location.nativeElement);
     }
     _getDefaultPlaceholder() {
         switch (this.filterType) {
@@ -5186,7 +5188,7 @@ class CpsTableColumnFilterDirective {
     }
 }
 CpsTableColumnFilterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CpsTableColumnFilterDirective, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-CpsTableColumnFilterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: CpsTableColumnFilterDirective, isStandalone: true, selector: "[cpsTColFilter]", inputs: { field: ["cpsTColFilter", "field"], filterType: "filterType", filterPersistent: "filterPersistent", filterShowClearButton: "filterShowClearButton", filterShowApplyButton: "filterShowApplyButton", filterShowCloseButton: "filterShowCloseButton", filterShowMatchModes: "filterShowMatchModes", filterMatchModes: "filterMatchModes", filterShowOperator: "filterShowOperator", filterMaxConstraints: "filterMaxConstraints", filterHideOnClear: "filterHideOnClear", filterCategoryOptions: "filterCategoryOptions", filterPlaceholder: "filterPlaceholder" }, ngImport: i0 });
+CpsTableColumnFilterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: CpsTableColumnFilterDirective, isStandalone: true, selector: "[cpsTColFilter]", inputs: { field: ["cpsTColFilter", "field"], filterType: "filterType", filterPersistent: "filterPersistent", filterShowClearButton: "filterShowClearButton", filterShowApplyButton: "filterShowApplyButton", filterShowCloseButton: "filterShowCloseButton", filterShowMatchModes: "filterShowMatchModes", filterMatchModes: "filterMatchModes", filterShowOperator: "filterShowOperator", filterMaxConstraints: "filterMaxConstraints", filterHideOnClear: "filterHideOnClear", filterCategoryOptions: "filterCategoryOptions", filterPlaceholder: "filterPlaceholder" }, usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CpsTableColumnFilterDirective, decorators: [{
             type: Directive,
             args: [{
@@ -6143,6 +6145,9 @@ class CpsTreeTableColumnFilterDirective {
         this.filterCompRef = this.viewContainerRef.createComponent(TableColumnFilterComponent);
     }
     ngOnInit() {
+        this.elementRef.nativeElement.firstChild.after(this.filterCompRef.location.nativeElement);
+    }
+    ngOnChanges() {
         this.filterCompRef.setInput('field', this.field);
         this.filterCompRef.setInput('type', this.filterType);
         this.filterCompRef.setInput('persistent', this.filterPersistent);
@@ -6156,7 +6161,6 @@ class CpsTreeTableColumnFilterDirective {
         this.filterCompRef.setInput('hideOnClear', this.filterHideOnClear);
         this.filterCompRef.setInput('categoryOptions', this.filterCategoryOptions);
         this.filterCompRef.setInput('placeholder', this.filterPlaceholder || this._getDefaultPlaceholder());
-        this.elementRef.nativeElement.firstChild.after(this.filterCompRef.location.nativeElement);
     }
     _getDefaultPlaceholder() {
         switch (this.filterType) {
@@ -6178,7 +6182,7 @@ class CpsTreeTableColumnFilterDirective {
     }
 }
 CpsTreeTableColumnFilterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CpsTreeTableColumnFilterDirective, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-CpsTreeTableColumnFilterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: CpsTreeTableColumnFilterDirective, isStandalone: true, selector: "[cpsTTColFilter]", inputs: { field: ["cpsTTColFilter", "field"], filterType: "filterType", filterPersistent: "filterPersistent", filterShowClearButton: "filterShowClearButton", filterShowApplyButton: "filterShowApplyButton", filterShowCloseButton: "filterShowCloseButton", filterShowMatchModes: "filterShowMatchModes", filterMatchModes: "filterMatchModes", filterShowOperator: "filterShowOperator", filterHideOnClear: "filterHideOnClear", filterCategoryOptions: "filterCategoryOptions", filterPlaceholder: "filterPlaceholder" }, ngImport: i0 });
+CpsTreeTableColumnFilterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: CpsTreeTableColumnFilterDirective, isStandalone: true, selector: "[cpsTTColFilter]", inputs: { field: ["cpsTTColFilter", "field"], filterType: "filterType", filterPersistent: "filterPersistent", filterShowClearButton: "filterShowClearButton", filterShowApplyButton: "filterShowApplyButton", filterShowCloseButton: "filterShowCloseButton", filterShowMatchModes: "filterShowMatchModes", filterMatchModes: "filterMatchModes", filterShowOperator: "filterShowOperator", filterHideOnClear: "filterHideOnClear", filterCategoryOptions: "filterCategoryOptions", filterPlaceholder: "filterPlaceholder" }, usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CpsTreeTableColumnFilterDirective, decorators: [{
             type: Directive,
             args: [{