cat-qw-lib 0.18.0 → 0.19.0

package/fesm2022/cat-qw-lib.mjs

@@ -974,11 +974,11 @@ class DropdownComponent extends BaseControlComponent {
         super.handleModelChange(event, valid);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: DropdownComponent, deps: [{ token: ListService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.4", type: DropdownComponent, isStandalone: true, selector: "dropdown", inputs: { isStaticDropdown: "isStaticDropdown" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container>\n  <div class=\"mb-2\">\n    <label>{{ attributeModel.displayText }}</label>\n    <span class=\"asterisk ml-1\" *ngIf=\"attributeModel.isRequired\">*</span>\n  </div>\n  <div class=\"dropdownbox\">\n\n  <p-dropdown \n  \n  [options]=\"options\" \n  [disabled]=\"attributeModel.readonly ?? false\"\n  [showClear]=\"true\"\n  [name]=\"attributeModel.name ?? 'testSingleSelect'\" \n  [ngModel]=\"record[attributeModel.name]\" \n  [placeholder]=\"attributeModel.placeholder ?? ''\" \n  [required]=\"attributeModel.isRequired ?? false\"\n  filterBy=\"label\" \n  class=\"dropdownFeild\"\n  #dropdown=\"ngModel\"\n  (ngModelChange)=\"handleModelChange($event, dropdown.valid)\" \n  [ngClass]=\"!dropdown.valid && error == attributeModel.name ? 'ng-dirty ng-invalid':''\" \n  appendTo=\"body\" \n  optionLabel=\"label\" \n  optionValue=\"value\">\n</p-dropdown>\n</div>\n\n</ng-container>\n", styles: [".asterisk{color:red}.p-dropdown,.dropdownFeild{width:100%!important}.dropdownbox{position:relative}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i3$4.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "autoShowPanelOnPrintableCharacterKeyDown", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.4", type: DropdownComponent, isStandalone: true, selector: "dropdown", inputs: { isStaticDropdown: "isStaticDropdown" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container>\n  <div class=\"mb-2\">\n    <label>{{ attributeModel.displayText }}</label>\n    <span class=\"asterisk ml-1\" *ngIf=\"attributeModel.isRequired\">*</span>\n  </div>\n  <div class=\"dropdownbox\">\n\n  <p-dropdown \n  \n  [options]=\"options\" \n  [disabled]=\"attributeModel.readonly ?? false\"\n  [showClear]=\"true\"\n  [name]=\"attributeModel.name ?? 'testSingleSelect'\" \n  [ngModel]=\"record[attributeModel.name]\" \n  [placeholder]=\"attributeModel.placeholder ?? ''\" \n  [required]=\"attributeModel.isRequired ?? false\"\n  filterBy=\"label\" \n  [filter]=\"attributeModel.filter ?? false\" \n  class=\"dropdownFeild\"\n  #dropdown=\"ngModel\"\n  (ngModelChange)=\"handleModelChange($event, dropdown.valid)\" \n  [ngClass]=\"!dropdown.valid && error == attributeModel.name ? 'ng-dirty ng-invalid':''\" \n  appendTo=\"body\" \n  optionLabel=\"label\" \n  optionValue=\"value\">\n</p-dropdown>\n</div>\n\n</ng-container>\n", styles: [".asterisk{color:red}.p-dropdown,.dropdownFeild{width:100%!important}.dropdownbox{position:relative}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i3$4.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "autoShowPanelOnPrintableCharacterKeyDown", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: DropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dropdown', standalone: true, imports: [CommonModule, DropdownModule, FormsModule], encapsulation: ViewEncapsulation.None, template: "<ng-container>\n  <div class=\"mb-2\">\n    <label>{{ attributeModel.displayText }}</label>\n    <span class=\"asterisk ml-1\" *ngIf=\"attributeModel.isRequired\">*</span>\n  </div>\n  <div class=\"dropdownbox\">\n\n  <p-dropdown \n  \n  [options]=\"options\" \n  [disabled]=\"attributeModel.readonly ?? false\"\n  [showClear]=\"true\"\n  [name]=\"attributeModel.name ?? 'testSingleSelect'\" \n  [ngModel]=\"record[attributeModel.name]\" \n  [placeholder]=\"attributeModel.placeholder ?? ''\" \n  [required]=\"attributeModel.isRequired ?? false\"\n  filterBy=\"label\" \n  class=\"dropdownFeild\"\n  #dropdown=\"ngModel\"\n  (ngModelChange)=\"handleModelChange($event, dropdown.valid)\" \n  [ngClass]=\"!dropdown.valid && error == attributeModel.name ? 'ng-dirty ng-invalid':''\" \n  appendTo=\"body\" \n  optionLabel=\"label\" \n  optionValue=\"value\">\n</p-dropdown>\n</div>\n\n</ng-container>\n", styles: [".asterisk{color:red}.p-dropdown,.dropdownFeild{width:100%!important}.dropdownbox{position:relative}\n"] }]
+            args: [{ selector: 'dropdown', standalone: true, imports: [CommonModule, DropdownModule, FormsModule], encapsulation: ViewEncapsulation.None, template: "<ng-container>\n  <div class=\"mb-2\">\n    <label>{{ attributeModel.displayText }}</label>\n    <span class=\"asterisk ml-1\" *ngIf=\"attributeModel.isRequired\">*</span>\n  </div>\n  <div class=\"dropdownbox\">\n\n  <p-dropdown \n  \n  [options]=\"options\" \n  [disabled]=\"attributeModel.readonly ?? false\"\n  [showClear]=\"true\"\n  [name]=\"attributeModel.name ?? 'testSingleSelect'\" \n  [ngModel]=\"record[attributeModel.name]\" \n  [placeholder]=\"attributeModel.placeholder ?? ''\" \n  [required]=\"attributeModel.isRequired ?? false\"\n  filterBy=\"label\" \n  [filter]=\"attributeModel.filter ?? false\" \n  class=\"dropdownFeild\"\n  #dropdown=\"ngModel\"\n  (ngModelChange)=\"handleModelChange($event, dropdown.valid)\" \n  [ngClass]=\"!dropdown.valid && error == attributeModel.name ? 'ng-dirty ng-invalid':''\" \n  appendTo=\"body\" \n  optionLabel=\"label\" \n  optionValue=\"value\">\n</p-dropdown>\n</div>\n\n</ng-container>\n", styles: [".asterisk{color:red}.p-dropdown,.dropdownFeild{width:100%!important}.dropdownbox{position:relative}\n"] }]
         }], ctorParameters: () => [{ type: ListService }], propDecorators: { isStaticDropdown: [{
                 type: Input
             }] } });
