@dropi/ui-components 1.0.12 → 1.0.13

package/dist/esm2022/components-source/card-section/card-section.component.mjs

@@ -0,0 +1,91 @@
+import { Component, EventEmitter, Input, Output } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class SwitchStubComponent {
+    isChecked = false;
+    onChange = new EventEmitter();
+    onToggle(event) {
+        this.onChange.emit(event.target.checked);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SwitchStubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: SwitchStubComponent, isStandalone: true, selector: "app-switch-stub", inputs: { isChecked: "isChecked" }, outputs: { onChange: "onChange" }, ngImport: i0, template: '<input type="checkbox" [checked]="isChecked" (change)="onToggle($event)">', isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SwitchStubComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "app-switch-stub",
+                    standalone: true,
+                    template: '<input type="checkbox" [checked]="isChecked" (change)="onToggle($event)">',
+                    imports: [CommonModule],
+                }]
+        }], propDecorators: { isChecked: [{
+                type: Input
+            }], onChange: [{
+                type: Output
+            }] } });
+export class IconStubComponent {
+    name = "";
+    width = "";
+    height = "";
+    color = "";
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IconStubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IconStubComponent, isStandalone: true, selector: "app-icon-stub", inputs: { name: "name", width: "width", height: "height", color: "color" }, ngImport: i0, template: "<i></i>", isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IconStubComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "app-icon-stub",
+                    standalone: true,
+                    template: "<i></i>",
+                }]
+        }], propDecorators: { name: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }] } });
+export class CardSectionComponent {
+    title = "title";
+    description = "Description";
+    typeElement = "dropdown";
+    onChange = new EventEmitter();
+    onClick = new EventEmitter();
+    type = "important";
+    isChecked = false;
+    ngOnInit() {
+        if (!this.type || this.type.trim() === "") {
+            this.type = "important";
+        }
+    }
+    changeValue(event) {
+        this.onChange.emit(event);
+    }
+    clickIcon() {
+        this.onClick.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CardSectionComponent, isStandalone: true, selector: "app-card-section", inputs: { title: "title", description: "description", typeElement: "typeElement", type: "type", isChecked: "isChecked" }, outputs: { onChange: "onChange", onClick: "onClick" }, ngImport: i0, template: "<div class=\"container-card-section\">\n  <div>\n    <h5 *ngIf=\"type == 'important'\" class=\"tittle-card-section\">{{ title }}</h5>\n    <h6 *ngIf=\"type == 'medium'\">{{ title }}</h6>\n    <div class=\"description-card-section Body-M-Regular\">{{ description }}</div>\n  </div>\n  <div class=\"element-end\">\n    <app-switch-stub\n      [isChecked]=\"isChecked\"\n      *ngIf=\"typeElement === 'switch'\"\n      (onChange)=\"changeValue($event)\"\n    ></app-switch-stub>\n    <app-icon-stub\n      (click)=\"clickIcon()\"\n      *ngIf=\"typeElement === 'dropdown'\"\n      name=\"Dropdown-Right\"\n      [width]=\"'32px'\"\n      [height]=\"'32px'\"\n      [color]=\"'Gray-Gray-500'\"\n    ></app-icon-stub>\n  </div>\n</div>\n", styles: [".container-card-section{padding:var(--Size-6) var(--Size-5);border:1px solid var(--Gray-Gray-200);border-radius:8px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.container-card-section app-icon{cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SwitchStubComponent, selector: "app-switch-stub", inputs: ["isChecked"], outputs: ["onChange"] }, { kind: "component", type: IconStubComponent, selector: "app-icon-stub", inputs: ["name", "width", "height", "color"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardSectionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "app-card-section", standalone: true, imports: [CommonModule, SwitchStubComponent, IconStubComponent], template: "<div class=\"container-card-section\">\n  <div>\n    <h5 *ngIf=\"type == 'important'\" class=\"tittle-card-section\">{{ title }}</h5>\n    <h6 *ngIf=\"type == 'medium'\">{{ title }}</h6>\n    <div class=\"description-card-section Body-M-Regular\">{{ description }}</div>\n  </div>\n  <div class=\"element-end\">\n    <app-switch-stub\n      [isChecked]=\"isChecked\"\n      *ngIf=\"typeElement === 'switch'\"\n      (onChange)=\"changeValue($event)\"\n    ></app-switch-stub>\n    <app-icon-stub\n      (click)=\"clickIcon()\"\n      *ngIf=\"typeElement === 'dropdown'\"\n      name=\"Dropdown-Right\"\n      [width]=\"'32px'\"\n      [height]=\"'32px'\"\n      [color]=\"'Gray-Gray-500'\"\n    ></app-icon-stub>\n  </div>\n</div>\n", styles: [".container-card-section{padding:var(--Size-6) var(--Size-5);border:1px solid var(--Gray-Gray-200);border-radius:8px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.container-card-section app-icon{cursor:pointer}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], typeElement: [{
+                type: Input
+            }], onChange: [{
+                type: Output
+            }], onClick: [{
+                type: Output
+            }], type: [{
+                type: Input
+            }], isChecked: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1zZWN0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzLXNvdXJjZS9jYXJkLXNlY3Rpb24vY2FyZC1zZWN0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzLXNvdXJjZS9jYXJkLXNlY3Rpb24vY2FyZC1zZWN0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7QUFTL0MsTUFBTSxPQUFPLG1CQUFtQjtJQUNyQixTQUFTLEdBQVksS0FBSyxDQUFDO0lBQzFCLFFBQVEsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO0lBRWpELFFBQVEsQ0FBQyxLQUFVO1FBQ2pCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDM0MsQ0FBQzt3R0FOVSxtQkFBbUI7NEZBQW5CLG1CQUFtQixrSkFINUIsMkVBQTJFLDJEQUNuRSxZQUFZOzs0RkFFWCxtQkFBbUI7a0JBUC9CLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFFBQVEsRUFDTiwyRUFBMkU7b0JBQzdFLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztpQkFDeEI7OEJBRVUsU0FBUztzQkFBakIsS0FBSztnQkFDSSxRQUFRO3NCQUFqQixNQUFNOztBQVlULE1BQU0sT0FBTyxpQkFBaUI7SUFDbkIsSUFBSSxHQUFXLEVBQUUsQ0FBQztJQUNsQixLQUFLLEdBQVcsRUFBRSxDQUFDO0lBQ25CLE1BQU0sR0FBVyxFQUFFLENBQUM7SUFDcEIsS0FBSyxHQUFXLEVBQUUsQ0FBQzt3R0FKakIsaUJBQWlCOzRGQUFqQixpQkFBaUIscUpBRmxCLFNBQVM7OzRGQUVSLGlCQUFpQjtrQkFMN0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZUFBZTtvQkFDekIsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFFBQVEsRUFBRSxTQUFTO2lCQUNwQjs4QkFFVSxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7O0FBVVIsTUFBTSxPQUFPLG9CQUFvQjtJQUN0QixLQUFLLEdBQVcsT0FBTyxDQUFDO0lBQ3hCLFdBQVcsR0FBVyxhQUFhLENBQUM7SUFDcEMsV0FBVyxHQUEwQixVQUFVLENBQUM7SUFDL0MsUUFBUSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7SUFDdkMsT0FBTyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFDOUIsSUFBSSxHQUEyQixXQUFXLENBQUM7SUFDM0MsU0FBUyxHQUFZLEtBQUssQ0FBQztJQUVwQyxRQUFRO1FBQ04sSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FBQztZQUMxQyxJQUFJLENBQUMsSUFBSSxHQUFHLFdBQVcsQ0FBQztRQUMxQixDQUFDO0lBQ0gsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFVO1FBQ3BCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzVCLENBQUM7SUFFRCxTQUFTO1FBQ1AsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDO3dHQXJCVSxvQkFBb0I7NEZBQXBCLG9CQUFvQiw2UEN0Q2pDLDh0QkFzQkEsNFNEY1ksWUFBWSxtSUExQlgsbUJBQW1CLDBHQWNuQixpQkFBaUI7OzRGQWNqQixvQkFBb0I7a0JBUGhDLFNBQVM7K0JBQ0Usa0JBQWtCLGNBR2hCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxtQkFBbUIsRUFBRSxpQkFBaUIsQ0FBQzs4QkFHdEQsS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDSSxRQUFRO3NCQUFqQixNQUFNO2dCQUNHLE9BQU87c0JBQWhCLE1BQU07Z0JBQ0UsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcImFwcC1zd2l0Y2gtc3R1YlwiLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICB0ZW1wbGF0ZTpcbiAgICAnPGlucHV0IHR5cGU9XCJjaGVja2JveFwiIFtjaGVja2VkXT1cImlzQ2hlY2tlZFwiIChjaGFuZ2UpPVwib25Ub2dnbGUoJGV2ZW50KVwiPicsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBTd2l0Y2hTdHViQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaXNDaGVja2VkOiBib29sZWFuID0gZmFsc2U7XG4gIEBPdXRwdXQoKSBvbkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBvblRvZ2dsZShldmVudDogYW55KSB7XG4gICAgdGhpcy5vbkNoYW5nZS5lbWl0KGV2ZW50LnRhcmdldC5jaGVja2VkKTtcbiAgfVxufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwiYXBwLWljb24tc3R1YlwiLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICB0ZW1wbGF0ZTogXCI8aT48L2k+XCIsXG59KVxuZXhwb3J0IGNsYXNzIEljb25TdHViQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbmFtZTogc3RyaW5nID0gXCJcIjtcbiAgQElucHV0KCkgd2lkdGg6IHN0cmluZyA9IFwiXCI7XG4gIEBJbnB1dCgpIGhlaWdodDogc3RyaW5nID0gXCJcIjtcbiAgQElucHV0KCkgY29sb3I6IHN0cmluZyA9IFwiXCI7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJhcHAtY2FyZC1zZWN0aW9uXCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vY2FyZC1zZWN0aW9uLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiLi9jYXJkLXNlY3Rpb24uY29tcG9uZW50LnNjc3NcIl0sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFN3aXRjaFN0dWJDb21wb25lbnQsIEljb25TdHViQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgQ2FyZFNlY3Rpb25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nID0gXCJ0aXRsZVwiO1xuICBASW5wdXQoKSBkZXNjcmlwdGlvbjogc3RyaW5nID0gXCJEZXNjcmlwdGlvblwiO1xuICBASW5wdXQoKSB0eXBlRWxlbWVudDogXCJkcm9wZG93blwiIHwgXCJzd2l0Y2hcIiA9IFwiZHJvcGRvd25cIjtcbiAgQE91dHB1dCgpIG9uQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuICBAT3V0cHV0KCkgb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQElucHV0KCkgdHlwZTogXCJtZWRpdW1cIiB8IFwiaW1wb3J0YW50XCIgPSBcImltcG9ydGFudFwiO1xuICBASW5wdXQoKSBpc0NoZWNrZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBuZ09uSW5pdCgpIHtcbiAgICBpZiAoIXRoaXMudHlwZSB8fCB0aGlzLnR5cGUudHJpbSgpID09PSBcIlwiKSB7XG4gICAgICB0aGlzLnR5cGUgPSBcImltcG9ydGFudFwiO1xuICAgIH1cbiAgfVxuXG4gIGNoYW5nZVZhbHVlKGV2ZW50OiBhbnkpIHtcbiAgICB0aGlzLm9uQ2hhbmdlLmVtaXQoZXZlbnQpO1xuICB9XG5cbiAgY2xpY2tJY29uKCkge1xuICAgIHRoaXMub25DbGljay5lbWl0KCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJjb250YWluZXItY2FyZC1zZWN0aW9uXCI+XG4gIDxkaXY+XG4gICAgPGg1ICpuZ0lmPVwidHlwZSA9PSAnaW1wb3J0YW50J1wiIGNsYXNzPVwidGl0dGxlLWNhcmQtc2VjdGlvblwiPnt7IHRpdGxlIH19PC9oNT5cbiAgICA8aDYgKm5nSWY9XCJ0eXBlID09ICdtZWRpdW0nXCI+e3sgdGl0bGUgfX08L2g2PlxuICAgIDxkaXYgY2xhc3M9XCJkZXNjcmlwdGlvbi1jYXJkLXNlY3Rpb24gQm9keS1NLVJlZ3VsYXJcIj57eyBkZXNjcmlwdGlvbiB9fTwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImVsZW1lbnQtZW5kXCI+XG4gICAgPGFwcC1zd2l0Y2gtc3R1YlxuICAgICAgW2lzQ2hlY2tlZF09XCJpc0NoZWNrZWRcIlxuICAgICAgKm5nSWY9XCJ0eXBlRWxlbWVudCA9PT0gJ3N3aXRjaCdcIlxuICAgICAgKG9uQ2hhbmdlKT1cImNoYW5nZVZhbHVlKCRldmVudClcIlxuICAgID48L2FwcC1zd2l0Y2gtc3R1Yj5cbiAgICA8YXBwLWljb24tc3R1YlxuICAgICAgKGNsaWNrKT1cImNsaWNrSWNvbigpXCJcbiAgICAgICpuZ0lmPVwidHlwZUVsZW1lbnQgPT09ICdkcm9wZG93bidcIlxuICAgICAgbmFtZT1cIkRyb3Bkb3duLVJpZ2h0XCJcbiAgICAgIFt3aWR0aF09XCInMzJweCdcIlxuICAgICAgW2hlaWdodF09XCInMzJweCdcIlxuICAgICAgW2NvbG9yXT1cIidHcmF5LUdyYXktNTAwJ1wiXG4gICAgPjwvYXBwLWljb24tc3R1Yj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/dist/esm2022/components-source/checkbox-selection-list/checkbox-selection-list.component.mjs

@@ -0,0 +1,79 @@
+import { Component, EventEmitter, Input, Output, Inject, CUSTOM_ELEMENTS_SCHEMA, } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { FormControl, ReactiveFormsModule } from "@angular/forms";
+import { TranslateModule, TranslateService } from "@ngx-translate/core";
+import { Subscription } from "rxjs";
+import { debounceTime } from "rxjs/operators";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@ngx-translate/core";
+import * as i3 from "@angular/forms";
+export class CheckboxSelectionListComponent {
+    translateService;
+    options = [];
+    showFilter = false;
+    filterPlaceholder = "Search";
+    showNotFound = false;
+    notFoundMessage = "No results found";
+    searchDelay = 100;
+    valueChange = new EventEmitter();
+    subscriptions = new Subscription();
+    searchControl = new FormControl("");
+    filteredOptions = [];
+    constructor(translateService) {
+        this.translateService = translateService;
+    }
+    ngOnInit() {
+        this.subscriptions.add(this.searchControl.valueChanges
+            .pipe(debounceTime(this.searchDelay))
+            .subscribe((value) => {
+            this.filterOption(value);
+        }));
+        this.filteredOptions = this.options;
+    }
+    ngOnChanges(changes) {
+        if (changes["options"])
+            this.filteredOptions = this.options;
+    }
+    filterOption(optionName) {
+        const val = typeof optionName === "string" ? optionName : "";
+        if (!val.trim()) {
+            this.filteredOptions = this.options;
+            return;
+        }
+        this.filteredOptions = this.options.filter((o) => o.name.toLowerCase().includes(val.toLowerCase()));
+    }
+    toggleSelection(event, option) {
+        const checked = typeof event === "boolean" ? event : event?.checked || false;
+        option.checked = checked;
+        const selected = this.options.filter((o) => o.checked).map((o) => o.id);
+        this.valueChange.emit(selected);
+    }
+    clearSearchInput() {
+        this.searchControl.setValue("");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CheckboxSelectionListComponent, deps: [{ token: TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CheckboxSelectionListComponent, isStandalone: true, selector: "app-checkbox-selection-list", inputs: { options: "options", showFilter: "showFilter", filterPlaceholder: "filterPlaceholder", showNotFound: "showNotFound", notFoundMessage: "notFoundMessage", searchDelay: "searchDelay" }, outputs: { valueChange: "valueChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"checkbox-selection-list\">\n  <div class=\"filter-container\" *ngIf=\"showFilter\">\n    <span class=\"input-icon\">\n      <i class=\"pi pi-search\"></i>\n      <input\n        data-cy=\"checkbox-selection-search-input\"\n        type=\"text\"\n        class=\"search-input\"\n        [formControl]=\"searchControl\"\n        [placeholder]=\"filterPlaceholder\"\n      />\n    </span>\n    <button *ngIf=\"searchControl.value.length > 0\" (click)=\"clearSearchInput()\">\n      <i class=\"pi pi-times\"></i>\n    </button>\n  </div>\n\n  <div class=\"selection-list\">\n    <div class=\"selection-item\" *ngFor=\"let option of filteredOptions\">\n      <div class=\"checkbox-item\">\n        <app-dropi-checkbox \n          [checked]=\"option.checked\"\n          (onChange)=\"toggleSelection($event, option)\" \n          [attr.data-cy]=\"'checkbox-selection-' + option.id\"\n        />\n        <img *ngIf=\"option.preIcon\" [src]=\"option.preIcon\" [alt]=\"option.label\" />\n        <span>{{ option.label | translate}}</span>\n      </div>\n    </div>\n \n    <div *ngIf=\"showNotFound && (!filteredOptions || filteredOptions.length === 0)\" class=\"empty-container\">\n      <div class=\"empty\" data-cy=\"checkbox-selection-empty\">\n        <img src=\"\\assets\\utils\\logo-dropi-img-loader.png\" alt=\"Not-found\" />\n        <span>{{ notFoundMessage }}</span>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".filter-container{display:flex;height:37px;padding:var(--Size-3, 12px);justify-content:space-between;align-items:center;border-radius:8px;border:1px solid var(--Gray-100, #E6EAF2);background:var(--Gray-50, #F7F8FA)}.filter-container .input-icon{display:flex;align-items:center;flex-direction:row;width:100%}.filter-container .input-icon i{margin-right:8px}.filter-container .search-input{width:100%;text-overflow:ellipsis;font-size:14px;font-style:normal;font-weight:400;line-height:150%;border:none;padding:9px 0;background-color:transparent}.filter-container .search-input::placeholder{color:var(--Gray-500, #69738C);font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:150%}.filter-container button{border:none;background-color:transparent;color:var(--Gray-600, #475066);padding:0}.filter-container button i{font-size:13px}.selection-list{max-height:230px;overflow-y:auto}.selection-item{display:flex;padding:var(--Size-3, 12px) var(--Size-4, 16px);align-items:center;gap:12px;align-self:stretch}.selection-item .checkbox-item{display:flex;align-items:center;gap:var(--Size-3, 12px)}.selection-item .checkbox-item img{border-radius:50%;width:20px;height:20px}.selection-item .checkbox-item span{color:var(--Gray-600, #475066);font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:150%}.empty-container{display:flex;justify-content:center;align-items:center;height:230px;width:100%}.empty-container .empty{display:flex;flex-direction:column;align-items:center;gap:12px}.empty-container .empty img{width:63.75px;height:60px}.empty-container .empty span{color:var(--Gray-500, #69738C);text-align:center;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:150%}:host ::ng-deep .filter-container .p-inputtext{width:100%;text-overflow:ellipsis;font-size:14px;font-style:normal;font-weight:400;line-height:150%;border:none;padding:9px 0;background-color:transparent}:host ::ng-deep .filter-container .p-inputtext::placeholder{color:var(--Gray-500, #69738C);font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:150%}:host ::ng-deep .filter-container .p-component{border:none;background-color:transparent}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CheckboxSelectionListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "app-checkbox-selection-list", standalone: true, imports: [CommonModule, TranslateModule, ReactiveFormsModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"checkbox-selection-list\">\n  <div class=\"filter-container\" *ngIf=\"showFilter\">\n    <span class=\"input-icon\">\n      <i class=\"pi pi-search\"></i>\n      <input\n        data-cy=\"checkbox-selection-search-input\"\n        type=\"text\"\n        class=\"search-input\"\n        [formControl]=\"searchControl\"\n        [placeholder]=\"filterPlaceholder\"\n      />\n    </span>\n    <button *ngIf=\"searchControl.value.length > 0\" (click)=\"clearSearchInput()\">\n      <i class=\"pi pi-times\"></i>\n    </button>\n  </div>\n\n  <div class=\"selection-list\">\n    <div class=\"selection-item\" *ngFor=\"let option of filteredOptions\">\n      <div class=\"checkbox-item\">\n        <app-dropi-checkbox \n          [checked]=\"option.checked\"\n          (onChange)=\"toggleSelection($event, option)\" \n          [attr.data-cy]=\"'checkbox-selection-' + option.id\"\n        />\n        <img *ngIf=\"option.preIcon\" [src]=\"option.preIcon\" [alt]=\"option.label\" />\n        <span>{{ option.label | translate}}</span>\n      </div>\n    </div>\n \n    <div *ngIf=\"showNotFound && (!filteredOptions || filteredOptions.length === 0)\" class=\"empty-container\">\n      <div class=\"empty\" data-cy=\"checkbox-selection-empty\">\n        <img src=\"\\assets\\utils\\logo-dropi-img-loader.png\" alt=\"Not-found\" />\n        <span>{{ notFoundMessage }}</span>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".filter-container{display:flex;height:37px;padding:var(--Size-3, 12px);justify-content:space-between;align-items:center;border-radius:8px;border:1px solid var(--Gray-100, #E6EAF2);background:var(--Gray-50, #F7F8FA)}.filter-container .input-icon{display:flex;align-items:center;flex-direction:row;width:100%}.filter-container .input-icon i{margin-right:8px}.filter-container .search-input{width:100%;text-overflow:ellipsis;font-size:14px;font-style:normal;font-weight:400;line-height:150%;border:none;padding:9px 0;background-color:transparent}.filter-container .search-input::placeholder{color:var(--Gray-500, #69738C);font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:150%}.filter-container button{border:none;background-color:transparent;color:var(--Gray-600, #475066);padding:0}.filter-container button i{font-size:13px}.selection-list{max-height:230px;overflow-y:auto}.selection-item{display:flex;padding:var(--Size-3, 12px) var(--Size-4, 16px);align-items:center;gap:12px;align-self:stretch}.selection-item .checkbox-item{display:flex;align-items:center;gap:var(--Size-3, 12px)}.selection-item .checkbox-item img{border-radius:50%;width:20px;height:20px}.selection-item .checkbox-item span{color:var(--Gray-600, #475066);font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:150%}.empty-container{display:flex;justify-content:center;align-items:center;height:230px;width:100%}.empty-container .empty{display:flex;flex-direction:column;align-items:center;gap:12px}.empty-container .empty img{width:63.75px;height:60px}.empty-container .empty span{color:var(--Gray-500, #69738C);text-align:center;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:150%}:host ::ng-deep .filter-container .p-inputtext{width:100%;text-overflow:ellipsis;font-size:14px;font-style:normal;font-weight:400;line-height:150%;border:none;padding:9px 0;background-color:transparent}:host ::ng-deep .filter-container .p-inputtext::placeholder{color:var(--Gray-500, #69738C);font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:150%}:host ::ng-deep .filter-container .p-component{border:none;background-color:transparent}\n"] }]
+        }], ctorParameters: () => [{ type: i2.TranslateService, decorators: [{
+                    type: Inject,
+                    args: [TranslateService]
+                }] }], propDecorators: { options: [{
+                type: Input
+            }], showFilter: [{
+                type: Input
+            }], filterPlaceholder: [{
+                type: Input
+            }], showNotFound: [{
+                type: Input
+            }], notFoundMessage: [{
+                type: Input
+            }], searchDelay: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtc2VsZWN0aW9uLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMtc291cmNlL2NoZWNrYm94LXNlbGVjdGlvbi1saXN0L2NoZWNrYm94LXNlbGVjdGlvbi1saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzLXNvdXJjZS9jaGVja2JveC1zZWxlY3Rpb24tbGlzdC9jaGVja2JveC1zZWxlY3Rpb24tbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxFQUVOLE1BQU0sRUFDTixzQkFBc0IsR0FDdkIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsZUFBZSxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDeEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUNwQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7O0FBVzlDLE1BQU0sT0FBTyw4QkFBOEI7SUFldEI7SUFkVixPQUFPLEdBQWEsRUFBRSxDQUFDO0lBQ3ZCLFVBQVUsR0FBWSxLQUFLLENBQUM7SUFDNUIsaUJBQWlCLEdBQVcsUUFBUSxDQUFDO0lBQ3JDLFlBQVksR0FBWSxLQUFLLENBQUM7SUFDOUIsZUFBZSxHQUFXLGtCQUFrQixDQUFDO0lBQzdDLFdBQVcsR0FBVyxHQUFHLENBQUM7SUFDekIsV0FBVyxHQUF3QixJQUFJLFlBQVksRUFBUyxDQUFDO0lBRXRELGFBQWEsR0FBaUIsSUFBSSxZQUFZLEVBQUUsQ0FB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IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBPdXRwdXQsXG4gIFNpbXBsZUNoYW5nZXMsXG4gIEluamVjdCxcbiAgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSxcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcbmltcG9ydCB7IEZvcm1Db250cm9sLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XG5pbXBvcnQgeyBUcmFuc2xhdGVNb2R1bGUsIFRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tIFwiQG5neC10cmFuc2xhdGUvY29yZVwiO1xuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSBcInJ4anNcIjtcbmltcG9ydCB7IGRlYm91bmNlVGltZSB9IGZyb20gXCJyeGpzL29wZXJhdG9yc1wiO1xuaW1wb3J0IHsgT3B0aW9uIH0gZnJvbSBcIi4uLy4uL3V0aWxpdGllcy9pbnRlcmZhY2VzL3VpL3NlbGVjdGlvbi1saXN0LWludGVyZmFjZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwiYXBwLWNoZWNrYm94LXNlbGVjdGlvbi1saXN0XCIsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFRyYW5zbGF0ZU1vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZV0sXG4gIHNjaGVtYXM6IFtDVVNUT01fRUxFTUVOVFNfU0NIRU1BXSxcbiAgdGVtcGxhdGVVcmw6IFwiLi9jaGVja2JveC1zZWxlY3Rpb24tbGlzdC5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFtcIi4vY2hlY2tib3gtc2VsZWN0aW9uLWxpc3QuY29tcG9uZW50LnNjc3NcIl0sXG59KVxuZXhwb3J0IGNsYXNzIENoZWNrYm94U2VsZWN0aW9uTGlzdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIG9wdGlvbnM6IE9wdGlvbltdID0gW107XG4gIEBJbnB1dCgpIHNob3dGaWx0ZXI6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgZmlsdGVyUGxhY2Vob2xkZXI6IHN0cmluZyA9IFwiU2VhcmNoXCI7XG4gIEBJbnB1dCgpIHNob3dOb3RGb3VuZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBub3RGb3VuZE1lc3NhZ2U6IHN0cmluZyA9IFwiTm8gcmVzdWx0cyBmb3VuZFwiO1xuICBASW5wdXQoKSBzZWFyY2hEZWxheTogbnVtYmVyID0gMTAwO1xuICBAT3V0cHV0KCkgdmFsdWVDaGFuZ2U6IEV2ZW50RW1pdHRlcjxhbnlbXT4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueVtdPigpO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgc3Vic2NyaXB0aW9uczogU3Vic2NyaXB0aW9uID0gbmV3IFN1YnNjcmlwdGlvbigpO1xuICBzZWFyY2hDb250cm9sID0gbmV3IEZvcm1Db250cm9sKFwiXCIpO1xuICBmaWx0ZXJlZE9wdGlvbnM6IE9wdGlvbltdID0gW107XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQEluamVjdChUcmFuc2xhdGVTZXJ2aWNlKVxuICAgIHByaXZhdGUgcmVhZG9ubHkgdHJhbnNsYXRlU2VydmljZTogVHJhbnNsYXRlU2VydmljZSxcbiAgKSB7fVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuc3Vic2NyaXB0aW9ucy5hZGQoXG4gICAgICB0aGlzLnNlYXJjaENvbnRyb2wudmFsdWVDaGFuZ2VzXG4gICAgICAgIC5waXBlKGRlYm91bmNlVGltZSh0aGlzLnNlYXJjaERlbGF5KSlcbiAgICAgICAgLnN1YnNjcmliZSgodmFsdWUpID0+IHtcbiAgICAgICAgICB0aGlzLmZpbHRlck9wdGlvbih2YWx1ZSk7XG4gICAgICAgIH0pLFxuICAgICk7XG5cbiAgICB0aGlzLmZpbHRlcmVkT3B0aW9ucyA9IHRoaXMub3B0aW9ucztcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICBpZiAoY2hhbmdlc1tcIm9wdGlvbnNcIl0pIHRoaXMuZmlsdGVyZWRPcHRpb25zID0gdGhpcy5vcHRpb25zO1xuICB9XG5cbiAgZmlsdGVyT3B0aW9uKG9wdGlvbk5hbWU6IGFueSkge1xuICAgIGNvbnN0IHZhbCA9IHR5cGVvZiBvcHRpb25OYW1lID09PSBcInN0cmluZ1wiID8gb3B0aW9uTmFtZSA6IFwiXCI7XG4gICAgaWYgKCF2YWwudHJpbSgpKSB7XG4gICAgICB0aGlzLmZpbHRlcmVkT3B0aW9ucyA9IHRoaXMub3B0aW9ucztcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5maWx0ZXJlZE9wdGlvbnMgPSB0aGlzLm9wdGlvbnMuZmlsdGVyKChvKSA9PlxuICAgICAgby5uYW1lLnRvTG93ZXJDYXNlKCkuaW5jbHVkZXModmFsLnRvTG93ZXJDYXNlKCkpLFxuICAgICk7XG4gIH1cblxuICB0b2dnbGVTZWxlY3Rpb24oZXZlbnQ6IGFueSwgb3B0aW9uOiBPcHRpb24pOiB2b2lkIHtcbiAgICBjb25zdCBjaGVja2VkID1cbiAgICAgIHR5cGVvZiBldmVudCA9PT0gXCJib29sZWFuXCIgPyBldmVudCA6IGV2ZW50Py5jaGVja2VkIHx8IGZhbHNlO1xuICAgIG9wdGlvbi5jaGVja2VkID0gY2hlY2tlZDtcbiAgICBjb25zdCBzZWxlY3RlZCA9IHRoaXMub3B0aW9ucy5maWx0ZXIoKG8pID0+IG8uY2hlY2tlZCkubWFwKChvKSA9PiBvLmlkKTtcbiAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQoc2VsZWN0ZWQpO1xuICB9XG5cbiAgY2xlYXJTZWFyY2hJbnB1dCgpIHtcbiAgICB0aGlzLnNlYXJjaENvbnRyb2wuc2V0VmFsdWUoXCJcIik7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJjaGVja2JveC1zZWxlY3Rpb24tbGlzdFwiPlxuICA8ZGl2IGNsYXNzPVwiZmlsdGVyLWNvbnRhaW5lclwiICpuZ0lmPVwic2hvd0ZpbHRlclwiPlxuICAgIDxzcGFuIGNsYXNzPVwiaW5wdXQtaWNvblwiPlxuICAgICAgPGkgY2xhc3M9XCJwaSBwaS1zZWFyY2hcIj48L2k+XG4gICAgICA8aW5wdXRcbiAgICAgICAgZGF0YS1jeT1cImNoZWNrYm94LXNlbGVjdGlvbi1zZWFyY2gtaW5wdXRcIlxuICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgIGNsYXNzPVwic2VhcmNoLWlucHV0XCJcbiAgICAgICAgW2Zvcm1Db250cm9sXT1cInNlYXJjaENvbnRyb2xcIlxuICAgICAgICBbcGxhY2Vob2xkZXJdPVwiZmlsdGVyUGxhY2Vob2xkZXJcIlxuICAgICAgLz5cbiAgICA8L3NwYW4+XG4gICAgPGJ1dHRvbiAqbmdJZj1cInNlYXJjaENvbnRyb2wudmFsdWUubGVuZ3RoID4gMFwiIChjbGljayk9XCJjbGVhclNlYXJjaElucHV0KClcIj5cbiAgICAgIDxpIGNsYXNzPVwicGkgcGktdGltZXNcIj48L2k+XG4gICAgPC9idXR0b24+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJzZWxlY3Rpb24tbGlzdFwiPlxuICAgIDxkaXYgY2xhc3M9XCJzZWxlY3Rpb24taXRlbVwiICpuZ0Zvcj1cImxldCBvcHRpb24gb2YgZmlsdGVyZWRPcHRpb25zXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiY2hlY2tib3gtaXRlbVwiPlxuICAgICAgICA8YXBwLWRyb3BpLWNoZWNrYm94IFxuICAgICAgICAgIFtjaGVja2VkXT1cIm9wdGlvbi5jaGVja2VkXCJcbiAgICAgICAgICAob25DaGFuZ2UpPVwidG9nZ2xlU2VsZWN0aW9uKCRldmVudCwgb3B0aW9uKVwiIFxuICAgICAgICAgIFthdHRyLmRhdGEtY3ldPVwiJ2NoZWNrYm94LXNlbGVjdGlvbi0nICsgb3B0aW9uLmlkXCJcbiAgICAgICAgLz5cbiAgICAgICAgPGltZyAqbmdJZj1cIm9wdGlvbi5wcmVJY29uXCIgW3NyY109XCJvcHRpb24ucHJlSWNvblwiIFthbHRdPVwib3B0aW9uLmxhYmVsXCIgLz5cbiAgICAgICAgPHNwYW4+e3sgb3B0aW9uLmxhYmVsIHwgdHJhbnNsYXRlfX08L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiBcbiAgICA8ZGl2ICpuZ0lmPVwic2hvd05vdEZvdW5kICYmICghZmlsdGVyZWRPcHRpb25zIHx8IGZpbHRlcmVkT3B0aW9ucy5sZW5ndGggPT09IDApXCIgY2xhc3M9XCJlbXB0eS1jb250YWluZXJcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJlbXB0eVwiIGRhdGEtY3k9XCJjaGVja2JveC1zZWxlY3Rpb24tZW1wdHlcIj5cbiAgICAgICAgPGltZyBzcmM9XCJcXGFzc2V0c1xcdXRpbHNcXGxvZ28tZHJvcGktaW1nLWxvYWRlci5wbmdcIiBhbHQ9XCJOb3QtZm91bmRcIiAvPlxuICAgICAgICA8c3Bhbj57eyBub3RGb3VuZE1lc3NhZ2UgfX08L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/dist/esm2022/components-source/city-selector/city-selector.component.mjs

@@ -0,0 +1,53 @@
+import { Component, Input, Output, EventEmitter, Inject, CUSTOM_ELEMENTS_SCHEMA, } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { FormsModule, ReactiveFormsModule } from "@angular/forms";
+import { TranslateModule } from "@ngx-translate/core";
+import { IconComponent } from "../icon/icon.component";
+import { DropiSelectComponent } from "../dropi-select/dropi-select.component";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@ngx-translate/core";
+export class CitySelectorComponent {
+    cityService;
+    settingsService;
+    formControlCity;
+    disabled = false;
+    groupedCities = [];
+    selectedCities = [];
+    onCityChange = new EventEmitter();
+    constructor(cityService, settingsService) {
+        this.cityService = cityService;
+        this.settingsService = settingsService;
+    }
+    ngOnInit() { }
+    onSelectCityChange(event) {
+        this.onCityChange.emit(event);
+    }
+    loadCities(event) { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CitySelectorComponent, deps: [{ token: "CityService" }, { token: "SettingsService" }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CitySelectorComponent, isStandalone: true, selector: "app-city-selector", inputs: { formControlCity: "formControlCity", disabled: "disabled" }, outputs: { onCityChange: "onCityChange" }, ngImport: i0, template: "<div class=\"city-selector\">\n  <p-multiSelect\n    [options]=\"groupedCities\"\n    [group]=\"true\"\n    [(ngModel)]=\"selectedCities\"\n    [placeholder]=\"'select a city' | translate\"\n    display=\"chip\"\n    [showClear]=\"false\"\n    [showHeader]=\"true\"\n    (ngModelChange)=\"onSelectCityChange($event)\"\n    [itemSize]=\"10\"\n    [disabled]=\"disabled\"\n    [lazy]=\"true\"\n    (onLazyLoad)=\"loadCities($event)\"\n  >\n    <ng-template let-group pTemplate=\"group\">\n      <div class=\"flex item-state\">\n        <span>{{ group.label }}</span>\n      </div>\n    </ng-template>\n  </p-multiSelect>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: ReactiveFormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CitySelectorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "app-city-selector", standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        TranslateModule,
+                        IconComponent,
+                        DropiSelectComponent,
+                    ], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"city-selector\">\n  <p-multiSelect\n    [options]=\"groupedCities\"\n    [group]=\"true\"\n    [(ngModel)]=\"selectedCities\"\n    [placeholder]=\"'select a city' | translate\"\n    display=\"chip\"\n    [showClear]=\"false\"\n    [showHeader]=\"true\"\n    (ngModelChange)=\"onSelectCityChange($event)\"\n    [itemSize]=\"10\"\n    [disabled]=\"disabled\"\n    [lazy]=\"true\"\n    (onLazyLoad)=\"loadCities($event)\"\n  >\n    <ng-template let-group pTemplate=\"group\">\n      <div class=\"flex item-state\">\n        <span>{{ group.label }}</span>\n      </div>\n    </ng-template>\n  </p-multiSelect>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ["CityService"]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ["SettingsService"]
+                }] }], propDecorators: { formControlCity: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], onCityChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2l0eS1zZWxlY3Rvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy1zb3VyY2UvY2l0eS1zZWxlY3Rvci9jaXR5LXNlbGVjdG9yLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzLXNvdXJjZS9jaXR5LXNlbGVjdG9yL2NpdHktc2VsZWN0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksRUFFWixNQUFNLEVBQ04sc0JBQXNCLEdBQ3ZCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQzs7OztBQWlCOUUsTUFBTSxPQUFPLHFCQUFxQjtJQVNBO0lBQ0k7SUFUcEIsZUFBZSxDQUFNO0lBQ3JCLFFBQVEsR0FBWSxLQUFLLENBQUM7SUFFbkMsYUFBYSxHQUFVLEVBQUUsQ0FBQztJQUMxQixjQUFjLEdBQVUsRUFBRSxDQUFDO0lBQ2pCLFlBQVksR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0lBRXhELFlBQ2dDLFdBQWdCLEVBQ1osZUFBb0I7UUFEeEIsZ0JBQVcsR0FBWCxXQUFXLENBQUs7UUFDWixvQkFBZSxHQUFmLGVBQWUsQ0FBSztJQUNyRCxDQUFDO0lBRUosUUFBUSxLQUFVLENBQUM7SUFFWixrQkFBa0IsQ0FBQyxLQUFVO1FBQ2xDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFFTSxVQUFVLENBQUMsS0FBVSxJQUFTLENBQUM7d0dBbkIzQixxQkFBcUIsa0JBU3RCLGFBQWEsYUFDYixpQkFBaUI7NEZBVmhCLHFCQUFxQiw4TEM5QmxDLHNuQkFzQkEseURESEksWUFBWSw4QkFDWixXQUFXLDhWQUNYLG1CQUFtQiw4QkFDbkIsZUFBZTs7NEZBUU4scUJBQXFCO2tCQWZqQyxTQUFTOytCQUNFLG1CQUFtQixjQUNqQixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixXQUFXO3dCQUNYLG1CQUFtQjt3QkFDbkIsZUFBZTt3QkFDZixhQUFhO3dCQUNiLG9CQUFvQjtxQkFDckIsV0FDUSxDQUFDLHNCQUFzQixDQUFDOzswQkFhOUIsTUFBTTsyQkFBQyxhQUFhOzswQkFDcEIsTUFBTTsyQkFBQyxpQkFBaUI7eUNBVFgsZUFBZTtzQkFBOUIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUlXLFlBQVk7c0JBQTVCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgT25Jbml0LFxuICBJbmplY3QsXG4gIENVU1RPTV9FTEVNRU5UU19TQ0hFTUEsXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xuaW1wb3J0IHsgVHJhbnNsYXRlTW9kdWxlIH0gZnJvbSBcIkBuZ3gtdHJhbnNsYXRlL2NvcmVcIjtcbmltcG9ydCB7IEljb25Db21wb25lbnQgfSBmcm9tIFwiLi4vaWNvbi9pY29uLmNvbXBvbmVudFwiO1xuaW1wb3J0IHsgRHJvcGlTZWxlY3RDb21wb25lbnQgfSBmcm9tIFwiLi4vZHJvcGktc2VsZWN0L2Ryb3BpLXNlbGVjdC5jb21wb25lbnRcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcImFwcC1jaXR5LXNlbGVjdG9yXCIsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBUcmFuc2xhdGVNb2R1bGUsXG4gICAgSWNvbkNvbXBvbmVudCxcbiAgICBEcm9waVNlbGVjdENvbXBvbmVudCxcbiAgXSxcbiAgc2NoZW1hczogW0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdLFxuICB0ZW1wbGF0ZVVybDogXCIuL2NpdHktc2VsZWN0b3IuY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVVcmxzOiBbXCIuL2NpdHktc2VsZWN0b3IuY29tcG9uZW50LnNjc3NcIl0sXG59KVxuZXhwb3J0IGNsYXNzIENpdHlTZWxlY3RvckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHB1YmxpYyBmb3JtQ29udHJvbENpdHk6IGFueTtcbiAgQElucHV0KCkgcHVibGljIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgcHVibGljIGdyb3VwZWRDaXRpZXM6IGFueVtdID0gW107XG4gIHB1YmxpYyBzZWxlY3RlZENpdGllczogYW55W10gPSBbXTtcbiAgQE91dHB1dCgpIHB1YmxpYyBvbkNpdHlDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBASW5qZWN0KFwiQ2l0eVNlcnZpY2VcIikgcHVibGljIGNpdHlTZXJ2aWNlOiBhbnksXG4gICAgQEluamVjdChcIlNldHRpbmdzU2VydmljZVwiKSBwdWJsaWMgc2V0dGluZ3NTZXJ2aWNlOiBhbnksXG4gICkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XG5cbiAgcHVibGljIG9uU2VsZWN0Q2l0eUNoYW5nZShldmVudDogYW55KTogdm9pZCB7XG4gICAgdGhpcy5vbkNpdHlDaGFuZ2UuZW1pdChldmVudCk7XG4gIH1cblxuICBwdWJsaWMgbG9hZENpdGllcyhldmVudDogYW55KTogdm9pZCB7fVxufVxuIiwiPGRpdiBjbGFzcz1cImNpdHktc2VsZWN0b3JcIj5cbiAgPHAtbXVsdGlTZWxlY3RcbiAgICBbb3B0aW9uc109XCJncm91cGVkQ2l0aWVzXCJcbiAgICBbZ3JvdXBdPVwidHJ1ZVwiXG4gICAgWyhuZ01vZGVsKV09XCJzZWxlY3RlZENpdGllc1wiXG4gICAgW3BsYWNlaG9sZGVyXT1cIidzZWxlY3QgYSBjaXR5JyB8IHRyYW5zbGF0ZVwiXG4gICAgZGlzcGxheT1cImNoaXBcIlxuICAgIFtzaG93Q2xlYXJdPVwiZmFsc2VcIlxuICAgIFtzaG93SGVhZGVyXT1cInRydWVcIlxuICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uU2VsZWN0Q2l0eUNoYW5nZSgkZXZlbnQpXCJcbiAgICBbaXRlbVNpemVdPVwiMTBcIlxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgW2xhenldPVwidHJ1ZVwiXG4gICAgKG9uTGF6eUxvYWQpPVwibG9hZENpdGllcygkZXZlbnQpXCJcbiAgPlxuICAgIDxuZy10ZW1wbGF0ZSBsZXQtZ3JvdXAgcFRlbXBsYXRlPVwiZ3JvdXBcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGl0ZW0tc3RhdGVcIj5cbiAgICAgICAgPHNwYW4+e3sgZ3JvdXAubGFiZWwgfX08L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L3AtbXVsdGlTZWxlY3Q+XG48L2Rpdj5cbiJdfQ==