@cuby-ui/core 0.0.559 → 0.0.562
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, input, output } from '@angular/core';
|
|
2
|
+
import { TranslocoPipe } from '@jsverse/transloco';
|
|
2
3
|
import { CuiSvgModule } from '../../../../components/svg';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
import * as i1 from "../../../svg/svg.component";
|
|
@@ -11,10 +12,10 @@ export class CuiFilterRemoveButtonComponent {
|
|
|
11
12
|
this.removed.emit();
|
|
12
13
|
}
|
|
13
14
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiFilterRemoveButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: CuiFilterRemoveButtonComponent, isStandalone: true, selector: "cui-filter-remove-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { removed: "removed" }, ngImport: i0, template: "<button\n type=\"button\"\n class=\"filter-remove-button\"\n>\n <cui-svg\n icon=\"cuiIconVector\"\n (click)=\"onRemove(); $event.stopPropagation()\"\n />\n <span class=\"filter-remove-button__label\">{{ label() }}:</span>\n</button>\n", styles: [":host{display:contents}.filter-remove-button{display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:flex-start;padding-right:6px;padding-left:6px;font-weight:500;font-size:12px;line-height:14px;height:28px;background:transparent;border:1px solid var(--cui-base-200);border-top-left-radius:8px;border-bottom-left-radius:8px;cursor:pointer}.filter-remove-button:hover,.filter-remove-button:focus{outline:none}.filter-remove-button__label{font-weight:500;font-size:12px;line-height:14px}\n"], dependencies: [{ kind: "ngmodule", type: CuiSvgModule }, { kind: "component", type: i1.CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
15
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: CuiFilterRemoveButtonComponent, isStandalone: true, selector: "cui-filter-remove-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { removed: "removed" }, ngImport: i0, template: "<button\n type=\"button\"\n class=\"filter-remove-button\"\n>\n <cui-svg\n icon=\"cuiIconVector\"\n (click)=\"onRemove(); $event.stopPropagation()\"\n />\n <span class=\"filter-remove-button__label\">{{ label() | transloco }}:</span>\n</button>\n", styles: [":host{display:contents}.filter-remove-button{display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:flex-start;padding-right:6px;padding-left:6px;font-weight:500;font-size:12px;line-height:14px;height:28px;background:transparent;border:1px solid var(--cui-base-200);border-top-left-radius:8px;border-bottom-left-radius:8px;cursor:pointer}.filter-remove-button:hover,.filter-remove-button:focus{outline:none}.filter-remove-button__label{font-weight:500;font-size:12px;line-height:14px}\n"], dependencies: [{ kind: "ngmodule", type: CuiSvgModule }, { kind: "component", type: i1.CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
15
16
|
}
|
|
16
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiFilterRemoveButtonComponent, decorators: [{
|
|
17
18
|
type: Component,
|
|
18
|
-
args: [{ selector: 'cui-filter-remove-button', standalone: true, imports: [CuiSvgModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n type=\"button\"\n class=\"filter-remove-button\"\n>\n <cui-svg\n icon=\"cuiIconVector\"\n (click)=\"onRemove(); $event.stopPropagation()\"\n />\n <span class=\"filter-remove-button__label\">{{ label() }}:</span>\n</button>\n", styles: [":host{display:contents}.filter-remove-button{display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:flex-start;padding-right:6px;padding-left:6px;font-weight:500;font-size:12px;line-height:14px;height:28px;background:transparent;border:1px solid var(--cui-base-200);border-top-left-radius:8px;border-bottom-left-radius:8px;cursor:pointer}.filter-remove-button:hover,.filter-remove-button:focus{outline:none}.filter-remove-button__label{font-weight:500;font-size:12px;line-height:14px}\n"] }]
|
|
19
|
+
args: [{ selector: 'cui-filter-remove-button', standalone: true, imports: [CuiSvgModule, TranslocoPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n type=\"button\"\n class=\"filter-remove-button\"\n>\n <cui-svg\n icon=\"cuiIconVector\"\n (click)=\"onRemove(); $event.stopPropagation()\"\n />\n <span class=\"filter-remove-button__label\">{{ label() | transloco }}:</span>\n</button>\n", styles: [":host{display:contents}.filter-remove-button{display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:flex-start;padding-right:6px;padding-left:6px;font-weight:500;font-size:12px;line-height:14px;height:28px;background:transparent;border:1px solid var(--cui-base-200);border-top-left-radius:8px;border-bottom-left-radius:8px;cursor:pointer}.filter-remove-button:hover,.filter-remove-button:focus{outline:none}.filter-remove-button__label{font-weight:500;font-size:12px;line-height:14px}\n"] }]
|
|
19
20
|
}] });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLXJlbW92ZS1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9jb21wb25lbnRzL2ZpbHRlci1iYXIvY29tcG9uZW50cy9maWx0ZXItcmVtb3ZlLWJ1dHRvbi9maWx0ZXItcmVtb3ZlLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvZmlsdGVyLWJhci9jb21wb25lbnRzL2ZpbHRlci1yZW1vdmUtYnV0dG9uL2ZpbHRlci1yZW1vdmUtYnV0dG9uLnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVuRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7OztBQVUxRCxNQUFNLE9BQU8sOEJBQThCO0lBUjNDO1FBU29CLFVBQUssR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFVLENBQUM7UUFFakMsWUFBTyxHQUFHLE1BQU0sRUFBUSxDQUFDO0tBSzVDO0lBSFUsUUFBUTtRQUNYLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDeEIsQ0FBQzsrR0FQUSw4QkFBOEI7bUdBQTlCLDhCQUE4Qix3UENiM0MscVJBVUEsbWpCREZjLFlBQVksbUtBQUUsYUFBYTs7NEZBSzVCLDhCQUE4QjtrQkFSMUMsU0FBUzsrQkFDSSwwQkFBMEIsY0FDeEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGFBQWEsQ0FBQyxtQkFHckIsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGlucHV0LCBvdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRyYW5zbG9jb1BpcGUgfSBmcm9tICdAanN2ZXJzZS90cmFuc2xvY28nO1xuXG5pbXBvcnQgeyBDdWlTdmdNb2R1bGUgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N2Zyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnY3VpLWZpbHRlci1yZW1vdmUtYnV0dG9uJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtDdWlTdmdNb2R1bGUsIFRyYW5zbG9jb1BpcGVdLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9maWx0ZXItcmVtb3ZlLWJ1dHRvbi50ZW1wbGF0ZS5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9maWx0ZXItcmVtb3ZlLWJ1dHRvbi5zdHlsZS5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgQ3VpRmlsdGVyUmVtb3ZlQnV0dG9uQ29tcG9uZW50IHtcbiAgICBwdWJsaWMgcmVhZG9ubHkgbGFiZWwgPSBpbnB1dC5yZXF1aXJlZDxzdHJpbmc+KCk7XG5cbiAgICBwdWJsaWMgcmVhZG9ubHkgcmVtb3ZlZCA9IG91dHB1dDx2b2lkPigpO1xuXG4gICAgcHVibGljIG9uUmVtb3ZlKCk6IHZvaWQge1xuICAgICAgICB0aGlzLnJlbW92ZWQuZW1pdCgpO1xuICAgIH1cbn1cbiIsIjxidXR0b25cbiAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICBjbGFzcz1cImZpbHRlci1yZW1vdmUtYnV0dG9uXCJcbj5cbiAgICA8Y3VpLXN2Z1xuICAgICAgICBpY29uPVwiY3VpSWNvblZlY3RvclwiXG4gICAgICAgIChjbGljayk9XCJvblJlbW92ZSgpOyAkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcIlxuICAgIC8+XG4gICAgPHNwYW4gY2xhc3M9XCJmaWx0ZXItcmVtb3ZlLWJ1dHRvbl9fbGFiZWxcIj57eyBsYWJlbCgpIHwgdHJhbnNsb2NvIH19Ojwvc3Bhbj5cbjwvYnV0dG9uPlxuIl19
|
|
@@ -8,8 +8,8 @@ export class CuiFilterBarComponent {
|
|
|
8
8
|
this.filterChange = output();
|
|
9
9
|
this._filters = signal([]);
|
|
10
10
|
this.availableFields = computed(() => {
|
|
11
|
-
const
|
|
12
|
-
return this.fields().filter(f => !
|
|
11
|
+
const usedFieldIds = new Set(this._filters().map(f => f.field.id));
|
|
12
|
+
return this.fields().filter(f => !usedFieldIds.has(f.id));
|
|
13
13
|
});
|
|
14
14
|
}
|
|
15
15
|
selectField(field) {
|
|
@@ -49,4 +49,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
49
49
|
CuiStringFilterComponent
|
|
50
50
|
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"cui-filter-bar\">\n <div class=\"cui-filter-bar__list\">\n @for (filter of _filters(); track filter.id) {\n @switch (filter.field.type) {\n @case ('string') {\n <cui-string-filter\n [filter]=\"filter\"\n (changed)=\"onFilterChanged($event)\"\n (removed)=\"onFilterRemoved($event)\"\n />\n }\n @case ('date') {\n <cui-date-filter\n [filter]=\"filter\"\n (changed)=\"onFilterChanged($event)\"\n (removed)=\"onFilterRemoved($event)\"\n />\n }\n @case ('range') {\n <cui-range-filter\n [filter]=\"filter\"\n (changed)=\"onFilterChanged($event)\"\n (removed)=\"onFilterRemoved($event)\"\n />\n }\n @case ('select') {\n <cui-select-filter\n [filter]=\"filter\"\n (changed)=\"onFilterChanged($event)\"\n (removed)=\"onFilterRemoved($event)\"\n />\n }\n @case ('multiselect') {\n <cui-multiselect-filter\n [filter]=\"filter\"\n (changed)=\"onFilterChanged($event)\"\n (removed)=\"onFilterRemoved($event)\"\n />\n }\n }\n }\n\n @if (availableFields().length > 0) {\n <cui-add-filter-button\n [availableFields]=\"availableFields()\"\n (fieldSelected)=\"selectField($event)\"\n />\n }\n </div>\n</div>\n", styles: [".cui-filter-bar{display:flex;flex-direction:row;gap:12px}.cui-filter-bar__list{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap}\n"] }]
|
|
51
51
|
}] });
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvZmlsdGVyLWJhci9maWx0ZXItYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9maWx0ZXItYmFyL2ZpbHRlci1iYXIudGVtcGxhdGUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVwRyxPQUFPLEVBQ0gsMkJBQTJCLEVBQzNCLHNCQUFzQixFQUN0Qiw4QkFBOEIsRUFDOUIsNkJBQTZCLEVBQzdCLHVCQUF1QixFQUN2Qix3QkFBd0IsRUFDeEIsd0JBQXdCLEVBQzNCLE1BQU0sY0FBYyxDQUFDO0FBRXRCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG9CQUFvQixDQUFDOztBQWtCMUUsTUFBTSxPQUFPLHFCQUFxQjtJQWhCbEM7UUFpQmEsV0FBTSxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQW9CLENBQUM7UUFFNUMsaUJBQVksR0FBRyxNQUFNLEVBQTJCLENBQUM7UUFFakQsYUFBUSxHQUFHLE1BQU0sQ0FBb0IsRUFBRSxDQUFDLENBQUM7UUFFekMsb0JBQWUsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ3JDLE1BQU0sWUFBWSxHQUFHLElBQUksR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7WUFDbkUsT0FBTyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQzlELENBQUMsQ0FBQyxDQUFDO0tBNEJOO0lBMUJhLFdBQVcsQ0FBQyxLQUFxQjtRQUN2QyxNQUFNLFNBQVMsR0FBb0I7WUFDL0IsRUFBRSxFQUFFLE1BQU0sQ0FBQyxVQUFVLEVBQUU7WUFDdkIsS0FBSztZQUNMLEtBQUssRUFBRSxpQkFBaUIsQ0FBQyxLQUFLLENBQUM7U0FDbEMsQ0FBQztRQUVGLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsUUFBUSxFQUFFLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQztRQUNuRCxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRVMsZUFBZSxDQUFDLE9BQXdCO1FBQzlDLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLEtBQUssT0FBTyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQzNFLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3hCLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFUyxlQUFlLENBQUMsRUFBVTtRQUNoQyxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQztRQUN0RCxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN4QixJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRU8sZ0JBQWdCO1FBQ3BCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDL0QsQ0FBQzsrR0FyQ1EscUJBQXFCO21HQUFyQixxQkFBcUIsMlBDOUJsQyw0MkRBa0RBLGtNRGhDUSwyQkFBMkIsMkhBQzNCLHNCQUFzQixpSEFFdEIsNkJBQTZCLHdIQUM3Qix1QkFBdUIsa0hBQ3ZCLHdCQUF3QixtSEFDeEIsd0JBQXdCOzs0RkFNbkIscUJBQXFCO2tCQWhCakMsU0FBUzsrQkFDSSxnQkFBZ0IsY0FDZCxJQUFJLFdBQ1A7d0JBQ0wsMkJBQTJCO3dCQUMzQixzQkFBc0I7d0JBQ3RCLDhCQUE4Qjt3QkFDOUIsNkJBQTZCO3dCQUM3Qix1QkFBdUI7d0JBQ3ZCLHdCQUF3Qjt3QkFDeEIsd0JBQXdCO3FCQUMzQixtQkFHZ0IsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGNvbXB1dGVkLCBpbnB1dCwgb3V0cHV0LCBzaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtcbiAgICBDdWlBZGRGaWx0ZXJCdXR0b25Db21wb25lbnQsXG4gICAgQ3VpRGF0ZUZpbHRlckNvbXBvbmVudCxcbiAgICBDdWlGaWx0ZXJSZW1vdmVCdXR0b25Db21wb25lbnQsXG4gICAgQ3VpTXVsdGlTZWxlY3RGaWx0ZXJDb21wb25lbnQsXG4gICAgQ3VpUmFuZ2VGaWx0ZXJDb21wb25lbnQsXG4gICAgQ3VpU2VsZWN0RmlsdGVyQ29tcG9uZW50LFxuICAgIEN1aVN0cmluZ0ZpbHRlckNvbXBvbmVudFxufSBmcm9tICcuL2NvbXBvbmVudHMnO1xuaW1wb3J0IHR5cGUgeyBDdWlBY3RpdmVGaWx0ZXIsIEN1aUZpbHRlckZpZWxkIH0gZnJvbSAnLi9maWx0ZXItYmFyLmludGVyZmFjZXMnO1xuaW1wb3J0IHsgYnVpbGREZWZhdWx0VmFsdWUsIGJ1aWxkT3V0cHV0T2JqZWN0IH0gZnJvbSAnLi9maWx0ZXItYmFyLnV0aWxzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdjdWktZmlsdGVyLWJhcicsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIEN1aUFkZEZpbHRlckJ1dHRvbkNvbXBvbmVudCxcbiAgICAgICAgQ3VpRGF0ZUZpbHRlckNvbXBvbmVudCxcbiAgICAgICAgQ3VpRmlsdGVyUmVtb3ZlQnV0dG9uQ29tcG9uZW50LFxuICAgICAgICBDdWlNdWx0aVNlbGVjdEZpbHRlckNvbXBvbmVudCxcbiAgICAgICAgQ3VpUmFuZ2VGaWx0ZXJDb21wb25lbnQsXG4gICAgICAgIEN1aVNlbGVjdEZpbHRlckNvbXBvbmVudCxcbiAgICAgICAgQ3VpU3RyaW5nRmlsdGVyQ29tcG9uZW50XG4gICAgXSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZmlsdGVyLWJhci50ZW1wbGF0ZS5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9maWx0ZXItYmFyLnN0eWxlLnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBDdWlGaWx0ZXJCYXJDb21wb25lbnQge1xuICAgIHJlYWRvbmx5IGZpZWxkcyA9IGlucHV0LnJlcXVpcmVkPEN1aUZpbHRlckZpZWxkW10+KCk7XG5cbiAgICByZWFkb25seSBmaWx0ZXJDaGFuZ2UgPSBvdXRwdXQ8UmVjb3JkPHN0cmluZywgdW5rbm93bj4+KCk7XG5cbiAgICByZWFkb25seSBfZmlsdGVycyA9IHNpZ25hbDxDdWlBY3RpdmVGaWx0ZXJbXT4oW10pO1xuXG4gICAgcmVhZG9ubHkgYXZhaWxhYmxlRmllbGRzID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgICAgICBjb25zdCB1c2VkRmllbGRJZHMgPSBuZXcgU2V0KHRoaXMuX2ZpbHRlcnMoKS5tYXAoZiA9PiBmLmZpZWxkLmlkKSk7XG4gICAgICAgIHJldHVybiB0aGlzLmZpZWxkcygpLmZpbHRlcihmID0+ICF1c2VkRmllbGRJZHMuaGFzKGYuaWQpKTtcbiAgICB9KTtcblxuICAgIHByb3RlY3RlZCBzZWxlY3RGaWVsZChmaWVsZDogQ3VpRmlsdGVyRmllbGQpOiB2b2lkIHtcbiAgICAgICAgY29uc3QgbmV3RmlsdGVyOiBDdWlBY3RpdmVGaWx0ZXIgPSB7XG4gICAgICAgICAgICBpZDogY3J5cHRvLnJhbmRvbVVVSUQoKSxcbiAgICAgICAgICAgIGZpZWxkLFxuICAgICAgICAgICAgdmFsdWU6IGJ1aWxkRGVmYXVsdFZhbHVlKGZpZWxkKVxuICAgICAgICB9O1xuXG4gICAgICAgIHRoaXMuX2ZpbHRlcnMuc2V0KFsuLi50aGlzLl9maWx0ZXJzKCksIG5ld0ZpbHRlcl0pO1xuICAgICAgICB0aGlzLmVtaXRGaWx0ZXJDaGFuZ2UoKTtcbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgb25GaWx0ZXJDaGFuZ2VkKHVwZGF0ZWQ6IEN1aUFjdGl2ZUZpbHRlcik6IHZvaWQge1xuICAgICAgICBjb25zdCBuZXh0ID0gdGhpcy5fZmlsdGVycygpLm1hcChmID0+IChmLmlkID09PSB1cGRhdGVkLmlkID8gdXBkYXRlZCA6IGYpKTtcbiAgICAgICAgdGhpcy5fZmlsdGVycy5zZXQobmV4dCk7XG4gICAgICAgIHRoaXMuZW1pdEZpbHRlckNoYW5nZSgpO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBvbkZpbHRlclJlbW92ZWQoaWQ6IHN0cmluZyk6IHZvaWQge1xuICAgICAgICBjb25zdCBuZXh0ID0gdGhpcy5fZmlsdGVycygpLmZpbHRlcihmID0+IGYuaWQgIT09IGlkKTtcbiAgICAgICAgdGhpcy5fZmlsdGVycy5zZXQobmV4dCk7XG4gICAgICAgIHRoaXMuZW1pdEZpbHRlckNoYW5nZSgpO1xuICAgIH1cblxuICAgIHByaXZhdGUgZW1pdEZpbHRlckNoYW5nZSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5maWx0ZXJDaGFuZ2UuZW1pdChidWlsZE91dHB1dE9iamVjdCh0aGlzLl9maWx0ZXJzKCkpKTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiY3VpLWZpbHRlci1iYXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwiY3VpLWZpbHRlci1iYXJfX2xpc3RcIj5cbiAgICAgICAgQGZvciAoZmlsdGVyIG9mIF9maWx0ZXJzKCk7IHRyYWNrIGZpbHRlci5pZCkge1xuICAgICAgICAgICAgQHN3aXRjaCAoZmlsdGVyLmZpZWxkLnR5cGUpIHtcbiAgICAgICAgICAgICAgICBAY2FzZSAoJ3N0cmluZycpIHtcbiAgICAgICAgICAgICAgICAgICAgPGN1aS1zdHJpbmctZmlsdGVyXG4gICAgICAgICAgICAgICAgICAgICAgICBbZmlsdGVyXT1cImZpbHRlclwiXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2hhbmdlZCk9XCJvbkZpbHRlckNoYW5nZWQoJGV2ZW50KVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAocmVtb3ZlZCk9XCJvbkZpbHRlclJlbW92ZWQoJGV2ZW50KVwiXG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIEBjYXNlICgnZGF0ZScpIHtcbiAgICAgICAgICAgICAgICAgICAgPGN1aS1kYXRlLWZpbHRlclxuICAgICAgICAgICAgICAgICAgICAgICAgW2ZpbHRlcl09XCJmaWx0ZXJcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKGNoYW5nZWQpPVwib25GaWx0ZXJDaGFuZ2VkKCRldmVudClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKHJlbW92ZWQpPVwib25GaWx0ZXJSZW1vdmVkKCRldmVudClcIlxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBAY2FzZSAoJ3JhbmdlJykge1xuICAgICAgICAgICAgICAgICAgICA8Y3VpLXJhbmdlLWZpbHRlclxuICAgICAgICAgICAgICAgICAgICAgICAgW2ZpbHRlcl09XCJmaWx0ZXJcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKGNoYW5nZWQpPVwib25GaWx0ZXJDaGFuZ2VkKCRldmVudClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKHJlbW92ZWQpPVwib25GaWx0ZXJSZW1vdmVkKCRldmVudClcIlxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBAY2FzZSAoJ3NlbGVjdCcpIHtcbiAgICAgICAgICAgICAgICAgICAgPGN1aS1zZWxlY3QtZmlsdGVyXG4gICAgICAgICAgICAgICAgICAgICAgICBbZmlsdGVyXT1cImZpbHRlclwiXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2hhbmdlZCk9XCJvbkZpbHRlckNoYW5nZWQoJGV2ZW50KVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAocmVtb3ZlZCk9XCJvbkZpbHRlclJlbW92ZWQoJGV2ZW50KVwiXG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIEBjYXNlICgnbXVsdGlzZWxlY3QnKSB7XG4gICAgICAgICAgICAgICAgICAgIDxjdWktbXVsdGlzZWxlY3QtZmlsdGVyXG4gICAgICAgICAgICAgICAgICAgICAgICBbZmlsdGVyXT1cImZpbHRlclwiXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2hhbmdlZCk9XCJvbkZpbHRlckNoYW5nZWQoJGV2ZW50KVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAocmVtb3ZlZCk9XCJvbkZpbHRlclJlbW92ZWQoJGV2ZW50KVwiXG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgQGlmIChhdmFpbGFibGVGaWVsZHMoKS5sZW5ndGggPiAwKSB7XG4gICAgICAgICAgICA8Y3VpLWFkZC1maWx0ZXItYnV0dG9uXG4gICAgICAgICAgICAgICAgW2F2YWlsYWJsZUZpZWxkc109XCJhdmFpbGFibGVGaWVsZHMoKVwiXG4gICAgICAgICAgICAgICAgKGZpZWxkU2VsZWN0ZWQpPVwic2VsZWN0RmllbGQoJGV2ZW50KVwiXG4gICAgICAgICAgICAvPlxuICAgICAgICB9XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -4672,11 +4672,11 @@ class CuiFilterRemoveButtonComponent {
|
|
|
4672
4672
|
this.removed.emit();
|
|
4673
4673
|
}
|
|
4674
4674
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiFilterRemoveButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4675
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: CuiFilterRemoveButtonComponent, isStandalone: true, selector: "cui-filter-remove-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { removed: "removed" }, ngImport: i0, template: "<button\n type=\"button\"\n class=\"filter-remove-button\"\n>\n <cui-svg\n icon=\"cuiIconVector\"\n (click)=\"onRemove(); $event.stopPropagation()\"\n />\n <span class=\"filter-remove-button__label\">{{ label() }}:</span>\n</button>\n", styles: [":host{display:contents}.filter-remove-button{display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:flex-start;padding-right:6px;padding-left:6px;font-weight:500;font-size:12px;line-height:14px;height:28px;background:transparent;border:1px solid var(--cui-base-200);border-top-left-radius:8px;border-bottom-left-radius:8px;cursor:pointer}.filter-remove-button:hover,.filter-remove-button:focus{outline:none}.filter-remove-button__label{font-weight:500;font-size:12px;line-height:14px}\n"], dependencies: [{ kind: "ngmodule", type: CuiSvgModule }, { kind: "component", type: CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4675
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: CuiFilterRemoveButtonComponent, isStandalone: true, selector: "cui-filter-remove-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { removed: "removed" }, ngImport: i0, template: "<button\n type=\"button\"\n class=\"filter-remove-button\"\n>\n <cui-svg\n icon=\"cuiIconVector\"\n (click)=\"onRemove(); $event.stopPropagation()\"\n />\n <span class=\"filter-remove-button__label\">{{ label() | transloco }}:</span>\n</button>\n", styles: [":host{display:contents}.filter-remove-button{display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:flex-start;padding-right:6px;padding-left:6px;font-weight:500;font-size:12px;line-height:14px;height:28px;background:transparent;border:1px solid var(--cui-base-200);border-top-left-radius:8px;border-bottom-left-radius:8px;cursor:pointer}.filter-remove-button:hover,.filter-remove-button:focus{outline:none}.filter-remove-button__label{font-weight:500;font-size:12px;line-height:14px}\n"], dependencies: [{ kind: "ngmodule", type: CuiSvgModule }, { kind: "component", type: CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4676
4676
|
}
|
|
4677
4677
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiFilterRemoveButtonComponent, decorators: [{
|
|
4678
4678
|
type: Component,
|
|
4679
|
-
args: [{ selector: 'cui-filter-remove-button', standalone: true, imports: [CuiSvgModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n type=\"button\"\n class=\"filter-remove-button\"\n>\n <cui-svg\n icon=\"cuiIconVector\"\n (click)=\"onRemove(); $event.stopPropagation()\"\n />\n <span class=\"filter-remove-button__label\">{{ label() }}:</span>\n</button>\n", styles: [":host{display:contents}.filter-remove-button{display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:flex-start;padding-right:6px;padding-left:6px;font-weight:500;font-size:12px;line-height:14px;height:28px;background:transparent;border:1px solid var(--cui-base-200);border-top-left-radius:8px;border-bottom-left-radius:8px;cursor:pointer}.filter-remove-button:hover,.filter-remove-button:focus{outline:none}.filter-remove-button__label{font-weight:500;font-size:12px;line-height:14px}\n"] }]
|
|
4679
|
+
args: [{ selector: 'cui-filter-remove-button', standalone: true, imports: [CuiSvgModule, TranslocoPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n type=\"button\"\n class=\"filter-remove-button\"\n>\n <cui-svg\n icon=\"cuiIconVector\"\n (click)=\"onRemove(); $event.stopPropagation()\"\n />\n <span class=\"filter-remove-button__label\">{{ label() | transloco }}:</span>\n</button>\n", styles: [":host{display:contents}.filter-remove-button{display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:flex-start;padding-right:6px;padding-left:6px;font-weight:500;font-size:12px;line-height:14px;height:28px;background:transparent;border:1px solid var(--cui-base-200);border-top-left-radius:8px;border-bottom-left-radius:8px;cursor:pointer}.filter-remove-button:hover,.filter-remove-button:focus{outline:none}.filter-remove-button__label{font-weight:500;font-size:12px;line-height:14px}\n"] }]
|
|
4680
4680
|
}] });
|
|
4681
4681
|
|
|
4682
4682
|
class CuiStringFilterComponent {
|
|
@@ -5205,8 +5205,8 @@ class CuiFilterBarComponent {
|
|
|
5205
5205
|
this.filterChange = output();
|
|
5206
5206
|
this._filters = signal([]);
|
|
5207
5207
|
this.availableFields = computed(() => {
|
|
5208
|
-
const
|
|
5209
|
-
return this.fields().filter(f => !
|
|
5208
|
+
const usedFieldIds = new Set(this._filters().map(f => f.field.id));
|
|
5209
|
+
return this.fields().filter(f => !usedFieldIds.has(f.id));
|
|
5210
5210
|
});
|
|
5211
5211
|
}
|
|
5212
5212
|
selectField(field) {
|