@@ -1490,6 +1490,7 @@ class AttributeModel {
     textColorOnReadonly;
     hideLabelOnForm = false;
     disable = false;
+    filter = false;
 }
 
 class BaseModel {
@@ -2802,11 +2803,11 @@ class DdAdminItemFormComponent {
         this.subscriptions.unsubscribe();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: DdAdminItemFormComponent, deps: [{ token: DictionaryStore }, { token: DictionaryQuery }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.4", type: DdAdminItemFormComponent, isStandalone: false, selector: "lib-dd-admin-item-form", inputs: { ddItemRecord: "ddItemRecord", isItemExpression: "isItemExpression", isSidebarVisible: "isSidebarVisible" }, outputs: { saveClick: "saveClick" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"dicitonary-edit-action px-3\">\n    <div class=\"flex align-items-center justify-content-end mt-3\">\n        <lib-button\n        [store]=\"dictionaryStore\"\n        [record]=\"attributeRecord\"\n        [attributeModel]=\"{\n          buttonLabel: 'Save',\n          isDisabled: false,\n        }\"\n        (onBtnClick)=\"handleSaveBtnClick($event)\"\n        >\n      </lib-button>\n    </div>\n\n    <div class=\"col-12 md:col-12 mt-5\">\n        <text-area\n            [store]=\"dictionaryStore\"\n            [record]=\"attributeRecord\"\n            [attributeModel]=\"{\n              displayText: 'Expression',\n              readonly : false,\n              name : 'mappingInfo',\n              isRequired : false,\n              placeholder : 'Enter Text',\n              customPadding: '12px',\n            }\"\n            ></text-area>\n    </div>\n    <div class=\"col-12 md:col-12\">\n        <div class=\"p-field queue-list-wrapper\">\n            <dropdown [store]=\"dictionaryStore\" [record]=\"attributeRecord\" [attributeModel]=\"{\n            name:'propertyList',\n            displayText : 'Select properties',\n            isRequired:false,\n            options : propertyOptions\n        }\">\n            </dropdown>\n        </div>\n    </div>\n    <div class=\"col-12 md:col-3\">\n        <lib-button\n        [store]=\"dictionaryStore\"\n        [record]=\"attributeRecord\"\n        [attributeModel]=\"{\n          buttonLabel: 'Add to expression',\n          isDisabled: false,\n        }\"\n        (onBtnClick)=\"handleAddExpressionClick($event)\"\n        >\n      </lib-button>\n    </div>\n</div>", styles: [""], dependencies: [{ kind: "component", type: DropdownComponent, selector: "dropdown", inputs: ["isStaticDropdown"] }, { kind: "component", type: ButtonComponent, selector: "lib-button" }, { kind: "component", type: TextAreaComponent, selector: "text-area", inputs: ["rowspan"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.4", type: DdAdminItemFormComponent, isStandalone: false, selector: "lib-dd-admin-item-form", inputs: { ddItemRecord: "ddItemRecord", isItemExpression: "isItemExpression", isSidebarVisible: "isSidebarVisible" }, outputs: { saveClick: "saveClick" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"dicitonary-edit-action px-3\">\n    <div class=\"flex align-items-center justify-content-end mt-3\">\n        <lib-button\n        [store]=\"dictionaryStore\"\n        [record]=\"attributeRecord\"\n        [attributeModel]=\"{\n          buttonLabel: 'Save',\n          isDisabled: false,\n        }\"\n        (onBtnClick)=\"handleSaveBtnClick($event)\"\n        >\n      </lib-button>\n    </div>\n\n    <div class=\"col-12 md:col-12 mt-5\">\n        <text-area\n            [store]=\"dictionaryStore\"\n            [record]=\"attributeRecord\"\n            [attributeModel]=\"{\n              displayText: 'Expression',\n              readonly : false,\n              name : 'mappingInfo',\n              isRequired : false,\n              placeholder : 'Enter Text',\n              customPadding: '12px',\n            }\"\n            ></text-area>\n    </div>\n    <div class=\"col-12 md:col-12\">\n        <div class=\"p-field queue-list-wrapper\">\n            <dropdown [store]=\"dictionaryStore\" [record]=\"attributeRecord\" [attributeModel]=\"{\n            name:'propertyList',\n            displayText : 'Select properties',\n            isRequired:false,\n            options : propertyOptions,\n            filter : true\n        }\">\n            </dropdown>\n        </div>\n    </div>\n    <div class=\"col-12 md:col-3\">\n        <lib-button\n        [store]=\"dictionaryStore\"\n        [record]=\"attributeRecord\"\n        [attributeModel]=\"{\n          buttonLabel: 'Add to expression',\n          isDisabled: false,\n        }\"\n        (onBtnClick)=\"handleAddExpressionClick($event)\"\n        >\n      </lib-button>\n    </div>\n</div>", styles: [""], dependencies: [{ kind: "component", type: DropdownComponent, selector: "dropdown", inputs: ["isStaticDropdown"] }, { kind: "component", type: ButtonComponent, selector: "lib-button" }, { kind: "component", type: TextAreaComponent, selector: "text-area", inputs: ["rowspan"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: DdAdminItemFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-dd-admin-item-form', standalone: false, template: "<div class=\"dicitonary-edit-action px-3\">\n    <div class=\"flex align-items-center justify-content-end mt-3\">\n        <lib-button\n        [store]=\"dictionaryStore\"\n        [record]=\"attributeRecord\"\n        [attributeModel]=\"{\n          buttonLabel: 'Save',\n          isDisabled: false,\n        }\"\n        (onBtnClick)=\"handleSaveBtnClick($event)\"\n        >\n      </lib-button>\n    </div>\n\n    <div class=\"col-12 md:col-12 mt-5\">\n        <text-area\n            [store]=\"dictionaryStore\"\n            [record]=\"attributeRecord\"\n            [attributeModel]=\"{\n              displayText: 'Expression',\n              readonly : false,\n              name : 'mappingInfo',\n              isRequired : false,\n              placeholder : 'Enter Text',\n              customPadding: '12px',\n            }\"\n            ></text-area>\n    </div>\n    <div class=\"col-12 md:col-12\">\n        <div class=\"p-field queue-list-wrapper\">\n            <dropdown [store]=\"dictionaryStore\" [record]=\"attributeRecord\" [attributeModel]=\"{\n            name:'propertyList',\n            displayText : 'Select properties',\n            isRequired:false,\n            options : propertyOptions\n        }\">\n            </dropdown>\n        </div>\n    </div>\n    <div class=\"col-12 md:col-3\">\n        <lib-button\n        [store]=\"dictionaryStore\"\n        [record]=\"attributeRecord\"\n        [attributeModel]=\"{\n          buttonLabel: 'Add to expression',\n          isDisabled: false,\n        }\"\n        (onBtnClick)=\"handleAddExpressionClick($event)\"\n        >\n      </lib-button>\n    </div>\n</div>" }]
+            args: [{ selector: 'lib-dd-admin-item-form', standalone: false, template: "<div class=\"dicitonary-edit-action px-3\">\n    <div class=\"flex align-items-center justify-content-end mt-3\">\n        <lib-button\n        [store]=\"dictionaryStore\"\n        [record]=\"attributeRecord\"\n        [attributeModel]=\"{\n          buttonLabel: 'Save',\n          isDisabled: false,\n        }\"\n        (onBtnClick)=\"handleSaveBtnClick($event)\"\n        >\n      </lib-button>\n    </div>\n\n    <div class=\"col-12 md:col-12 mt-5\">\n        <text-area\n            [store]=\"dictionaryStore\"\n            [record]=\"attributeRecord\"\n            [attributeModel]=\"{\n              displayText: 'Expression',\n              readonly : false,\n              name : 'mappingInfo',\n              isRequired : false,\n              placeholder : 'Enter Text',\n              customPadding: '12px',\n            }\"\n            ></text-area>\n    </div>\n    <div class=\"col-12 md:col-12\">\n        <div class=\"p-field queue-list-wrapper\">\n            <dropdown [store]=\"dictionaryStore\" [record]=\"attributeRecord\" [attributeModel]=\"{\n            name:'propertyList',\n            displayText : 'Select properties',\n            isRequired:false,\n            options : propertyOptions,\n            filter : true\n        }\">\n            </dropdown>\n        </div>\n    </div>\n    <div class=\"col-12 md:col-3\">\n        <lib-button\n        [store]=\"dictionaryStore\"\n        [record]=\"attributeRecord\"\n        [attributeModel]=\"{\n          buttonLabel: 'Add to expression',\n          isDisabled: false,\n        }\"\n        (onBtnClick)=\"handleAddExpressionClick($event)\"\n        >\n      </lib-button>\n    </div>\n</div>" }]
         }], ctorParameters: () => [{ type: DictionaryStore }, { type: DictionaryQuery }], propDecorators: { ddItemRecord: [{
                 type: Input
             }], isItemExpression: [{