@muziehdesign/components 18.2.0-beta.2247 → 18.2.0-beta.2258

package/lib/filter/filter.component.d.ts

@@ -1,23 +1,16 @@
-import { EventEmitter, TemplateRef } from '@angular/core';
-import { FilterOptionModel } from './filter-option.model';
+import { AfterContentInit } from '@angular/core';
+import { NgForm } from '@angular/forms';
 import * as i0 from "@angular/core";
-export declare class FilterComponent {
-    isOpen: boolean;
-    search: string;
-    allowMultipleSelect: boolean;
-    options: FilterOptionModel<string | number>[];
+export declare class FilterComponent implements AfterContentInit {
     label: string;
-    selectionChange: EventEmitter<FilterOptionModel<string | number>[]>;
-    filterButtonTemplate: TemplateRef<any>;
-    filterDropdownTemplate: TemplateRef<any>;
-    get filterLabel(): string;
-    get filteredOptions(): FilterOptionModel<string | number>[];
-    onOptionChange(changedOption: FilterOptionModel<string | number>): void;
-    applySelection(): void;
-    resetSelection(): void;
-    openDropdown(): void;
-    closeDropdown(): void;
-    private emitSelectionChange;
+    menuForm: NgForm;
+    protected open: boolean;
+    private initialValues;
+    ngAfterContentInit(): void;
+    toggleOverlay(): void;
+    dismiss(): void;
+    clear(): void;
+    apply(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FilterComponent, "mz-filter", never, { "allowMultipleSelect": { "alias": "allowMultipleSelect"; "required": false; }; "options": { "alias": "options"; "required": true; }; "label": { "alias": "label"; "required": false; }; }, { "selectionChange": "selectionChange"; }, ["filterButtonTemplate", "filterDropdownTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterComponent, "mz-filter", never, { "label": { "alias": "label"; "required": false; }; }, {}, ["menuForm"], ["*"], true, never>;
 }

package/lib/{filter/options-filter → options-filter}/options-filter.component.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '@angular/core';
-import { FilterOptionModel } from '../filter-option.model';
+import { FilterOptionModel } from '../filter/filter-option.model';
 import { NgForm } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class OptionsFilterComponent {
@@ -8,8 +8,8 @@ export declare class OptionsFilterComponent {
     multiselect: boolean;
     label: string;
     change: EventEmitter<string[]>;
-    protected open: boolean;
     form: NgForm;
+    protected open: boolean;
     constructor();
     apply(): void;
     clear(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@muziehdesign/components",
-  "version": "18.2.0-beta.2247",
+  "version": "18.2.0-beta.2258",
   "peerDependencies": {
     "@angular/common": "^18.1.1",
     "@angular/core": "^18.1.1",

package/public-api.d.ts

@@ -35,7 +35,6 @@ export { DrawerContainerComponent } from './lib/drawer/drawer-container.componen
 export { MzDropdownComponent } from './lib/dropdown/dropdown.component';
 export { MzDropdownItemDirective } from './lib/dropdown/dropdown-item.directive';
 export { MzDropdownModule } from './lib/dropdown/dropdown.module';
-export { FilterComponent } from './lib/filter/filter.component';
 export { FilterOptionModel } from './lib/filter/filter-option.model';
-export { OptionsFilterComponent } from './lib/filter/options-filter/options-filter.component';
-export { Filter2Component } from './lib/filter/filter2/filter2.component';
+export { OptionsFilterComponent } from './lib/options-filter/options-filter.component';
+export { FilterComponent } from './lib/filter/filter.component';

package/esm2022/lib/filter/filter2/filter2.component.mjs

@@ -1,39 +0,0 @@
-import { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
-import { CommonModule, JsonPipe } from '@angular/common';
-import { Component, ContentChild } from '@angular/core';
-import { FormsModule, NgForm } from '@angular/forms';
-import * as i0 from "@angular/core";
-export class Filter2Component {
-    constructor() {
-        this.open = false;
-    }
-    ngAfterContentInit() {
-        this.initialValues = this.menuForm.value;
-    }
-    toggleOverlay() {
-        this.open = !this.open;
-    }
-    dismiss() {
-        this.open = false;
-        if (this.menuForm.options.updateOn === 'submit') {
-            this.menuForm.resetForm(this.initialValues);
-        }
-    }
-    clear() {
-        this.open = false;
-    }
-    apply() {
-        this.open = false;
-        console.log('applied', this.menuForm.value);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: Filter2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: Filter2Component, isStandalone: true, selector: "mz-filter2", queries: [{ propertyName: "menuForm", first: true, predicate: NgForm, descendants: true }], ngImport: i0, template: "<button cdkOverlayOrigin #trigger=\"cdkOverlayOrigin\" (click)=\"toggleOverlay()\" class=\"button button-secondary\" [class.active]=\"open\">\n    Some label\n\n    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" class=\"icon\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\" />\n    </svg>\n</button>\n<ng-template \n    cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"trigger\" [cdkConnectedOverlayOpen]=\"open\" [cdkConnectedOverlayPanelClass]=\"'dropdown-body'\" (overlayOutsideClick)=\"dismiss()\">\n    <div>\n        <ng-content></ng-content>\n\n        <div class=\"flex\">\n            @if(menuForm.options.updateOn === 'submit') {\n                <button type=\"button\" class=\"button button-primary\" (click)=\"apply()\">Apply</button>\n            }\n            <button type=\"button\" (click)=\"clear()\">Clear</button>\n        </div>\n    </div>\n</ng-template>\n\n", styles: [""], dependencies: [{ kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: CommonModule }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: Filter2Component, decorators: [{
-            type: Component,
-            args: [{ selector: 'mz-filter2', standalone: true, imports: [JsonPipe, CdkOverlayOrigin, CdkConnectedOverlay, FormsModule, CommonModule], template: "<button cdkOverlayOrigin #trigger=\"cdkOverlayOrigin\" (click)=\"toggleOverlay()\" class=\"button button-secondary\" [class.active]=\"open\">\n    Some label\n\n    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" class=\"icon\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\" />\n    </svg>\n</button>\n<ng-template \n    cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"trigger\" [cdkConnectedOverlayOpen]=\"open\" [cdkConnectedOverlayPanelClass]=\"'dropdown-body'\" (overlayOutsideClick)=\"dismiss()\">\n    <div>\n        <ng-content></ng-content>\n\n        <div class=\"flex\">\n            @if(menuForm.options.updateOn === 'submit') {\n                <button type=\"button\" class=\"button button-primary\" (click)=\"apply()\">Apply</button>\n            }\n            <button type=\"button\" (click)=\"clear()\">Clear</button>\n        </div>\n    </div>\n</ng-template>\n\n" }]
-        }], propDecorators: { menuForm: [{
-                type: ContentChild,
-                args: [NgForm]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyMi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3NyYy9saWIvZmlsdGVyL2ZpbHRlcjIvZmlsdGVyMi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3NyYy9saWIvZmlsdGVyL2ZpbHRlcjIvZmlsdGVyMi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUM3RSxPQUFPLEVBQUUsWUFBWSxFQUFFLFFBQVEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3pELE9BQU8sRUFBb0IsU0FBUyxFQUFFLFlBQVksRUFBc0QsTUFBTSxlQUFlLENBQUM7QUFDOUgsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQVcsTUFBTSxnQkFBZ0IsQ0FBQzs7QUFTOUQsTUFBTSxPQUFPLGdCQUFnQjtJQVA3QjtRQVFjLFNBQUksR0FBRyxLQUFLLENBQUM7S0EyQjFCO0lBdkJHLGtCQUFrQjtRQUNoQixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDO0lBQzNDLENBQUM7SUFFRCxhQUFhO1FBQ1QsSUFBSSxDQUFDLElBQUksR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUM7SUFDM0IsQ0FBQztJQUVELE9BQU87UUFDSCxJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUNsQixJQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLFFBQVEsS0FBSyxRQUFRLEVBQUUsQ0FBQztZQUMvQyxJQUFJLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDOUMsQ0FBQztJQUNMLENBQUM7SUFFRCxLQUFLO1FBQ0gsSUFBSSxDQUFDLElBQUksR0FBRyxLQUFLLENBQUM7SUFDcEIsQ0FBQztJQUVELEtBQUs7UUFDSCxJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUNsQixPQUFPLENBQUMsR0FBRyxDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlDLENBQUM7OEdBM0JRLGdCQUFnQjtrR0FBaEIsZ0JBQWdCLDRHQUVYLE1BQU0sZ0RDZHhCLHcrQkFxQkEsMEREYndCLGdCQUFnQix1SUFBRSxtQkFBbUIsMitCQUFFLFdBQVcsOEJBQUUsWUFBWTs7MkZBSTNFLGdCQUFnQjtrQkFQNUIsU0FBUzsrQkFDSSxZQUFZLGNBQ1YsSUFBSSxXQUNQLENBQUMsUUFBUSxFQUFFLGdCQUFnQixFQUFFLG1CQUFtQixFQUFFLFdBQVcsRUFBRSxZQUFZLENBQUM7OEJBTS9ELFFBQVE7c0JBQTdCLFlBQVk7dUJBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENka0Nvbm5lY3RlZE92ZXJsYXksIENka092ZXJsYXlPcmlnaW4gfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUsIEpzb25QaXBlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEFmdGVyQ29udGVudEluaXQsIENvbXBvbmVudCwgQ29udGVudENoaWxkLCBDb250ZW50Q2hpbGRyZW4sIFF1ZXJ5TGlzdCwgVGVtcGxhdGVSZWYsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIE5nRm9ybSwgTmdNb2RlbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdtei1maWx0ZXIyJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtKc29uUGlwZSwgQ2RrT3ZlcmxheU9yaWdpbiwgQ2RrQ29ubmVjdGVkT3ZlcmxheSwgRm9ybXNNb2R1bGUsIENvbW1vbk1vZHVsZV0sXG4gICAgdGVtcGxhdGVVcmw6ICcuL2ZpbHRlcjIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsOiAnLi9maWx0ZXIyLmNvbXBvbmVudC5zY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgRmlsdGVyMkNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQge1xuICAgIHByb3RlY3RlZCBvcGVuID0gZmFsc2U7XG4gICAgQENvbnRlbnRDaGlsZChOZ0Zvcm0pIG1lbnVGb3JtITogTmdGb3JtO1xuICAgIHByaXZhdGUgaW5pdGlhbFZhbHVlczogYW55O1xuXG4gICAgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuICAgICAgdGhpcy5pbml0aWFsVmFsdWVzID0gdGhpcy5tZW51Rm9ybS52YWx1ZTtcbiAgICB9XG5cbiAgICB0b2dnbGVPdmVybGF5KCkge1xuICAgICAgICB0aGlzLm9wZW4gPSAhdGhpcy5vcGVuO1xuICAgIH1cblxuICAgIGRpc21pc3MoKSB7XG4gICAgICAgIHRoaXMub3BlbiA9IGZhbHNlO1xuICAgICAgICBpZih0aGlzLm1lbnVGb3JtLm9wdGlvbnMudXBkYXRlT24gPT09ICdzdWJtaXQnKSB7XG4gICAgICAgICAgdGhpcy5tZW51Rm9ybS5yZXNldEZvcm0odGhpcy5pbml0aWFsVmFsdWVzKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIGNsZWFyKCkge1xuICAgICAgdGhpcy5vcGVuID0gZmFsc2U7XG4gICAgfVxuXG4gICAgYXBwbHkoKSB7XG4gICAgICB0aGlzLm9wZW4gPSBmYWxzZTtcbiAgICAgIGNvbnNvbGUubG9nKCdhcHBsaWVkJywgdGhpcy5tZW51Rm9ybS52YWx1ZSk7XG4gICAgfVxufVxuIiwiPGJ1dHRvbiBjZGtPdmVybGF5T3JpZ2luICN0cmlnZ2VyPVwiY2RrT3ZlcmxheU9yaWdpblwiIChjbGljayk9XCJ0b2dnbGVPdmVybGF5KClcIiBjbGFzcz1cImJ1dHRvbiBidXR0b24tc2Vjb25kYXJ5XCIgW2NsYXNzLmFjdGl2ZV09XCJvcGVuXCI+XG4gICAgU29tZSBsYWJlbFxuXG4gICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgZmlsbD1cIm5vbmVcIiB2aWV3Qm94PVwiMCAwIDI0IDI0XCIgc3Ryb2tlPVwiY3VycmVudENvbG9yXCIgc3Ryb2tlLXdpZHRoPVwiMlwiIGNsYXNzPVwiaWNvblwiPlxuICAgICAgICA8cGF0aCBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIiBkPVwiTTE5IDlsLTcgNy03LTdcIiAvPlxuICAgIDwvc3ZnPlxuPC9idXR0b24+XG48bmctdGVtcGxhdGUgXG4gICAgY2RrQ29ubmVjdGVkT3ZlcmxheSBbY2RrQ29ubmVjdGVkT3ZlcmxheU9yaWdpbl09XCJ0cmlnZ2VyXCIgW2Nka0Nvbm5lY3RlZE92ZXJsYXlPcGVuXT1cIm9wZW5cIiBbY2RrQ29ubmVjdGVkT3ZlcmxheVBhbmVsQ2xhc3NdPVwiJ2Ryb3Bkb3duLWJvZHknXCIgKG92ZXJsYXlPdXRzaWRlQ2xpY2spPVwiZGlzbWlzcygpXCI+XG4gICAgPGRpdj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuXG4gICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4XCI+XG4gICAgICAgICAgICBAaWYobWVudUZvcm0ub3B0aW9ucy51cGRhdGVPbiA9PT0gJ3N1Ym1pdCcpIHtcbiAgICAgICAgICAgICAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBjbGFzcz1cImJ1dHRvbiBidXR0b24tcHJpbWFyeVwiIChjbGljayk9XCJhcHBseSgpXCI+QXBwbHk8L2J1dHRvbj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIChjbGljayk9XCJjbGVhcigpXCI+Q2xlYXI8L2J1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuXG4iXX0=

package/esm2022/lib/filter/options-filter/options-filter.component.mjs

@@ -1,53 +0,0 @@
-import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
-import { FormsModule, NgForm } from '@angular/forms';
-import { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
-import { JsonPipe } from '@angular/common';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/forms";
-export class OptionsFilterComponent {
-    constructor() {
-        this.values = [];
-        this.multiselect = false;
-        this.label = 'Filter';
-        this.change = new EventEmitter();
-        this.open = false;
-        console.log('options filter');
-    }
-    apply() {
-        const newValues = this.options?.filter((o) => o.selected).map((o) => o.value) || [];
-        this.change.emit(newValues);
-        this.open = false;
-    }
-    clear() {
-        this.open = false;
-    }
-    toggleOption(option) {
-        option.selected = !option.selected;
-    }
-    toggleOverlay() {
-        this.open = !this.open;
-    }
-    dismiss() {
-        this.open = false;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: OptionsFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: OptionsFilterComponent, isStandalone: true, selector: "mz-options-filter", inputs: { options: "options", values: "values", multiselect: "multiselect", label: "label" }, outputs: { change: "change" }, viewQueries: [{ propertyName: "form", first: true, predicate: NgForm, descendants: true }], ngImport: i0, template: "<button cdkOverlayOrigin #trigger=\"cdkOverlayOrigin\" (click)=\"toggleOverlay()\" class=\"button button-secondary\" [class.active]=\"open\">\n    {{ label }}\n\n    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" class=\"icon\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\" />\n    </svg>\n</button>\n<ng-template \n    cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"trigger\" [cdkConnectedOverlayOpen]=\"open\" [cdkConnectedOverlayPanelClass]=\"'dropdown-body'\" (overlayOutsideClick)=\"dismiss()\">\n    <div>\n        <form #myForm=\"ngForm\" (submit)=\"apply()\" [ngFormOptions]=\"{updateOn: 'submit'}\"> \n            <div>\n                @for(option of options; track option.value) {\n                    <label class=\"field-option\">\n                        <input class=\"form-checkbox\" type=\"checkbox\" [ngModel]=\"option.selected\" (ngModelChange)=\"toggleOption(option)\" name=\"{{option.value}}\" />\n                        <span class=\"checkbox-label\">{{ option.label }}</span>\n                    </label>\n                }\n            </div>\n            <div class=\"flex\">\n                <button type=\"submit\" class=\"button button-primary\">Apply</button>\n                <button type=\"button\" (click)=\"clear()\">Clear</button>\n            </div>\n        </form>\n\n        {{myForm.value|json}}\n    </div>\n</ng-template>\n\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "pipe", type: JsonPipe, name: "json" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: OptionsFilterComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'mz-options-filter', standalone: true, imports: [FormsModule, CdkOverlayOrigin, CdkConnectedOverlay, JsonPipe], template: "<button cdkOverlayOrigin #trigger=\"cdkOverlayOrigin\" (click)=\"toggleOverlay()\" class=\"button button-secondary\" [class.active]=\"open\">\n    {{ label }}\n\n    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" class=\"icon\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\" />\n    </svg>\n</button>\n<ng-template \n    cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"trigger\" [cdkConnectedOverlayOpen]=\"open\" [cdkConnectedOverlayPanelClass]=\"'dropdown-body'\" (overlayOutsideClick)=\"dismiss()\">\n    <div>\n        <form #myForm=\"ngForm\" (submit)=\"apply()\" [ngFormOptions]=\"{updateOn: 'submit'}\"> \n            <div>\n                @for(option of options; track option.value) {\n                    <label class=\"field-option\">\n                        <input class=\"form-checkbox\" type=\"checkbox\" [ngModel]=\"option.selected\" (ngModelChange)=\"toggleOption(option)\" name=\"{{option.value}}\" />\n                        <span class=\"checkbox-label\">{{ option.label }}</span>\n                    </label>\n                }\n            </div>\n            <div class=\"flex\">\n                <button type=\"submit\" class=\"button button-primary\">Apply</button>\n                <button type=\"button\" (click)=\"clear()\">Clear</button>\n            </div>\n        </form>\n\n        {{myForm.value|json}}\n    </div>\n</ng-template>\n\n" }]
-        }], ctorParameters: () => [], propDecorators: { options: [{
-                type: Input
-            }], values: [{
-                type: Input
-            }], multiselect: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], change: [{
-                type: Output
-            }], form: [{
-                type: ViewChild,
-                args: [NgForm]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9ucy1maWx0ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy9zcmMvbGliL2ZpbHRlci9vcHRpb25zLWZpbHRlci9vcHRpb25zLWZpbHRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3NyYy9saWIvZmlsdGVyL29wdGlvbnMtZmlsdGVyL29wdGlvbnMtZmlsdGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBb0IsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVwRyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzdFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBUzNDLE1BQU0sT0FBTyxzQkFBc0I7SUFTL0I7UUFQUyxXQUFNLEdBQWEsRUFBRSxDQUFDO1FBQ3RCLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLFVBQUssR0FBRyxRQUFRLENBQUM7UUFDaEIsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFZLENBQUM7UUFDdEMsU0FBSSxHQUFHLEtBQUssQ0FBQztRQUluQixPQUFPLENBQUMsR0FBRyxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUVELEtBQUs7UUFDRCxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsT0FBTyxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNwRixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUM1QixJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztJQUN0QixDQUFDO0lBRUQsS0FBSztRQUNELElBQUksQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDO0lBQ3RCLENBQUM7SUFFRCxZQUFZLENBQUMsTUFBaUM7UUFDMUMsTUFBTSxDQUFDLFFBQVEsR0FBRyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUM7SUFDdkMsQ0FBQztJQUVELGFBQWE7UUFDVCxJQUFJLENBQUMsSUFBSSxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQztJQUMzQixDQUFDO0lBRUQsT0FBTztRQUNILElBQUksQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDO0lBQ3RCLENBQUM7OEdBakNRLHNCQUFzQjtrR0FBdEIsc0JBQXNCLGdQQU9wQixNQUFNLGdEQ3BCckIsaTlDQTZCQSx5RERwQmMsV0FBVyx5OEJBQUUsZ0JBQWdCLHVJQUFFLG1CQUFtQix1K0JBQUUsUUFBUTs7MkZBSTdELHNCQUFzQjtrQkFQbEMsU0FBUzsrQkFDSSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQLENBQUMsV0FBVyxFQUFFLGdCQUFnQixFQUFFLG1CQUFtQixFQUFFLFFBQVEsQ0FBQzt3REFLOUQsT0FBTztzQkFBZixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDSSxNQUFNO3NCQUFmLE1BQU07Z0JBRVksSUFBSTtzQkFBdEIsU0FBUzt1QkFBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJDb250ZW50SW5pdCwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmlsdGVyT3B0aW9uTW9kZWwgfSBmcm9tICcuLi9maWx0ZXItb3B0aW9uLm1vZGVsJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBOZ0Zvcm0gfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBDZGtDb25uZWN0ZWRPdmVybGF5LCBDZGtPdmVybGF5T3JpZ2luIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL292ZXJsYXknO1xuaW1wb3J0IHsgSnNvblBpcGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ216LW9wdGlvbnMtZmlsdGVyJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtGb3Jtc01vZHVsZSwgQ2RrT3ZlcmxheU9yaWdpbiwgQ2RrQ29ubmVjdGVkT3ZlcmxheSwgSnNvblBpcGVdLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9vcHRpb25zLWZpbHRlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmw6ICcuL29wdGlvbnMtZmlsdGVyLmNvbXBvbmVudC5zY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgT3B0aW9uc0ZpbHRlckNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgb3B0aW9ucz86IEZpbHRlck9wdGlvbk1vZGVsPHN0cmluZz5bXTtcbiAgICBASW5wdXQoKSB2YWx1ZXM6IHN0cmluZ1tdID0gW107XG4gICAgQElucHV0KCkgbXVsdGlzZWxlY3QgPSBmYWxzZTtcbiAgICBASW5wdXQoKSBsYWJlbCA9ICdGaWx0ZXInO1xuICAgIEBPdXRwdXQoKSBjaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZ1tdPigpO1xuICAgIHByb3RlY3RlZCBvcGVuID0gZmFsc2U7XG4gICAgQFZpZXdDaGlsZChOZ0Zvcm0pIGZvcm0hOiBOZ0Zvcm07XG5cbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgY29uc29sZS5sb2coJ29wdGlvbnMgZmlsdGVyJyk7XG4gICAgfVxuXG4gICAgYXBwbHkoKSB7XG4gICAgICAgIGNvbnN0IG5ld1ZhbHVlcyA9IHRoaXMub3B0aW9ucz8uZmlsdGVyKChvKSA9PiBvLnNlbGVjdGVkKS5tYXAoKG8pID0+IG8udmFsdWUpIHx8IFtdO1xuICAgICAgICB0aGlzLmNoYW5nZS5lbWl0KG5ld1ZhbHVlcyk7XG4gICAgICAgIHRoaXMub3BlbiA9IGZhbHNlO1xuICAgIH1cblxuICAgIGNsZWFyKCkge1xuICAgICAgICB0aGlzLm9wZW4gPSBmYWxzZTtcbiAgICB9XG5cbiAgICB0b2dnbGVPcHRpb24ob3B0aW9uOiBGaWx0ZXJPcHRpb25Nb2RlbDxzdHJpbmc+KSB7XG4gICAgICAgIG9wdGlvbi5zZWxlY3RlZCA9ICFvcHRpb24uc2VsZWN0ZWQ7XG4gICAgfVxuXG4gICAgdG9nZ2xlT3ZlcmxheSgpIHtcbiAgICAgICAgdGhpcy5vcGVuID0gIXRoaXMub3BlbjtcbiAgICB9XG5cbiAgICBkaXNtaXNzKCkge1xuICAgICAgICB0aGlzLm9wZW4gPSBmYWxzZTtcbiAgICB9XG59XG5cbmV4cG9ydCB0eXBlIE9wdGlvblZhbHVlVHlwZSA9IHN0cmluZyB8IG51bWJlciB8IHN0cmluZ1tdIHwgbnVtYmVyW107XG5leHBvcnQgdHlwZSBTZWxlY3RPcHRpb24gPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIHZhbHVlOiBPcHRpb25WYWx1ZVR5cGU7XG59OyIsIjxidXR0b24gY2RrT3ZlcmxheU9yaWdpbiAjdHJpZ2dlcj1cImNka092ZXJsYXlPcmlnaW5cIiAoY2xpY2spPVwidG9nZ2xlT3ZlcmxheSgpXCIgY2xhc3M9XCJidXR0b24gYnV0dG9uLXNlY29uZGFyeVwiIFtjbGFzcy5hY3RpdmVdPVwib3BlblwiPlxuICAgIHt7IGxhYmVsIH19XG5cbiAgICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiBmaWxsPVwibm9uZVwiIHZpZXdCb3g9XCIwIDAgMjQgMjRcIiBzdHJva2U9XCJjdXJyZW50Q29sb3JcIiBzdHJva2Utd2lkdGg9XCIyXCIgY2xhc3M9XCJpY29uXCI+XG4gICAgICAgIDxwYXRoIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiIGQ9XCJNMTkgOWwtNyA3LTctN1wiIC8+XG4gICAgPC9zdmc+XG48L2J1dHRvbj5cbjxuZy10ZW1wbGF0ZSBcbiAgICBjZGtDb25uZWN0ZWRPdmVybGF5IFtjZGtDb25uZWN0ZWRPdmVybGF5T3JpZ2luXT1cInRyaWdnZXJcIiBbY2RrQ29ubmVjdGVkT3ZlcmxheU9wZW5dPVwib3BlblwiIFtjZGtDb25uZWN0ZWRPdmVybGF5UGFuZWxDbGFzc109XCInZHJvcGRvd24tYm9keSdcIiAob3ZlcmxheU91dHNpZGVDbGljayk9XCJkaXNtaXNzKClcIj5cbiAgICA8ZGl2PlxuICAgICAgICA8Zm9ybSAjbXlGb3JtPVwibmdGb3JtXCIgKHN1Ym1pdCk9XCJhcHBseSgpXCIgW25nRm9ybU9wdGlvbnNdPVwie3VwZGF0ZU9uOiAnc3VibWl0J31cIj4gXG4gICAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgICAgIEBmb3Iob3B0aW9uIG9mIG9wdGlvbnM7IHRyYWNrIG9wdGlvbi52YWx1ZSkge1xuICAgICAgICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJmaWVsZC1vcHRpb25cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCBjbGFzcz1cImZvcm0tY2hlY2tib3hcIiB0eXBlPVwiY2hlY2tib3hcIiBbbmdNb2RlbF09XCJvcHRpb24uc2VsZWN0ZWRcIiAobmdNb2RlbENoYW5nZSk9XCJ0b2dnbGVPcHRpb24ob3B0aW9uKVwiIG5hbWU9XCJ7e29wdGlvbi52YWx1ZX19XCIgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiY2hlY2tib3gtbGFiZWxcIj57eyBvcHRpb24ubGFiZWwgfX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvbGFiZWw+XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleFwiPlxuICAgICAgICAgICAgICAgIDxidXR0b24gdHlwZT1cInN1Ym1pdFwiIGNsYXNzPVwiYnV0dG9uIGJ1dHRvbi1wcmltYXJ5XCI+QXBwbHk8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiAoY2xpY2spPVwiY2xlYXIoKVwiPkNsZWFyPC9idXR0b24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9mb3JtPlxuXG4gICAgICAgIHt7bXlGb3JtLnZhbHVlfGpzb259fVxuICAgIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cblxuIl19

package/lib/filter/filter2/filter2.component.d.ts

@@ -1,15 +0,0 @@
-import { AfterContentInit } from '@angular/core';
-import { NgForm } from '@angular/forms';
-import * as i0 from "@angular/core";
-export declare class Filter2Component implements AfterContentInit {
-    protected open: boolean;
-    menuForm: NgForm;
-    private initialValues;
-    ngAfterContentInit(): void;
-    toggleOverlay(): void;
-    dismiss(): void;
-    clear(): void;
-    apply(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<Filter2Component, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Filter2Component, "mz-filter2", never, {}, {}, ["menuForm"], ["*"], true, never>;
-}