geonetwork-ui 2.4.0-dev.fe59f179 → 2.4.1-dev.1d2ade24e

package/esm2022/libs/ui/inputs/src/lib/file-input/file-input.component.mjs

@@ -0,0 +1,108 @@
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, Output, } from '@angular/core';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { ButtonComponent } from '../button/button.component';
+import { FilesDropDirective } from '../files-drop/files-drop.directive';
+import { TranslateModule } from '@ngx-translate/core';
+import { marker } from '@biesbjerg/ngx-translate-extract-marker';
+import { UrlInputComponent } from '../url-input/url-input.component';
+import { NgIconComponent, provideIcons, provideNgIconsConfig, } from '@ng-icons/core';
+import { iconoirCloudUpload, iconoirFramePlusIn } from '@ng-icons/iconoir';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/progress-spinner";
+import * as i3 from "@ngx-translate/core";
+export class FileInputComponent {
+    get isUploadInProgress() {
+        return this.uploadProgress !== undefined;
+    }
+    constructor(cd) {
+        this.cd = cd;
+        this.fileChange = new EventEmitter();
+        this.urlChange = new EventEmitter();
+        this.uploadCancel = new EventEmitter();
+        this.disabled = false;
+        this.dragFilesOver = false;
+    }
+    getPrimaryText() {
+        if (this.uploadProgress) {
+            return marker('input.file.uploadProgressLabel');
+        }
+        return marker('input.file.selectFileLabel');
+    }
+    getSecondaryText() {
+        if (this.uploadProgress) {
+            return marker('input.file.uploadProgressCancel');
+        }
+        return marker('input.file.dropFileLabel');
+    }
+    handleDragFilesOver(dragFilesOver) {
+        this.dragFilesOver = dragFilesOver;
+        this.cd.markForCheck();
+    }
+    handleDropFiles(files) {
+        if (files.length > 0) {
+            this.fileChange.emit(files[0]);
+        }
+    }
+    handleFileInput(event) {
+        this.handleDropFiles(Array.from(event.target.files));
+    }
+    handleUrlChange(url) {
+        if (!url)
+            return;
+        this.urlChange.emit(url);
+    }
+    handleSecondaryTextClick(event) {
+        if (this.uploadProgress) {
+            this.handleCancel();
+            event.preventDefault();
+        }
+    }
+    handleCancel() {
+        this.uploadCancel.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileInputComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FileInputComponent, isStandalone: true, selector: "gn-ui-file-input", inputs: { maxSizeMB: "maxSizeMB", uploadProgress: "uploadProgress", disabled: "disabled" }, outputs: { fileChange: "fileChange", urlChange: "urlChange", uploadCancel: "uploadCancel" }, providers: [
+            provideIcons({
+                iconoirCloudUpload,
+                iconoirFramePlusIn,
+            }),
+            provideNgIconsConfig({
+                size: '1.5em',
+            }),
+        ], ngImport: i0, template: "<div class=\"w-full flex flex-col gap-[16px]\">\n  <label\n    gnUiFilesDrop\n    class=\"flex-1 border-2 border-dashed rounded-lg p-6 flex flex-col items-center justify-center gap-4 transition-colors duration-100\"\n    [ngClass]=\"{\n      'border-primary-lighter bg-primary-white': dragFilesOver,\n      'border-gray-300': !dragFilesOver,\n      'cursor-pointer hover:border-gray-500': !isUploadInProgress && !disabled,\n      'cursor-not-allowed': disabled,\n    }\"\n    [attr.tabindex]=\"isUploadInProgress || disabled ? null : 0\"\n    (dragFilesOver)=\"handleDragFilesOver($event)\"\n    (dropFiles)=\"handleDropFiles($event)\"\n    (keydown.enter)=\"fileInput.click()\"\n  >\n    <input\n      #fileInput\n      type=\"file\"\n      class=\"hidden\"\n      (change)=\"handleFileInput($event)\"\n      [disabled]=\"isUploadInProgress || disabled\"\n    />\n\n    <div\n      class=\"w-14 h-14 rounded-md bg-gray-50 grid\"\n      *ngIf=\"!isUploadInProgress\"\n    >\n      <ng-icon\n        *ngIf=\"!dragFilesOver\"\n        class=\"place-self-center text-primary\"\n        name=\"iconoirCloudUpload\"\n      ></ng-icon>\n      <ng-icon\n        *ngIf=\"dragFilesOver\"\n        class=\"place-self-center text-primary\"\n        name=\"iconoirFramePlusIn\"\n      ></ng-icon>\n    </div>\n    <div\n      *ngIf=\"isUploadInProgress\"\n      class=\"w-14 h-14 grid items-center justify-center relative\"\n    >\n      <div class=\"text-gray-100 absolute\">\n        <mat-progress-spinner\n          class=\"place-self-center\"\n          [diameter]=\"56\"\n          mode=\"determinate\"\n          [value]=\"100\"\n        ></mat-progress-spinner>\n      </div>\n      <div class=\"text-primary absolute\">\n        <mat-progress-spinner\n          class=\"place-self-center\"\n          [diameter]=\"56\"\n          mode=\"determinate\"\n          [value]=\"uploadProgress\"\n        ></mat-progress-spinner>\n      </div>\n      <span class=\"text-sm text-main font-bold\">{{ uploadProgress }}%</span>\n    </div>\n    <div class=\"flex flex-col items-center gap-1\">\n      <p class=\"font-medium\">\n        {{ getPrimaryText() | translate: { sizeMB: maxSizeMB.toFixed(0) } }}\n      </p>\n      <p\n        class=\"text-sm\"\n        [class]=\"\n          isUploadInProgress\n            ? 'font-bold text-primary cursor-pointer'\n            : 'font-medium text-gray-500'\n        \"\n        (click)=\"handleSecondaryTextClick($event)\"\n      >\n        {{ getSecondaryText() | translate }}\n      </p>\n    </div>\n    <p class=\"w-full flex flex-row items-center justify-stretch gap-[16px]\">\n      <span class=\"border-b border-gray-300 grow\"></span>\n      <span class=\"text-sm font-medium text-gray-500 or-input-url\" translate>\n        input.file.orInputUrl</span\n      >\n      <span class=\"border-b border-gray-300 grow\"></span>\n    </p>\n    <gn-ui-url-input\n      class=\"w-full\"\n      [disabled]=\"isUploadInProgress || disabled\"\n      (uploadClick)=\"handleUrlChange($event)\"\n    ></gn-ui-url-input>\n  </label>\n</div>\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: FilesDropDirective, selector: "[gnUiFilesDrop]", outputs: ["dragFilesOver", "dropFiles"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "directive", type: i3.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showValidateButton"], outputs: ["valueChange", "uploadClick"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-file-input', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        CommonModule,
+                        ButtonComponent,
+                        FilesDropDirective,
+                        MatProgressSpinnerModule,
+                        TranslateModule,
+                        UrlInputComponent,
+                        NgIconComponent,
+                    ], providers: [
+                        provideIcons({
+                            iconoirCloudUpload,
+                            iconoirFramePlusIn,
+                        }),
+                        provideNgIconsConfig({
+                            size: '1.5em',
+                        }),
+                    ], template: "<div class=\"w-full flex flex-col gap-[16px]\">\n  <label\n    gnUiFilesDrop\n    class=\"flex-1 border-2 border-dashed rounded-lg p-6 flex flex-col items-center justify-center gap-4 transition-colors duration-100\"\n    [ngClass]=\"{\n      'border-primary-lighter bg-primary-white': dragFilesOver,\n      'border-gray-300': !dragFilesOver,\n      'cursor-pointer hover:border-gray-500': !isUploadInProgress && !disabled,\n      'cursor-not-allowed': disabled,\n    }\"\n    [attr.tabindex]=\"isUploadInProgress || disabled ? null : 0\"\n    (dragFilesOver)=\"handleDragFilesOver($event)\"\n    (dropFiles)=\"handleDropFiles($event)\"\n    (keydown.enter)=\"fileInput.click()\"\n  >\n    <input\n      #fileInput\n      type=\"file\"\n      class=\"hidden\"\n      (change)=\"handleFileInput($event)\"\n      [disabled]=\"isUploadInProgress || disabled\"\n    />\n\n    <div\n      class=\"w-14 h-14 rounded-md bg-gray-50 grid\"\n      *ngIf=\"!isUploadInProgress\"\n    >\n      <ng-icon\n        *ngIf=\"!dragFilesOver\"\n        class=\"place-self-center text-primary\"\n        name=\"iconoirCloudUpload\"\n      ></ng-icon>\n      <ng-icon\n        *ngIf=\"dragFilesOver\"\n        class=\"place-self-center text-primary\"\n        name=\"iconoirFramePlusIn\"\n      ></ng-icon>\n    </div>\n    <div\n      *ngIf=\"isUploadInProgress\"\n      class=\"w-14 h-14 grid items-center justify-center relative\"\n    >\n      <div class=\"text-gray-100 absolute\">\n        <mat-progress-spinner\n          class=\"place-self-center\"\n          [diameter]=\"56\"\n          mode=\"determinate\"\n          [value]=\"100\"\n        ></mat-progress-spinner>\n      </div>\n      <div class=\"text-primary absolute\">\n        <mat-progress-spinner\n          class=\"place-self-center\"\n          [diameter]=\"56\"\n          mode=\"determinate\"\n          [value]=\"uploadProgress\"\n        ></mat-progress-spinner>\n      </div>\n      <span class=\"text-sm text-main font-bold\">{{ uploadProgress }}%</span>\n    </div>\n    <div class=\"flex flex-col items-center gap-1\">\n      <p class=\"font-medium\">\n        {{ getPrimaryText() | translate: { sizeMB: maxSizeMB.toFixed(0) } }}\n      </p>\n      <p\n        class=\"text-sm\"\n        [class]=\"\n          isUploadInProgress\n            ? 'font-bold text-primary cursor-pointer'\n            : 'font-medium text-gray-500'\n        \"\n        (click)=\"handleSecondaryTextClick($event)\"\n      >\n        {{ getSecondaryText() | translate }}\n      </p>\n    </div>\n    <p class=\"w-full flex flex-row items-center justify-stretch gap-[16px]\">\n      <span class=\"border-b border-gray-300 grow\"></span>\n      <span class=\"text-sm font-medium text-gray-500 or-input-url\" translate>\n        input.file.orInputUrl</span\n      >\n      <span class=\"border-b border-gray-300 grow\"></span>\n    </p>\n    <gn-ui-url-input\n      class=\"w-full\"\n      [disabled]=\"isUploadInProgress || disabled\"\n      (uploadClick)=\"handleUrlChange($event)\"\n    ></gn-ui-url-input>\n  </label>\n</div>\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { maxSizeMB: [{
+                type: Input
+            }], uploadProgress: [{
+                type: Input
+            }], fileChange: [{
+                type: Output
+            }], urlChange: [{
+                type: Output
+            }], uploadCancel: [{
+                type: Output
+            }], disabled: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2lucHV0cy9zcmMvbGliL2ZpbGUtaW5wdXQvZmlsZS1pbnB1dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2lucHV0cy9zcmMvbGliL2ZpbGUtaW5wdXQvZmlsZS1pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDOUMsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFBO0FBQ3RCLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLG9DQUFvQyxDQUFBO0FBQzdFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQTtBQUN2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDckQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLHlDQUF5QyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ3BFLE9BQU8sRUFDTCxlQUFlLEVBQ2YsWUFBWSxFQUNaLG9CQUFvQixHQUNyQixNQUFNLGdCQUFnQixDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG1CQUFtQixDQUFBOzs7OztBQTJCMUUsTUFBTSxPQUFPLGtCQUFrQjtJQVU3QixJQUFJLGtCQUFrQjtRQUNwQixPQUFPLElBQUksQ0FBQyxjQUFjLEtBQUssU0FBUyxDQUFBO0lBQzFDLENBQUM7SUFFRCxZQUFvQixFQUFxQjtRQUFyQixPQUFFLEdBQUYsRUFBRSxDQUFtQjtRQVgvQixlQUFVLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUE7UUFDbkQsY0FBUyxHQUF5QixJQUFJLFlBQVksRUFBRSxDQUFBO1FBQ3BELGlCQUFZLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUE7UUFDdEQsYUFBUSxHQUFJLEtBQUssQ0FBQTtRQUUxQixrQkFBYSxHQUFHLEtBQUssQ0FBQTtJQU11QixDQUFDO0lBRTdDLGNBQWM7UUFDWixJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUN4QixPQUFPLE1BQU0sQ0FBQyxnQ0FBZ0MsQ0FBQyxDQUFBO1FBQ2pELENBQUM7UUFDRCxPQUFPLE1BQU0sQ0FBQyw0QkFBNEIsQ0FBQyxDQUFBO0lBQzdDLENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUN4QixPQUFPLE1BQU0sQ0FBQyxpQ0FBaUMsQ0FBQyxDQUFBO1FBQ2xELENBQUM7UUFDRCxPQUFPLE1BQU0sQ0FBQywwQkFBMEIsQ0FBQyxDQUFBO0lBQzNDLENBQUM7SUFFRCxtQkFBbUIsQ0FBQyxhQUFzQjtRQUN4QyxJQUFJLENBQUMsYUFBYSxHQUFHLGFBQWEsQ0FBQTtRQUNsQyxJQUFJLENBQUMsRUFBRSxDQUFDLFlBQVksRUFBRSxDQUFBO0lBQ3hCLENBQUM7SUFFRCxlQUFlLENBQUMsS0FBYTtRQUMzQixJQUFJLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFLENBQUM7WUFDckIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUE7UUFDaEMsQ0FBQztJQUNILENBQUM7SUFFRCxlQUFlLENBQUMsS0FBWTtRQUMxQixJQUFJLENBQUMsZUFBZSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUUsS0FBSyxDQUFDLE1BQTJCLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQTtJQUM1RSxDQUFDO0lBRUQsZUFBZSxDQUFDLEdBQWtCO1FBQ2hDLElBQUksQ0FBQyxHQUFHO1lBQUUsT0FBTTtRQUNoQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQTtJQUMxQixDQUFDO0lBRUQsd0JBQXdCLENBQUMsS0FBWTtRQUNuQyxJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUN4QixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUE7WUFDbkIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFBO1FBQ3hCLENBQUM7SUFDSCxDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLENBQUE7SUFDMUIsQ0FBQzsrR0EzRFUsa0JBQWtCO21HQUFsQixrQkFBa0Isd1BBVmxCO1lBQ1QsWUFBWSxDQUFDO2dCQUNYLGtCQUFrQjtnQkFDbEIsa0JBQWtCO2FBQ25CLENBQUM7WUFDRixvQkFBb0IsQ0FBQztnQkFDbkIsSUFBSSxFQUFFLE9BQU87YUFDZCxDQUFDO1NBQ0gsMEJDN0NILDIvRkEwRkEsNkhEN0RJLFlBQVksaU9BRVosa0JBQWtCLG9HQUNsQix3QkFBd0Isa09BQ3hCLGVBQWUsbU9BQ2YsaUJBQWlCLHVMQUNqQixlQUFlOzs0RkFZTixrQkFBa0I7a0JBekI5QixTQUFTOytCQUNFLGtCQUFrQixtQkFHWCx1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLGVBQWU7d0JBQ2Ysa0JBQWtCO3dCQUNsQix3QkFBd0I7d0JBQ3hCLGVBQWU7d0JBQ2YsaUJBQWlCO3dCQUNqQixlQUFlO3FCQUNoQixhQUNVO3dCQUNULFlBQVksQ0FBQzs0QkFDWCxrQkFBa0I7NEJBQ2xCLGtCQUFrQjt5QkFDbkIsQ0FBQzt3QkFDRixvQkFBb0IsQ0FBQzs0QkFDbkIsSUFBSSxFQUFFLE9BQU87eUJBQ2QsQ0FBQztxQkFDSDtzRkFHUSxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0ksVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxTQUFTO3NCQUFsQixNQUFNO2dCQUNHLFlBQVk7c0JBQXJCLE1BQU07Z0JBQ0UsUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbidcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQgeyBNYXRQcm9ncmVzc1NwaW5uZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9wcm9ncmVzcy1zcGlubmVyJ1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnXG5pbXBvcnQgeyBGaWxlc0Ryb3BEaXJlY3RpdmUgfSBmcm9tICcuLi9maWxlcy1kcm9wL2ZpbGVzLWRyb3AuZGlyZWN0aXZlJ1xuaW1wb3J0IHsgVHJhbnNsYXRlTW9kdWxlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSdcbmltcG9ydCB7IG1hcmtlciB9IGZyb20gJ0BiaWVzYmplcmcvbmd4LXRyYW5zbGF0ZS1leHRyYWN0LW1hcmtlcidcbmltcG9ydCB7IFVybElucHV0Q29tcG9uZW50IH0gZnJvbSAnLi4vdXJsLWlucHV0L3VybC1pbnB1dC5jb21wb25lbnQnXG5pbXBvcnQge1xuICBOZ0ljb25Db21wb25lbnQsXG4gIHByb3ZpZGVJY29ucyxcbiAgcHJvdmlkZU5nSWNvbnNDb25maWcsXG59IGZyb20gJ0BuZy1pY29ucy9jb3JlJ1xuaW1wb3J0IHsgaWNvbm9pckNsb3VkVXBsb2FkLCBpY29ub2lyRnJhbWVQbHVzSW4gfSBmcm9tICdAbmctaWNvbnMvaWNvbm9pcidcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ24tdWktZmlsZS1pbnB1dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9maWxlLWlucHV0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmlsZS1pbnB1dC5jb21wb25lbnQuY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEJ1dHRvbkNvbXBvbmVudCxcbiAgICBGaWxlc0Ryb3BEaXJlY3RpdmUsXG4gICAgTWF0UHJvZ3Jlc3NTcGlubmVyTW9kdWxlLFxuICAgIFRyYW5zbGF0ZU1vZHVsZSxcbiAgICBVcmxJbnB1dENvbXBvbmVudCxcbiAgICBOZ0ljb25Db21wb25lbnQsXG4gIF0sXG4gIHByb3ZpZGVyczogW1xuICAgIHByb3ZpZGVJY29ucyh7XG4gICAgICBpY29ub2lyQ2xvdWRVcGxvYWQsXG4gICAgICBpY29ub2lyRnJhbWVQbHVzSW4sXG4gICAgfSksXG4gICAgcHJvdmlkZU5nSWNvbnNDb25maWcoe1xuICAgICAgc2l6ZTogJzEuNWVtJyxcbiAgICB9KSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRmlsZUlucHV0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgbWF4U2l6ZU1COiBudW1iZXJcbiAgQElucHV0KCkgdXBsb2FkUHJvZ3Jlc3M/OiBudW1iZXJcbiAgQE91dHB1dCgpIGZpbGVDaGFuZ2U6IEV2ZW50RW1pdHRlcjxGaWxlPiA9IG5ldyBFdmVudEVtaXR0ZXIoKVxuICBAT3V0cHV0KCkgdXJsQ2hhbmdlOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXIoKVxuICBAT3V0cHV0KCkgdXBsb2FkQ2FuY2VsOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyKClcbiAgQElucHV0KCkgZGlzYWJsZWQ/ID0gZmFsc2VcblxuICBkcmFnRmlsZXNPdmVyID0gZmFsc2VcblxuICBnZXQgaXNVcGxvYWRJblByb2dyZXNzKCkge1xuICAgIHJldHVybiB0aGlzLnVwbG9hZFByb2dyZXNzICE9PSB1bmRlZmluZWRcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2Q6IENoYW5nZURldGVjdG9yUmVmKSB7fVxuXG4gIGdldFByaW1hcnlUZXh0KCkge1xuICAgIGlmICh0aGlzLnVwbG9hZFByb2dyZXNzKSB7XG4gICAgICByZXR1cm4gbWFya2VyKCdpbnB1dC5maWxlLnVwbG9hZFByb2dyZXNzTGFiZWwnKVxuICAgIH1cbiAgICByZXR1cm4gbWFya2VyKCdpbnB1dC5maWxlLnNlbGVjdEZpbGVMYWJlbCcpXG4gIH1cblxuICBnZXRTZWNvbmRhcnlUZXh0KCkge1xuICAgIGlmICh0aGlzLnVwbG9hZFByb2dyZXNzKSB7XG4gICAgICByZXR1cm4gbWFya2VyKCdpbnB1dC5maWxlLnVwbG9hZFByb2dyZXNzQ2FuY2VsJylcbiAgICB9XG4gICAgcmV0dXJuIG1hcmtlcignaW5wdXQuZmlsZS5kcm9wRmlsZUxhYmVsJylcbiAgfVxuXG4gIGhhbmRsZURyYWdGaWxlc092ZXIoZHJhZ0ZpbGVzT3ZlcjogYm9vbGVhbikge1xuICAgIHRoaXMuZHJhZ0ZpbGVzT3ZlciA9IGRyYWdGaWxlc092ZXJcbiAgICB0aGlzLmNkLm1hcmtGb3JDaGVjaygpXG4gIH1cblxuICBoYW5kbGVEcm9wRmlsZXMoZmlsZXM6IEZpbGVbXSkge1xuICAgIGlmIChmaWxlcy5sZW5ndGggPiAwKSB7XG4gICAgICB0aGlzLmZpbGVDaGFuZ2UuZW1pdChmaWxlc1swXSlcbiAgICB9XG4gIH1cblxuICBoYW5kbGVGaWxlSW5wdXQoZXZlbnQ6IEV2ZW50KSB7XG4gICAgdGhpcy5oYW5kbGVEcm9wRmlsZXMoQXJyYXkuZnJvbSgoZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQpLmZpbGVzKSlcbiAgfVxuXG4gIGhhbmRsZVVybENoYW5nZSh1cmw6IHN0cmluZyB8IG51bGwpIHtcbiAgICBpZiAoIXVybCkgcmV0dXJuXG4gICAgdGhpcy51cmxDaGFuZ2UuZW1pdCh1cmwpXG4gIH1cblxuICBoYW5kbGVTZWNvbmRhcnlUZXh0Q2xpY2soZXZlbnQ6IEV2ZW50KSB7XG4gICAgaWYgKHRoaXMudXBsb2FkUHJvZ3Jlc3MpIHtcbiAgICAgIHRoaXMuaGFuZGxlQ2FuY2VsKClcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICB9XG4gIH1cblxuICBoYW5kbGVDYW5jZWwoKSB7XG4gICAgdGhpcy51cGxvYWRDYW5jZWwuZW1pdCgpXG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJ3LWZ1bGwgZmxleCBmbGV4LWNvbCBnYXAtWzE2cHhdXCI+XG4gIDxsYWJlbFxuICAgIGduVWlGaWxlc0Ryb3BcbiAgICBjbGFzcz1cImZsZXgtMSBib3JkZXItMiBib3JkZXItZGFzaGVkIHJvdW5kZWQtbGcgcC02IGZsZXggZmxleC1jb2wgaXRlbXMtY2VudGVyIGp1c3RpZnktY2VudGVyIGdhcC00IHRyYW5zaXRpb24tY29sb3JzIGR1cmF0aW9uLTEwMFwiXG4gICAgW25nQ2xhc3NdPVwie1xuICAgICAgJ2JvcmRlci1wcmltYXJ5LWxpZ2h0ZXIgYmctcHJpbWFyeS13aGl0ZSc6IGRyYWdGaWxlc092ZXIsXG4gICAgICAnYm9yZGVyLWdyYXktMzAwJzogIWRyYWdGaWxlc092ZXIsXG4gICAgICAnY3Vyc29yLXBvaW50ZXIgaG92ZXI6Ym9yZGVyLWdyYXktNTAwJzogIWlzVXBsb2FkSW5Qcm9ncmVzcyAmJiAhZGlzYWJsZWQsXG4gICAgICAnY3Vyc29yLW5vdC1hbGxvd2VkJzogZGlzYWJsZWQsXG4gICAgfVwiXG4gICAgW2F0dHIudGFiaW5kZXhdPVwiaXNVcGxvYWRJblByb2dyZXNzIHx8IGRpc2FibGVkID8gbnVsbCA6IDBcIlxuICAgIChkcmFnRmlsZXNPdmVyKT1cImhhbmRsZURyYWdGaWxlc092ZXIoJGV2ZW50KVwiXG4gICAgKGRyb3BGaWxlcyk9XCJoYW5kbGVEcm9wRmlsZXMoJGV2ZW50KVwiXG4gICAgKGtleWRvd24uZW50ZXIpPVwiZmlsZUlucHV0LmNsaWNrKClcIlxuICA+XG4gICAgPGlucHV0XG4gICAgICAjZmlsZUlucHV0XG4gICAgICB0eXBlPVwiZmlsZVwiXG4gICAgICBjbGFzcz1cImhpZGRlblwiXG4gICAgICAoY2hhbmdlKT1cImhhbmRsZUZpbGVJbnB1dCgkZXZlbnQpXCJcbiAgICAgIFtkaXNhYmxlZF09XCJpc1VwbG9hZEluUHJvZ3Jlc3MgfHwgZGlzYWJsZWRcIlxuICAgIC8+XG5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cInctMTQgaC0xNCByb3VuZGVkLW1kIGJnLWdyYXktNTAgZ3JpZFwiXG4gICAgICAqbmdJZj1cIiFpc1VwbG9hZEluUHJvZ3Jlc3NcIlxuICAgID5cbiAgICAgIDxuZy1pY29uXG4gICAgICAgICpuZ0lmPVwiIWRyYWdGaWxlc092ZXJcIlxuICAgICAgICBjbGFzcz1cInBsYWNlLXNlbGYtY2VudGVyIHRleHQtcHJpbWFyeVwiXG4gICAgICAgIG5hbWU9XCJpY29ub2lyQ2xvdWRVcGxvYWRcIlxuICAgICAgPjwvbmctaWNvbj5cbiAgICAgIDxuZy1pY29uXG4gICAgICAgICpuZ0lmPVwiZHJhZ0ZpbGVzT3ZlclwiXG4gICAgICAgIGNsYXNzPVwicGxhY2Utc2VsZi1jZW50ZXIgdGV4dC1wcmltYXJ5XCJcbiAgICAgICAgbmFtZT1cImljb25vaXJGcmFtZVBsdXNJblwiXG4gICAgICA+PC9uZy1pY29uPlxuICAgIDwvZGl2PlxuICAgIDxkaXZcbiAgICAgICpuZ0lmPVwiaXNVcGxvYWRJblByb2dyZXNzXCJcbiAgICAgIGNsYXNzPVwidy0xNCBoLTE0IGdyaWQgaXRlbXMtY2VudGVyIGp1c3RpZnktY2VudGVyIHJlbGF0aXZlXCJcbiAgICA+XG4gICAgICA8ZGl2IGNsYXNzPVwidGV4dC1ncmF5LTEwMCBhYnNvbHV0ZVwiPlxuICAgICAgICA8bWF0LXByb2dyZXNzLXNwaW5uZXJcbiAgICAgICAgICBjbGFzcz1cInBsYWNlLXNlbGYtY2VudGVyXCJcbiAgICAgICAgICBbZGlhbWV0ZXJdPVwiNTZcIlxuICAgICAgICAgIG1vZGU9XCJkZXRlcm1pbmF0ZVwiXG4gICAgICAgICAgW3ZhbHVlXT1cIjEwMFwiXG4gICAgICAgID48L21hdC1wcm9ncmVzcy1zcGlubmVyPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwidGV4dC1wcmltYXJ5IGFic29sdXRlXCI+XG4gICAgICAgIDxtYXQtcHJvZ3Jlc3Mtc3Bpbm5lclxuICAgICAgICAgIGNsYXNzPVwicGxhY2Utc2VsZi1jZW50ZXJcIlxuICAgICAgICAgIFtkaWFtZXRlcl09XCI1NlwiXG4gICAgICAgICAgbW9kZT1cImRldGVybWluYXRlXCJcbiAgICAgICAgICBbdmFsdWVdPVwidXBsb2FkUHJvZ3Jlc3NcIlxuICAgICAgICA+PC9tYXQtcHJvZ3Jlc3Mtc3Bpbm5lcj5cbiAgICAgIDwvZGl2PlxuICAgICAgPHNwYW4gY2xhc3M9XCJ0ZXh0LXNtIHRleHQtbWFpbiBmb250LWJvbGRcIj57eyB1cGxvYWRQcm9ncmVzcyB9fSU8L3NwYW4+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImZsZXggZmxleC1jb2wgaXRlbXMtY2VudGVyIGdhcC0xXCI+XG4gICAgICA8cCBjbGFzcz1cImZvbnQtbWVkaXVtXCI+XG4gICAgICAgIHt7IGdldFByaW1hcnlUZXh0KCkgfCB0cmFuc2xhdGU6IHsgc2l6ZU1COiBtYXhTaXplTUIudG9GaXhlZCgwKSB9IH19XG4gICAgICA8L3A+XG4gICAgICA8cFxuICAgICAgICBjbGFzcz1cInRleHQtc21cIlxuICAgICAgICBbY2xhc3NdPVwiXG4gICAgICAgICAgaXNVcGxvYWRJblByb2dyZXNzXG4gICAgICAgICAgICA/ICdmb250LWJvbGQgdGV4dC1wcmltYXJ5IGN1cnNvci1wb2ludGVyJ1xuICAgICAgICAgICAgOiAnZm9udC1tZWRpdW0gdGV4dC1ncmF5LTUwMCdcbiAgICAgICAgXCJcbiAgICAgICAgKGNsaWNrKT1cImhhbmRsZVNlY29uZGFyeVRleHRDbGljaygkZXZlbnQpXCJcbiAgICAgID5cbiAgICAgICAge3sgZ2V0U2Vjb25kYXJ5VGV4dCgpIHwgdHJhbnNsYXRlIH19XG4gICAgICA8L3A+XG4gICAgPC9kaXY+XG4gICAgPHAgY2xhc3M9XCJ3LWZ1bGwgZmxleCBmbGV4LXJvdyBpdGVtcy1jZW50ZXIganVzdGlmeS1zdHJldGNoIGdhcC1bMTZweF1cIj5cbiAgICAgIDxzcGFuIGNsYXNzPVwiYm9yZGVyLWIgYm9yZGVyLWdyYXktMzAwIGdyb3dcIj48L3NwYW4+XG4gICAgICA8c3BhbiBjbGFzcz1cInRleHQtc20gZm9udC1tZWRpdW0gdGV4dC1ncmF5LTUwMCBvci1pbnB1dC11cmxcIiB0cmFuc2xhdGU+XG4gICAgICAgIGlucHV0LmZpbGUub3JJbnB1dFVybDwvc3BhblxuICAgICAgPlxuICAgICAgPHNwYW4gY2xhc3M9XCJib3JkZXItYiBib3JkZXItZ3JheS0zMDAgZ3Jvd1wiPjwvc3Bhbj5cbiAgICA8L3A+XG4gICAgPGduLXVpLXVybC1pbnB1dFxuICAgICAgY2xhc3M9XCJ3LWZ1bGxcIlxuICAgICAgW2Rpc2FibGVkXT1cImlzVXBsb2FkSW5Qcm9ncmVzcyB8fCBkaXNhYmxlZFwiXG4gICAgICAodXBsb2FkQ2xpY2spPVwiaGFuZGxlVXJsQ2hhbmdlKCRldmVudClcIlxuICAgID48L2duLXVpLXVybC1pbnB1dD5cbiAgPC9sYWJlbD5cbjwvZGl2PlxuIl19

