oip-common 0.2.1 → 0.2.2

package/fesm2022/oip-common.mjs

@@ -1,14 +1,14 @@
 import * as i0 from '@angular/core';
 import { Injectable, inject, InjectionToken, signal, computed, effect, DestroyRef, ChangeDetectorRef, Component, Input, PLATFORM_ID, HostBinding, EventEmitter, Output, ViewChild, Renderer2, SecurityContext, ChangeDetectionStrategy, makeEnvironmentProviders, Pipe } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import * as i2$6 from 'primeng/api';
+import * as i2$3 from 'primeng/api';
 import { MessageService, ConfirmationService, PrimeIcons, SharedModule } from 'primeng/api';
 import { HttpErrorResponse, HttpClient as HttpClient$1, HttpHeaders } from '@angular/common/http';
 import * as i2$4 from '@ngx-translate/core';
 import { TranslateService, TranslatePipe, TranslateModule } from '@ngx-translate/core';
 import * as i1$3 from '@angular/router';
 import { ActivatedRoute, Router, RouterModule, NavigationEnd, RouterLinkActive, RouterLink } from '@angular/router';
-import { lastValueFrom, BehaviorSubject, Subject, ReplaySubject, merge, from, filter as filter$1, combineLatest, of, map as map$1, Observable } from 'rxjs';
+import { lastValueFrom, BehaviorSubject, Subject, of, tap, shareReplay, ReplaySubject, merge, from, finalize, firstValueFrom, filter as filter$1, combineLatest, map as map$1, Observable } from 'rxjs';
 import { filter, distinctUntilChanged, map, switchMap, catchError } from 'rxjs/operators';
 import { Title, DomSanitizer } from '@angular/platform-browser';
 import { PrimeNG } from 'primeng/config';
@@ -36,15 +36,15 @@ import * as i2$2 from 'primeng/avatar';
 import { AvatarModule } from 'primeng/avatar';
 import * as i1$4 from 'primeng/contextmenu';
 import { ContextMenuModule, ContextMenu } from 'primeng/contextmenu';
-import * as i2$3 from 'primeng/dialog';
+import * as i3$3 from 'primeng/dialog';
 import { DialogModule } from 'primeng/dialog';
-import * as i3$3 from 'primeng/inputtext';
+import * as i4 from 'primeng/inputtext';
 import { InputTextModule, InputText } from 'primeng/inputtext';
 import { trigger, state, transition, style, animate } from '@angular/animations';
 import * as i3$2 from 'primeng/ripple';
 import { RippleModule } from 'primeng/ripple';
 import { ConfirmDialog } from 'primeng/confirmdialog';
-import * as i4 from 'primeng/select';
+import * as i5 from 'primeng/select';
 import { SelectModule, Select } from 'primeng/select';
 import * as i1$5 from 'primeng/fileupload';
 import { FileUploadModule } from 'primeng/fileupload';
@@ -58,7 +58,7 @@ import { TagModule, Tag } from 'primeng/tag';
 import { TextareaModule, Textarea } from 'primeng/textarea';
 import * as i4$1 from 'primeng/toolbar';
 import { ToolbarModule } from 'primeng/toolbar';
-import * as i5 from 'primeng/card';
+import * as i5$1 from 'primeng/card';
 import { CardModule } from 'primeng/card';
 import { DividerModule } from 'primeng/divider';
 import * as i6 from 'primeng/panel';
