@acorex/platform 1.0.0

package/esm2022/layouts/lib/widgets/common-widget-filter/boolean-widget-filter.component.mjs

@@ -0,0 +1,147 @@
+import { AXButtonModule } from '@acorex/components/button';
+import { AXDataSource } from '@acorex/components/common';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXNumberBoxModule } from '@acorex/components/number-box';
+import { AXPopoverModule } from '@acorex/components/popover';
+import { AXSelectBoxModule } from '@acorex/components/select-box';
+import { AXSelectionListModule } from '@acorex/components/selection-list';
+import { AXPWidgetFilterBase } from '@acorex/platform/schema';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@acorex/components/decorators";
+import * as i3 from "@acorex/components/popover";
+import * as i4 from "@acorex/components/selection-list";
+import * as i5 from "@acorex/components/button";
+import * as i6 from "@acorex/components/select-box";
+export class AXPBooleanWidgetFilterComponent extends AXPWidgetFilterBase {
+    constructor() {
+        super(...arguments);
+        this.operations = [];
+        this.items = [];
+        this.dataSource = new AXDataSource({
+            load: () => {
+                return Promise.resolve({
+                    items: this.items,
+                    total: this.items.length,
+                });
+            },
+            byKey: (id) => {
+                const item = this.items.find((c) => c.value.toString() == id);
+                return Promise.resolve(item);
+            },
+            pageSize: 10,
+            key: 'value',
+        });
+    }
+    getOperatorHasValue() {
+        const operator = this.operations.find((op) => op.name == this.operator);
+        return !operator || operator.hasValue ? true : false;
+    }
+    render() {
+        this.operations = this.schema.filterOptions.operators;
+    }
+    ngOnInit() {
+        this.items = [
+            { text: this.trulyText || 'Yes', value: true },
+            { text: this.falsyText || 'No', value: false },
+        ];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPBooleanWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: AXPBooleanWidgetFilterComponent, isStandalone: true, selector: "axp-boolean-widget-filter", inputs: { trulyText: "trulyText", falsyText: "falsyText" }, usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-flex ax-items-center">
+      <ax-select-box
+        [disabled]="!this.getOperatorHasValue()"
+        textField="text"
+        valueField="value"
+        placeholder="Select ..."
+        [dataSource]="dataSource"
+        [(ngModel)]="value"
+      ></ax-select-box>
+      @if(operations.length){
+      <ax-button #changeOperator look="blank" color="default" class="ax-sm">
+        <ax-icon class="fa-solid fa-ellipsis-vertical"></ax-icon>
+      </ax-button>
+      <ax-popover
+        #operatorsPopover
+        [target]="changeOperator"
+        [openOn]="'toggle'"
+        [closeOn]="'clickOut'"
+        [adaptivityEnabled]="true"
+      >
+        <div
+          class="ax-bg-surface ax-py-5 ax-px-3 ax-border ax-border-default ax-rounded-md ax-shadow-md ax-w-full ax-min-w-[250px]"
+        >
+          <ax-selection-list
+            [valueField]="'name'"
+            [textField]="'title'"
+            [(ngModel)]="operator"
+            (ngModelChange)="operatorsPopover.close()"
+            [direction]="'vertical'"
+            [items]="operations"
+            [multiple]="false"
+          ></ax-selection-list>
+        </div>
+      </ax-popover>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXNumberBoxModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i3.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXSelectionListModule }, { kind: "component", type: i4.AXSelectionListComponent, selector: "ax-selection-list", inputs: ["id", "name", "disabled", "readonly", "tabIndex", "size", "value", "valueField", "textField", "hintField", "disabledField", "readonlyField", "multiple", "direction", "customTemplate", "showControl", "items", "look"], outputs: ["onValueChanged", "onBlur", "onFocus"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i5.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i6.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "dataSource", "itemTemplate", "emptyTemplate", "loadingTemplate"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPBooleanWidgetFilterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-boolean-widget-filter',
+                    template: `
+    <div class="ax-flex ax-items-center">
+      <ax-select-box
+        [disabled]="!this.getOperatorHasValue()"
+        textField="text"
+        valueField="value"
+        placeholder="Select ..."
+        [dataSource]="dataSource"
+        [(ngModel)]="value"
+      ></ax-select-box>
+      @if(operations.length){
+      <ax-button #changeOperator look="blank" color="default" class="ax-sm">
+        <ax-icon class="fa-solid fa-ellipsis-vertical"></ax-icon>
+      </ax-button>
+      <ax-popover
+        #operatorsPopover
+        [target]="changeOperator"
+        [openOn]="'toggle'"
+        [closeOn]="'clickOut'"
+        [adaptivityEnabled]="true"
+      >
+        <div
+          class="ax-bg-surface ax-py-5 ax-px-3 ax-border ax-border-default ax-rounded-md ax-shadow-md ax-w-full ax-min-w-[250px]"
+        >
+          <ax-selection-list
+            [valueField]="'name'"
+            [textField]="'title'"
+            [(ngModel)]="operator"
+            (ngModelChange)="operatorsPopover.close()"
+            [direction]="'vertical'"
+            [items]="operations"
+            [multiple]="false"
+          ></ax-selection-list>
+        </div>
+      </ax-popover>
+      }
+    </div>
+  `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [
+                        AXNumberBoxModule,
+                        FormsModule,
+                        AXDecoratorModule,
+                        AXPopoverModule,
+                        AXSelectionListModule,
+                        AXButtonModule,
+                        AXSelectBoxModule,
+                    ],
+                    inputs: ['trulyText', 'falsyText'],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9vbGVhbi13aWRnZXQtZmlsdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcGxhdGZvcm0vbGF5b3V0cy9zcmMvbGliL3dpZGdldHMvY29tbW9uLXdpZGdldC1maWx0ZXIvYm9vbGVhbi13aWRnZXQtZmlsdGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDM0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUMxRSxPQUFPLEVBQXFCLG1CQUFtQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDakYsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7Ozs7O0FBdUQ3QyxNQUFNLE9BQU8sK0JBQWdDLFNBQVEsbUJBQTJCO0lBckRoRjs7UUF3RFksZUFBVSxHQUF3QixFQUFFLENBQUM7UUFDckMsVUFBSyxHQUF1QyxFQUFFLENBQUM7UUFDL0MsZUFBVSxHQUFRLElBQUksWUFBWSxDQUFDO1lBQzNDLElBQUksRUFBRSxHQUFHLEVBQUU7Z0JBQ1QsT0FBTyxPQUFPLENBQUMsT0FBTyxDQUFDO29CQUNyQixLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUs7b0JBQ2pCLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU07aUJBQ3pCLENBQUMsQ0FBQztZQUNMLENBQUM7WUFDRCxLQUFLLEVBQUUsQ0FBQyxFQUFXLEVBQUUsRUFBRTtnQkFDckIsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7Z0JBQzlELE9BQU8sT0FBTyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUMvQixDQUFDO1lBQ0QsUUFBUSxFQUFFLEVBQUU7WUFDWixHQUFHLEVBQUUsT0FBTztTQUNiLENBQUMsQ0FBQztLQWlCSjtJQWZXLG1CQUFtQjtRQUMzQixNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxDQUFDLElBQUksSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDeEUsT0FBTyxDQUFDLFFBQVEsSUFBSSxRQUFRLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztJQUN2RCxDQUFDO0lBRVEsTUFBTTtRQUNiLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDO0lBQ3hELENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLEtBQUssR0FBRztZQUNYLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxTQUFTLElBQUksS0FBSyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUU7WUFDOUMsRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLFNBQVMsSUFBSSxJQUFJLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRTtTQUMvQyxDQUFDO0lBQ0osQ0FBQzs4R0FsQ1UsK0JBQStCO2tHQUEvQiwrQkFBK0Isd0tBbkRoQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXFDVCwyREFJQyxpQkFBaUIsOEJBQ2pCLFdBQVcsOFZBQ1gsaUJBQWlCLCtIQUNqQixlQUFlLG9UQUNmLHFCQUFxQiwyWUFDckIsY0FBYyw2VUFDZCxpQkFBaUI7OzJGQUlSLCtCQUErQjtrQkFyRDNDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDJCQUEyQjtvQkFDckMsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBcUNUO29CQUNELFVBQVUsRUFBRSxJQUFJO29CQUNoQixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsT0FBTyxFQUFFO3dCQUNQLGlCQUFpQjt3QkFDakIsV0FBVzt3QkFDWCxpQkFBaUI7d0JBQ2pCLGVBQWU7d0JBQ2YscUJBQXFCO3dCQUNyQixjQUFjO3dCQUNkLGlCQUFpQjtxQkFDbEI7b0JBQ0QsTUFBTSxFQUFFLENBQUMsV0FBVyxFQUFFLFdBQVcsQ0FBQztpQkFDbkMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9idXR0b24nO1xuaW1wb3J0IHsgQVhEYXRhU291cmNlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2NvbW1vbic7XG5pbXBvcnQgeyBBWERlY29yYXRvck1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9kZWNvcmF0b3JzJztcbmltcG9ydCB7IEFYTnVtYmVyQm94TW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL251bWJlci1ib3gnO1xuaW1wb3J0IHsgQVhQb3BvdmVyTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL3BvcG92ZXInO1xuaW1wb3J0IHsgQVhTZWxlY3RCb3hNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvc2VsZWN0LWJveCc7XG5pbXBvcnQgeyBBWFNlbGVjdGlvbkxpc3RNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvc2VsZWN0aW9uLWxpc3QnO1xuaW1wb3J0IHsgQVhQRmlsdGVyT3BlcmF0b3IsIEFYUFdpZGdldEZpbHRlckJhc2UgfSBmcm9tICdAYWNvcmV4L3BsYXRmb3JtL3NjaGVtYSc7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXhwLWJvb2xlYW4td2lkZ2V0LWZpbHRlcicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImF4LWZsZXggYXgtaXRlbXMtY2VudGVyXCI+XG4gICAgICA8YXgtc2VsZWN0LWJveFxuICAgICAgICBbZGlzYWJsZWRdPVwiIXRoaXMuZ2V0T3BlcmF0b3JIYXNWYWx1ZSgpXCJcbiAgICAgICAgdGV4dEZpZWxkPVwidGV4dFwiXG4gICAgICAgIHZhbHVlRmllbGQ9XCJ2YWx1ZVwiXG4gICAgICAgIHBsYWNlaG9sZGVyPVwiU2VsZWN0IC4uLlwiXG4gICAgICAgIFtkYXRhU291cmNlXT1cImRhdGFTb3VyY2VcIlxuICAgICAgICBbKG5nTW9kZWwpXT1cInZhbHVlXCJcbiAgICAgID48L2F4LXNlbGVjdC1ib3g+XG4gICAgICBAaWYob3BlcmF0aW9ucy5sZW5ndGgpe1xuICAgICAgPGF4LWJ1dHRvbiAjY2hhbmdlT3BlcmF0b3IgbG9vaz1cImJsYW5rXCIgY29sb3I9XCJkZWZhdWx0XCIgY2xhc3M9XCJheC1zbVwiPlxuICAgICAgICA8YXgtaWNvbiBjbGFzcz1cImZhLXNvbGlkIGZhLWVsbGlwc2lzLXZlcnRpY2FsXCI+PC9heC1pY29uPlxuICAgICAgPC9heC1idXR0b24+XG4gICAgICA8YXgtcG9wb3ZlclxuICAgICAgICAjb3BlcmF0b3JzUG9wb3ZlclxuICAgICAgICBbdGFyZ2V0XT1cImNoYW5nZU9wZXJhdG9yXCJcbiAgICAgICAgW29wZW5Pbl09XCIndG9nZ2xlJ1wiXG4gICAgICAgIFtjbG9zZU9uXT1cIidjbGlja091dCdcIlxuICAgICAgICBbYWRhcHRpdml0eUVuYWJsZWRdPVwidHJ1ZVwiXG4gICAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjbGFzcz1cImF4LWJnLXN1cmZhY2UgYXgtcHktNSBheC1weC0zIGF4LWJvcmRlciBheC1ib3JkZXItZGVmYXVsdCBheC1yb3VuZGVkLW1kIGF4LXNoYWRvdy1tZCBheC13LWZ1bGwgYXgtbWluLXctWzI1MHB4XVwiXG4gICAgICAgID5cbiAgICAgICAgICA8YXgtc2VsZWN0aW9uLWxpc3RcbiAgICAgICAgICAgIFt2YWx1ZUZpZWxkXT1cIiduYW1lJ1wiXG4gICAgICAgICAgICBbdGV4dEZpZWxkXT1cIid0aXRsZSdcIlxuICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJvcGVyYXRvclwiXG4gICAgICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJvcGVyYXRvcnNQb3BvdmVyLmNsb3NlKClcIlxuICAgICAgICAgICAgW2RpcmVjdGlvbl09XCIndmVydGljYWwnXCJcbiAgICAgICAgICAgIFtpdGVtc109XCJvcGVyYXRpb25zXCJcbiAgICAgICAgICAgIFttdWx0aXBsZV09XCJmYWxzZVwiXG4gICAgICAgICAgPjwvYXgtc2VsZWN0aW9uLWxpc3Q+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9heC1wb3BvdmVyPlxuICAgICAgfVxuICAgIDwvZGl2PlxuICBgLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaW1wb3J0czogW1xuICAgIEFYTnVtYmVyQm94TW9kdWxlLFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIEFYRGVjb3JhdG9yTW9kdWxlLFxuICAgIEFYUG9wb3Zlck1vZHVsZSxcbiAgICBBWFNlbGVjdGlvbkxpc3RNb2R1bGUsXG4gICAgQVhCdXR0b25Nb2R1bGUsXG4gICAgQVhTZWxlY3RCb3hNb2R1bGUsXG4gIF0sXG4gIGlucHV0czogWyd0cnVseVRleHQnLCAnZmFsc3lUZXh0J10sXG59KVxuZXhwb3J0IGNsYXNzIEFYUEJvb2xlYW5XaWRnZXRGaWx0ZXJDb21wb25lbnQgZXh0ZW5kcyBBWFBXaWRnZXRGaWx0ZXJCYXNlPG51bWJlcj4ge1xuICBwcm90ZWN0ZWQgZmFsc3lUZXh0ITogc3RyaW5nO1xuICBwcm90ZWN0ZWQgdHJ1bHlUZXh0ITogc3RyaW5nO1xuICBwcm90ZWN0ZWQgb3BlcmF0aW9uczogQVhQRmlsdGVyT3BlcmF0b3JbXSA9IFtdO1xuICBwcm90ZWN0ZWQgaXRlbXM6IHsgdGV4dDogc3RyaW5nOyB2YWx1ZTogYm9vbGVhbiB9W10gPSBbXTtcbiAgcHJvdGVjdGVkIGRhdGFTb3VyY2U6IGFueSA9IG5ldyBBWERhdGFTb3VyY2Uoe1xuICAgIGxvYWQ6ICgpID0+IHtcbiAgICAgIHJldHVybiBQcm9taXNlLnJlc29sdmUoe1xuICAgICAgICBpdGVtczogdGhpcy5pdGVtcyxcbiAgICAgICAgdG90YWw6IHRoaXMuaXRlbXMubGVuZ3RoLFxuICAgICAgfSk7XG4gICAgfSxcbiAgICBieUtleTogKGlkOiB1bmtub3duKSA9PiB7XG4gICAgICBjb25zdCBpdGVtID0gdGhpcy5pdGVtcy5maW5kKChjKSA9PiBjLnZhbHVlLnRvU3RyaW5nKCkgPT0gaWQpO1xuICAgICAgcmV0dXJuIFByb21pc2UucmVzb2x2ZShpdGVtKTtcbiAgICB9LFxuICAgIHBhZ2VTaXplOiAxMCxcbiAgICBrZXk6ICd2YWx1ZScsXG4gIH0pO1xuXG4gIHByb3RlY3RlZCBnZXRPcGVyYXRvckhhc1ZhbHVlKCk6IGJvb2xlYW4ge1xuICAgIGNvbnN0IG9wZXJhdG9yID0gdGhpcy5vcGVyYXRpb25zLmZpbmQoKG9wKSA9PiBvcC5uYW1lID09IHRoaXMub3BlcmF0b3IpO1xuICAgIHJldHVybiAhb3BlcmF0b3IgfHwgb3BlcmF0b3IuaGFzVmFsdWUgPyB0cnVlIDogZmFsc2U7XG4gIH1cblxuICBvdmVycmlkZSByZW5kZXIoKTogdm9pZCB7XG4gICAgdGhpcy5vcGVyYXRpb25zID0gdGhpcy5zY2hlbWEuZmlsdGVyT3B0aW9ucy5vcGVyYXRvcnM7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLml0ZW1zID0gW1xuICAgICAgeyB0ZXh0OiB0aGlzLnRydWx5VGV4dCB8fCAnWWVzJywgdmFsdWU6IHRydWUgfSxcbiAgICAgIHsgdGV4dDogdGhpcy5mYWxzeVRleHQgfHwgJ05vJywgdmFsdWU6IGZhbHNlIH0sXG4gICAgXTtcbiAgfVxufVxuIl19

package/esm2022/layouts/lib/widgets/common-widget-filter/number-widget-filter.component.mjs

@@ -0,0 +1,135 @@
+import { AXButtonModule } from '@acorex/components/button';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXNumberBoxModule } from '@acorex/components/number-box';
+import { AXPopoverModule } from '@acorex/components/popover';
+import { AXSelectionListModule } from '@acorex/components/selection-list';
+import { AXPWidgetFilterBase } from '@acorex/platform/schema';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@acorex/components/number-box";
+import * as i2 from "@angular/forms";
+import * as i3 from "@acorex/components/decorators";
+import * as i4 from "@acorex/components/popover";
+import * as i5 from "@acorex/components/selection-list";
+import * as i6 from "@acorex/components/button";
+export class AXPNumberWidgetFilterComponent extends AXPWidgetFilterBase {
+    constructor() {
+        super(...arguments);
+        this.operations = [];
+    }
+    render() {
+        this.operations = this.schema.filterOptions.operators;
+    }
+    getOperatorHasValue() {
+        const operator = this.operations.find((op) => op.name == this.operator);
+        return !operator || operator.hasValue ? true : false;
+    }
+    ngOnInit() {
+        this.updateValueOnOperatorChange();
+    }
+    updateValueOnOperatorChange() {
+        if (!this.getOperatorHasValue()) {
+            this.value = null;
+        }
+        if (this.operator === 'between')
+            this.value = { from: this.value?.from || 0, to: this.value?.to || 0 };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPNumberWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: AXPNumberWidgetFilterComponent, isStandalone: true, selector: "axp-number-widget-filter", usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-flex ax-items-center">
+      @if(operator!=="between"){
+      <ax-number-box [disabled]="!this.getOperatorHasValue()" [(ngModel)]="value">
+        <ax-clear-button></ax-clear-button>
+      </ax-number-box>
+      }@else{
+      <div class="ax-flex ax-gap-3">
+        <ax-number-box placeholder="from" [(ngModel)]="value.from">
+          <ax-clear-button></ax-clear-button>
+        </ax-number-box>
+        <ax-number-box placeholder="to" [(ngModel)]="value.to">
+          <ax-clear-button></ax-clear-button>
+        </ax-number-box>
+      </div>
+      } @if(operations.length){
+      <ax-button #changeOperator look="blank" color="default" class="ax-sm">
+        <ax-icon class="fa-solid fa-ellipsis-vertical"></ax-icon>
+      </ax-button>
+      <ax-popover
+        #operatorsPopover
+        [target]="changeOperator"
+        [openOn]="'toggle'"
+        [closeOn]="'clickOut'"
+        [adaptivityEnabled]="true"
+      >
+        <div
+          class="ax-bg-surface ax-py-5 ax-px-3 ax-border ax-border-default ax-rounded-md ax-shadow-md ax-w-full ax-min-w-[250px]"
+        >
+          <ax-selection-list
+            [valueField]="'name'"
+            [textField]="'title'"
+            [(ngModel)]="operator"
+            (ngModelChange)="operatorsPopover.close(); updateValueOnOperatorChange()"
+            [direction]="'vertical'"
+            [items]="operations"
+            [multiple]="false"
+          ></ax-selection-list>
+        </div>
+      </ax-popover>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXNumberBoxModule }, { kind: "component", type: i1.AXNumberBoxComponent, selector: "ax-number-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "thousandsSeparator", "padDecimalZeros", "step", "decimals", "decimalStep", "showSpinButtons", "minValue", "maxValue", "class"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i4.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXSelectionListModule }, { kind: "component", type: i5.AXSelectionListComponent, selector: "ax-selection-list", inputs: ["id", "name", "disabled", "readonly", "tabIndex", "size", "value", "valueField", "textField", "hintField", "disabledField", "readonlyField", "multiple", "direction", "customTemplate", "showControl", "items", "look"], outputs: ["onValueChanged", "onBlur", "onFocus"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i6.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPNumberWidgetFilterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-number-widget-filter',
+                    template: `
+    <div class="ax-flex ax-items-center">
+      @if(operator!=="between"){
+      <ax-number-box [disabled]="!this.getOperatorHasValue()" [(ngModel)]="value">
+        <ax-clear-button></ax-clear-button>
+      </ax-number-box>
+      }@else{
+      <div class="ax-flex ax-gap-3">
+        <ax-number-box placeholder="from" [(ngModel)]="value.from">
+          <ax-clear-button></ax-clear-button>
+        </ax-number-box>
+        <ax-number-box placeholder="to" [(ngModel)]="value.to">
+          <ax-clear-button></ax-clear-button>
+        </ax-number-box>
+      </div>
+      } @if(operations.length){
+      <ax-button #changeOperator look="blank" color="default" class="ax-sm">
+        <ax-icon class="fa-solid fa-ellipsis-vertical"></ax-icon>
+      </ax-button>
+      <ax-popover
+        #operatorsPopover
+        [target]="changeOperator"
+        [openOn]="'toggle'"
+        [closeOn]="'clickOut'"
+        [adaptivityEnabled]="true"
+      >
+        <div
+          class="ax-bg-surface ax-py-5 ax-px-3 ax-border ax-border-default ax-rounded-md ax-shadow-md ax-w-full ax-min-w-[250px]"
+        >
+          <ax-selection-list
+            [valueField]="'name'"
+            [textField]="'title'"
+            [(ngModel)]="operator"
+            (ngModelChange)="operatorsPopover.close(); updateValueOnOperatorChange()"
+            [direction]="'vertical'"
+            [items]="operations"
+            [multiple]="false"
+          ></ax-selection-list>
+        </div>
+      </ax-popover>
+      }
+    </div>
+  `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [AXNumberBoxModule, FormsModule, AXDecoratorModule, AXPopoverModule, AXSelectionListModule, AXButtonModule],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibnVtYmVyLXdpZGdldC1maWx0ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS9sYXlvdXRzL3NyYy9saWIvd2lkZ2V0cy9jb21tb24td2lkZ2V0LWZpbHRlci9udW1iZXItd2lkZ2V0LWZpbHRlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzNELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUM3RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUMxRSxPQUFPLEVBQXFCLG1CQUFtQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDakYsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7Ozs7O0FBbUQ3QyxNQUFNLE9BQU8sOEJBQStCLFNBQVEsbUJBQXdCO0lBakQ1RTs7UUFrREUsZUFBVSxHQUF3QixFQUFFLENBQUM7S0FxQnRDO0lBbkJVLE1BQU07UUFDYixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQztJQUN4RCxDQUFDO0lBRVMsbUJBQW1CO1FBQzNCLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLENBQUMsSUFBSSxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN4RSxPQUFPLENBQUMsUUFBUSxJQUFJLFFBQVEsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO0lBQ3ZELENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLDJCQUEyQixFQUFFLENBQUM7SUFDckMsQ0FBQztJQUVELDJCQUEyQjtRQUN6QixJQUFJLENBQUMsSUFBSSxDQUFDLG1CQUFtQixFQUFFLEVBQUUsQ0FBQztZQUNoQyxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztRQUNwQixDQUFDO1FBQ0QsSUFBSSxJQUFJLENBQUMsUUFBUSxLQUFLLFNBQVM7WUFBRSxJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSxJQUFJLENBQUMsRUFBRSxFQUFFLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxFQUFFLElBQUksQ0FBQyxFQUFFLENBQUM7SUFDekcsQ0FBQzs4R0FyQlUsOEJBQThCO2tHQUE5Qiw4QkFBOEIsMkdBL0MvQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBMENULDJEQUdTLGlCQUFpQiw4ZUFBRSxXQUFXLDhWQUFFLGlCQUFpQiwrT0FBRSxlQUFlLG9UQUFFLHFCQUFxQiwyWUFBRSxjQUFjOzsyRkFFeEcsOEJBQThCO2tCQWpEMUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsMEJBQTBCO29CQUNwQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTBDVDtvQkFDRCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLE9BQU8sRUFBRSxDQUFDLGlCQUFpQixFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxlQUFlLEVBQUUscUJBQXFCLEVBQUUsY0FBYyxDQUFDO2lCQUNySCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYQnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2J1dHRvbic7XG5pbXBvcnQgeyBBWERlY29yYXRvck1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9kZWNvcmF0b3JzJztcbmltcG9ydCB7IEFYTnVtYmVyQm94TW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL251bWJlci1ib3gnO1xuaW1wb3J0IHsgQVhQb3BvdmVyTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL3BvcG92ZXInO1xuaW1wb3J0IHsgQVhTZWxlY3Rpb25MaXN0TW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL3NlbGVjdGlvbi1saXN0JztcbmltcG9ydCB7IEFYUEZpbHRlck9wZXJhdG9yLCBBWFBXaWRnZXRGaWx0ZXJCYXNlIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9zY2hlbWEnO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4cC1udW1iZXItd2lkZ2V0LWZpbHRlcicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImF4LWZsZXggYXgtaXRlbXMtY2VudGVyXCI+XG4gICAgICBAaWYob3BlcmF0b3IhPT1cImJldHdlZW5cIil7XG4gICAgICA8YXgtbnVtYmVyLWJveCBbZGlzYWJsZWRdPVwiIXRoaXMuZ2V0T3BlcmF0b3JIYXNWYWx1ZSgpXCIgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiPlxuICAgICAgICA8YXgtY2xlYXItYnV0dG9uPjwvYXgtY2xlYXItYnV0dG9uPlxuICAgICAgPC9heC1udW1iZXItYm94PlxuICAgICAgfUBlbHNle1xuICAgICAgPGRpdiBjbGFzcz1cImF4LWZsZXggYXgtZ2FwLTNcIj5cbiAgICAgICAgPGF4LW51bWJlci1ib3ggcGxhY2Vob2xkZXI9XCJmcm9tXCIgWyhuZ01vZGVsKV09XCJ2YWx1ZS5mcm9tXCI+XG4gICAgICAgICAgPGF4LWNsZWFyLWJ1dHRvbj48L2F4LWNsZWFyLWJ1dHRvbj5cbiAgICAgICAgPC9heC1udW1iZXItYm94PlxuICAgICAgICA8YXgtbnVtYmVyLWJveCBwbGFjZWhvbGRlcj1cInRvXCIgWyhuZ01vZGVsKV09XCJ2YWx1ZS50b1wiPlxuICAgICAgICAgIDxheC1jbGVhci1idXR0b24+PC9heC1jbGVhci1idXR0b24+XG4gICAgICAgIDwvYXgtbnVtYmVyLWJveD5cbiAgICAgIDwvZGl2PlxuICAgICAgfSBAaWYob3BlcmF0aW9ucy5sZW5ndGgpe1xuICAgICAgPGF4LWJ1dHRvbiAjY2hhbmdlT3BlcmF0b3IgbG9vaz1cImJsYW5rXCIgY29sb3I9XCJkZWZhdWx0XCIgY2xhc3M9XCJheC1zbVwiPlxuICAgICAgICA8YXgtaWNvbiBjbGFzcz1cImZhLXNvbGlkIGZhLWVsbGlwc2lzLXZlcnRpY2FsXCI+PC9heC1pY29uPlxuICAgICAgPC9heC1idXR0b24+XG4gICAgICA8YXgtcG9wb3ZlclxuICAgICAgICAjb3BlcmF0b3JzUG9wb3ZlclxuICAgICAgICBbdGFyZ2V0XT1cImNoYW5nZU9wZXJhdG9yXCJcbiAgICAgICAgW29wZW5Pbl09XCIndG9nZ2xlJ1wiXG4gICAgICAgIFtjbG9zZU9uXT1cIidjbGlja091dCdcIlxuICAgICAgICBbYWRhcHRpdml0eUVuYWJsZWRdPVwidHJ1ZVwiXG4gICAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjbGFzcz1cImF4LWJnLXN1cmZhY2UgYXgtcHktNSBheC1weC0zIGF4LWJvcmRlciBheC1ib3JkZXItZGVmYXVsdCBheC1yb3VuZGVkLW1kIGF4LXNoYWRvdy1tZCBheC13LWZ1bGwgYXgtbWluLXctWzI1MHB4XVwiXG4gICAgICAgID5cbiAgICAgICAgICA8YXgtc2VsZWN0aW9uLWxpc3RcbiAgICAgICAgICAgIFt2YWx1ZUZpZWxkXT1cIiduYW1lJ1wiXG4gICAgICAgICAgICBbdGV4dEZpZWxkXT1cIid0aXRsZSdcIlxuICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJvcGVyYXRvclwiXG4gICAgICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJvcGVyYXRvcnNQb3BvdmVyLmNsb3NlKCk7IHVwZGF0ZVZhbHVlT25PcGVyYXRvckNoYW5nZSgpXCJcbiAgICAgICAgICAgIFtkaXJlY3Rpb25dPVwiJ3ZlcnRpY2FsJ1wiXG4gICAgICAgICAgICBbaXRlbXNdPVwib3BlcmF0aW9uc1wiXG4gICAgICAgICAgICBbbXVsdGlwbGVdPVwiZmFsc2VcIlxuICAgICAgICAgID48L2F4LXNlbGVjdGlvbi1saXN0PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvYXgtcG9wb3Zlcj5cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGltcG9ydHM6IFtBWE51bWJlckJveE1vZHVsZSwgRm9ybXNNb2R1bGUsIEFYRGVjb3JhdG9yTW9kdWxlLCBBWFBvcG92ZXJNb2R1bGUsIEFYU2VsZWN0aW9uTGlzdE1vZHVsZSwgQVhCdXR0b25Nb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBBWFBOdW1iZXJXaWRnZXRGaWx0ZXJDb21wb25lbnQgZXh0ZW5kcyBBWFBXaWRnZXRGaWx0ZXJCYXNlPGFueT4ge1xuICBvcGVyYXRpb25zOiBBWFBGaWx0ZXJPcGVyYXRvcltdID0gW107XG5cbiAgb3ZlcnJpZGUgcmVuZGVyKCk6IHZvaWQge1xuICAgIHRoaXMub3BlcmF0aW9ucyA9IHRoaXMuc2NoZW1hLmZpbHRlck9wdGlvbnMub3BlcmF0b3JzO1xuICB9XG5cbiAgcHJvdGVjdGVkIGdldE9wZXJhdG9ySGFzVmFsdWUoKTogYm9vbGVhbiB7XG4gICAgY29uc3Qgb3BlcmF0b3IgPSB0aGlzLm9wZXJhdGlvbnMuZmluZCgob3ApID0+IG9wLm5hbWUgPT0gdGhpcy5vcGVyYXRvcik7XG4gICAgcmV0dXJuICFvcGVyYXRvciB8fCBvcGVyYXRvci5oYXNWYWx1ZSA/IHRydWUgOiBmYWxzZTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMudXBkYXRlVmFsdWVPbk9wZXJhdG9yQ2hhbmdlKCk7XG4gIH1cblxuICB1cGRhdGVWYWx1ZU9uT3BlcmF0b3JDaGFuZ2UoKSB7XG4gICAgaWYgKCF0aGlzLmdldE9wZXJhdG9ySGFzVmFsdWUoKSkge1xuICAgICAgdGhpcy52YWx1ZSA9IG51bGw7XG4gICAgfVxuICAgIGlmICh0aGlzLm9wZXJhdG9yID09PSAnYmV0d2VlbicpIHRoaXMudmFsdWUgPSB7IGZyb206IHRoaXMudmFsdWU/LmZyb20gfHwgMCwgdG86IHRoaXMudmFsdWU/LnRvIHx8IDAgfTtcbiAgfVxufVxuIl19

package/esm2022/layouts/lib/widgets/common-widget-filter/string-widget-filter.component.mjs

@@ -0,0 +1,125 @@
+import { AXButtonModule } from '@acorex/components/button';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXPopoverModule } from '@acorex/components/popover';
+import { AXSelectBoxModule } from '@acorex/components/select-box';
+import { AXSelectionListModule } from '@acorex/components/selection-list';
+import { AXTextBoxModule } from '@acorex/components/text-box';
+import { AXPWidgetFilterBase } from '@acorex/platform/schema';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@acorex/components/text-box";
+import * as i2 from "@angular/forms";
+import * as i3 from "@acorex/components/decorators";
+import * as i4 from "@acorex/components/button";
+import * as i5 from "@acorex/components/popover";
+import * as i6 from "@acorex/components/selection-list";
+export class AXPStringWidgetFilterComponent extends AXPWidgetFilterBase {
+    constructor() {
+        super(...arguments);
+        this.operations = [];
+    }
+    getOperatorHasValue() {
+        const operator = this.operations.find((op) => op.name == this.operator);
+        return !operator || operator.hasValue ? true : false;
+    }
+    render() {
+        this.operations = this.schema.filterOptions.operators;
+    }
+    ngOnInit() {
+        this.clearValue();
+    }
+    clearValue() {
+        if (!this.getOperatorHasValue())
+            this.value = '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPStringWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: AXPStringWidgetFilterComponent, isStandalone: true, selector: "axp-string-widget-filter", inputs: { value: "value", operator: "operator" }, outputs: { valueChange: "valueChange", operatorChange: "operatorChange" }, usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-flex ax-items-center">
+      <ax-text-box class="ax-flex-1" [disabled]="!this.getOperatorHasValue()" [(ngModel)]="value">
+        <ax-clear-button></ax-clear-button>
+      </ax-text-box>
+      @if(operations.length){
+      <ax-button #changeOperator look="blank" color="default" class="ax-sm">
+        <ax-icon class="fa-solid fa-ellipsis-vertical"></ax-icon>
+      </ax-button>
+      <ax-popover
+        #operatorsPopover
+        [target]="changeOperator"
+        [openOn]="'toggle'"
+        [closeOn]="'clickOut'"
+        [adaptivityEnabled]="true"
+      >
+        <div
+          class="ax-max-h-max ax-overflow-auto ax-bg-surface ax-py-5 ax-px-3 ax-border ax-border-default ax-rounded-md ax-shadow-md ax-w-full ax-min-w-[250px]"
+        >
+          <ax-selection-list
+            class=""
+            [valueField]="'name'"
+            [textField]="'title'"
+            [(ngModel)]="operator"
+            (ngModelChange)="operatorsPopover.close(); clearValue()"
+            [direction]="'vertical'"
+            [items]="operations"
+            [multiple]="false"
+          ></ax-selection-list>
+        </div>
+      </ax-popover>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i1.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i4.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i5.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXSelectionListModule }, { kind: "component", type: i6.AXSelectionListComponent, selector: "ax-selection-list", inputs: ["id", "name", "disabled", "readonly", "tabIndex", "size", "value", "valueField", "textField", "hintField", "disabledField", "readonlyField", "multiple", "direction", "customTemplate", "showControl", "items", "look"], outputs: ["onValueChanged", "onBlur", "onFocus"] }, { kind: "ngmodule", type: AXSelectBoxModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPStringWidgetFilterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-string-widget-filter',
+                    template: `
+    <div class="ax-flex ax-items-center">
+      <ax-text-box class="ax-flex-1" [disabled]="!this.getOperatorHasValue()" [(ngModel)]="value">
+        <ax-clear-button></ax-clear-button>
+      </ax-text-box>
+      @if(operations.length){
+      <ax-button #changeOperator look="blank" color="default" class="ax-sm">
+        <ax-icon class="fa-solid fa-ellipsis-vertical"></ax-icon>
+      </ax-button>
+      <ax-popover
+        #operatorsPopover
+        [target]="changeOperator"
+        [openOn]="'toggle'"
+        [closeOn]="'clickOut'"
+        [adaptivityEnabled]="true"
+      >
+        <div
+          class="ax-max-h-max ax-overflow-auto ax-bg-surface ax-py-5 ax-px-3 ax-border ax-border-default ax-rounded-md ax-shadow-md ax-w-full ax-min-w-[250px]"
+        >
+          <ax-selection-list
+            class=""
+            [valueField]="'name'"
+            [textField]="'title'"
+            [(ngModel)]="operator"
+            (ngModelChange)="operatorsPopover.close(); clearValue()"
+            [direction]="'vertical'"
+            [items]="operations"
+            [multiple]="false"
+          ></ax-selection-list>
+        </div>
+      </ax-popover>
+      }
+    </div>
+  `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [
+                        AXTextBoxModule,
+                        FormsModule,
+                        AXDecoratorModule,
+                        AXButtonModule,
+                        AXPopoverModule,
+                        AXSelectionListModule,
+                        AXSelectBoxModule,
+                    ],
+                    outputs: ['valueChange', 'operatorChange'],
+                    inputs: ['value', 'operator'],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RyaW5nLXdpZGdldC1maWx0ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS9sYXlvdXRzL3NyYy9saWIvd2lkZ2V0cy9jb21tb24td2lkZ2V0LWZpbHRlci9zdHJpbmctd2lkZ2V0LWZpbHRlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzNELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUMxRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDOUQsT0FBTyxFQUFxQixtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ2pGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7OztBQW9EN0MsTUFBTSxPQUFPLDhCQUErQixTQUFRLG1CQUFxQztJQWxEekY7O1FBbURFLGVBQVUsR0FBd0IsRUFBRSxDQUFDO0tBa0J0QztJQWhCVyxtQkFBbUI7UUFDM0IsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUUsQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3hFLE9BQU8sQ0FBQyxRQUFRLElBQUksUUFBUSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7SUFDdkQsQ0FBQztJQUVRLE1BQU07UUFDYixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQztJQUN4RCxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBRUQsVUFBVTtRQUNSLElBQUksQ0FBQyxJQUFJLENBQUMsbUJBQW1CLEVBQUU7WUFBRSxJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztJQUNuRCxDQUFDOzhHQWxCVSw4QkFBOEI7a0dBQTlCLDhCQUE4Qix3T0FoRC9COzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQ1QsMkRBSUMsZUFBZSxxYkFDZixXQUFXLDhWQUNYLGlCQUFpQiwrT0FDakIsY0FBYyw2VUFDZCxlQUFlLG9UQUNmLHFCQUFxQiwyWUFDckIsaUJBQWlCOzsyRkFLUiw4QkFBOEI7a0JBbEQxQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSwwQkFBMEI7b0JBQ3BDLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUNUO29CQUNELFVBQVUsRUFBRSxJQUFJO29CQUNoQixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsT0FBTyxFQUFFO3dCQUNQLGVBQWU7d0JBQ2YsV0FBVzt3QkFDWCxpQkFBaUI7d0JBQ2pCLGNBQWM7d0JBQ2QsZUFBZTt3QkFDZixxQkFBcUI7d0JBQ3JCLGlCQUFpQjtxQkFDbEI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsYUFBYSxFQUFFLGdCQUFnQixDQUFDO29CQUMxQyxNQUFNLEVBQUUsQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDO2lCQUM5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYQnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2J1dHRvbic7XG5pbXBvcnQgeyBBWERlY29yYXRvck1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9kZWNvcmF0b3JzJztcbmltcG9ydCB7IEFYUG9wb3Zlck1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9wb3BvdmVyJztcbmltcG9ydCB7IEFYU2VsZWN0Qm94TW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL3NlbGVjdC1ib3gnO1xuaW1wb3J0IHsgQVhTZWxlY3Rpb25MaXN0TW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL3NlbGVjdGlvbi1saXN0JztcbmltcG9ydCB7IEFYVGV4dEJveE1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy90ZXh0LWJveCc7XG5pbXBvcnQgeyBBWFBGaWx0ZXJPcGVyYXRvciwgQVhQV2lkZ2V0RmlsdGVyQmFzZSB9IGZyb20gJ0BhY29yZXgvcGxhdGZvcm0vc2NoZW1hJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheHAtc3RyaW5nLXdpZGdldC1maWx0ZXInLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJheC1mbGV4IGF4LWl0ZW1zLWNlbnRlclwiPlxuICAgICAgPGF4LXRleHQtYm94IGNsYXNzPVwiYXgtZmxleC0xXCIgW2Rpc2FibGVkXT1cIiF0aGlzLmdldE9wZXJhdG9ySGFzVmFsdWUoKVwiIFsobmdNb2RlbCldPVwidmFsdWVcIj5cbiAgICAgICAgPGF4LWNsZWFyLWJ1dHRvbj48L2F4LWNsZWFyLWJ1dHRvbj5cbiAgICAgIDwvYXgtdGV4dC1ib3g+XG4gICAgICBAaWYob3BlcmF0aW9ucy5sZW5ndGgpe1xuICAgICAgPGF4LWJ1dHRvbiAjY2hhbmdlT3BlcmF0b3IgbG9vaz1cImJsYW5rXCIgY29sb3I9XCJkZWZhdWx0XCIgY2xhc3M9XCJheC1zbVwiPlxuICAgICAgICA8YXgtaWNvbiBjbGFzcz1cImZhLXNvbGlkIGZhLWVsbGlwc2lzLXZlcnRpY2FsXCI+PC9heC1pY29uPlxuICAgICAgPC9heC1idXR0b24+XG4gICAgICA8YXgtcG9wb3ZlclxuICAgICAgICAjb3BlcmF0b3JzUG9wb3ZlclxuICAgICAgICBbdGFyZ2V0XT1cImNoYW5nZU9wZXJhdG9yXCJcbiAgICAgICAgW29wZW5Pbl09XCIndG9nZ2xlJ1wiXG4gICAgICAgIFtjbG9zZU9uXT1cIidjbGlja091dCdcIlxuICAgICAgICBbYWRhcHRpdml0eUVuYWJsZWRdPVwidHJ1ZVwiXG4gICAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjbGFzcz1cImF4LW1heC1oLW1heCBheC1vdmVyZmxvdy1hdXRvIGF4LWJnLXN1cmZhY2UgYXgtcHktNSBheC1weC0zIGF4LWJvcmRlciBheC1ib3JkZXItZGVmYXVsdCBheC1yb3VuZGVkLW1kIGF4LXNoYWRvdy1tZCBheC13LWZ1bGwgYXgtbWluLXctWzI1MHB4XVwiXG4gICAgICAgID5cbiAgICAgICAgICA8YXgtc2VsZWN0aW9uLWxpc3RcbiAgICAgICAgICAgIGNsYXNzPVwiXCJcbiAgICAgICAgICAgIFt2YWx1ZUZpZWxkXT1cIiduYW1lJ1wiXG4gICAgICAgICAgICBbdGV4dEZpZWxkXT1cIid0aXRsZSdcIlxuICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJvcGVyYXRvclwiXG4gICAgICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJvcGVyYXRvcnNQb3BvdmVyLmNsb3NlKCk7IGNsZWFyVmFsdWUoKVwiXG4gICAgICAgICAgICBbZGlyZWN0aW9uXT1cIid2ZXJ0aWNhbCdcIlxuICAgICAgICAgICAgW2l0ZW1zXT1cIm9wZXJhdGlvbnNcIlxuICAgICAgICAgICAgW211bHRpcGxlXT1cImZhbHNlXCJcbiAgICAgICAgICA+PC9heC1zZWxlY3Rpb24tbGlzdD5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2F4LXBvcG92ZXI+XG4gICAgICB9XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbXG4gICAgQVhUZXh0Qm94TW9kdWxlLFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIEFYRGVjb3JhdG9yTW9kdWxlLFxuICAgIEFYQnV0dG9uTW9kdWxlLFxuICAgIEFYUG9wb3Zlck1vZHVsZSxcbiAgICBBWFNlbGVjdGlvbkxpc3RNb2R1bGUsXG4gICAgQVhTZWxlY3RCb3hNb2R1bGUsXG4gIF0sXG4gIG91dHB1dHM6IFsndmFsdWVDaGFuZ2UnLCAnb3BlcmF0b3JDaGFuZ2UnXSxcbiAgaW5wdXRzOiBbJ3ZhbHVlJywgJ29wZXJhdG9yJ10sXG59KVxuZXhwb3J0IGNsYXNzIEFYUFN0cmluZ1dpZGdldEZpbHRlckNvbXBvbmVudCBleHRlbmRzIEFYUFdpZGdldEZpbHRlckJhc2U8c3RyaW5nIHwgYm9vbGVhbj4ge1xuICBvcGVyYXRpb25zOiBBWFBGaWx0ZXJPcGVyYXRvcltdID0gW107XG5cbiAgcHJvdGVjdGVkIGdldE9wZXJhdG9ySGFzVmFsdWUoKTogYm9vbGVhbiB7XG4gICAgY29uc3Qgb3BlcmF0b3IgPSB0aGlzLm9wZXJhdGlvbnMuZmluZCgob3ApID0+IG9wLm5hbWUgPT0gdGhpcy5vcGVyYXRvcik7XG4gICAgcmV0dXJuICFvcGVyYXRvciB8fCBvcGVyYXRvci5oYXNWYWx1ZSA/IHRydWUgOiBmYWxzZTtcbiAgfVxuXG4gIG92ZXJyaWRlIHJlbmRlcigpIHtcbiAgICB0aGlzLm9wZXJhdGlvbnMgPSB0aGlzLnNjaGVtYS5maWx0ZXJPcHRpb25zLm9wZXJhdG9ycztcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuY2xlYXJWYWx1ZSgpO1xuICB9XG5cbiAgY2xlYXJWYWx1ZSgpIHtcbiAgICBpZiAoIXRoaXMuZ2V0T3BlcmF0b3JIYXNWYWx1ZSgpKSB0aGlzLnZhbHVlID0gJyc7XG4gIH1cbn1cbiJdfQ==