package/esm2022/libs/ui/inputs/src/lib/files-drop/files-drop.directive.mjs

@@ -30,10 +30,10 @@ export class FilesDropDirective {
             this.dropFiles.emit(files);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilesDropDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FilesDropDirective, isStandalone: true, selector: "[gnUiFilesDrop]", outputs: { dragFilesOver: "dragFilesOver", dropFiles: "dropFiles" }, host: { listeners: { "dragenter": "_onDragEnter($event)", "dragover": "_onDragOver($event)", "dragleave": "_onDragLeave($event)", "drop": "_onDrop($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FilesDropDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: FilesDropDirective, isStandalone: true, selector: "[gnUiFilesDrop]", outputs: { dragFilesOver: "dragFilesOver", dropFiles: "dropFiles" }, host: { listeners: { "dragenter": "_onDragEnter($event)", "dragover": "_onDragOver($event)", "dragleave": "_onDragLeave($event)", "drop": "_onDrop($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilesDropDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FilesDropDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[gnUiFilesDrop]',
@@ -56,4 +56,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: HostListener,
                 args: ['drop', ['$event']]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZXMtZHJvcC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2lucHV0cy9zcmMvbGliL2ZpbGVzLWRyb3AvZmlsZXMtZHJvcC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQTs7QUFNN0UsTUFBTSxPQUFPLGtCQUFrQjtJQUovQjtRQUtZLGtCQUFhLEdBQTBCLElBQUksWUFBWSxFQUFFLENBQUE7UUFDekQsY0FBUyxHQUF5QixJQUFJLFlBQVksRUFBRSxDQUFBO1FBRTlELHFCQUFnQixHQUFHLENBQUMsQ0FBQTtLQWtDckI7SUEvQkMsWUFBWSxDQUFDLEtBQWdCO1FBQzNCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQTtRQUN0QixJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQTtRQUN2QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQTtJQUMvQixDQUFDO0lBR0QsV0FBVyxDQUFDLEtBQWdCO1FBQzFCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQTtJQUN4QixDQUFDO0lBR0QsWUFBWSxDQUFDLEtBQWdCO1FBQzNCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQTtRQUN0QixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixHQUFHLENBQUMsQ0FBQyxDQUFBO1FBQzlELElBQUksSUFBSSxDQUFDLGdCQUFnQixLQUFLLENBQUMsRUFBRTtZQUMvQixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQTtTQUMvQjtJQUNILENBQUM7SUFHRCxPQUFPLENBQUMsS0FBZ0I7UUFDdEIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFBO1FBQ3RCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxDQUFDLENBQUE7UUFDekIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUE7UUFFOUIsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFBO1FBQ2xELElBQUksS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDcEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUE7U0FDM0I7SUFDSCxDQUFDOytHQXJDVSxrQkFBa0I7bUdBQWxCLGtCQUFrQjs7NEZBQWxCLGtCQUFrQjtrQkFKOUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsaUJBQWlCO29CQUMzQixVQUFVLEVBQUUsSUFBSTtpQkFDakI7OEJBRVcsYUFBYTtzQkFBdEIsTUFBTTtnQkFDRyxTQUFTO3NCQUFsQixNQUFNO2dCQUtQLFlBQVk7c0JBRFgsWUFBWTt1QkFBQyxXQUFXLEVBQUUsQ0FBQyxRQUFRLENBQUM7Z0JBUXJDLFdBQVc7c0JBRFYsWUFBWTt1QkFBQyxVQUFVLEVBQUUsQ0FBQyxRQUFRLENBQUM7Z0JBTXBDLFlBQVk7c0JBRFgsWUFBWTt1QkFBQyxXQUFXLEVBQUUsQ0FBQyxRQUFRLENBQUM7Z0JBVXJDLE9BQU87c0JBRE4sWUFBWTt1QkFBQyxNQUFNLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEhvc3RMaXN0ZW5lciwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbZ25VaUZpbGVzRHJvcF0nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBGaWxlc0Ryb3BEaXJlY3RpdmUge1xuICBAT3V0cHV0KCkgZHJhZ0ZpbGVzT3ZlcjogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcigpXG4gIEBPdXRwdXQoKSBkcm9wRmlsZXM6IEV2ZW50RW1pdHRlcjxGaWxlW10+ID0gbmV3IEV2ZW50RW1pdHRlcigpXG5cbiAgZHJhZ0VudGVyQ291bnRlciA9IDBcblxuICBASG9zdExpc3RlbmVyKCdkcmFnZW50ZXInLCBbJyRldmVudCddKVxuICBfb25EcmFnRW50ZXIoZXZlbnQ6IERyYWdFdmVudCkge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICB0aGlzLmRyYWdFbnRlckNvdW50ZXIrK1xuICAgIHRoaXMuZHJhZ0ZpbGVzT3Zlci5lbWl0KHRydWUpXG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdkcmFnb3ZlcicsIFsnJGV2ZW50J10pXG4gIF9vbkRyYWdPdmVyKGV2ZW50OiBEcmFnRXZlbnQpIHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdkcmFnbGVhdmUnLCBbJyRldmVudCddKVxuICBfb25EcmFnTGVhdmUoZXZlbnQ6IERyYWdFdmVudCkge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICB0aGlzLmRyYWdFbnRlckNvdW50ZXIgPSBNYXRoLm1heCgwLCB0aGlzLmRyYWdFbnRlckNvdW50ZXIgLSAxKVxuICAgIGlmICh0aGlzLmRyYWdFbnRlckNvdW50ZXIgPT09IDApIHtcbiAgICAgIHRoaXMuZHJhZ0ZpbGVzT3Zlci5lbWl0KGZhbHNlKVxuICAgIH1cbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2Ryb3AnLCBbJyRldmVudCddKVxuICBfb25Ecm9wKGV2ZW50OiBEcmFnRXZlbnQpIHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgdGhpcy5kcmFnRW50ZXJDb3VudGVyID0gMFxuICAgIHRoaXMuZHJhZ0ZpbGVzT3Zlci5lbWl0KGZhbHNlKVxuXG4gICAgY29uc3QgZmlsZXMgPSBBcnJheS5mcm9tKGV2ZW50LmRhdGFUcmFuc2Zlci5maWxlcylcbiAgICBpZiAoZmlsZXMubGVuZ3RoID4gMCkge1xuICAgICAgdGhpcy5kcm9wRmlsZXMuZW1pdChmaWxlcylcbiAgICB9XG4gIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZXMtZHJvcC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2lucHV0cy9zcmMvbGliL2ZpbGVzLWRyb3AvZmlsZXMtZHJvcC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQTs7QUFNN0UsTUFBTSxPQUFPLGtCQUFrQjtJQUovQjtRQUtZLGtCQUFhLEdBQTBCLElBQUksWUFBWSxFQUFFLENBQUE7UUFDekQsY0FBUyxHQUF5QixJQUFJLFlBQVksRUFBRSxDQUFBO1FBRTlELHFCQUFnQixHQUFHLENBQUMsQ0FBQTtLQWtDckI7SUEvQkMsWUFBWSxDQUFDLEtBQWdCO1FBQzNCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQTtRQUN0QixJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQTtRQUN2QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQTtJQUMvQixDQUFDO0lBR0QsV0FBVyxDQUFDLEtBQWdCO1FBQzFCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQTtJQUN4QixDQUFDO0lBR0QsWUFBWSxDQUFDLEtBQWdCO1FBQzNCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQTtRQUN0QixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixHQUFHLENBQUMsQ0FBQyxDQUFBO1FBQzlELElBQUksSUFBSSxDQUFDLGdCQUFnQixLQUFLLENBQUMsRUFBRSxDQUFDO1lBQ2hDLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFBO1FBQ2hDLENBQUM7SUFDSCxDQUFDO0lBR0QsT0FBTyxDQUFDLEtBQWdCO1FBQ3RCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQTtRQUN0QixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsQ0FBQyxDQUFBO1FBQ3pCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFBO1FBRTlCLE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUNsRCxJQUFJLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFLENBQUM7WUFDckIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUE7UUFDNUIsQ0FBQztJQUNILENBQUM7K0dBckNVLGtCQUFrQjttR0FBbEIsa0JBQWtCOzs0RkFBbEIsa0JBQWtCO2tCQUo5QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxpQkFBaUI7b0JBQzNCLFVBQVUsRUFBRSxJQUFJO2lCQUNqQjs4QkFFVyxhQUFhO3NCQUF0QixNQUFNO2dCQUNHLFNBQVM7c0JBQWxCLE1BQU07Z0JBS1AsWUFBWTtzQkFEWCxZQUFZO3VCQUFDLFdBQVcsRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFRckMsV0FBVztzQkFEVixZQUFZO3VCQUFDLFVBQVUsRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFNcEMsWUFBWTtzQkFEWCxZQUFZO3VCQUFDLFdBQVcsRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFVckMsT0FBTztzQkFETixZQUFZO3VCQUFDLE1BQU0sRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSG9zdExpc3RlbmVyLCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tnblVpRmlsZXNEcm9wXScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIEZpbGVzRHJvcERpcmVjdGl2ZSB7XG4gIEBPdXRwdXQoKSBkcmFnRmlsZXNPdmVyOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyKClcbiAgQE91dHB1dCgpIGRyb3BGaWxlczogRXZlbnRFbWl0dGVyPEZpbGVbXT4gPSBuZXcgRXZlbnRFbWl0dGVyKClcblxuICBkcmFnRW50ZXJDb3VudGVyID0gMFxuXG4gIEBIb3N0TGlzdGVuZXIoJ2RyYWdlbnRlcicsIFsnJGV2ZW50J10pXG4gIF9vbkRyYWdFbnRlcihldmVudDogRHJhZ0V2ZW50KSB7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgIHRoaXMuZHJhZ0VudGVyQ291bnRlcisrXG4gICAgdGhpcy5kcmFnRmlsZXNPdmVyLmVtaXQodHJ1ZSlcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2RyYWdvdmVyJywgWyckZXZlbnQnXSlcbiAgX29uRHJhZ092ZXIoZXZlbnQ6IERyYWdFdmVudCkge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2RyYWdsZWF2ZScsIFsnJGV2ZW50J10pXG4gIF9vbkRyYWdMZWF2ZShldmVudDogRHJhZ0V2ZW50KSB7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgIHRoaXMuZHJhZ0VudGVyQ291bnRlciA9IE1hdGgubWF4KDAsIHRoaXMuZHJhZ0VudGVyQ291bnRlciAtIDEpXG4gICAgaWYgKHRoaXMuZHJhZ0VudGVyQ291bnRlciA9PT0gMCkge1xuICAgICAgdGhpcy5kcmFnRmlsZXNPdmVyLmVtaXQoZmFsc2UpXG4gICAgfVxuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZHJvcCcsIFsnJGV2ZW50J10pXG4gIF9vbkRyb3AoZXZlbnQ6IERyYWdFdmVudCkge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICB0aGlzLmRyYWdFbnRlckNvdW50ZXIgPSAwXG4gICAgdGhpcy5kcmFnRmlsZXNPdmVyLmVtaXQoZmFsc2UpXG5cbiAgICBjb25zdCBmaWxlcyA9IEFycmF5LmZyb20oZXZlbnQuZGF0YVRyYW5zZmVyLmZpbGVzKVxuICAgIGlmIChmaWxlcy5sZW5ndGggPiAwKSB7XG4gICAgICB0aGlzLmRyb3BGaWxlcy5lbWl0KGZpbGVzKVxuICAgIH1cbiAgfVxufVxuIl19

package/esm2022/libs/ui/inputs/src/lib/navigation-button/navigation-button.component.mjs

@@ -1,16 +1,16 @@
-import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { NgIcon } from '@ng-icons/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/material/icon";
 export class NavigationButtonComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NavigationButtonComponent, selector: "gn-ui-navigation-button", inputs: { label: "label", icon: "icon" }, ngImport: i0, template: "<button\n  class=\"group flex items-center justify-center gap-1 backdrop-blur p-1 bg-primary-opacity-30 rounded content-center\"\n>\n  <mat-icon class=\"material-symbols-outlined align-middle w-[18px]\">{{\n    icon\n  }}</mat-icon>\n  <span\n    class=\"mx-2 mt-0.5 text-[16px] tracking-widest content-center opacity-75\"\n    >{{ label.toUpperCase() }}</span\n  >\n</button>\n", styles: ["button{color:var(--navigation-button-color, --color-background)}\n"], dependencies: [{ kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NavigationButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NavigationButtonComponent, isStandalone: true, selector: "gn-ui-navigation-button", inputs: { label: "label", icon: "icon" }, ngImport: i0, template: "<button\n  class=\"group flex items-center justify-center gap-1 backdrop-blur p-1 bg-primary-opacity-30 rounded content-center\"\n>\n  <ng-icon [name]=\"icon\" class=\"align-middle w-[18px]\"></ng-icon>\n  <span\n    class=\"mx-2 mt-0.5 text-[16px] tracking-widest content-center opacity-75\"\n    >{{ label.toUpperCase() }}</span\n  >\n</button>\n", styles: ["button{color:var(--navigation-button-color, --color-background)}\n"], dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NavigationButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-navigation-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  class=\"group flex items-center justify-center gap-1 backdrop-blur p-1 bg-primary-opacity-30 rounded content-center\"\n>\n  <mat-icon class=\"material-symbols-outlined align-middle w-[18px]\">{{\n    icon\n  }}</mat-icon>\n  <span\n    class=\"mx-2 mt-0.5 text-[16px] tracking-widest content-center opacity-75\"\n    >{{ label.toUpperCase() }}</span\n  >\n</button>\n", styles: ["button{color:var(--navigation-button-color, --color-background)}\n"] }]
+            args: [{ selector: 'gn-ui-navigation-button', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgIcon], standalone: true, template: "<button\n  class=\"group flex items-center justify-center gap-1 backdrop-blur p-1 bg-primary-opacity-30 rounded content-center\"\n>\n  <ng-icon [name]=\"icon\" class=\"align-middle w-[18px]\"></ng-icon>\n  <span\n    class=\"mx-2 mt-0.5 text-[16px] tracking-widest content-center opacity-75\"\n    >{{ label.toUpperCase() }}</span\n  >\n</button>\n", styles: ["button{color:var(--navigation-button-color, --color-background)}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], icon: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS9pbnB1dHMvc3JjL2xpYi9uYXZpZ2F0aW9uLWJ1dHRvbi9uYXZpZ2F0aW9uLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2lucHV0cy9zcmMvbGliL25hdmlnYXRpb24tYnV0dG9uL25hdmlnYXRpb24tYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsdUJBQXVCLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFBOzs7QUFRekUsTUFBTSxPQUFPLHlCQUF5QjsrR0FBekIseUJBQXlCO21HQUF6Qix5QkFBeUIseUdDUnRDLDRYQVdBOzs0RkRIYSx5QkFBeUI7a0JBTnJDLFNBQVM7K0JBQ0UseUJBQXlCLG1CQUdsQix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdnbi11aS1uYXZpZ2F0aW9uLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9uYXZpZ2F0aW9uLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25hdmlnYXRpb24tYnV0dG9uLmNvbXBvbmVudC5jc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIE5hdmlnYXRpb25CdXR0b25Db21wb25lbnQge1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nXG4gIEBJbnB1dCgpIGljb246IHN0cmluZ1xufVxuIiwiPGJ1dHRvblxuICBjbGFzcz1cImdyb3VwIGZsZXggaXRlbXMtY2VudGVyIGp1c3RpZnktY2VudGVyIGdhcC0xIGJhY2tkcm9wLWJsdXIgcC0xIGJnLXByaW1hcnktb3BhY2l0eS0zMCByb3VuZGVkIGNvbnRlbnQtY2VudGVyXCJcbj5cbiAgPG1hdC1pY29uIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZCBhbGlnbi1taWRkbGUgdy1bMThweF1cIj57e1xuICAgIGljb25cbiAgfX08L21hdC1pY29uPlxuICA8c3BhblxuICAgIGNsYXNzPVwibXgtMiBtdC0wLjUgdGV4dC1bMTZweF0gdHJhY2tpbmctd2lkZXN0IGNvbnRlbnQtY2VudGVyIG9wYWNpdHktNzVcIlxuICAgID57eyBsYWJlbC50b1VwcGVyQ2FzZSgpIH19PC9zcGFuXG4gID5cbjwvYnV0dG9uPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS9pbnB1dHMvc3JjL2xpYi9uYXZpZ2F0aW9uLWJ1dHRvbi9uYXZpZ2F0aW9uLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2lucHV0cy9zcmMvbGliL25hdmlnYXRpb24tYnV0dG9uL25hdmlnYXRpb24tYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQ3pFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQTs7QUFVdkMsTUFBTSxPQUFPLHlCQUF5QjsrR0FBekIseUJBQXlCO21HQUF6Qix5QkFBeUIsNkhDWHRDLDhWQVNBLDRIRERZLE1BQU07OzRGQUdMLHlCQUF5QjtrQkFSckMsU0FBUzsrQkFDRSx5QkFBeUIsbUJBR2xCLHVCQUF1QixDQUFDLE1BQU0sV0FDdEMsQ0FBQyxNQUFNLENBQUMsY0FDTCxJQUFJOzhCQUdQLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQgeyBOZ0ljb24gfSBmcm9tICdAbmctaWNvbnMvY29yZSdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ24tdWktbmF2aWdhdGlvbi1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vbmF2aWdhdGlvbi1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9uYXZpZ2F0aW9uLWJ1dHRvbi5jb21wb25lbnQuY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbTmdJY29uXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgTmF2aWdhdGlvbkJ1dHRvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmdcbiAgQElucHV0KCkgaWNvbjogc3RyaW5nXG59XG4iLCI8YnV0dG9uXG4gIGNsYXNzPVwiZ3JvdXAgZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXIgZ2FwLTEgYmFja2Ryb3AtYmx1ciBwLTEgYmctcHJpbWFyeS1vcGFjaXR5LTMwIHJvdW5kZWQgY29udGVudC1jZW50ZXJcIlxuPlxuICA8bmctaWNvbiBbbmFtZV09XCJpY29uXCIgY2xhc3M9XCJhbGlnbi1taWRkbGUgdy1bMThweF1cIj48L25nLWljb24+XG4gIDxzcGFuXG4gICAgY2xhc3M9XCJteC0yIG10LTAuNSB0ZXh0LVsxNnB4XSB0cmFja2luZy13aWRlc3QgY29udGVudC1jZW50ZXIgb3BhY2l0eS03NVwiXG4gICAgPnt7IGxhYmVsLnRvVXBwZXJDYXNlKCkgfX08L3NwYW5cbiAgPlxuPC9idXR0b24+XG4iXX0=

package/esm2022/libs/ui/inputs/src/lib/search-input/search-input.component.mjs

@@ -1,8 +1,10 @@
 import { ChangeDetectionStrategy, Component, Input, Output, } from '@angular/core';
-import { Subject, distinctUntilChanged } from 'rxjs';
+import { distinctUntilChanged, Subject } from 'rxjs';
+import { CommonModule } from '@angular/common';
+import { NgIconComponent, provideIcons, provideNgIconsConfig, } from '@ng-icons/core';
+import { matClose, matSearch } from '@ng-icons/material-icons/baseline';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-import * as i2 from "@angular/material/icon";
 export class SearchInputComponent {
     constructor() {
         this.value = '';
@@ -18,12 +20,22 @@ export class SearchInputComponent {
         this.value = null;
         this.rawChange.next(null);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SearchInputComponent, selector: "gn-ui-search-input", inputs: { value: "value", placeholder: "placeholder" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"h-full relative text-gray-300\">\n  <input\n    #input\n    class=\"peer h-full appearance-none border border-gray-300 rounded w-full p-2 pl-10 text-gray-700 leading-tight hover:border-primary focus:text-primary focus:outline-none focus:border-primary focus:border-2\"\n    type=\"text\"\n    [value]=\"value\"\n    [placeholder]=\"placeholder\"\n    (change)=\"handleChange($event)\"\n    (input)=\"handleChange($event)\"\n  />\n  <div\n    class=\"absolute inset-y-0 left-0 pl-2.5 flex items-center peer-hover:text-primary peer-focus:text-primary\"\n  >\n    <mat-icon class=\"material-symbols-outlined\">search</mat-icon>\n  </div>\n  <button\n    *ngIf=\"rawChange | async\"\n    type=\"button\"\n    class=\"text-primary-lightest hover:text-primary absolute transition-all duration-100 inset-y-0 right-0 pr-2.5\"\n    aria-label=\"Clear\"\n    (click)=\"clear()\"\n  >\n    <mat-icon class=\"material-symbols-outlined align-middle\">close</mat-icon>\n  </button>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SearchInputComponent, isStandalone: true, selector: "gn-ui-search-input", inputs: { value: "value", placeholder: "placeholder" }, outputs: { valueChange: "valueChange" }, providers: [
+            provideIcons({ matSearch, matClose }),
+            provideNgIconsConfig({
+                size: '1.5em',
+            }),
+        ], ngImport: i0, template: "<div class=\"h-full relative text-gray-300\">\n  <input\n    #input\n    class=\"peer h-full appearance-none border border-gray-300 rounded w-full p-2 pl-10 text-gray-700 leading-tight hover:border-primary focus:text-primary focus:outline-none focus:border-primary focus:border-2\"\n    type=\"text\"\n    [value]=\"value\"\n    [placeholder]=\"placeholder\"\n    (change)=\"handleChange($event)\"\n    (input)=\"handleChange($event)\"\n  />\n  <div\n    class=\"absolute inset-y-0 left-0 pl-2.5 flex items-center peer-hover:text-primary peer-focus:text-primary\"\n  >\n    <ng-icon name=\"matSearch\"></ng-icon>\n  </div>\n  <button\n    *ngIf=\"rawChange | async\"\n    type=\"button\"\n    class=\"text-primary-lightest hover:text-primary absolute transition-all duration-100 inset-y-0 right-0 pr-2.5\"\n    aria-label=\"Clear\"\n    (click)=\"clear()\"\n  >\n    <ng-icon name=\"matClose\" class=\"align-middle\"></ng-icon>\n  </button>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-search-input', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"h-full relative text-gray-300\">\n  <input\n    #input\n    class=\"peer h-full appearance-none border border-gray-300 rounded w-full p-2 pl-10 text-gray-700 leading-tight hover:border-primary focus:text-primary focus:outline-none focus:border-primary focus:border-2\"\n    type=\"text\"\n    [value]=\"value\"\n    [placeholder]=\"placeholder\"\n    (change)=\"handleChange($event)\"\n    (input)=\"handleChange($event)\"\n  />\n  <div\n    class=\"absolute inset-y-0 left-0 pl-2.5 flex items-center peer-hover:text-primary peer-focus:text-primary\"\n  >\n    <mat-icon class=\"material-symbols-outlined\">search</mat-icon>\n  </div>\n  <button\n    *ngIf=\"rawChange | async\"\n    type=\"button\"\n    class=\"text-primary-lightest hover:text-primary absolute transition-all duration-100 inset-y-0 right-0 pr-2.5\"\n    aria-label=\"Clear\"\n    (click)=\"clear()\"\n  >\n    <mat-icon class=\"material-symbols-outlined align-middle\">close</mat-icon>\n  </button>\n</div>\n" }]
+            args: [{ selector: 'gn-ui-search-input', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, NgIconComponent], providers: [
+                        provideIcons({ matSearch, matClose }),
+                        provideNgIconsConfig({
+                            size: '1.5em',
+                        }),
+                    ], template: "<div class=\"h-full relative text-gray-300\">\n  <input\n    #input\n    class=\"peer h-full appearance-none border border-gray-300 rounded w-full p-2 pl-10 text-gray-700 leading-tight hover:border-primary focus:text-primary focus:outline-none focus:border-primary focus:border-2\"\n    type=\"text\"\n    [value]=\"value\"\n    [placeholder]=\"placeholder\"\n    (change)=\"handleChange($event)\"\n    (input)=\"handleChange($event)\"\n  />\n  <div\n    class=\"absolute inset-y-0 left-0 pl-2.5 flex items-center peer-hover:text-primary peer-focus:text-primary\"\n  >\n    <ng-icon name=\"matSearch\"></ng-icon>\n  </div>\n  <button\n    *ngIf=\"rawChange | async\"\n    type=\"button\"\n    class=\"text-primary-lightest hover:text-primary absolute transition-all duration-100 inset-y-0 right-0 pr-2.5\"\n    aria-label=\"Clear\"\n    (click)=\"clear()\"\n  >\n    <ng-icon name=\"matClose\" class=\"align-middle\"></ng-icon>\n  </button>\n</div>\n" }]
         }], propDecorators: { value: [{
                 type: Input
             }], placeholder: [{
@@ -31,4 +43,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], valueChange: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvaW5wdXRzL3NyYy9saWIvc2VhcmNoLWlucHV0L3NlYXJjaC1pbnB1dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2lucHV0cy9zcmMvbGliL3NlYXJjaC1pbnB1dC9zZWFyY2gtaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQTtBQUN0QixPQUFPLEVBQUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sTUFBTSxDQUFBOzs7O0FBT3BELE1BQU0sT0FBTyxvQkFBb0I7SUFMakM7UUFNVyxVQUFLLEdBQUcsRUFBRSxDQUFBO1FBQ1YsZ0JBQVcsR0FBRyxFQUFFLENBQUE7UUFDekIsY0FBUyxHQUFHLElBQUksT0FBTyxFQUFVLENBQUE7UUFDdkIsZ0JBQVcsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDLENBQUE7S0FXcEU7SUFUQyxZQUFZLENBQUMsTUFBTTtRQUNqQixNQUFNLEtBQUssR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQTtRQUNqQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUM1QixDQUFDO0lBRUQsS0FBSztRQUNILElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFBO1FBQ2pCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQzNCLENBQUM7K0dBZFUsb0JBQW9CO21HQUFwQixvQkFBb0IsMkpDYmpDLGcrQkF5QkE7OzRGRFphLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSxvQkFBb0IsbUJBRWIsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQgeyBTdWJqZWN0LCBkaXN0aW5jdFVudGlsQ2hhbmdlZCB9IGZyb20gJ3J4anMnXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2duLXVpLXNlYXJjaC1pbnB1dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWFyY2gtaW5wdXQuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU2VhcmNoSW5wdXRDb21wb25lbnQge1xuICBASW5wdXQoKSB2YWx1ZSA9ICcnXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyID0gJydcbiAgcmF3Q2hhbmdlID0gbmV3IFN1YmplY3Q8c3RyaW5nPigpXG4gIEBPdXRwdXQoKSB2YWx1ZUNoYW5nZSA9IHRoaXMucmF3Q2hhbmdlLnBpcGUoZGlzdGluY3RVbnRpbENoYW5nZWQoKSlcblxuICBoYW5kbGVDaGFuZ2UoJGV2ZW50KSB7XG4gICAgY29uc3QgdmFsdWUgPSAkZXZlbnQudGFyZ2V0LnZhbHVlXG4gICAgdGhpcy5yYXdDaGFuZ2UubmV4dCh2YWx1ZSlcbiAgfVxuXG4gIGNsZWFyKCkge1xuICAgIHRoaXMudmFsdWUgPSBudWxsXG4gICAgdGhpcy5yYXdDaGFuZ2UubmV4dChudWxsKVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiaC1mdWxsIHJlbGF0aXZlIHRleHQtZ3JheS0zMDBcIj5cbiAgPGlucHV0XG4gICAgI2lucHV0XG4gICAgY2xhc3M9XCJwZWVyIGgtZnVsbCBhcHBlYXJhbmNlLW5vbmUgYm9yZGVyIGJvcmRlci1ncmF5LTMwMCByb3VuZGVkIHctZnVsbCBwLTIgcGwtMTAgdGV4dC1ncmF5LTcwMCBsZWFkaW5nLXRpZ2h0IGhvdmVyOmJvcmRlci1wcmltYXJ5IGZvY3VzOnRleHQtcHJpbWFyeSBmb2N1czpvdXRsaW5lLW5vbmUgZm9jdXM6Ym9yZGVyLXByaW1hcnkgZm9jdXM6Ym9yZGVyLTJcIlxuICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICBbdmFsdWVdPVwidmFsdWVcIlxuICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gICAgKGNoYW5nZSk9XCJoYW5kbGVDaGFuZ2UoJGV2ZW50KVwiXG4gICAgKGlucHV0KT1cImhhbmRsZUNoYW5nZSgkZXZlbnQpXCJcbiAgLz5cbiAgPGRpdlxuICAgIGNsYXNzPVwiYWJzb2x1dGUgaW5zZXQteS0wIGxlZnQtMCBwbC0yLjUgZmxleCBpdGVtcy1jZW50ZXIgcGVlci1ob3Zlcjp0ZXh0LXByaW1hcnkgcGVlci1mb2N1czp0ZXh0LXByaW1hcnlcIlxuICA+XG4gICAgPG1hdC1pY29uIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZFwiPnNlYXJjaDwvbWF0LWljb24+XG4gIDwvZGl2PlxuICA8YnV0dG9uXG4gICAgKm5nSWY9XCJyYXdDaGFuZ2UgfCBhc3luY1wiXG4gICAgdHlwZT1cImJ1dHRvblwiXG4gICAgY2xhc3M9XCJ0ZXh0LXByaW1hcnktbGlnaHRlc3QgaG92ZXI6dGV4dC1wcmltYXJ5IGFic29sdXRlIHRyYW5zaXRpb24tYWxsIGR1cmF0aW9uLTEwMCBpbnNldC15LTAgcmlnaHQtMCBwci0yLjVcIlxuICAgIGFyaWEtbGFiZWw9XCJDbGVhclwiXG4gICAgKGNsaWNrKT1cImNsZWFyKClcIlxuICA+XG4gICAgPG1hdC1pY29uIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZCBhbGlnbi1taWRkbGVcIj5jbG9zZTwvbWF0LWljb24+XG4gIDwvYnV0dG9uPlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvaW5wdXRzL3NyYy9saWIvc2VhcmNoLWlucHV0L3NlYXJjaC1pbnB1dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2lucHV0cy9zcmMvbGliL3NlYXJjaC1pbnB1dC9zZWFyY2gtaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQTtBQUN0QixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFBO0FBQ3BELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUM5QyxPQUFPLEVBQ0wsZUFBZSxFQUNmLFlBQVksRUFDWixvQkFBb0IsR0FDckIsTUFBTSxnQkFBZ0IsQ0FBQTtBQUN2QixPQUFPLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxNQUFNLG1DQUFtQyxDQUFBOzs7QUFldkUsTUFBTSxPQUFPLG9CQUFvQjtJQWJqQztRQWNXLFVBQUssR0FBRyxFQUFFLENBQUE7UUFDVixnQkFBVyxHQUFHLEVBQUUsQ0FBQTtRQUN6QixjQUFTLEdBQUcsSUFBSSxPQUFPLEVBQVUsQ0FBQTtRQUN2QixnQkFBVyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUMsQ0FBQTtLQVdwRTtJQVRDLFlBQVksQ0FBQyxNQUFNO1FBQ2pCLE1BQU0sS0FBSyxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFBO1FBQ2pDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQzVCLENBQUM7SUFFRCxLQUFLO1FBQ0gsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUE7UUFDakIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDM0IsQ0FBQzsrR0FkVSxvQkFBb0I7bUdBQXBCLG9CQUFvQixrS0FQcEI7WUFDVCxZQUFZLENBQUMsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLENBQUM7WUFDckMsb0JBQW9CLENBQUM7Z0JBQ25CLElBQUksRUFBRSxPQUFPO2FBQ2QsQ0FBQztTQUNILDBCQzFCSCx3N0JBeUJBLDJDRExZLFlBQVksd0xBQUUsZUFBZTs7NEZBUTVCLG9CQUFvQjtrQkFiaEMsU0FBUzsrQkFDRSxvQkFBb0IsbUJBRWIsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsZUFBZSxDQUFDLGFBQzdCO3dCQUNULFlBQVksQ0FBQyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsQ0FBQzt3QkFDckMsb0JBQW9CLENBQUM7NEJBQ25CLElBQUksRUFBRSxPQUFPO3lCQUNkLENBQUM7cUJBQ0g7OEJBR1EsS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQgeyBkaXN0aW5jdFVudGlsQ2hhbmdlZCwgU3ViamVjdCB9IGZyb20gJ3J4anMnXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nXG5pbXBvcnQge1xuICBOZ0ljb25Db21wb25lbnQsXG4gIHByb3ZpZGVJY29ucyxcbiAgcHJvdmlkZU5nSWNvbnNDb25maWcsXG59IGZyb20gJ0BuZy1pY29ucy9jb3JlJ1xuaW1wb3J0IHsgbWF0Q2xvc2UsIG1hdFNlYXJjaCB9IGZyb20gJ0BuZy1pY29ucy9tYXRlcmlhbC1pY29ucy9iYXNlbGluZSdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ24tdWktc2VhcmNoLWlucHV0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NlYXJjaC1pbnB1dC5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBOZ0ljb25Db21wb25lbnRdLFxuICBwcm92aWRlcnM6IFtcbiAgICBwcm92aWRlSWNvbnMoeyBtYXRTZWFyY2gsIG1hdENsb3NlIH0pLFxuICAgIHByb3ZpZGVOZ0ljb25zQ29uZmlnKHtcbiAgICAgIHNpemU6ICcxLjVlbScsXG4gICAgfSksXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNlYXJjaElucHV0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgdmFsdWUgPSAnJ1xuICBASW5wdXQoKSBwbGFjZWhvbGRlciA9ICcnXG4gIHJhd0NoYW5nZSA9IG5ldyBTdWJqZWN0PHN0cmluZz4oKVxuICBAT3V0cHV0KCkgdmFsdWVDaGFuZ2UgPSB0aGlzLnJhd0NoYW5nZS5waXBlKGRpc3RpbmN0VW50aWxDaGFuZ2VkKCkpXG5cbiAgaGFuZGxlQ2hhbmdlKCRldmVudCkge1xuICAgIGNvbnN0IHZhbHVlID0gJGV2ZW50LnRhcmdldC52YWx1ZVxuICAgIHRoaXMucmF3Q2hhbmdlLm5leHQodmFsdWUpXG4gIH1cblxuICBjbGVhcigpIHtcbiAgICB0aGlzLnZhbHVlID0gbnVsbFxuICAgIHRoaXMucmF3Q2hhbmdlLm5leHQobnVsbClcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImgtZnVsbCByZWxhdGl2ZSB0ZXh0LWdyYXktMzAwXCI+XG4gIDxpbnB1dFxuICAgICNpbnB1dFxuICAgIGNsYXNzPVwicGVlciBoLWZ1bGwgYXBwZWFyYW5jZS1ub25lIGJvcmRlciBib3JkZXItZ3JheS0zMDAgcm91bmRlZCB3LWZ1bGwgcC0yIHBsLTEwIHRleHQtZ3JheS03MDAgbGVhZGluZy10aWdodCBob3Zlcjpib3JkZXItcHJpbWFyeSBmb2N1czp0ZXh0LXByaW1hcnkgZm9jdXM6b3V0bGluZS1ub25lIGZvY3VzOmJvcmRlci1wcmltYXJ5IGZvY3VzOmJvcmRlci0yXCJcbiAgICB0eXBlPVwidGV4dFwiXG4gICAgW3ZhbHVlXT1cInZhbHVlXCJcbiAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICAgIChjaGFuZ2UpPVwiaGFuZGxlQ2hhbmdlKCRldmVudClcIlxuICAgIChpbnB1dCk9XCJoYW5kbGVDaGFuZ2UoJGV2ZW50KVwiXG4gIC8+XG4gIDxkaXZcbiAgICBjbGFzcz1cImFic29sdXRlIGluc2V0LXktMCBsZWZ0LTAgcGwtMi41IGZsZXggaXRlbXMtY2VudGVyIHBlZXItaG92ZXI6dGV4dC1wcmltYXJ5IHBlZXItZm9jdXM6dGV4dC1wcmltYXJ5XCJcbiAgPlxuICAgIDxuZy1pY29uIG5hbWU9XCJtYXRTZWFyY2hcIj48L25nLWljb24+XG4gIDwvZGl2PlxuICA8YnV0dG9uXG4gICAgKm5nSWY9XCJyYXdDaGFuZ2UgfCBhc3luY1wiXG4gICAgdHlwZT1cImJ1dHRvblwiXG4gICAgY2xhc3M9XCJ0ZXh0LXByaW1hcnktbGlnaHRlc3QgaG92ZXI6dGV4dC1wcmltYXJ5IGFic29sdXRlIHRyYW5zaXRpb24tYWxsIGR1cmF0aW9uLTEwMCBpbnNldC15LTAgcmlnaHQtMCBwci0yLjVcIlxuICAgIGFyaWEtbGFiZWw9XCJDbGVhclwiXG4gICAgKGNsaWNrKT1cImNsZWFyKClcIlxuICA+XG4gICAgPG5nLWljb24gbmFtZT1cIm1hdENsb3NlXCIgY2xhc3M9XCJhbGlnbi1taWRkbGVcIj48L25nLWljb24+XG4gIDwvYnV0dG9uPlxuPC9kaXY+XG4iXX0=

package/esm2022/libs/ui/inputs/src/lib/star-toggle/star-toggle.component.mjs

@@ -1,8 +1,10 @@
 import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, Input, Output, ViewChild, } from '@angular/core';
 import { propagateToDocumentOnly } from '../../../../../../libs/util/shared/src';
+import { NgIcon, provideIcons } from '@ng-icons/core';
+import { CommonModule } from '@angular/common';
+import { matStar, matStarBorder } from '@ng-icons/material-icons/baseline';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-import * as i2 from "@angular/material/icon";
 export class StarToggleComponent {
     constructor() {
         this.disabled = false;
@@ -21,12 +23,12 @@ export class StarToggleComponent {
         propagateToDocumentOnly(event);
         event.preventDefault();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StarToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: StarToggleComponent, selector: "gn-ui-star-toggle", inputs: { toggled: "toggled", disabled: "disabled" }, outputs: { newValue: "newValue" }, viewQueries: [{ propertyName: "overlay", first: true, predicate: ["starOverlay"], descendants: true }], ngImport: i0, template: "<div class=\"inline-block relative align-middle\" style=\"line-height: 0.7em\">\n  <button\n    type=\"button\"\n    class=\"-m-[8px] p-[8px]\"\n    (click)=\"toggle($event)\"\n    [ngClass]=\"{\n      enabled: toggled,\n      'disabled opacity-45': !toggled,\n      'transition hover:scale-125 will-change-transform': !disabled,\n      'cursor-default': disabled\n    }\"\n  >\n    <mat-icon\n      class=\"material-symbols-outlined\"\n      [ngClass]=\"{ 'star-filled': toggled }\"\n      >star</mat-icon\n    >\n  </button>\n  <svg\n    #starOverlay\n    class=\"star-toggle-overlay\"\n    width=\"40px\"\n    height=\"40px\"\n    viewBox=\"-15 -15 30 30\"\n  >\n    <g>\n      <path d=\"M 0,13.229167 V 0\" />\n      <path d=\"M -12.484186,4.0880377 0,0\" />\n      <path d=\"M -7.6784102,-10.70262 0,0\" />\n      <path d=\"M 7.8734079,-10.70262 0,0\" />\n      <path d=\"M 12.679184,4.0880376 0,0\" />\n    </g>\n  </svg>\n</div>\n", styles: ["button.enabled{color:var(--star-toggle-enabled-color, var(--color-secondary))}button.disabled{color:var(--star-toggle-disabled-color, var(--color-primary))}mat-icon{width:1em;height:1em;font-size:1.5em;margin-top:-.1em;font-variation-settings:\"opsz\" 40;stroke:var(--color-primary-darker)}.star-filled{font-variation-settings:\"FILL\" 1}.star-toggle-overlay{stroke:var(--color-secondary);stroke-width:3.5px;stroke-linecap:round;position:absolute;top:50%;left:50%;width:2.5em;height:2.5em;transform:translate(-50%,-50%);pointer-events:none;stroke-dasharray:5 20;stroke-dashoffset:-15;animation:overlay-dash .8s cubic-bezier(.16,.66,.44,.96) forwards;animation-play-state:paused}@keyframes overlay-dash{to{stroke-dashoffset:7}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StarToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: StarToggleComponent, isStandalone: true, selector: "gn-ui-star-toggle", inputs: { toggled: "toggled", disabled: "disabled" }, outputs: { newValue: "newValue" }, viewQueries: [{ propertyName: "overlay", first: true, predicate: ["starOverlay"], descendants: true }], ngImport: i0, template: "<div class=\"inline-block relative align-middle\" style=\"line-height: 0.7em\">\n  <button\n    type=\"button\"\n    class=\"-m-[8px] p-[8px]\"\n    (click)=\"toggle($event)\"\n    [ngClass]=\"{\n      enabled: toggled,\n      'disabled opacity-45': !toggled,\n      'transition hover:scale-125 will-change-transform': !disabled,\n      'cursor-default': disabled,\n    }\"\n  >\n    <ng-icon [name]=\"toggled ? 'matStar' : 'matStarBorder'\"></ng-icon>\n  </button>\n  <svg\n    #starOverlay\n    class=\"star-toggle-overlay\"\n    width=\"40px\"\n    height=\"40px\"\n    viewBox=\"-15 -15 30 30\"\n  >\n    <g>\n      <path d=\"M 0,13.229167 V 0\" />\n      <path d=\"M -12.484186,4.0880377 0,0\" />\n      <path d=\"M -7.6784102,-10.70262 0,0\" />\n      <path d=\"M 7.8734079,-10.70262 0,0\" />\n      <path d=\"M 12.679184,4.0880376 0,0\" />\n    </g>\n  </svg>\n</div>\n", styles: ["button.enabled{color:var(--star-toggle-enabled-color, var(--color-secondary))}button.disabled{color:var(--star-toggle-disabled-color, var(--color-primary))}.star-filled{font-variation-settings:\"FILL\" 1}.star-toggle-overlay{stroke:var(--color-secondary);stroke-width:3.5px;stroke-linecap:round;position:absolute;top:50%;left:50%;width:2.5em;height:2.5em;transform:translate(-50%,-50%);pointer-events:none;stroke-dasharray:5 20;stroke-dashoffset:-15;animation:overlay-dash .8s cubic-bezier(.16,.66,.44,.96) forwards;animation-play-state:paused}@keyframes overlay-dash{to{stroke-dashoffset:7}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], viewProviders: [provideIcons({ matStar, matStarBorder })], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StarToggleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StarToggleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-star-toggle', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"inline-block relative align-middle\" style=\"line-height: 0.7em\">\n  <button\n    type=\"button\"\n    class=\"-m-[8px] p-[8px]\"\n    (click)=\"toggle($event)\"\n    [ngClass]=\"{\n      enabled: toggled,\n      'disabled opacity-45': !toggled,\n      'transition hover:scale-125 will-change-transform': !disabled,\n      'cursor-default': disabled\n    }\"\n  >\n    <mat-icon\n      class=\"material-symbols-outlined\"\n      [ngClass]=\"{ 'star-filled': toggled }\"\n      >star</mat-icon\n    >\n  </button>\n  <svg\n    #starOverlay\n    class=\"star-toggle-overlay\"\n    width=\"40px\"\n    height=\"40px\"\n    viewBox=\"-15 -15 30 30\"\n  >\n    <g>\n      <path d=\"M 0,13.229167 V 0\" />\n      <path d=\"M -12.484186,4.0880377 0,0\" />\n      <path d=\"M -7.6784102,-10.70262 0,0\" />\n      <path d=\"M 7.8734079,-10.70262 0,0\" />\n      <path d=\"M 12.679184,4.0880376 0,0\" />\n    </g>\n  </svg>\n</div>\n", styles: ["button.enabled{color:var(--star-toggle-enabled-color, var(--color-secondary))}button.disabled{color:var(--star-toggle-disabled-color, var(--color-primary))}mat-icon{width:1em;height:1em;font-size:1.5em;margin-top:-.1em;font-variation-settings:\"opsz\" 40;stroke:var(--color-primary-darker)}.star-filled{font-variation-settings:\"FILL\" 1}.star-toggle-overlay{stroke:var(--color-secondary);stroke-width:3.5px;stroke-linecap:round;position:absolute;top:50%;left:50%;width:2.5em;height:2.5em;transform:translate(-50%,-50%);pointer-events:none;stroke-dasharray:5 20;stroke-dashoffset:-15;animation:overlay-dash .8s cubic-bezier(.16,.66,.44,.96) forwards;animation-play-state:paused}@keyframes overlay-dash{to{stroke-dashoffset:7}}\n"] }]
+            args: [{ selector: 'gn-ui-star-toggle', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, NgIcon], viewProviders: [provideIcons({ matStar, matStarBorder })], template: "<div class=\"inline-block relative align-middle\" style=\"line-height: 0.7em\">\n  <button\n    type=\"button\"\n    class=\"-m-[8px] p-[8px]\"\n    (click)=\"toggle($event)\"\n    [ngClass]=\"{\n      enabled: toggled,\n      'disabled opacity-45': !toggled,\n      'transition hover:scale-125 will-change-transform': !disabled,\n      'cursor-default': disabled,\n    }\"\n  >\n    <ng-icon [name]=\"toggled ? 'matStar' : 'matStarBorder'\"></ng-icon>\n  </button>\n  <svg\n    #starOverlay\n    class=\"star-toggle-overlay\"\n    width=\"40px\"\n    height=\"40px\"\n    viewBox=\"-15 -15 30 30\"\n  >\n    <g>\n      <path d=\"M 0,13.229167 V 0\" />\n      <path d=\"M -12.484186,4.0880377 0,0\" />\n      <path d=\"M -7.6784102,-10.70262 0,0\" />\n      <path d=\"M 7.8734079,-10.70262 0,0\" />\n      <path d=\"M 12.679184,4.0880376 0,0\" />\n    </g>\n  </svg>\n</div>\n", styles: ["button.enabled{color:var(--star-toggle-enabled-color, var(--color-secondary))}button.disabled{color:var(--star-toggle-disabled-color, var(--color-primary))}.star-filled{font-variation-settings:\"FILL\" 1}.star-toggle-overlay{stroke:var(--color-secondary);stroke-width:3.5px;stroke-linecap:round;position:absolute;top:50%;left:50%;width:2.5em;height:2.5em;transform:translate(-50%,-50%);pointer-events:none;stroke-dasharray:5 20;stroke-dashoffset:-15;animation:overlay-dash .8s cubic-bezier(.16,.66,.44,.96) forwards;animation-play-state:paused}@keyframes overlay-dash{to{stroke-dashoffset:7}}\n"] }]
         }], propDecorators: { toggled: [{
                 type: Input
             }], disabled: [{
@@ -37,4 +39,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: ViewChild,
                 args: ['starOverlay']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Rhci10b2dnbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS9pbnB1dHMvc3JjL2xpYi9zdGFyLXRvZ2dsZS9zdGFyLXRvZ2dsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2lucHV0cy9zcmMvbGliL3N0YXItdG9nZ2xlL3N0YXItdG9nZ2xlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUE7QUFDdEIsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sd0NBQXdDLENBQUE7Ozs7QUFRaEYsTUFBTSxPQUFPLG1CQUFtQjtJQU5oQztRQVFXLGFBQVEsR0FBRyxLQUFLLENBQUE7UUFDZixhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQTtLQWdCakQ7SUFiQyxNQUFNLENBQUMsS0FBWTtRQUNqQixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNsQixJQUFJLENBQUMsT0FBTyxHQUFHLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQTtZQUM1QixJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUU7Z0JBQ2hCLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLGFBQWEsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFBO2dCQUMxRCxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUE7Z0JBQ2IsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFBO2FBQ1o7WUFDRCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUE7U0FDakM7UUFDRCx1QkFBdUIsQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUM5QixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUE7SUFDeEIsQ0FBQzsrR0FsQlUsbUJBQW1CO21HQUFuQixtQkFBbUIsMFBDakJoQywyNkJBa0NBOzs0RkRqQmEsbUJBQW1CO2tCQU4vQixTQUFTOytCQUNFLG1CQUFtQixtQkFHWix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDSSxRQUFRO3NCQUFqQixNQUFNO2dCQUNtQixPQUFPO3NCQUFoQyxTQUFTO3VCQUFDLGFBQWEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IHByb3BhZ2F0ZVRvRG9jdW1lbnRPbmx5IH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91dGlsL3NoYXJlZC9zcmMnXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2duLXVpLXN0YXItdG9nZ2xlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3N0YXItdG9nZ2xlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Rhci10b2dnbGUuY29tcG9uZW50LmNzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3RhclRvZ2dsZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHRvZ2dsZWQhOiBib29sZWFuXG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2VcbiAgQE91dHB1dCgpIG5ld1ZhbHVlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpXG4gIEBWaWV3Q2hpbGQoJ3N0YXJPdmVybGF5Jykgb3ZlcmxheTogRWxlbWVudFJlZlxuXG4gIHRvZ2dsZShldmVudDogRXZlbnQpIHtcbiAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIHRoaXMudG9nZ2xlZCA9ICF0aGlzLnRvZ2dsZWRcbiAgICAgIGlmICh0aGlzLnRvZ2dsZWQpIHtcbiAgICAgICAgY29uc3QgYW5pbSA9IHRoaXMub3ZlcmxheS5uYXRpdmVFbGVtZW50LmdldEFuaW1hdGlvbnMoKVswXVxuICAgICAgICBhbmltLmNhbmNlbCgpXG4gICAgICAgIGFuaW0ucGxheSgpXG4gICAgICB9XG4gICAgICB0aGlzLm5ld1ZhbHVlLmVtaXQodGhpcy50b2dnbGVkKVxuICAgIH1cbiAgICBwcm9wYWdhdGVUb0RvY3VtZW50T25seShldmVudClcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJpbmxpbmUtYmxvY2sgcmVsYXRpdmUgYWxpZ24tbWlkZGxlXCIgc3R5bGU9XCJsaW5lLWhlaWdodDogMC43ZW1cIj5cbiAgPGJ1dHRvblxuICAgIHR5cGU9XCJidXR0b25cIlxuICAgIGNsYXNzPVwiLW0tWzhweF0gcC1bOHB4XVwiXG4gICAgKGNsaWNrKT1cInRvZ2dsZSgkZXZlbnQpXCJcbiAgICBbbmdDbGFzc109XCJ7XG4gICAgICBlbmFibGVkOiB0b2dnbGVkLFxuICAgICAgJ2Rpc2FibGVkIG9wYWNpdHktNDUnOiAhdG9nZ2xlZCxcbiAgICAgICd0cmFuc2l0aW9uIGhvdmVyOnNjYWxlLTEyNSB3aWxsLWNoYW5nZS10cmFuc2Zvcm0nOiAhZGlzYWJsZWQsXG4gICAgICAnY3Vyc29yLWRlZmF1bHQnOiBkaXNhYmxlZFxuICAgIH1cIlxuICA+XG4gICAgPG1hdC1pY29uXG4gICAgICBjbGFzcz1cIm1hdGVyaWFsLXN5bWJvbHMtb3V0bGluZWRcIlxuICAgICAgW25nQ2xhc3NdPVwieyAnc3Rhci1maWxsZWQnOiB0b2dnbGVkIH1cIlxuICAgICAgPnN0YXI8L21hdC1pY29uXG4gICAgPlxuICA8L2J1dHRvbj5cbiAgPHN2Z1xuICAgICNzdGFyT3ZlcmxheVxuICAgIGNsYXNzPVwic3Rhci10b2dnbGUtb3ZlcmxheVwiXG4gICAgd2lkdGg9XCI0MHB4XCJcbiAgICBoZWlnaHQ9XCI0MHB4XCJcbiAgICB2aWV3Qm94PVwiLTE1IC0xNSAzMCAzMFwiXG4gID5cbiAgICA8Zz5cbiAgICAgIDxwYXRoIGQ9XCJNIDAsMTMuMjI5MTY3IFYgMFwiIC8+XG4gICAgICA8cGF0aCBkPVwiTSAtMTIuNDg0MTg2LDQuMDg4MDM3NyAwLDBcIiAvPlxuICAgICAgPHBhdGggZD1cIk0gLTcuNjc4NDEwMiwtMTAuNzAyNjIgMCwwXCIgLz5cbiAgICAgIDxwYXRoIGQ9XCJNIDcuODczNDA3OSwtMTAuNzAyNjIgMCwwXCIgLz5cbiAgICAgIDxwYXRoIGQ9XCJNIDEyLjY3OTE4NCw0LjA4ODAzNzYgMCwwXCIgLz5cbiAgICA8L2c+XG4gIDwvc3ZnPlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Rhci10b2dnbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS9pbnB1dHMvc3JjL2xpYi9zdGFyLXRvZ2dsZS9zdGFyLXRvZ2dsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2lucHV0cy9zcmMvbGliL3N0YXItdG9nZ2xlL3N0YXItdG9nZ2xlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUE7QUFDdEIsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sd0NBQXdDLENBQUE7QUFDaEYsT0FBTyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQTtBQUNyRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDOUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQTs7O0FBVzFFLE1BQU0sT0FBTyxtQkFBbUI7SUFUaEM7UUFXVyxhQUFRLEdBQUcsS0FBSyxDQUFBO1FBQ2YsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUE7S0FnQmpEO0lBYkMsTUFBTSxDQUFDLEtBQVk7UUFDakIsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNuQixJQUFJLENBQUMsT0FBTyxHQUFHLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQTtZQUM1QixJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztnQkFDakIsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsYUFBYSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUE7Z0JBQzFELElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQTtnQkFDYixJQUFJLENBQUMsSUFBSSxFQUFFLENBQUE7WUFDYixDQUFDO1lBQ0QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFBO1FBQ2xDLENBQUM7UUFDRCx1QkFBdUIsQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUM5QixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUE7SUFDeEIsQ0FBQzsrR0FsQlUsbUJBQW1CO21HQUFuQixtQkFBbUIsOFFDdkJoQyw4MkJBOEJBLDJvQkRWWSxZQUFZLDZIQUFFLE1BQU0sa0dBQ2YsQ0FBQyxZQUFZLENBQUMsRUFBRSxPQUFPLEVBQUUsYUFBYSxFQUFFLENBQUMsQ0FBQzs7NEZBRTlDLG1CQUFtQjtrQkFUL0IsU0FBUzsrQkFDRSxtQkFBbUIsbUJBR1osdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsTUFBTSxDQUFDLGlCQUNoQixDQUFDLFlBQVksQ0FBQyxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsQ0FBQyxDQUFDOzhCQUdoRCxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDSSxRQUFRO3NCQUFqQixNQUFNO2dCQUNtQixPQUFPO3NCQUFoQyxTQUFTO3VCQUFDLGFBQWEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IHByb3BhZ2F0ZVRvRG9jdW1lbnRPbmx5IH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91dGlsL3NoYXJlZC9zcmMnXG5pbXBvcnQgeyBOZ0ljb24sIHByb3ZpZGVJY29ucyB9IGZyb20gJ0BuZy1pY29ucy9jb3JlJ1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJ1xuaW1wb3J0IHsgbWF0U3RhciwgbWF0U3RhckJvcmRlciB9IGZyb20gJ0BuZy1pY29ucy9tYXRlcmlhbC1pY29ucy9iYXNlbGluZSdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ24tdWktc3Rhci10b2dnbGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Rhci10b2dnbGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdGFyLXRvZ2dsZS5jb21wb25lbnQuY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBOZ0ljb25dLFxuICB2aWV3UHJvdmlkZXJzOiBbcHJvdmlkZUljb25zKHsgbWF0U3RhciwgbWF0U3RhckJvcmRlciB9KV0sXG59KVxuZXhwb3J0IGNsYXNzIFN0YXJUb2dnbGVDb21wb25lbnQge1xuICBASW5wdXQoKSB0b2dnbGVkITogYm9vbGVhblxuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlXG4gIEBPdXRwdXQoKSBuZXdWYWx1ZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKVxuICBAVmlld0NoaWxkKCdzdGFyT3ZlcmxheScpIG92ZXJsYXk6IEVsZW1lbnRSZWZcblxuICB0b2dnbGUoZXZlbnQ6IEV2ZW50KSB7XG4gICAgaWYgKCF0aGlzLmRpc2FibGVkKSB7XG4gICAgICB0aGlzLnRvZ2dsZWQgPSAhdGhpcy50b2dnbGVkXG4gICAgICBpZiAodGhpcy50b2dnbGVkKSB7XG4gICAgICAgIGNvbnN0IGFuaW0gPSB0aGlzLm92ZXJsYXkubmF0aXZlRWxlbWVudC5nZXRBbmltYXRpb25zKClbMF1cbiAgICAgICAgYW5pbS5jYW5jZWwoKVxuICAgICAgICBhbmltLnBsYXkoKVxuICAgICAgfVxuICAgICAgdGhpcy5uZXdWYWx1ZS5lbWl0KHRoaXMudG9nZ2xlZClcbiAgICB9XG4gICAgcHJvcGFnYXRlVG9Eb2N1bWVudE9ubHkoZXZlbnQpXG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiaW5saW5lLWJsb2NrIHJlbGF0aXZlIGFsaWduLW1pZGRsZVwiIHN0eWxlPVwibGluZS1oZWlnaHQ6IDAuN2VtXCI+XG4gIDxidXR0b25cbiAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICBjbGFzcz1cIi1tLVs4cHhdIHAtWzhweF1cIlxuICAgIChjbGljayk9XCJ0b2dnbGUoJGV2ZW50KVwiXG4gICAgW25nQ2xhc3NdPVwie1xuICAgICAgZW5hYmxlZDogdG9nZ2xlZCxcbiAgICAgICdkaXNhYmxlZCBvcGFjaXR5LTQ1JzogIXRvZ2dsZWQsXG4gICAgICAndHJhbnNpdGlvbiBob3ZlcjpzY2FsZS0xMjUgd2lsbC1jaGFuZ2UtdHJhbnNmb3JtJzogIWRpc2FibGVkLFxuICAgICAgJ2N1cnNvci1kZWZhdWx0JzogZGlzYWJsZWQsXG4gICAgfVwiXG4gID5cbiAgICA8bmctaWNvbiBbbmFtZV09XCJ0b2dnbGVkID8gJ21hdFN0YXInIDogJ21hdFN0YXJCb3JkZXInXCI+PC9uZy1pY29uPlxuICA8L2J1dHRvbj5cbiAgPHN2Z1xuICAgICNzdGFyT3ZlcmxheVxuICAgIGNsYXNzPVwic3Rhci10b2dnbGUtb3ZlcmxheVwiXG4gICAgd2lkdGg9XCI0MHB4XCJcbiAgICBoZWlnaHQ9XCI0MHB4XCJcbiAgICB2aWV3Qm94PVwiLTE1IC0xNSAzMCAzMFwiXG4gID5cbiAgICA8Zz5cbiAgICAgIDxwYXRoIGQ9XCJNIDAsMTMuMjI5MTY3IFYgMFwiIC8+XG4gICAgICA8cGF0aCBkPVwiTSAtMTIuNDg0MTg2LDQuMDg4MDM3NyAwLDBcIiAvPlxuICAgICAgPHBhdGggZD1cIk0gLTcuNjc4NDEwMiwtMTAuNzAyNjIgMCwwXCIgLz5cbiAgICAgIDxwYXRoIGQ9XCJNIDcuODczNDA3OSwtMTAuNzAyNjIgMCwwXCIgLz5cbiAgICAgIDxwYXRoIGQ9XCJNIDEyLjY3OTE4NCw0LjA4ODAzNzYgMCwwXCIgLz5cbiAgICA8L2c+XG4gIDwvc3ZnPlxuPC9kaXY+XG4iXX0=

package/esm2022/libs/ui/inputs/src/lib/switch-toggle/switch-toggle.component.mjs

@@ -0,0 +1,37 @@
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
+import { MatButtonToggleModule } from '@angular/material/button-toggle';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/button-toggle";
+import * as i2 from "@angular/common";
+import * as i3 from "@ngx-translate/core";
+export class SwitchToggleComponent {
+    constructor() {
+        this.ariaLabel = '';
+        this.extraClasses = '';
+        this.disabled = false;
+        this.selectedValue = new EventEmitter();
+    }
+    onChange(selectedOption) {
+        this.options.find((option) => option.label === selectedOption.label).checked = true;
+        this.selectedValue.emit(selectedOption);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SwitchToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SwitchToggleComponent, isStandalone: true, selector: "gn-ui-switch-toggle", inputs: { options: "options", ariaLabel: "ariaLabel", extraClasses: "extraClasses", disabled: "disabled" }, outputs: { selectedValue: "selectedValue" }, ngImport: i0, template: "<mat-button-toggle-group\n  #group=\"matButtonToggleGroup\"\n  multiple=\"false\"\n  class=\"flex w-full\"\n  [disabled]=\"disabled\"\n>\n  <mat-button-toggle\n    *ngFor=\"let option of options\"\n    [aria-label]=\"option.label\"\n    [checked]=\"option.checked\"\n    (change)=\"onChange(option)\"\n    [class]=\"extraClasses\"\n    >{{ option.label | translate }}</mat-button-toggle\n  >\n</mat-button-toggle-group>\n", styles: [":host{--mat-standard-button-toggle-height: 32px}.mat-button-toggle-group-appearance-standard{background-color:var(--color-gray-200);padding:4px;display:flex;gap:4px;border-radius:8px}.mat-button-toggle-appearance-standard{color:#000;background-color:var(--color-gray-200);border-radius:4px;border-left:none;font-family:var(--font-family-main)}.mat-button-toggle-appearance-standard.mat-button-toggle-checked{background-color:#000;color:var(--color-background)}button.mat-button-toggle-button.mat-focus-indicator.mat-button-toggle-label-content,.mat-button-toggle-label-content{line-height:32px}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i1.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SwitchToggleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-switch-toggle', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatButtonToggleModule, CommonModule, TranslateModule], template: "<mat-button-toggle-group\n  #group=\"matButtonToggleGroup\"\n  multiple=\"false\"\n  class=\"flex w-full\"\n  [disabled]=\"disabled\"\n>\n  <mat-button-toggle\n    *ngFor=\"let option of options\"\n    [aria-label]=\"option.label\"\n    [checked]=\"option.checked\"\n    (change)=\"onChange(option)\"\n    [class]=\"extraClasses\"\n    >{{ option.label | translate }}</mat-button-toggle\n  >\n</mat-button-toggle-group>\n", styles: [":host{--mat-standard-button-toggle-height: 32px}.mat-button-toggle-group-appearance-standard{background-color:var(--color-gray-200);padding:4px;display:flex;gap:4px;border-radius:8px}.mat-button-toggle-appearance-standard{color:#000;background-color:var(--color-gray-200);border-radius:4px;border-left:none;font-family:var(--font-family-main)}.mat-button-toggle-appearance-standard.mat-button-toggle-checked{background-color:#000;color:var(--color-background)}button.mat-button-toggle-button.mat-focus-indicator.mat-button-toggle-label-content,.mat-button-toggle-label-content{line-height:32px}\n"] }]
+        }], propDecorators: { options: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], extraClasses: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], selectedValue: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpdGNoLXRvZ2dsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2lucHV0cy9zcmMvbGliL3N3aXRjaC10b2dnbGUvc3dpdGNoLXRvZ2dsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2lucHV0cy9zcmMvbGliL3N3aXRjaC10b2dnbGUvc3dpdGNoLXRvZ2dsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDOUMsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUE7QUFDdEIsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0saUNBQWlDLENBQUE7QUFDdkUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFBOzs7OztBQWdCckQsTUFBTSxPQUFPLHFCQUFxQjtJQVJsQztRQVVXLGNBQVMsR0FBSSxFQUFFLENBQUE7UUFDZixpQkFBWSxHQUFJLEVBQUUsQ0FBQTtRQUNsQixhQUFRLEdBQUksS0FBSyxDQUFBO1FBQ2hCLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQXNCLENBQUE7S0FTakU7SUFQQyxRQUFRLENBQUMsY0FBa0M7UUFDekMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQ2YsQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEtBQUssY0FBYyxDQUFDLEtBQUssQ0FDbEQsQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFBO1FBRWhCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFBO0lBQ3pDLENBQUM7K0dBYlUscUJBQXFCO21HQUFyQixxQkFBcUIsd09DekJsQyx1YUFlQSw2b0JEUVkscUJBQXFCLHNvQkFBRSxZQUFZLDJKQUFFLGVBQWU7OzRGQUVuRCxxQkFBcUI7a0JBUmpDLFNBQVM7K0JBQ0UscUJBQXFCLG1CQUdkLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQLENBQUMscUJBQXFCLEVBQUUsWUFBWSxFQUFFLGVBQWUsQ0FBQzs4QkFHdEQsT0FBTztzQkFBZixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNJLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nXG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQgeyBNYXRCdXR0b25Ub2dnbGVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24tdG9nZ2xlJ1xuaW1wb3J0IHsgVHJhbnNsYXRlTW9kdWxlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSdcblxuZXhwb3J0IHR5cGUgU3dpdGNoVG9nZ2xlT3B0aW9uID0ge1xuICBsYWJlbDogc3RyaW5nXG4gIHZhbHVlPzogdW5rbm93blxuICBjaGVja2VkOiBib29sZWFuXG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2duLXVpLXN3aXRjaC10b2dnbGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vc3dpdGNoLXRvZ2dsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N3aXRjaC10b2dnbGUuY29tcG9uZW50LmNzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW01hdEJ1dHRvblRvZ2dsZU1vZHVsZSwgQ29tbW9uTW9kdWxlLCBUcmFuc2xhdGVNb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBTd2l0Y2hUb2dnbGVDb21wb25lbnQge1xuICBASW5wdXQoKSBvcHRpb25zOiBTd2l0Y2hUb2dnbGVPcHRpb25bXVxuICBASW5wdXQoKSBhcmlhTGFiZWw/ID0gJydcbiAgQElucHV0KCkgZXh0cmFDbGFzc2VzPyA9ICcnXG4gIEBJbnB1dCgpIGRpc2FibGVkPyA9IGZhbHNlXG4gIEBPdXRwdXQoKSBzZWxlY3RlZFZhbHVlID0gbmV3IEV2ZW50RW1pdHRlcjxTd2l0Y2hUb2dnbGVPcHRpb24+KClcblxuICBvbkNoYW5nZShzZWxlY3RlZE9wdGlvbjogU3dpdGNoVG9nZ2xlT3B0aW9uKSB7XG4gICAgdGhpcy5vcHRpb25zLmZpbmQoXG4gICAgICAob3B0aW9uKSA9PiBvcHRpb24ubGFiZWwgPT09IHNlbGVjdGVkT3B0aW9uLmxhYmVsXG4gICAgKS5jaGVja2VkID0gdHJ1ZVxuXG4gICAgdGhpcy5zZWxlY3RlZFZhbHVlLmVtaXQoc2VsZWN0ZWRPcHRpb24pXG4gIH1cbn1cbiIsIjxtYXQtYnV0dG9uLXRvZ2dsZS1ncm91cFxuICAjZ3JvdXA9XCJtYXRCdXR0b25Ub2dnbGVHcm91cFwiXG4gIG11bHRpcGxlPVwiZmFsc2VcIlxuICBjbGFzcz1cImZsZXggdy1mdWxsXCJcbiAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbj5cbiAgPG1hdC1idXR0b24tdG9nZ2xlXG4gICAgKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBvcHRpb25zXCJcbiAgICBbYXJpYS1sYWJlbF09XCJvcHRpb24ubGFiZWxcIlxuICAgIFtjaGVja2VkXT1cIm9wdGlvbi5jaGVja2VkXCJcbiAgICAoY2hhbmdlKT1cIm9uQ2hhbmdlKG9wdGlvbilcIlxuICAgIFtjbGFzc109XCJleHRyYUNsYXNzZXNcIlxuICAgID57eyBvcHRpb24ubGFiZWwgfCB0cmFuc2xhdGUgfX08L21hdC1idXR0b24tdG9nZ2xlXG4gID5cbjwvbWF0LWJ1dHRvbi10b2dnbGUtZ3JvdXA+XG4iXX0=

package/esm2022/libs/ui/inputs/src/lib/text-area/text-area.component.mjs

@@ -1,32 +1,18 @@
 import { Component, Input, Output, ViewChild, } from '@angular/core';
 import { Subject } from 'rxjs';
 import { distinctUntilChanged } from 'rxjs/operators';
+import { CommonModule } from '@angular/common';
 import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
 export class TextAreaComponent {
     constructor() {
         this.value = '';
         this.disabled = false;
         this.extraClass = '';
+        this.placeholder = '';
         this.required = false;
         this.rawChange = new Subject();
         this.valueChange = this.rawChange.pipe(distinctUntilChanged());
-        this.baseClasses = [
-            'w-full',
-            'pt-2',
-            'pl-2',
-            'resize-none',
-            'border',
-            'border-gray-800',
-            'rounded italic',
-            'leading-tight',
-            'focus:outline-none',
-            'focus:bg-background',
-            'focus:border-primary',
-        ].join(' ');
-        this.disabledClasses = ['cursor-not-allowed'].join(' ');
-    }
-    get classList() {
-        return `${this.baseClasses} ${this.extraClass} ${this.disabled ? this.disabledClasses : ''}`;
     }
     ngAfterViewInit() {
         this.checkRequired(this.input.nativeElement.value);
@@ -39,13 +25,13 @@ export class TextAreaComponent {
         this.checkRequired(value);
         this.rawChange.next(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextAreaComponent, isStandalone: true, selector: "gn-ui-text-area", inputs: { value: "value", disabled: "disabled", extraClass: "extraClass", placeholder: "placeholder", required: "required" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<div class=\"h-full flex\">\n  <textarea\n    #input\n    name=\"textArea\"\n    [disabled]=\"disabled\"\n    [placeholder]=\"placeholder\"\n    [value]=\"value\"\n    (change)=\"handleChange($event)\"\n    (input)=\"handleChange($event)\"\n    [class]=\"classList\"\n    [attr.required]=\"required || null\"\n  ></textarea>\n</div>\n", styles: [".invalid{border-color:var(--color-secondary)}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TextAreaComponent, isStandalone: true, selector: "gn-ui-text-area", inputs: { value: "value", disabled: "disabled", extraClass: "extraClass", placeholder: "placeholder", required: "required" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<div class=\"h-full flex\">\n  <textarea\n    #input\n    name=\"textArea\"\n    class=\"gn-ui-text-input leading-tight\"\n    [ngClass]=\"extraClass\"\n    [disabled]=\"disabled\"\n    [placeholder]=\"placeholder\"\n    [value]=\"value ?? ''\"\n    (change)=\"handleChange($event)\"\n    (input)=\"handleChange($event)\"\n    [attr.required]=\"required || null\"\n  ></textarea>\n</div>\n", styles: [".invalid{border-color:var(--color-secondary)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextAreaComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextAreaComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-text-area', standalone: true, template: "<div class=\"h-full flex\">\n  <textarea\n    #input\n    name=\"textArea\"\n    [disabled]=\"disabled\"\n    [placeholder]=\"placeholder\"\n    [value]=\"value\"\n    (change)=\"handleChange($event)\"\n    (input)=\"handleChange($event)\"\n    [class]=\"classList\"\n    [attr.required]=\"required || null\"\n  ></textarea>\n</div>\n", styles: [".invalid{border-color:var(--color-secondary)}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { value: [{
+            args: [{ selector: 'gn-ui-text-area', standalone: true, imports: [CommonModule], template: "<div class=\"h-full flex\">\n  <textarea\n    #input\n    name=\"textArea\"\n    class=\"gn-ui-text-input leading-tight\"\n    [ngClass]=\"extraClass\"\n    [disabled]=\"disabled\"\n    [placeholder]=\"placeholder\"\n    [value]=\"value ?? ''\"\n    (change)=\"handleChange($event)\"\n    (input)=\"handleChange($event)\"\n    [attr.required]=\"required || null\"\n  ></textarea>\n</div>\n", styles: [".invalid{border-color:var(--color-secondary)}\n"] }]
+        }], propDecorators: { value: [{
                 type: Input
             }], disabled: [{
                 type: Input
@@ -61,4 +47,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: ViewChild,
                 args: ['input']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1hcmVhLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvaW5wdXRzL3NyYy9saWIvdGV4dC1hcmVhL3RleHQtYXJlYS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2lucHV0cy9zcmMvbGliL3RleHQtYXJlYS90ZXh0LWFyZWEuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFDVCxLQUFLLEVBQ0wsTUFBTSxFQUNOLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQTtBQUN0QixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFBO0FBQzlCLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGdCQUFnQixDQUFBOztBQVFyRCxNQUFNLE9BQU8saUJBQWlCO0lBZTVCO1FBWFMsVUFBSyxHQUFHLEVBQUUsQ0FBQTtRQUNWLGFBQVEsR0FBRyxLQUFLLENBQUE7UUFDaEIsZUFBVSxHQUFHLEVBQUUsQ0FBQTtRQUVmLGFBQVEsR0FBRyxLQUFLLENBQUE7UUFFekIsY0FBUyxHQUFHLElBQUksT0FBTyxFQUFVLENBQUE7UUFDdkIsZ0JBQVcsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDLENBQUE7UUFLakUsSUFBSSxDQUFDLFdBQVcsR0FBRztZQUNqQixRQUFRO1lBQ1IsTUFBTTtZQUNOLE1BQU07WUFDTixhQUFhO1lBQ2IsUUFBUTtZQUNSLGlCQUFpQjtZQUNqQixnQkFBZ0I7WUFDaEIsZUFBZTtZQUNmLG9CQUFvQjtZQUNwQixxQkFBcUI7WUFDckIsc0JBQXNCO1NBQ3ZCLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFBO1FBRVgsSUFBSSxDQUFDLGVBQWUsR0FBRyxDQUFDLG9CQUFvQixDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFBO0lBQ3pELENBQUM7SUFFRCxJQUFJLFNBQVM7UUFDWCxPQUFPLEdBQUcsSUFBSSxDQUFDLFdBQVcsSUFBSSxJQUFJLENBQUMsVUFBVSxJQUMzQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxFQUN6QyxFQUFFLENBQUE7SUFDSixDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDcEQsQ0FBQztJQUVELGFBQWEsQ0FBQyxLQUFLO1FBQ2pCLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQ3ZDLFNBQVMsRUFDVCxJQUFJLENBQUMsUUFBUSxJQUFJLEtBQUssS0FBSyxFQUFFLENBQzlCLENBQUE7SUFDSCxDQUFDO0lBRUQsWUFBWSxDQUFDLE1BQU07UUFDakIsTUFBTSxLQUFLLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUE7UUFDakMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUN6QixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUM1QixDQUFDOytHQXREVSxpQkFBaUI7bUdBQWpCLGlCQUFpQixrVkNoQjlCLGdWQWFBOzs0RkRHYSxpQkFBaUI7a0JBTjdCLFNBQVM7K0JBQ0UsaUJBQWlCLGNBR2YsSUFBSTswRUFNUCxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFHSSxXQUFXO3NCQUFwQixNQUFNO2dCQUVhLEtBQUs7c0JBQXhCLFNBQVM7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnXG5pbXBvcnQgeyBkaXN0aW5jdFVudGlsQ2hhbmdlZCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJ1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdnbi11aS10ZXh0LWFyZWEnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGV4dC1hcmVhLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGV4dC1hcmVhLmNvbXBvbmVudC5jc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgVGV4dEFyZWFDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgcHJpdmF0ZSByZWFkb25seSBiYXNlQ2xhc3Nlczogc3RyaW5nXG4gIHByaXZhdGUgcmVhZG9ubHkgZGlzYWJsZWRDbGFzc2VzOiBzdHJpbmdcblxuICBASW5wdXQoKSB2YWx1ZSA9ICcnXG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2VcbiAgQElucHV0KCkgZXh0cmFDbGFzcyA9ICcnXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmdcbiAgQElucHV0KCkgcmVxdWlyZWQgPSBmYWxzZVxuXG4gIHJhd0NoYW5nZSA9IG5ldyBTdWJqZWN0PHN0cmluZz4oKVxuICBAT3V0cHV0KCkgdmFsdWVDaGFuZ2UgPSB0aGlzLnJhd0NoYW5nZS5waXBlKGRpc3RpbmN0VW50aWxDaGFuZ2VkKCkpXG5cbiAgQFZpZXdDaGlsZCgnaW5wdXQnKSBpbnB1dFxuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHRoaXMuYmFzZUNsYXNzZXMgPSBbXG4gICAgICAndy1mdWxsJyxcbiAgICAgICdwdC0yJyxcbiAgICAgICdwbC0yJyxcbiAgICAgICdyZXNpemUtbm9uZScsXG4gICAgICAnYm9yZGVyJyxcbiAgICAgICdib3JkZXItZ3JheS04MDAnLFxuICAgICAgJ3JvdW5kZWQgaXRhbGljJyxcbiAgICAgICdsZWFkaW5nLXRpZ2h0JyxcbiAgICAgICdmb2N1czpvdXRsaW5lLW5vbmUnLFxuICAgICAgJ2ZvY3VzOmJnLWJhY2tncm91bmQnLFxuICAgICAgJ2ZvY3VzOmJvcmRlci1wcmltYXJ5JyxcbiAgICBdLmpvaW4oJyAnKVxuXG4gICAgdGhpcy5kaXNhYmxlZENsYXNzZXMgPSBbJ2N1cnNvci1ub3QtYWxsb3dlZCddLmpvaW4oJyAnKVxuICB9XG5cbiAgZ2V0IGNsYXNzTGlzdCgpIHtcbiAgICByZXR1cm4gYCR7dGhpcy5iYXNlQ2xhc3Nlc30gJHt0aGlzLmV4dHJhQ2xhc3N9ICR7XG4gICAgICB0aGlzLmRpc2FibGVkID8gdGhpcy5kaXNhYmxlZENsYXNzZXMgOiAnJ1xuICAgIH1gXG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgdGhpcy5jaGVja1JlcXVpcmVkKHRoaXMuaW5wdXQubmF0aXZlRWxlbWVudC52YWx1ZSlcbiAgfVxuXG4gIGNoZWNrUmVxdWlyZWQodmFsdWUpIHtcbiAgICB0aGlzLmlucHV0Lm5hdGl2ZUVsZW1lbnQuY2xhc3NMaXN0LnRvZ2dsZShcbiAgICAgICdpbnZhbGlkJyxcbiAgICAgIHRoaXMucmVxdWlyZWQgJiYgdmFsdWUgPT09ICcnXG4gICAgKVxuICB9XG5cbiAgaGFuZGxlQ2hhbmdlKCRldmVudCkge1xuICAgIGNvbnN0IHZhbHVlID0gJGV2ZW50LnRhcmdldC52YWx1ZVxuICAgIHRoaXMuY2hlY2tSZXF1aXJlZCh2YWx1ZSlcbiAgICB0aGlzLnJhd0NoYW5nZS5uZXh0KHZhbHVlKVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiaC1mdWxsIGZsZXhcIj5cbiAgPHRleHRhcmVhXG4gICAgI2lucHV0XG4gICAgbmFtZT1cInRleHRBcmVhXCJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gICAgW3ZhbHVlXT1cInZhbHVlXCJcbiAgICAoY2hhbmdlKT1cImhhbmRsZUNoYW5nZSgkZXZlbnQpXCJcbiAgICAoaW5wdXQpPVwiaGFuZGxlQ2hhbmdlKCRldmVudClcIlxuICAgIFtjbGFzc109XCJjbGFzc0xpc3RcIlxuICAgIFthdHRyLnJlcXVpcmVkXT1cInJlcXVpcmVkIHx8IG51bGxcIlxuICA+PC90ZXh0YXJlYT5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1hcmVhLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvaW5wdXRzL3NyYy9saWIvdGV4dC1hcmVhL3RleHQtYXJlYS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2lucHV0cy9zcmMvbGliL3RleHQtYXJlYS90ZXh0LWFyZWEuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFDVCxLQUFLLEVBQ0wsTUFBTSxFQUNOLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQTtBQUN0QixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFBO0FBQzlCLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGdCQUFnQixDQUFBO0FBQ3JELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTs7O0FBUzlDLE1BQU0sT0FBTyxpQkFBaUI7SUFQOUI7UUFRVyxVQUFLLEdBQUcsRUFBRSxDQUFBO1FBQ1YsYUFBUSxHQUFHLEtBQUssQ0FBQTtRQUNoQixlQUFVLEdBQUcsRUFBRSxDQUFBO1FBQ2YsZ0JBQVcsR0FBRyxFQUFFLENBQUE7UUFDaEIsYUFBUSxHQUFHLEtBQUssQ0FBQTtRQUV6QixjQUFTLEdBQUcsSUFBSSxPQUFPLEVBQVUsQ0FBQTtRQUN2QixnQkFBVyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUMsQ0FBQTtLQW9CcEU7SUFoQkMsZUFBZTtRQUNiLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDcEQsQ0FBQztJQUVELGFBQWEsQ0FBQyxLQUFLO1FBQ2pCLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQ3ZDLFNBQVMsRUFDVCxJQUFJLENBQUMsUUFBUSxJQUFJLEtBQUssS0FBSyxFQUFFLENBQzlCLENBQUE7SUFDSCxDQUFDO0lBRUQsWUFBWSxDQUFDLE1BQU07UUFDakIsTUFBTSxLQUFLLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUE7UUFDakMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUN6QixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUM1QixDQUFDOytHQTNCVSxpQkFBaUI7bUdBQWpCLGlCQUFpQixrVkNsQjlCLHVZQWNBLHdHREVZLFlBQVk7OzRGQUVYLGlCQUFpQjtrQkFQN0IsU0FBUzsrQkFDRSxpQkFBaUIsY0FHZixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUM7OEJBR2QsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBR0ksV0FBVztzQkFBcEIsTUFBTTtnQkFFYSxLQUFLO3NCQUF4QixTQUFTO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJ1xuaW1wb3J0IHsgZGlzdGluY3RVbnRpbENoYW5nZWQgfSBmcm9tICdyeGpzL29wZXJhdG9ycydcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbidcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ24tdWktdGV4dC1hcmVhJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RleHQtYXJlYS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RleHQtYXJlYS5jb21wb25lbnQuY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBUZXh0QXJlYUNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICBASW5wdXQoKSB2YWx1ZSA9ICcnXG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2VcbiAgQElucHV0KCkgZXh0cmFDbGFzcyA9ICcnXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyID0gJydcbiAgQElucHV0KCkgcmVxdWlyZWQgPSBmYWxzZVxuXG4gIHJhd0NoYW5nZSA9IG5ldyBTdWJqZWN0PHN0cmluZz4oKVxuICBAT3V0cHV0KCkgdmFsdWVDaGFuZ2UgPSB0aGlzLnJhd0NoYW5nZS5waXBlKGRpc3RpbmN0VW50aWxDaGFuZ2VkKCkpXG5cbiAgQFZpZXdDaGlsZCgnaW5wdXQnKSBpbnB1dFxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLmNoZWNrUmVxdWlyZWQodGhpcy5pbnB1dC5uYXRpdmVFbGVtZW50LnZhbHVlKVxuICB9XG5cbiAgY2hlY2tSZXF1aXJlZCh2YWx1ZSkge1xuICAgIHRoaXMuaW5wdXQubmF0aXZlRWxlbWVudC5jbGFzc0xpc3QudG9nZ2xlKFxuICAgICAgJ2ludmFsaWQnLFxuICAgICAgdGhpcy5yZXF1aXJlZCAmJiB2YWx1ZSA9PT0gJydcbiAgICApXG4gIH1cblxuICBoYW5kbGVDaGFuZ2UoJGV2ZW50KSB7XG4gICAgY29uc3QgdmFsdWUgPSAkZXZlbnQudGFyZ2V0LnZhbHVlXG4gICAgdGhpcy5jaGVja1JlcXVpcmVkKHZhbHVlKVxuICAgIHRoaXMucmF3Q2hhbmdlLm5leHQodmFsdWUpXG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJoLWZ1bGwgZmxleFwiPlxuICA8dGV4dGFyZWFcbiAgICAjaW5wdXRcbiAgICBuYW1lPVwidGV4dEFyZWFcIlxuICAgIGNsYXNzPVwiZ24tdWktdGV4dC1pbnB1dCBsZWFkaW5nLXRpZ2h0XCJcbiAgICBbbmdDbGFzc109XCJleHRyYUNsYXNzXCJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gICAgW3ZhbHVlXT1cInZhbHVlID8/ICcnXCJcbiAgICAoY2hhbmdlKT1cImhhbmRsZUNoYW5nZSgkZXZlbnQpXCJcbiAgICAoaW5wdXQpPVwiaGFuZGxlQ2hhbmdlKCRldmVudClcIlxuICAgIFthdHRyLnJlcXVpcmVkXT1cInJlcXVpcmVkIHx8IG51bGxcIlxuICA+PC90ZXh0YXJlYT5cbjwvZGl2PlxuIl19