@@ -611,6 +611,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 class L10nService {
     constructor() {
         this.loadedTranslations = new Set();
+        this.loadingTranslations = new Map();
         this.httpClient = inject(HttpClient$1);
         this.translateService = inject(TranslateService);
         this.primeNg = inject(PrimeNG);
@@ -621,8 +622,8 @@ class L10nService {
      * @param component - Name of the component to load translations for
      */
     loadComponentTranslations(component) {
-        const lang = this.translateService.currentLang;
-        this.loadTranslations(component, lang);
+        const lang = this.translateService.currentLang || this.layoutService.language() || 'en';
+        return this.loadTranslations(component, lang);
     }
     /**
      * Gets the translated value of a key (or an array of keys)
@@ -640,19 +641,27 @@ class L10nService {
     loadTranslations(component, lang) {
         const key = `${component}.${lang}`;
         if (this.loadedTranslations.has(key)) {
-            return;
-        }
-        try {
-            this.httpClient.get(`./assets/i18n/${component}.${lang}.json`).subscribe((translations) => {
-                const current = this.translateService.translations[lang] || {};
-                this.translateService.setTranslation(lang, { ...current, ...translations }, true);
-                this.loadedTranslations.add(key);
-            });
+            return of(null);
         }
-        catch (e) {
-            console.error(`No translations found for ${component}.${lang}.json`);
-            console.error(e);
+        const loading = this.loadingTranslations.get(key);
+        if (loading) {
+            return loading;
         }
+        const request = this.httpClient.get(`./assets/i18n/${component}.${lang}.json`).pipe(tap((translations) => {
+            const current = this.translateService.translations[lang] || {};
+            this.translateService.setTranslation(lang, { ...current, ...translations }, true);
+            this.loadedTranslations.add(key);
+            this.loadingTranslations.delete(key);
+        }), shareReplay(1));
+        this.loadingTranslations.set(key, request);
+        request.subscribe({
+            error: (e) => {
+                this.loadingTranslations.delete(key);
+                console.error(`No translations found for ${component}.${lang}.json`);
+                console.error(e);
+            }
+        });
+        return request;
     }
     /**
      * Changes the lang currently used
@@ -717,6 +726,11 @@ class KeycloakSecurityService extends OidcSecurityService {
      */
     constructor() {
         super();
+        this.refreshLockKeyPrefix = 'oip:keycloak-refresh-lock';
+        this.refreshResultKeyPrefix = 'oip:keycloak-refresh-result';
+        this.refreshLockTtlMs = 15000;
+        this.refreshWaitTimeoutMs = 10000;
+        this.refreshTabId = this.createRefreshTabId();
         /**
          * Handles angular OIDC events.
          */
@@ -759,6 +773,14 @@ class KeycloakSecurityService extends OidcSecurityService {
     getAccessToken(configId) {
         return merge(super.getAccessToken(configId), this.accessToken.asObservable()).pipe(distinctUntilChanged());
     }
+    forceRefreshSession(customParams, configId) {
+        if (!this.refreshSession$) {
+            this.refreshSession$ = from(this.runSynchronizedRefresh(customParams, configId)).pipe(finalize(() => {
+                this.refreshSession$ = undefined;
+            }), shareReplay({ bufferSize: 1, refCount: false }));
+        }
+        return this.refreshSession$;
+    }
     /**
      * Indicates whether the current user has the 'admin' role.
      *
@@ -807,6 +829,174 @@ class KeycloakSecurityService extends OidcSecurityService {
             return payload.exp < Math.floor(Date.now() / 1000);
         }));
     }
+    async runSynchronizedRefresh(customParams, configId) {
+        const webLocks = this.getWebLocks();
+        if (webLocks) {
+            return webLocks.request(this.getRefreshLockKey(configId), { mode: 'exclusive' }, async () => {
+                const currentState = await this.syncAuthState(configId);
+                if (!(await this.isCurrentAccessTokenExpired())) {
+                    return currentState;
+                }
+                return this.refreshAsLockOwner(customParams, configId);
+            });
+        }
+        return this.runSynchronizedRefreshWithStorageLock(customParams, configId);
+    }
+    async runSynchronizedRefreshWithStorageLock(customParams, configId) {
+        const startedAt = Date.now();
+        if (this.tryAcquireRefreshLock(configId)) {
+            try {
+                const currentState = await this.syncAuthState(configId);
+                if (!(await this.isCurrentAccessTokenExpired())) {
+                    return currentState;
+                }
+                return await this.refreshAsLockOwner(customParams, configId);
+            }
+            finally {
+                this.releaseRefreshLock(configId);
+            }
+        }
+        const waitResult = await this.waitForRefreshResult(startedAt, configId);
+        if (waitResult === 'success') {
+            return this.syncAuthState(configId);
+        }
+        if (waitResult === 'error') {
+            throw new Error('Token refresh failed in another tab.');
+        }
+        return this.runSynchronizedRefreshWithStorageLock(customParams, configId);
+    }
+    async refreshAsLockOwner(customParams, configId) {
+        try {
+            const response = await firstValueFrom(super.forceRefreshSession(customParams, configId));
+            await this.applyLoginResponse(response, configId);
+            this.publishRefreshResult('success', configId);
+            return response;
+        }
+        catch (error) {
+            this.publishRefreshResult('error', configId);
+            throw error;
+        }
+    }
+    async syncAuthState(configId) {
+        const response = await firstValueFrom(super.checkAuth(undefined, configId));
+        await this.applyLoginResponse(response, configId);
+        return response;
+    }
+    async applyLoginResponse(response, configId) {
+        this.loginResponse.next(response);
+        this.currentUser.next(response.userData);
+        const token = await firstValueFrom(super.getAccessToken(configId));
+        this.accessToken.next(token);
+        const payload = await firstValueFrom(this.getPayloadFromAccessToken());
+        this.payload.next(payload);
+    }
+    async isCurrentAccessTokenExpired() {
+        const payload = await firstValueFrom(this.getPayloadFromAccessToken());
+        return !payload?.exp || payload.exp < Math.floor(Date.now() / 1000);
+    }
+    tryAcquireRefreshLock(configId) {
+        const lockKey = this.getRefreshLockKey(configId);
+        const now = Date.now();
+        const currentLock = this.readRefreshLock(lockKey);
+        if (currentLock && currentLock.ownerId !== this.refreshTabId && currentLock.expiresAt > now) {
+            return false;
+        }
+        const nextLock = {
+            ownerId: this.refreshTabId,
+            expiresAt: now + this.refreshLockTtlMs
+        };
+        localStorage.setItem(lockKey, JSON.stringify(nextLock));
+        return this.readRefreshLock(lockKey)?.ownerId === this.refreshTabId;
+    }
+    releaseRefreshLock(configId) {
+        const lockKey = this.getRefreshLockKey(configId);
+        const currentLock = this.readRefreshLock(lockKey);
+        if (currentLock?.ownerId === this.refreshTabId) {
+            localStorage.removeItem(lockKey);
+        }
+    }
+    waitForRefreshResult(startedAt, configId) {
+        const resultKey = this.getRefreshResultKey(configId);
+        return new Promise((resolve) => {
+            const timeoutId = window.setTimeout(() => {
+                cleanup();
+                resolve('timeout');
+            }, this.refreshWaitTimeoutMs);
+            const intervalId = window.setInterval(() => {
+                const result = this.tryResolveRefreshResult(resultKey, startedAt, configId);
+                if (result) {
+                    cleanup();
+                    resolve(result);
+                }
+            }, 250);
+            const onStorage = (event) => {
+                if (event.key === resultKey) {
+                    const result = this.tryResolveRefreshResult(resultKey, startedAt, configId);
+                    if (result) {
+                        cleanup();
+                        resolve(result);
+                    }
+                }
+            };
+            const cleanup = () => {
+                window.clearTimeout(timeoutId);
+                window.clearInterval(intervalId);
+                window.removeEventListener('storage', onStorage);
+            };
+            window.addEventListener('storage', onStorage);
+            const result = this.tryResolveRefreshResult(resultKey, startedAt, configId);
+            if (result) {
+                cleanup();
+                resolve(result);
+            }
+        });
+    }
+    tryResolveRefreshResult(resultKey, startedAt, configId) {
+        const result = this.readRefreshResult(resultKey);
+        if (!result || result.timestamp < startedAt || result.configId !== configId) {
+            return null;
+        }
+        return result.status;
+    }
+    publishRefreshResult(status, configId) {
+        const result = {
+            configId,
+            ownerId: this.refreshTabId,
+            status,
+            timestamp: Date.now()
+        };
+        localStorage.setItem(this.getRefreshResultKey(configId), JSON.stringify(result));
+    }
+    readRefreshLock(lockKey) {
+        try {
+            const value = localStorage.getItem(lockKey);
+            return value ? JSON.parse(value) : null;
+        }
+        catch {
+            return null;
+        }
+    }
+    readRefreshResult(resultKey) {
+        try {
+            const value = localStorage.getItem(resultKey);
+            return value ? JSON.parse(value) : null;
+        }
+        catch {
+            return null;
+        }
+    }
+    getRefreshLockKey(configId) {
+        return `${this.refreshLockKeyPrefix}:${configId ?? 'default'}`;
+    }
+    getRefreshResultKey(configId) {
+        return `${this.refreshResultKeyPrefix}:${configId ?? 'default'}`;
+    }
+    getWebLocks() {
+        return navigator.locks ?? null;
+    }
+    createRefreshTabId() {
+        return window.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random()}`;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: KeycloakSecurityService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: KeycloakSecurityService }); }
 }
@@ -3002,9 +3192,18 @@ class MenuItemCreateDialogComponent {
     constructor() {
         this.menuService = inject(MenuService);
         this.menu = inject(MenuApi);
+        this.msgService = inject(MsgService);
         this.visibleChange = new EventEmitter();
         this.modules = [];
+        this.iconOptions = Object.values(PrimeIcons)
+            .filter((icon) => typeof icon === 'string')
+            .map((icon) => ({
+            label: icon.replace('pi pi-', ''),
+            value: icon
+        }))
+            .sort((left, right) => left.label.localeCompare(right.label));
         this.selectIcon = 'pi pi-box';
+        this.saving = false;
     }
     async ngOnInit() {
         this.modules = await this.menu.getModules();
@@ -3014,15 +3213,27 @@ class MenuItemCreateDialogComponent {
         this.visibleChange.emit(this.visible);
     }
     async save() {
+        if (this.saving) {
+            return;
+        }
         const item = {
             moduleId: this.selectModule,
             label: this.label,
             icon: this.selectIcon,
             parentId: this.menuService.contextMenuItem?.moduleInstanceId
         };
-        await this.menuService.addModuleInstance(item);
-        await this.menuService.loadMenu();
-        this.hide();
+        this.saving = true;
+        try {
+            await this.menuService.addModuleInstance(item);
+            await this.menuService.loadMenu();
+            this.hide();
+        }
+        catch (error) {
+            this.msgService.error(error);
+        }
+        finally {
+            this.saving = false;
+        }
     }
     hide() {
         this.visible = false;
@@ -3038,7 +3249,8 @@ class MenuItemCreateDialogComponent {
       header="{{ 'menuItemCreateDialogComponent.header' | translate }}"
       [modal]="true"
       [style]="{ width: '40rem' }"
-      [(visible)]="visible">
+      [(visible)]="visible"
+      (keydown.enter)="save()">
       @if (menuService.contextMenuItem) {
         <div class="flex items-center gap-4 mb-4 mt-1">
           <label class="font-semibold w-1/3" for="oip-menu-item-create-dialog-parent-input">
@@ -3077,24 +3289,47 @@ class MenuItemCreateDialogComponent {
         <label class="font-semibold w-1/3" for="oip-menu-item-create-dialog-icon">
           {{ 'menuItemCreateDialogComponent.icon' | translate }}
         </label>
-        <i class="{{ selectIcon }}"></i>
-        <input class="flex-auto" id="oip-menu-item-create-dialog-icon" pInputText [(ngModel)]="selectIcon" />
+        <p-select
+          appendTo="body"
+          class="flex-auto"
+          filterBy="label,value"
+          id="oip-menu-item-create-dialog-icon"
+          optionLabel="label"
+          optionValue="value"
+          scrollHeight="18rem"
+          [filter]="true"
+          [options]="iconOptions"
+          [(ngModel)]="selectIcon">
+          <ng-template let-icon pTemplate="selectedItem">
+            <div class="flex items-center gap-2">
+              <i [class]="icon.value"></i>
+              <span>{{ icon.label }}</span>
+            </div>
+          </ng-template>
+          <ng-template let-icon pTemplate="item">
+            <div class="flex items-center gap-2">
+              <i [class]="icon.value"></i>
+              <span>{{ icon.label }}</span>
+            </div>
+          </ng-template>
+        </p-select>
       </div>
       <div class="flex justify-end gap-2">
         <p-button
           id="oip-menu-item-create-cancel"
           label="{{ 'menuItemCreateDialogComponent.cancel' | translate }}"
           severity="secondary"
-          (click)="changeVisible()"
-          (keydown)="changeVisible()" />
+          [disabled]="saving"
+          (click)="changeVisible()" />
         <p-button
           id="oip-menu-item-create-save"
           label="{{ 'menuItemCreateDialogComponent.save' | translate }}"
-          (click)="save()"
-          (keydown)="save()" />
+          [disabled]="saving"
+          [loading]="saving"
+          (click)="save()" />
       </div>
     </p-dialog>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i2$3.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i3$3.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i4.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i2$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i3$3.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i5.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MenuItemCreateDialogComponent, decorators: [{
             type: Component,
@@ -3107,7 +3342,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
       header="{{ 'menuItemCreateDialogComponent.header' | translate }}"
       [modal]="true"
       [style]="{ width: '40rem' }"
-      [(visible)]="visible">
+      [(visible)]="visible"
+      (keydown.enter)="save()">
       @if (menuService.contextMenuItem) {
         <div class="flex items-center gap-4 mb-4 mt-1">
           <label class="font-semibold w-1/3" for="oip-menu-item-create-dialog-parent-input">
@@ -3146,21 +3382,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         <label class="font-semibold w-1/3" for="oip-menu-item-create-dialog-icon">
           {{ 'menuItemCreateDialogComponent.icon' | translate }}
         </label>
-        <i class="{{ selectIcon }}"></i>
-        <input class="flex-auto" id="oip-menu-item-create-dialog-icon" pInputText [(ngModel)]="selectIcon" />
+        <p-select
+          appendTo="body"
+          class="flex-auto"
+          filterBy="label,value"
+          id="oip-menu-item-create-dialog-icon"
+          optionLabel="label"
+          optionValue="value"
+          scrollHeight="18rem"
+          [filter]="true"
+          [options]="iconOptions"
+          [(ngModel)]="selectIcon">
+          <ng-template let-icon pTemplate="selectedItem">
+            <div class="flex items-center gap-2">
+              <i [class]="icon.value"></i>
+              <span>{{ icon.label }}</span>
+            </div>
+          </ng-template>
+          <ng-template let-icon pTemplate="item">
+            <div class="flex items-center gap-2">
+              <i [class]="icon.value"></i>
+              <span>{{ icon.label }}</span>
+            </div>
+          </ng-template>
+        </p-select>
       </div>
       <div class="flex justify-end gap-2">
         <p-button
           id="oip-menu-item-create-cancel"
           label="{{ 'menuItemCreateDialogComponent.cancel' | translate }}"
           severity="secondary"
-          (click)="changeVisible()"
-          (keydown)="changeVisible()" />
+          [disabled]="saving"
+          (click)="changeVisible()" />
         <p-button
           id="oip-menu-item-create-save"
           label="{{ 'menuItemCreateDialogComponent.save' | translate }}"
-          (click)="save()"
-          (keydown)="save()" />
+          [disabled]="saving"
+          [loading]="saving"
+          (click)="save()" />
       </div>
     </p-dialog>
   `
@@ -3175,9 +3434,17 @@ class MenuItemEditDialogComponent {
     constructor() {
         this.menuService = inject(MenuService);
         this.securityDataService = inject(SecurityDataService);
+        this.msgService = inject(MsgService);
         this.visibleChange = new EventEmitter();
         this.modules = [];
         this.roles = [];
+        this.iconOptions = Object.values(PrimeIcons)
+            .filter((icon) => typeof icon === 'string')
+            .map((icon) => ({
+            label: icon.replace('pi pi-', ''),
+            value: icon
+        }))
+            .sort((left, right) => left.label.localeCompare(right.label));
         this.item = {
             icon: '',
             label: '',
@@ -3186,15 +3453,28 @@ class MenuItemEditDialogComponent {
             moduleInstanceId: 0,
             parentId: 0
         };
+        this.saving = false;
     }
     changeVisible() {
         this.visible = !this.visible;
         this.visibleChange.emit(this.visible);
     }
     async save() {
-        await this.menuService.editModuleInstance(this.item);
-        await this.menuService.loadMenu();
-        this.hide();
+        if (this.saving) {
+            return;
+        }
+        this.saving = true;
+        try {
+            await this.menuService.editModuleInstance(this.item);
+            await this.menuService.loadMenu();
+            this.hide();
+        }
+        catch (error) {
+            this.msgService.error(error);
+        }
+        finally {
+            this.saving = false;
+        }
     }
     hide() {
         this.visible = false;
@@ -3222,7 +3502,8 @@ class MenuItemEditDialogComponent {
       header="{{ 'menuItemEditDialogComponent.header' | translate }}"
       [modal]="true"
       [style]="{ width: '40rem' }"
-      [(visible)]="visible">
+      [(visible)]="visible"
+      (keydown.enter)="save()">
       <div class="flex items-center gap-4 mb-4 mt-1">
         <label class="font-semibold w-1/3" for="oip-menu-item-edit-dialog-menu-input">
           {{ 'menuItemEditDialogComponent.label' | translate }}
@@ -3239,8 +3520,30 @@ class MenuItemEditDialogComponent {
         <label class="font-semibold w-1/3" for="oip-menu-item-edit-dialog-icon">
           {{ 'menuItemEditDialogComponent.icon' | translate }}
         </label>
-        <i class="{{ item.icon }}"></i>
-        <input class="flex-auto" id="oip-menu-item-edit-dialog-icon" pInputText [(ngModel)]="item.icon" />
+        <p-select
+          appendTo="body"
+          class="flex-auto"
+          filterBy="label,value"
+          id="oip-menu-item-edit-dialog-icon"
+          optionLabel="label"
+          optionValue="value"
+          scrollHeight="18rem"
+          [filter]="true"
+          [options]="iconOptions"
+          [(ngModel)]="item.icon">
+          <ng-template let-icon pTemplate="selectedItem">
+            <div class="flex items-center gap-2">
+              <i [class]="icon.value"></i>
+              <span>{{ icon.label }}</span>
+            </div>
+          </ng-template>
+          <ng-template let-icon pTemplate="item">
+            <div class="flex items-center gap-2">
+              <i [class]="icon.value"></i>
+              <span>{{ icon.label }}</span>
+            </div>
+          </ng-template>
+        </p-select>
       </div>
 
       <div class="flex items-center gap-4 mb-4">
@@ -3262,21 +3565,22 @@ class MenuItemEditDialogComponent {
           id="oip-menu-item-edit-dialog-cancel-edit-button"
           label="{{ 'menuItemEditDialogComponent.cancel' | translate }}"
           severity="secondary"
-          (click)="changeVisible()"
-          (keydown)="changeVisible()" />
+          [disabled]="saving"
+          (click)="changeVisible()" />
         <p-button
           id="oip-menu-item-edit-dialog-save-edit-button"
           label="{{ 'menuItemEditDialogComponent.save' | translate }}"
-          (click)="save()"
-          (keydown)="save()" />
+          [disabled]="saving"
+          [loading]="saving"
+          (click)="save()" />
       </div>
     </p-dialog>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i2$3.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i3$3.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i1.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "styleClass", "panelStyle", "panelStyleClass", "inputId", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "dataKey", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "placeholder", "options", "filterValue", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect", "size", "variant", "fluid", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i2$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i3$3.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i5.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i1.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "styleClass", "panelStyle", "panelStyleClass", "inputId", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "dataKey", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "placeholder", "options", "filterValue", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect", "size", "variant", "fluid", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MenuItemEditDialogComponent, decorators: [{
             type: Component,
             args: [{
-                    imports: [ButtonModule, DialogModule, InputTextModule, FormsModule, TranslatePipe, MultiSelectModule],
+                    imports: [ButtonModule, DialogModule, InputTextModule, SelectModule, FormsModule, TranslatePipe, MultiSelectModule],
                     selector: 'menu-item-edit-dialog',
                     standalone: true,
                     template: `
@@ -3284,7 +3588,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
       header="{{ 'menuItemEditDialogComponent.header' | translate }}"
       [modal]="true"
       [style]="{ width: '40rem' }"
-      [(visible)]="visible">
+      [(visible)]="visible"
+      (keydown.enter)="save()">
       <div class="flex items-center gap-4 mb-4 mt-1">
         <label class="font-semibold w-1/3" for="oip-menu-item-edit-dialog-menu-input">
           {{ 'menuItemEditDialogComponent.label' | translate }}
@@ -3301,8 +3606,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         <label class="font-semibold w-1/3" for="oip-menu-item-edit-dialog-icon">
           {{ 'menuItemEditDialogComponent.icon' | translate }}
         </label>
-        <i class="{{ item.icon }}"></i>
-        <input class="flex-auto" id="oip-menu-item-edit-dialog-icon" pInputText [(ngModel)]="item.icon" />
+        <p-select
+          appendTo="body"
+          class="flex-auto"
+          filterBy="label,value"
+          id="oip-menu-item-edit-dialog-icon"
+          optionLabel="label"
+          optionValue="value"
+          scrollHeight="18rem"
+          [filter]="true"
+          [options]="iconOptions"
+          [(ngModel)]="item.icon">
+          <ng-template let-icon pTemplate="selectedItem">
+            <div class="flex items-center gap-2">
+              <i [class]="icon.value"></i>
+              <span>{{ icon.label }}</span>
+            </div>
+          </ng-template>
+          <ng-template let-icon pTemplate="item">
+            <div class="flex items-center gap-2">
+              <i [class]="icon.value"></i>
+              <span>{{ icon.label }}</span>
+            </div>
+          </ng-template>
+        </p-select>
       </div>
 
       <div class="flex items-center gap-4 mb-4">
@@ -3324,13 +3651,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           id="oip-menu-item-edit-dialog-cancel-edit-button"
           label="{{ 'menuItemEditDialogComponent.cancel' | translate }}"
           severity="secondary"
-          (click)="changeVisible()"
-          (keydown)="changeVisible()" />
+          [disabled]="saving"
+          (click)="changeVisible()" />
         <p-button
           id="oip-menu-item-edit-dialog-save-edit-button"
           label="{{ 'menuItemEditDialogComponent.save' | translate }}"
-          (click)="save()"
-          (keydown)="save()" />
+          [disabled]="saving"
+          [loading]="saving"
+          (click)="save()" />
       </div>
     </p-dialog>
   `
@@ -4281,7 +4609,7 @@ class DbMigrationComponent extends BaseModuleComponent {
     } @else if (isSecurity) {
       <security [controller]="controller" [id]="id"/>
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: TableModule }, { kind: "component", type: i1$6.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i2$6.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$6.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i1$6.EditableRow, selector: "[pEditableRow]", inputs: ["pEditableRow", "pEditableRowDisabled"] }, { kind: "directive", type: i1$6.CancelEditableRow, selector: "[pCancelEditableRow]" }, { kind: "component", type: i1$6.ColumnFilter, selector: "p-columnFilter, p-column-filter, p-columnfilter", inputs: ["field", "type", "display", "showMenu", "matchMode", "operator", "showOperator", "showClearButton", "showApplyButton", "showMatchModes", "showAddButton", "hideOnClear", "placeholder", "matchModeOptions", "maxConstraints", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "locale", "localeMatcher", "currency", "currencyDisplay", "filterOn", "useGrouping", "showButtons", "ariaLabel", "filterButtonProps"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: SharedModule }, { kind: "ngmodule", type: TagModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "ngmodule", type: TextareaModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "modal", "visible", "position", "draggable"], outputs: ["onHide"] }, { kind: "component", type: SecurityComponent, selector: "security", inputs: ["id", "controller"] }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: TableModule }, { kind: "component", type: i1$6.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i2$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$6.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i1$6.EditableRow, selector: "[pEditableRow]", inputs: ["pEditableRow", "pEditableRowDisabled"] }, { kind: "directive", type: i1$6.CancelEditableRow, selector: "[pCancelEditableRow]" }, { kind: "component", type: i1$6.ColumnFilter, selector: "p-columnFilter, p-column-filter, p-columnfilter", inputs: ["field", "type", "display", "showMenu", "matchMode", "operator", "showOperator", "showClearButton", "showApplyButton", "showMatchModes", "showAddButton", "hideOnClear", "placeholder", "matchModeOptions", "maxConstraints", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "locale", "localeMatcher", "currency", "currencyDisplay", "filterOn", "useGrouping", "showButtons", "ariaLabel", "filterButtonProps"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: SharedModule }, { kind: "ngmodule", type: TagModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "ngmodule", type: TextareaModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "modal", "visible", "position", "draggable"], outputs: ["onHide"] }, { kind: "component", type: SecurityComponent, selector: "security", inputs: ["id", "controller"] }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DbMigrationComponent, decorators: [{
             type: Component,
@@ -4434,52 +4762,57 @@ class AppModulesComponent {
         this.msgService = inject(MsgService);
         this.confirmationService = inject(ConfirmationService);
         this.l10nService = inject(L10nService);
-        this.l10n = {};
         this.titleService = inject(AppTitleService);
         this.moduleService = inject(ModuleApi);
+        this.translationsReady = firstValueFrom(this.l10nService.loadComponentTranslations('app-modules'));
     }
     async ngOnInit() {
-        this.l10nService.get('app-modules').subscribe((l10n) => {
-            this.l10n = l10n;
-        });
-        this.titleService.setTitle(this.l10n.title);
+        await this.translationsReady;
+        this.titleService.setTitle(this.t('app-modules.title'));
         await this.refreshAction();
     }
     async refreshAction() {
         this.modules = await this.moduleService.getModulesWithLoadStatus();
     }
-    deleteModule(module) {
+    async deleteModule(module) {
+        await this.translationsReady;
         this.confirmationService.confirm({
-            header: this.l10n.confirm.header,
-            message: this.l10n.confirm.message,
+            header: this.t('app-modules.confirm.header'),
+            message: this.t('app-modules.confirm.message'),
             icon: 'pi pi-trash',
             rejectButtonProps: {
-                label: this.l10n.confirm.cancel,
+                label: this.t('app-modules.confirm.cancel'),
                 severity: 'secondary',
                 outlined: true
             },
             acceptButtonProps: {
-                label: this.l10n.confirm.delete,
+                label: this.t('app-modules.confirm.delete'),
                 severity: 'danger'
             },
             accept: async () => {
-                this.dataService
-                    .sendRequest(`api/module/delete`, 'DELETE', {
-                    moduleId: module.moduleId
-                })
-                    .then(() => this.refreshAction())
-                    .catch((error) => console.error(error));
-                this.msgService.success(this.l10n.messages.deleteSuccess);
+                try {
+                    await this.dataService.sendRequest(`api/module/delete`, 'DELETE', {
+                        moduleId: module.moduleId
+                    });
+                    await this.refreshAction();
+                    this.msgService.success(this.t('app-modules.messages.deleteSuccess'));
+                }
+                catch (error) {
+                    this.msgService.error(error);
+                }
             }
         });
     }
+    t(key) {
+        return this.l10nService.instant(key);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AppModulesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: AppModulesComponent, isStandalone: true, selector: "app-modules", providers: [ConfirmationService, ModuleApi], ngImport: i0, template: `
     <p-confirmDialog></p-confirmDialog>
     <div class="flex flex-col md:flex-row gap-4">
       <div class="card w-full">
         <div class="font-semibold text-xl mb-4">
-          {{ l10n.title }}
+          {{ 'app-modules.title' | translate }}
         </div>
         <div class="mb-4">
           <p-toolbar>
@@ -4528,7 +4861,7 @@ class AppModulesComponent {
         </p-table>
       </div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i1$6.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i2$6.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: ToolbarModule }, { kind: "component", type: i4$1.Toolbar, selector: "p-toolbar", inputs: ["styleClass", "ariaLabelledBy"] }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip"] }, { kind: "component", type: ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "modal", "visible", "position", "draggable"], outputs: ["onHide"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i1$6.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i2$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: ToolbarModule }, { kind: "component", type: i4$1.Toolbar, selector: "p-toolbar", inputs: ["styleClass", "ariaLabelledBy"] }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip"] }, { kind: "component", type: ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "modal", "visible", "position", "draggable"], outputs: ["onHide"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AppModulesComponent, decorators: [{
             type: Component,
@@ -4541,7 +4874,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
     <div class="flex flex-col md:flex-row gap-4">
       <div class="card w-full">
         <div class="font-semibold text-xl mb-4">
-          {{ l10n.title }}
+          {{ 'app-modules.title' | translate }}
         </div>
         <div class="mb-4">
           <p-toolbar>
@@ -4592,7 +4925,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
     </div>
   `
                 }]
-        }] });
+        }], ctorParameters: () => [] });
 
 /* eslint-disable */
 /* tslint:disable */
@@ -5597,7 +5930,7 @@ class DiscussionComponent {
         </div>
       }
     </section>
-  `, isInline: true, styles: [":host{display:block}.file-trigger{position:relative;display:inline-flex}.file-trigger input{position:absolute;inset:0;opacity:0;cursor:pointer}.markdown-preview,.history-markdown{word-break:break-word}.markdown-preview :is(h1,h2,h3),.history-markdown :is(h1,h2,h3){margin:0 0 .75rem;font-weight:600}.markdown-preview a,.history-markdown a{color:#2563eb;text-decoration:underline;text-underline-offset:.18em}.emoji-popover{display:flex;flex-wrap:wrap;gap:.5rem;max-width:16rem}.emoji-option{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;font-size:1.25rem;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AvatarModule }, { kind: "component", type: i2$2.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }, { kind: "directive", type: i2$6.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: CardModule }, { kind: "component", type: i5.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "modal", "visible", "position", "draggable"], outputs: ["onHide"] }, { kind: "ngmodule", type: DividerModule }, { kind: "ngmodule", type: PanelModule }, { kind: "component", type: i6.Panel, selector: "p-panel", inputs: ["id", "toggleable", "header", "collapsed", "styleClass", "iconPos", "showHeader", "toggler", "transitionOptions", "toggleButtonProps"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: i7.Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "component", type: i8.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i9.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "directive", type: Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block}.file-trigger{position:relative;display:inline-flex}.file-trigger input{position:absolute;inset:0;opacity:0;cursor:pointer}.markdown-preview,.history-markdown{word-break:break-word}.markdown-preview :is(h1,h2,h3),.history-markdown :is(h1,h2,h3){margin:0 0 .75rem;font-weight:600}.markdown-preview a,.history-markdown a{color:#2563eb;text-decoration:underline;text-underline-offset:.18em}.emoji-popover{display:flex;flex-wrap:wrap;gap:.5rem;max-width:16rem}.emoji-option{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;font-size:1.25rem;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AvatarModule }, { kind: "component", type: i2$2.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }, { kind: "directive", type: i2$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: CardModule }, { kind: "component", type: i5$1.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "modal", "visible", "position", "draggable"], outputs: ["onHide"] }, { kind: "ngmodule", type: DividerModule }, { kind: "ngmodule", type: PanelModule }, { kind: "component", type: i6.Panel, selector: "p-panel", inputs: ["id", "toggleable", "header", "collapsed", "styleClass", "iconPos", "showHeader", "toggler", "transitionOptions", "toggleButtonProps"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: i7.Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "component", type: i8.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i9.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "directive", type: Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DiscussionComponent, decorators: [{
             type: Component,