@taon-dev/ui 21.0.28 → 21.0.29

package/browser-prod/fesm2022/ui-browser-prod.mjs

@@ -2,7 +2,12 @@ import { Translation } from '@taon-dev/i18n/browser-prod';
 import { UtilsJson__NS__getValue, ___NS__isFunction, ___NS__isBoolean, ___NS__isEqual, ___NS__upperCase } from 'tnp-core/browser-prod';
 import { BaseCommandLineFeature } from 'tnp-helpers/browser-prod';
 import * as i0 from '@angular/core';
-import { inject, ElementRef, Directive, signal, Injectable, Input, ChangeDetectionStrategy, Component, ChangeDetectorRef, HostListener, ViewChild, DestroyRef, EventEmitter, Output, InjectionToken, ApplicationRef, EnvironmentInjector, Injector, createComponent, Inject, input } from '@angular/core';
+import { inject, ElementRef, Directive, signal, Injectable, Input, ChangeDetectionStrategy, Component, ChangeDetectorRef, HostListener, ViewChild, DestroyRef, EventEmitter, Output, InjectionToken, ApplicationRef, EnvironmentInjector, Injector, createComponent, input, computed, Inject } from '@angular/core';
+import { Editor } from 'ngx-editor';
+import { schema } from 'ngx-editor/schema';
+import { Schema } from 'prosemirror-model';
+import { TextSelection } from 'prosemirror-state';
+import { tableNodes, tableEditing } from 'prosemirror-tables';
 import * as i2$1 from '@angular/common';
 import { CommonModule, AsyncPipe, NgTemplateOutlet, NgIf } from '@angular/common';
 import * as i3$1 from '@angular/material/expansion';
@@ -69,17 +74,17 @@ const CURRENT_PACKAGE_TAON_VERSION = 'v21';
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-const CURRENT_PACKAGE_VERSION = '21.0.28';
+const CURRENT_PACKAGE_VERSION = '21.0.29';
 // THIS FILE IS GENERATED - DO NOT MODIFY
 
-const t$c = Translation.for('src/lib/my-organization-proj.ts', { "src/lib/my-organization-proj.ts": { "en-US": async () => (await import('./ui-browser-prod-my-organization-proj.ts.en-US.i18n.data-CAgI6v2p.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-my-organization-proj.ts.pl-PL.i18n.data-IcgFHqW5.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-my-organization-proj.ts.de-DE.i18n.data-CTwnimIl.mjs')).default }, "src/lib/start-cli.ts": { "en-US": async () => (await import('./ui-browser-prod-start-cli.ts.en-US.i18n.data-BQEFgwiv.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-start-cli.ts.pl-PL.i18n.data-O49WJdS3.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-start-cli.ts.de-DE.i18n.data-BnSRX_OW.mjs')).default } });
+const t$d = Translation.for('src/lib/my-organization-proj.ts', { "src/lib/my-organization-proj.ts": { "en-US": async () => (await import('./ui-browser-prod-my-organization-proj.ts.en-US.i18n.data-CAgI6v2p.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-my-organization-proj.ts.pl-PL.i18n.data-IcgFHqW5.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-my-organization-proj.ts.de-DE.i18n.data-CTwnimIl.mjs')).default }, "src/lib/start-cli.ts": { "en-US": async () => (await import('./ui-browser-prod-start-cli.ts.en-US.i18n.data-BQEFgwiv.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-start-cli.ts.pl-PL.i18n.data-O49WJdS3.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-start-cli.ts.de-DE.i18n.data-BnSRX_OW.mjs')).default } });
 function myOrgProj() {
-    t$c.gettext('My Translated Company Name!');
+    t$d.gettext('My Translated Company Name!');
 }
 
 //#region tnp-helpers cli template
 //#endregion
-const t$b = Translation.for('src/lib/start-cli.ts', { "src/lib/my-organization-proj.ts": { "en-US": async () => (await import('./ui-browser-prod-my-organization-proj.ts.en-US.i18n.data-CAgI6v2p.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-my-organization-proj.ts.pl-PL.i18n.data-IcgFHqW5.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-my-organization-proj.ts.de-DE.i18n.data-CTwnimIl.mjs')).default }, "src/lib/start-cli.ts": { "en-US": async () => (await import('./ui-browser-prod-start-cli.ts.en-US.i18n.data-BQEFgwiv.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-start-cli.ts.pl-PL.i18n.data-O49WJdS3.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-start-cli.ts.de-DE.i18n.data-BnSRX_OW.mjs')).default } });
+const t$c = Translation.for('src/lib/start-cli.ts', { "src/lib/my-organization-proj.ts": { "en-US": async () => (await import('./ui-browser-prod-my-organization-proj.ts.en-US.i18n.data-CAgI6v2p.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-my-organization-proj.ts.pl-PL.i18n.data-IcgFHqW5.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-my-organization-proj.ts.de-DE.i18n.data-CTwnimIl.mjs')).default }, "src/lib/start-cli.ts": { "en-US": async () => (await import('./ui-browser-prod-start-cli.ts.en-US.i18n.data-BQEFgwiv.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-start-cli.ts.pl-PL.i18n.data-O49WJdS3.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-start-cli.ts.de-DE.i18n.data-BnSRX_OW.mjs')).default } });
 //#region CLI / global scope
 /**
  * This class is for handling global arguments. *
@@ -227,6 +232,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
                 }]
         }] });
 
+const editorTableSchema = new Schema({
+    nodes: schema.spec.nodes.append(tableNodes({
+        tableGroup: 'block',
+        cellContent: 'block+',
+        cellAttributes: {},
+    })),
+    marks: schema.spec.marks,
+});
+function createTableEditor(options) {
+    return new Editor({
+        ...options,
+        schema: editorTableSchema,
+        plugins: [...(options?.plugins ?? []), tableEditing()],
+    });
+}
+function insertTable(editor, rows = 3, columns = 3) {
+    const view = editor.view;
+    if (!view.editable) {
+        return;
+    }
+    const { state } = view;
+    const { schema } = state;
+    const tableRows = Array.from({ length: rows }, () => schema.nodes['table_row'].create(null, Array.from({ length: columns }, () => schema.nodes['table_cell'].create(null, schema.nodes['paragraph'].create()))));
+    const table = schema.nodes['table'].create(null, tableRows);
+    const transaction = state.tr.replaceSelectionWith(table);
+    // Move the cursor into the newly inserted table.
+    let insertedTablePosition;
+    transaction.doc.descendants((node, position) => {
+        if (node === table) {
+            insertedTablePosition = position;
+            return false;
+        }
+        return true;
+    });
+    if (insertedTablePosition !== undefined) {
+        transaction.setSelection(TextSelection.near(transaction.doc.resolve(insertedTablePosition + 3)));
+    }
+    view.dispatch(transaction.scrollIntoView());
+    view.focus();
+}
+
 class TaonAdminContentFooterService {
     constructor() {
         this.currentTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "currentTemplate" }] : []));
@@ -568,7 +614,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
 
 //#region imports
 //#endregion
-const t$a = Translation.for('src/lib/taon-admin-layout/taon-admin-layout.component.ts', { "src/lib/taon-admin-layout/taon-admin-layout.component.html": { "en-US": async () => (await import('./ui-browser-prod-taon-admin-layout.component.html.en-US.i18n.data-DXQsrzvY.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-admin-layout.component.html.pl-PL.i18n.data-BP8Yh_q6.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-admin-layout.component.html.de-DE.i18n.data-D8B7HfJq.mjs')).default }, "src/lib/taon-admin-layout/taon-admin-layout.component.ts": { "en-US": async () => (await import('./ui-browser-prod-taon-admin-layout.component.ts.en-US.i18n.data-BlLiMGv_.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-admin-layout.component.ts.pl-PL.i18n.data-CzzvTb2W.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-admin-layout.component.ts.de-DE.i18n.data-K0sLEruy.mjs')).default } });
+const t$b = Translation.for('src/lib/taon-admin-layout/taon-admin-layout.component.ts', { "src/lib/taon-admin-layout/taon-admin-layout.component.html": { "en-US": async () => (await import('./ui-browser-prod-taon-admin-layout.component.html.en-US.i18n.data-DXQsrzvY.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-admin-layout.component.html.pl-PL.i18n.data-BP8Yh_q6.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-admin-layout.component.html.de-DE.i18n.data-D8B7HfJq.mjs')).default }, "src/lib/taon-admin-layout/taon-admin-layout.component.ts": { "en-US": async () => (await import('./ui-browser-prod-taon-admin-layout.component.ts.en-US.i18n.data-BlLiMGv_.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-admin-layout.component.ts.pl-PL.i18n.data-CzzvTb2W.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-admin-layout.component.ts.de-DE.i18n.data-K0sLEruy.mjs')).default } });
 class TaonAdminLayoutComponent {
     set routes(routes) {
         this._routes = routes.filter(f => !f.redirectTo);
@@ -596,7 +642,7 @@ class TaonAdminLayoutComponent {
         this.router = router;
         this.hostElement = hostElement;
         //#region fields and getters
-        this.t = t$a.for(this);
+        this.t = t$b.for(this);
         this.menuContext = inject(TaonAdminMenuContext, { optional: true }) ??
             new TaonAdminMenuContext();
         this.taonAdminContentFooterService = inject(TaonAdminContentFooterService);
@@ -1003,7 +1049,7 @@ class TaonAdminLayoutComponent {
             .replace(/\b\w/g, char => char.toUpperCase());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonAdminLayoutComponent, deps: [{ token: i1.Router }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TaonAdminLayoutComponent, isStandalone: true, selector: "taon-admin-layout", inputs: { routes: "routes", basePath: "basePath", outlet: "outlet" }, host: { listeners: { "window:resize": "windowResized()" } }, ngImport: i0, template: "<div\n  #layout\n  class=\"admin-layout\"\n  [class.admin-layout-dialog]=\"isDialogMode\"\n  [style.width.px]=\"layoutWidth() || null\"\n  [style.height.px]=\"layoutHeight() || null\">\n  <!-- ============================================================= -->\n  <!-- HEADER -->\n  <!-- ============================================================= -->\n\n  <header class=\"admin-header\">\n    <button\n      mat-icon-button\n      type=\"button\"\n      [attr.aria-label]=\"t.gettext('Toggle admin menu')\"\n      class=\"admin-menu-button\"\n      (click)=\"toggleAside()\">\n      <mat-icon>menu</mat-icon>\n    </button>\n\n    <div class=\"admin-header-content\">\n      <ng-content select=\"[header]\" />\n    </div>\n  </header>\n\n  <!-- ============================================================= -->\n  <!-- BODY -->\n  <!-- ============================================================= -->\n\n  <div class=\"admin-body\">\n    <!-- =========================================================== -->\n    <!-- MOBILE BACKDROP -->\n    <!-- =========================================================== -->\n\n    @if (asideOpened()) {\n      <div\n        class=\"admin-aside-backdrop\"\n        (click)=\"closeAside()\"></div>\n    }\n\n    <!-- =========================================================== -->\n    <!-- ASIDE -->\n    <!-- =========================================================== -->\n\n    <aside\n      class=\"admin-aside\"\n      [class.admin-aside-open]=\"asideOpened()\">\n      <!-- ========================================================= -->\n      <!-- SCROLLABLE ASIDE CONTENT -->\n      <!-- ========================================================= -->\n\n      <div class=\"admin-aside-content\">\n        <mat-accordion class=\"admin-menu\">\n          @for (level1 of routes; track level1.path) {\n            @if (menuContext.isVisible(level1)) {\n              @if (isExpandable(level1)) {\n                <mat-expansion-panel\n                  [disabled]=\"menuContext.isDisabled(level1)\"\n                  [expanded]=\"\n                    isLevel1Active(level1) && !menuContext.isDisabled(level1)\n                  \"\n                  (expandedChange)=\"panelExpanded(level1, $event)\">\n                  <mat-expansion-panel-header\n                    [class.admin-menu-item-disabled]=\"\n                      menuContext.isDisabled(level1)\n                    \"\n                    [matTooltip]=\"menuContext.disabledTooltip(level1)\"\n                    (click)=\"level1Clicked(level1)\">\n                    <mat-panel-title>\n                      <div class=\"admin-menu-item\">\n                        @if (icon(level1)) {\n                          <mat-icon\n                            [ngStyle]=\"{\n                              color: color(level1),\n                            }\">\n                            {{ icon(level1) }}\n                          </mat-icon>\n                        }\n\n                        <span\n                          [class.font-semibold]=\"isLevel1Active(level1)\"\n                          [ngStyle]=\"{\n                            color: color(level1),\n                          }\">\n                          {{ label(level1) }}\n                        </span>\n                      </div>\n                    </mat-panel-title>\n                  </mat-expansion-panel-header>\n\n                  <div class=\"admin-level2\">\n                    @if (isLoading(level1)) {\n                      <div class=\"admin-loading\">{{ t.gettext('Loading...') }}</div>\n                    } @else {\n                      @for (\n                        level2 of getLevel2Routes(level1);\n                        track level2.path\n                      ) {\n                        @if (menuContext.isVisible(level2)) {\n                          <a\n                            class=\"admin-level2-item\"\n                            role=\"button\"\n                            [attr.tabindex]=\"\n                              menuContext.isDisabled(level2) ? -1 : 0\n                            \"\n                            [attr.aria-disabled]=\"\n                              menuContext.isDisabled(level2)\n                            \"\n                            [class.admin-menu-item-disabled]=\"\n                              menuContext.isDisabled(level2)\n                            \"\n                            [matTooltip]=\"menuContext.disabledTooltip(level2)\"\n                            [class.admin-level2-item-active]=\"\n                              isLevel2Active(level1, level2)\n                            \"\n                            (click)=\"level2Clicked(level1, level2)\"\n                            (keydown.enter)=\"level2Clicked(level1, level2)\"\n                            (keydown.space)=\"\n                              $event.preventDefault();\n                              level2Clicked(level1, level2)\n                            \">\n                            @if (icon(level2)) {\n                              <mat-icon\n                                [ngStyle]=\"{\n                                  color: color(level2),\n                                }\">\n                                {{ icon(level2) }}\n                              </mat-icon>\n                            }\n\n                            <span\n                              [ngStyle]=\"{\n                                color: color(level2),\n                              }\">\n                              {{ label(level2) }}\n                            </span>\n                          </a>\n                        }\n                      }\n                    }\n                  </div>\n                </mat-expansion-panel>\n              } @else {\n                <a\n                  class=\"admin-level1-item\"\n                  role=\"button\"\n                  [attr.tabindex]=\"menuContext.isDisabled(level1) ? -1 : 0\"\n                  [attr.aria-disabled]=\"menuContext.isDisabled(level1)\"\n                  [class.admin-menu-item-disabled]=\"\n                    menuContext.isDisabled(level1)\n                  \"\n                  [matTooltip]=\"menuContext.disabledTooltip(level1)\"\n                  [class.admin-level1-item-active]=\"isLevel1Active(level1)\"\n                  (click)=\"level1Clicked(level1)\"\n                  (keydown.enter)=\"level1Clicked(level1)\"\n                  (keydown.space)=\"\n                    $event.preventDefault(); level1Clicked(level1)\n                  \">\n                  @if (icon(level1)) {\n                    <mat-icon\n                      [ngStyle]=\"{\n                        color: color(level1),\n                      }\">\n                      {{ icon(level1) }}\n                    </mat-icon>\n                  }\n\n                  <span\n                    [ngStyle]=\"{\n                      color: color(level1),\n                    }\">\n                    {{ label(level1) }}\n                  </span>\n                </a>\n              }\n            }\n          }\n        </mat-accordion>\n      </div>\n\n      <!-- ========================================================= -->\n      <!-- ASIDE FOOTER -->\n      <!-- ========================================================= -->\n\n      <footer class=\"admin-aside-footer\">\n        <ng-content select=\"[asideFooter]\" />\n      </footer>\n    </aside>\n\n    <!-- =========================================================== -->\n    <!-- MAIN -->\n    <!-- =========================================================== -->\n\n    <main class=\"admin-main\">\n      <!-- ========================================================= -->\n      <!-- LEVEL 3+ TABS -->\n      <!-- ========================================================= -->\n\n      <taon-admin-page-tabs\n        class=\"admin-tabs\"\n        [routes]=\"routes\"\n        [basePath]=\"basePath\"\n        [outlet]=\"outlet\" />\n\n      <!-- ========================================================= -->\n      <!-- SCROLLABLE CONTENT -->\n      <!-- ========================================================= -->\n\n      <div class=\"admin-content\">\n        <router-outlet />\n      </div>\n\n      <!-- ========================================================= -->\n      <!-- CONTENT FOOTER -->\n      <!-- ========================================================= -->\n\n      <footer class=\"admin-content-footer\">\n        <ng-container\n          [ngTemplateOutlet]=\"\n            taonAdminContentFooterService.currentTemplate()\n          \" />\n      </footer>\n    </main>\n  </div>\n\n  <!-- ============================================================= -->\n  <!-- DIALOG RESIZE HANDLE -->\n  <!-- ============================================================= -->\n\n  @if (isDialogMode) {\n    <div\n      class=\"admin-resize-handle\"\n      (pointerdown)=\"startResize($event)\"></div>\n  }\n</div>\n", styles: [":host{display:block;width:100%;height:100%;min-width:0;min-height:0}.admin-layout{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:#fff}.admin-layout-dialog{min-width:500px;min-height:350px}.admin-header{display:flex;align-items:center;flex:0 0 64px;height:64px;border-bottom:1px solid var(--mat-sys-outline-variant);background:#fff}.admin-menu-button{flex:0 0 auto;margin-left:8px;margin-right:8px;cursor:pointer}.admin-header-content{flex:1 1 auto;min-width:0}.admin-body{position:relative;display:flex;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden}.admin-aside{position:absolute;top:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;width:288px;min-height:0;overflow:hidden;background:#fff;border-right:1px solid var(--mat-sys-outline-variant);transform:translate(-100%);transition:transform .2s ease,width .2s ease}.admin-aside-open{transform:translate(0)}.admin-aside-content{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto}.admin-aside-footer{flex:0 0 auto;padding:12px;border-top:1px solid var(--mat-sys-outline-variant);background:#fff}.admin-menu{display:block}.admin-menu mat-expansion-panel{margin-top:0!important;margin-bottom:0!important;border-radius:0!important;box-shadow:none!important;border-bottom:1px solid var(--mat-sys-outline-variant)}.admin-menu mat-expansion-panel:first-of-type,.admin-menu mat-expansion-panel:last-of-type,.admin-menu mat-expansion-panel-header{border-radius:0!important}.admin-menu-item{display:flex;align-items:center;gap:12px}.admin-level2{display:flex;flex-direction:column}.admin-level2-item{display:flex;align-items:center;gap:12px;padding:10px 24px;cursor:pointer}.admin-level2-item:hover,.admin-level2-item-active{background:#f5f5f5}.admin-level2-item-active{font-weight:600}.admin-level1-item{display:flex;align-items:center;height:56px;gap:12px;padding:0 24px;cursor:pointer}.admin-level1-item:hover,.admin-level1-item-active{background:#f5f5f5}.admin-level1-item-active{font-weight:600}.admin-loading{padding:8px 16px;opacity:.6}.admin-menu-item-disabled{opacity:.5;cursor:not-allowed}.admin-main{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden}.admin-tabs{display:block;flex:0 0 auto}.admin-content{flex:1 1 auto;min-width:0;min-height:0;padding:24px;overflow-x:auto;overflow-y:auto}.admin-content-footer{flex:0 0 auto;padding:12px 24px;border-top:1px solid var(--mat-sys-outline-variant);background:#fff}.admin-aside-backdrop{position:absolute;inset:0;z-index:20;background:#0000004d}@media(min-width:768px){.admin-aside{position:relative;top:auto;bottom:auto;left:auto;z-index:auto;width:0;transform:none}.admin-aside-open{width:288px;min-width:288px}.admin-aside-backdrop{display:none}}.admin-resize-handle{position:absolute;right:0;bottom:0;z-index:100;width:18px;height:18px;cursor:nwse-resize}.admin-resize-handle:after{content:\"\";position:absolute;right:4px;bottom:4px;width:8px;height:8px;border-right:2px solid #777;border-bottom:2px solid #777}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i3$1.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i3$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i3$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: TaonAdminPageTabsComponent, selector: "taon-admin-page-tabs", inputs: ["routes", "basePath", "outlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TaonAdminLayoutComponent, isStandalone: true, selector: "taon-admin-layout", inputs: { routes: "routes", basePath: "basePath", outlet: "outlet" }, host: { listeners: { "window:resize": "windowResized()" } }, ngImport: i0, template: "<div\n  #layout\n  class=\"admin-layout\"\n  [class.admin-layout-dialog]=\"isDialogMode\"\n  [style.width.px]=\"layoutWidth() || null\"\n  [style.height.px]=\"layoutHeight() || null\">\n  <!-- ============================================================= -->\n  <!-- HEADER -->\n  <!-- ============================================================= -->\n\n  <header class=\"admin-header\">\n    <button\n      mat-icon-button\n      type=\"button\"\n      [attr.aria-label]=\"t.gettext('Toggle admin menu')\"\n      class=\"admin-menu-button\"\n      (click)=\"toggleAside()\">\n      <mat-icon>menu</mat-icon>\n    </button>\n\n    <div class=\"admin-header-content\">\n      <ng-content select=\"[header]\" />\n    </div>\n  </header>\n\n  <!-- ============================================================= -->\n  <!-- BODY -->\n  <!-- ============================================================= -->\n\n  <div class=\"admin-body\">\n    <!-- =========================================================== -->\n    <!-- MOBILE BACKDROP -->\n    <!-- =========================================================== -->\n\n    @if (asideOpened()) {\n      <div\n        class=\"admin-aside-backdrop\"\n        (click)=\"closeAside()\"></div>\n    }\n\n    <!-- =========================================================== -->\n    <!-- ASIDE -->\n    <!-- =========================================================== -->\n\n    <aside\n      class=\"admin-aside\"\n      [class.admin-aside-open]=\"asideOpened()\">\n      <!-- ========================================================= -->\n      <!-- SCROLLABLE ASIDE CONTENT -->\n      <!-- ========================================================= -->\n\n      <div class=\"admin-aside-content\">\n        <mat-accordion class=\"admin-menu\">\n          @for (level1 of routes; track level1.path) {\n            @if (menuContext.isVisible(level1)) {\n              @if (isExpandable(level1)) {\n                <mat-expansion-panel\n                  [disabled]=\"menuContext.isDisabled(level1)\"\n                  [expanded]=\"\n                    isLevel1Active(level1) && !menuContext.isDisabled(level1)\n                  \"\n                  (expandedChange)=\"panelExpanded(level1, $event)\">\n                  <mat-expansion-panel-header\n                    [class.admin-menu-item-disabled]=\"\n                      menuContext.isDisabled(level1)\n                    \"\n                    [matTooltip]=\"menuContext.disabledTooltip(level1)\"\n                    (click)=\"level1Clicked(level1)\">\n                    <mat-panel-title>\n                      <div class=\"admin-menu-item\">\n                        @if (icon(level1)) {\n                          <mat-icon\n                            [ngStyle]=\"{\n                              color: color(level1),\n                            }\">\n                            {{ icon(level1) }}\n                          </mat-icon>\n                        }\n\n                        <span\n                          [class.font-semibold]=\"isLevel1Active(level1)\"\n                          [ngStyle]=\"{\n                            color: color(level1),\n                          }\">\n                          {{ label(level1) }}\n                        </span>\n                      </div>\n                    </mat-panel-title>\n                  </mat-expansion-panel-header>\n\n                  <div class=\"admin-level2\">\n                    @if (isLoading(level1)) {\n                      <div class=\"admin-loading\">{{ t.gettext('Loading...') }}</div>\n                    } @else {\n                      @for (\n                        level2 of getLevel2Routes(level1);\n                        track level2.path\n                      ) {\n                        @if (menuContext.isVisible(level2)) {\n                          <a\n                            class=\"admin-level2-item\"\n                            role=\"button\"\n                            [attr.tabindex]=\"\n                              menuContext.isDisabled(level2) ? -1 : 0\n                            \"\n                            [attr.aria-disabled]=\"\n                              menuContext.isDisabled(level2)\n                            \"\n                            [class.admin-menu-item-disabled]=\"\n                              menuContext.isDisabled(level2)\n                            \"\n                            [matTooltip]=\"menuContext.disabledTooltip(level2)\"\n                            [class.admin-level2-item-active]=\"\n                              isLevel2Active(level1, level2)\n                            \"\n                            (click)=\"level2Clicked(level1, level2)\"\n                            (keydown.enter)=\"level2Clicked(level1, level2)\"\n                            (keydown.space)=\"\n                              $event.preventDefault();\n                              level2Clicked(level1, level2)\n                            \">\n                            @if (icon(level2)) {\n                              <mat-icon\n                                [ngStyle]=\"{\n                                  color: color(level2),\n                                }\">\n                                {{ icon(level2) }}\n                              </mat-icon>\n                            }\n\n                            <span\n                              [ngStyle]=\"{\n                                color: color(level2),\n                              }\">\n                              {{ label(level2) }}\n                            </span>\n                          </a>\n                        }\n                      }\n                    }\n                  </div>\n                </mat-expansion-panel>\n              } @else {\n                <a\n                  class=\"admin-level1-item\"\n                  role=\"button\"\n                  [attr.tabindex]=\"menuContext.isDisabled(level1) ? -1 : 0\"\n                  [attr.aria-disabled]=\"menuContext.isDisabled(level1)\"\n                  [class.admin-menu-item-disabled]=\"\n                    menuContext.isDisabled(level1)\n                  \"\n                  [matTooltip]=\"menuContext.disabledTooltip(level1)\"\n                  [class.admin-level1-item-active]=\"isLevel1Active(level1)\"\n                  (click)=\"level1Clicked(level1)\"\n                  (keydown.enter)=\"level1Clicked(level1)\"\n                  (keydown.space)=\"\n                    $event.preventDefault(); level1Clicked(level1)\n                  \">\n                  @if (icon(level1)) {\n                    <mat-icon\n                      [ngStyle]=\"{\n                        color: color(level1),\n                      }\">\n                      {{ icon(level1) }}\n                    </mat-icon>\n                  }\n\n                  <span\n                    [ngStyle]=\"{\n                      color: color(level1),\n                    }\">\n                    {{ label(level1) }}\n                  </span>\n                </a>\n              }\n            }\n          }\n        </mat-accordion>\n      </div>\n\n      <!-- ========================================================= -->\n      <!-- ASIDE FOOTER -->\n      <!-- ========================================================= -->\n\n      <footer class=\"admin-aside-footer\">\n        <ng-content select=\"[asideFooter]\" />\n      </footer>\n    </aside>\n\n    <!-- =========================================================== -->\n    <!-- MAIN -->\n    <!-- =========================================================== -->\n\n    <main class=\"admin-main\">\n      <!-- ========================================================= -->\n      <!-- LEVEL 3+ TABS -->\n      <!-- ========================================================= -->\n\n      <taon-admin-page-tabs\n        class=\"admin-tabs\"\n        [routes]=\"routes\"\n        [basePath]=\"basePath\"\n        [outlet]=\"outlet\" />\n\n      <!-- ========================================================= -->\n      <!-- SCROLLABLE CONTENT -->\n      <!-- ========================================================= -->\n\n      <div class=\"admin-content\">\n        <router-outlet />\n      </div>\n\n      <!-- ========================================================= -->\n      <!-- CONTENT FOOTER -->\n      <!-- ========================================================= -->\n\n      <footer class=\"admin-content-footer\">\n        <ng-container\n          [ngTemplateOutlet]=\"\n            taonAdminContentFooterService.currentTemplate()\n          \" />\n      </footer>\n    </main>\n  </div>\n\n  <!-- ============================================================= -->\n  <!-- DIALOG RESIZE HANDLE -->\n  <!-- ============================================================= -->\n\n  @if (isDialogMode) {\n    <div\n      class=\"admin-resize-handle\"\n      (pointerdown)=\"startResize($event)\"></div>\n  }\n</div>\n", styles: [":host{display:block;width:100%;height:100%;min-width:0;min-height:0}.admin-layout{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:#fff}.admin-layout-dialog{min-width:500px;min-height:350px}.admin-header{display:flex;align-items:center;flex:0 0 64px;height:64px;border-bottom:1px solid var(--mat-sys-outline-variant);background:#fff}.admin-menu-button{flex:0 0 auto;margin-left:8px;margin-right:8px;cursor:pointer}.admin-header-content{flex:1 1 auto;min-width:0}.admin-body{position:relative;display:flex;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden}.admin-aside{position:absolute;top:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;width:288px;min-height:0;overflow:hidden;background:#fff;border-right:1px solid var(--mat-sys-outline-variant);transform:translate(-100%);transition:transform .2s ease,width .2s ease}.admin-aside-open{transform:translate(0)}.admin-aside-content{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto}.admin-aside-footer{flex:0 0 auto;padding:12px;border-top:1px solid var(--mat-sys-outline-variant);background:#fff}.admin-menu{display:block}.admin-menu mat-expansion-panel{margin-top:0!important;margin-bottom:0!important;border-radius:0!important;box-shadow:none!important;border-bottom:1px solid var(--mat-sys-outline-variant)}.admin-menu mat-expansion-panel:first-of-type,.admin-menu mat-expansion-panel:last-of-type,.admin-menu mat-expansion-panel-header{border-radius:0!important}.admin-menu-item{display:flex;align-items:center;gap:12px}.admin-level2{display:flex;flex-direction:column}.admin-level2-item{display:flex;align-items:center;gap:12px;padding:10px 24px;cursor:pointer}.admin-level2-item span{width:130px}.admin-level2-item:hover,.admin-level2-item-active{background:#f5f5f5}.admin-level2-item-active{font-weight:600}.admin-level1-item{display:flex;align-items:center;height:56px;gap:12px;padding:0 24px;cursor:pointer}.admin-level1-item:hover,.admin-level1-item-active{background:#f5f5f5}.admin-level1-item-active{font-weight:600}.admin-loading{padding:8px 16px;opacity:.6}.admin-menu-item-disabled{opacity:.5;cursor:not-allowed}.admin-main{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden}.admin-tabs{display:block;flex:0 0 auto}.admin-content{flex:1 1 auto;min-width:0;min-height:0;padding:24px;overflow-x:auto;overflow-y:auto}.admin-content-footer{flex:0 0 auto;padding:12px 24px;border-top:1px solid var(--mat-sys-outline-variant);background:#fff}.admin-aside-backdrop{position:absolute;inset:0;z-index:20;background:#0000004d}@media(min-width:768px){.admin-aside{position:relative;top:auto;bottom:auto;left:auto;z-index:auto;width:0;transform:none}.admin-aside-open{width:288px;min-width:288px}.admin-aside-backdrop{display:none}}.admin-resize-handle{position:absolute;right:0;bottom:0;z-index:100;width:18px;height:18px;cursor:nwse-resize}.admin-resize-handle:after{content:\"\";position:absolute;right:4px;bottom:4px;width:8px;height:8px;border-right:2px solid #777;border-bottom:2px solid #777}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i3$1.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i3$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i3$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: TaonAdminPageTabsComponent, selector: "taon-admin-page-tabs", inputs: ["routes", "basePath", "outlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonAdminLayoutComponent, decorators: [{
             type: Component,
@@ -1015,7 +1061,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
                         MatIconModule,
                         MatTooltipModule,
                         TaonAdminPageTabsComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  #layout\n  class=\"admin-layout\"\n  [class.admin-layout-dialog]=\"isDialogMode\"\n  [style.width.px]=\"layoutWidth() || null\"\n  [style.height.px]=\"layoutHeight() || null\">\n  <!-- ============================================================= -->\n  <!-- HEADER -->\n  <!-- ============================================================= -->\n\n  <header class=\"admin-header\">\n    <button\n      mat-icon-button\n      type=\"button\"\n      [attr.aria-label]=\"t.gettext('Toggle admin menu')\"\n      class=\"admin-menu-button\"\n      (click)=\"toggleAside()\">\n      <mat-icon>menu</mat-icon>\n    </button>\n\n    <div class=\"admin-header-content\">\n      <ng-content select=\"[header]\" />\n    </div>\n  </header>\n\n  <!-- ============================================================= -->\n  <!-- BODY -->\n  <!-- ============================================================= -->\n\n  <div class=\"admin-body\">\n    <!-- =========================================================== -->\n    <!-- MOBILE BACKDROP -->\n    <!-- =========================================================== -->\n\n    @if (asideOpened()) {\n      <div\n        class=\"admin-aside-backdrop\"\n        (click)=\"closeAside()\"></div>\n    }\n\n    <!-- =========================================================== -->\n    <!-- ASIDE -->\n    <!-- =========================================================== -->\n\n    <aside\n      class=\"admin-aside\"\n      [class.admin-aside-open]=\"asideOpened()\">\n      <!-- ========================================================= -->\n      <!-- SCROLLABLE ASIDE CONTENT -->\n      <!-- ========================================================= -->\n\n      <div class=\"admin-aside-content\">\n        <mat-accordion class=\"admin-menu\">\n          @for (level1 of routes; track level1.path) {\n            @if (menuContext.isVisible(level1)) {\n              @if (isExpandable(level1)) {\n                <mat-expansion-panel\n                  [disabled]=\"menuContext.isDisabled(level1)\"\n                  [expanded]=\"\n                    isLevel1Active(level1) && !menuContext.isDisabled(level1)\n                  \"\n                  (expandedChange)=\"panelExpanded(level1, $event)\">\n                  <mat-expansion-panel-header\n                    [class.admin-menu-item-disabled]=\"\n                      menuContext.isDisabled(level1)\n                    \"\n                    [matTooltip]=\"menuContext.disabledTooltip(level1)\"\n                    (click)=\"level1Clicked(level1)\">\n                    <mat-panel-title>\n                      <div class=\"admin-menu-item\">\n                        @if (icon(level1)) {\n                          <mat-icon\n                            [ngStyle]=\"{\n                              color: color(level1),\n                            }\">\n                            {{ icon(level1) }}\n                          </mat-icon>\n                        }\n\n                        <span\n                          [class.font-semibold]=\"isLevel1Active(level1)\"\n                          [ngStyle]=\"{\n                            color: color(level1),\n                          }\">\n                          {{ label(level1) }}\n                        </span>\n                      </div>\n                    </mat-panel-title>\n                  </mat-expansion-panel-header>\n\n                  <div class=\"admin-level2\">\n                    @if (isLoading(level1)) {\n                      <div class=\"admin-loading\">{{ t.gettext('Loading...') }}</div>\n                    } @else {\n                      @for (\n                        level2 of getLevel2Routes(level1);\n                        track level2.path\n                      ) {\n                        @if (menuContext.isVisible(level2)) {\n                          <a\n                            class=\"admin-level2-item\"\n                            role=\"button\"\n                            [attr.tabindex]=\"\n                              menuContext.isDisabled(level2) ? -1 : 0\n                            \"\n                            [attr.aria-disabled]=\"\n                              menuContext.isDisabled(level2)\n                            \"\n                            [class.admin-menu-item-disabled]=\"\n                              menuContext.isDisabled(level2)\n                            \"\n                            [matTooltip]=\"menuContext.disabledTooltip(level2)\"\n                            [class.admin-level2-item-active]=\"\n                              isLevel2Active(level1, level2)\n                            \"\n                            (click)=\"level2Clicked(level1, level2)\"\n                            (keydown.enter)=\"level2Clicked(level1, level2)\"\n                            (keydown.space)=\"\n                              $event.preventDefault();\n                              level2Clicked(level1, level2)\n                            \">\n                            @if (icon(level2)) {\n                              <mat-icon\n                                [ngStyle]=\"{\n                                  color: color(level2),\n                                }\">\n                                {{ icon(level2) }}\n                              </mat-icon>\n                            }\n\n                            <span\n                              [ngStyle]=\"{\n                                color: color(level2),\n                              }\">\n                              {{ label(level2) }}\n                            </span>\n                          </a>\n                        }\n                      }\n                    }\n                  </div>\n                </mat-expansion-panel>\n              } @else {\n                <a\n                  class=\"admin-level1-item\"\n                  role=\"button\"\n                  [attr.tabindex]=\"menuContext.isDisabled(level1) ? -1 : 0\"\n                  [attr.aria-disabled]=\"menuContext.isDisabled(level1)\"\n                  [class.admin-menu-item-disabled]=\"\n                    menuContext.isDisabled(level1)\n                  \"\n                  [matTooltip]=\"menuContext.disabledTooltip(level1)\"\n                  [class.admin-level1-item-active]=\"isLevel1Active(level1)\"\n                  (click)=\"level1Clicked(level1)\"\n                  (keydown.enter)=\"level1Clicked(level1)\"\n                  (keydown.space)=\"\n                    $event.preventDefault(); level1Clicked(level1)\n                  \">\n                  @if (icon(level1)) {\n                    <mat-icon\n                      [ngStyle]=\"{\n                        color: color(level1),\n                      }\">\n                      {{ icon(level1) }}\n                    </mat-icon>\n                  }\n\n                  <span\n                    [ngStyle]=\"{\n                      color: color(level1),\n                    }\">\n                    {{ label(level1) }}\n                  </span>\n                </a>\n              }\n            }\n          }\n        </mat-accordion>\n      </div>\n\n      <!-- ========================================================= -->\n      <!-- ASIDE FOOTER -->\n      <!-- ========================================================= -->\n\n      <footer class=\"admin-aside-footer\">\n        <ng-content select=\"[asideFooter]\" />\n      </footer>\n    </aside>\n\n    <!-- =========================================================== -->\n    <!-- MAIN -->\n    <!-- =========================================================== -->\n\n    <main class=\"admin-main\">\n      <!-- ========================================================= -->\n      <!-- LEVEL 3+ TABS -->\n      <!-- ========================================================= -->\n\n      <taon-admin-page-tabs\n        class=\"admin-tabs\"\n        [routes]=\"routes\"\n        [basePath]=\"basePath\"\n        [outlet]=\"outlet\" />\n\n      <!-- ========================================================= -->\n      <!-- SCROLLABLE CONTENT -->\n      <!-- ========================================================= -->\n\n      <div class=\"admin-content\">\n        <router-outlet />\n      </div>\n\n      <!-- ========================================================= -->\n      <!-- CONTENT FOOTER -->\n      <!-- ========================================================= -->\n\n      <footer class=\"admin-content-footer\">\n        <ng-container\n          [ngTemplateOutlet]=\"\n            taonAdminContentFooterService.currentTemplate()\n          \" />\n      </footer>\n    </main>\n  </div>\n\n  <!-- ============================================================= -->\n  <!-- DIALOG RESIZE HANDLE -->\n  <!-- ============================================================= -->\n\n  @if (isDialogMode) {\n    <div\n      class=\"admin-resize-handle\"\n      (pointerdown)=\"startResize($event)\"></div>\n  }\n</div>\n", styles: [":host{display:block;width:100%;height:100%;min-width:0;min-height:0}.admin-layout{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:#fff}.admin-layout-dialog{min-width:500px;min-height:350px}.admin-header{display:flex;align-items:center;flex:0 0 64px;height:64px;border-bottom:1px solid var(--mat-sys-outline-variant);background:#fff}.admin-menu-button{flex:0 0 auto;margin-left:8px;margin-right:8px;cursor:pointer}.admin-header-content{flex:1 1 auto;min-width:0}.admin-body{position:relative;display:flex;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden}.admin-aside{position:absolute;top:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;width:288px;min-height:0;overflow:hidden;background:#fff;border-right:1px solid var(--mat-sys-outline-variant);transform:translate(-100%);transition:transform .2s ease,width .2s ease}.admin-aside-open{transform:translate(0)}.admin-aside-content{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto}.admin-aside-footer{flex:0 0 auto;padding:12px;border-top:1px solid var(--mat-sys-outline-variant);background:#fff}.admin-menu{display:block}.admin-menu mat-expansion-panel{margin-top:0!important;margin-bottom:0!important;border-radius:0!important;box-shadow:none!important;border-bottom:1px solid var(--mat-sys-outline-variant)}.admin-menu mat-expansion-panel:first-of-type,.admin-menu mat-expansion-panel:last-of-type,.admin-menu mat-expansion-panel-header{border-radius:0!important}.admin-menu-item{display:flex;align-items:center;gap:12px}.admin-level2{display:flex;flex-direction:column}.admin-level2-item{display:flex;align-items:center;gap:12px;padding:10px 24px;cursor:pointer}.admin-level2-item:hover,.admin-level2-item-active{background:#f5f5f5}.admin-level2-item-active{font-weight:600}.admin-level1-item{display:flex;align-items:center;height:56px;gap:12px;padding:0 24px;cursor:pointer}.admin-level1-item:hover,.admin-level1-item-active{background:#f5f5f5}.admin-level1-item-active{font-weight:600}.admin-loading{padding:8px 16px;opacity:.6}.admin-menu-item-disabled{opacity:.5;cursor:not-allowed}.admin-main{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden}.admin-tabs{display:block;flex:0 0 auto}.admin-content{flex:1 1 auto;min-width:0;min-height:0;padding:24px;overflow-x:auto;overflow-y:auto}.admin-content-footer{flex:0 0 auto;padding:12px 24px;border-top:1px solid var(--mat-sys-outline-variant);background:#fff}.admin-aside-backdrop{position:absolute;inset:0;z-index:20;background:#0000004d}@media(min-width:768px){.admin-aside{position:relative;top:auto;bottom:auto;left:auto;z-index:auto;width:0;transform:none}.admin-aside-open{width:288px;min-width:288px}.admin-aside-backdrop{display:none}}.admin-resize-handle{position:absolute;right:0;bottom:0;z-index:100;width:18px;height:18px;cursor:nwse-resize}.admin-resize-handle:after{content:\"\";position:absolute;right:4px;bottom:4px;width:8px;height:8px;border-right:2px solid #777;border-bottom:2px solid #777}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  #layout\n  class=\"admin-layout\"\n  [class.admin-layout-dialog]=\"isDialogMode\"\n  [style.width.px]=\"layoutWidth() || null\"\n  [style.height.px]=\"layoutHeight() || null\">\n  <!-- ============================================================= -->\n  <!-- HEADER -->\n  <!-- ============================================================= -->\n\n  <header class=\"admin-header\">\n    <button\n      mat-icon-button\n      type=\"button\"\n      [attr.aria-label]=\"t.gettext('Toggle admin menu')\"\n      class=\"admin-menu-button\"\n      (click)=\"toggleAside()\">\n      <mat-icon>menu</mat-icon>\n    </button>\n\n    <div class=\"admin-header-content\">\n      <ng-content select=\"[header]\" />\n    </div>\n  </header>\n\n  <!-- ============================================================= -->\n  <!-- BODY -->\n  <!-- ============================================================= -->\n\n  <div class=\"admin-body\">\n    <!-- =========================================================== -->\n    <!-- MOBILE BACKDROP -->\n    <!-- =========================================================== -->\n\n    @if (asideOpened()) {\n      <div\n        class=\"admin-aside-backdrop\"\n        (click)=\"closeAside()\"></div>\n    }\n\n    <!-- =========================================================== -->\n    <!-- ASIDE -->\n    <!-- =========================================================== -->\n\n    <aside\n      class=\"admin-aside\"\n      [class.admin-aside-open]=\"asideOpened()\">\n      <!-- ========================================================= -->\n      <!-- SCROLLABLE ASIDE CONTENT -->\n      <!-- ========================================================= -->\n\n      <div class=\"admin-aside-content\">\n        <mat-accordion class=\"admin-menu\">\n          @for (level1 of routes; track level1.path) {\n            @if (menuContext.isVisible(level1)) {\n              @if (isExpandable(level1)) {\n                <mat-expansion-panel\n                  [disabled]=\"menuContext.isDisabled(level1)\"\n                  [expanded]=\"\n                    isLevel1Active(level1) && !menuContext.isDisabled(level1)\n                  \"\n                  (expandedChange)=\"panelExpanded(level1, $event)\">\n                  <mat-expansion-panel-header\n                    [class.admin-menu-item-disabled]=\"\n                      menuContext.isDisabled(level1)\n                    \"\n                    [matTooltip]=\"menuContext.disabledTooltip(level1)\"\n                    (click)=\"level1Clicked(level1)\">\n                    <mat-panel-title>\n                      <div class=\"admin-menu-item\">\n                        @if (icon(level1)) {\n                          <mat-icon\n                            [ngStyle]=\"{\n                              color: color(level1),\n                            }\">\n                            {{ icon(level1) }}\n                          </mat-icon>\n                        }\n\n                        <span\n                          [class.font-semibold]=\"isLevel1Active(level1)\"\n                          [ngStyle]=\"{\n                            color: color(level1),\n                          }\">\n                          {{ label(level1) }}\n                        </span>\n                      </div>\n                    </mat-panel-title>\n                  </mat-expansion-panel-header>\n\n                  <div class=\"admin-level2\">\n                    @if (isLoading(level1)) {\n                      <div class=\"admin-loading\">{{ t.gettext('Loading...') }}</div>\n                    } @else {\n                      @for (\n                        level2 of getLevel2Routes(level1);\n                        track level2.path\n                      ) {\n                        @if (menuContext.isVisible(level2)) {\n                          <a\n                            class=\"admin-level2-item\"\n                            role=\"button\"\n                            [attr.tabindex]=\"\n                              menuContext.isDisabled(level2) ? -1 : 0\n                            \"\n                            [attr.aria-disabled]=\"\n                              menuContext.isDisabled(level2)\n                            \"\n                            [class.admin-menu-item-disabled]=\"\n                              menuContext.isDisabled(level2)\n                            \"\n                            [matTooltip]=\"menuContext.disabledTooltip(level2)\"\n                            [class.admin-level2-item-active]=\"\n                              isLevel2Active(level1, level2)\n                            \"\n                            (click)=\"level2Clicked(level1, level2)\"\n                            (keydown.enter)=\"level2Clicked(level1, level2)\"\n                            (keydown.space)=\"\n                              $event.preventDefault();\n                              level2Clicked(level1, level2)\n                            \">\n                            @if (icon(level2)) {\n                              <mat-icon\n                                [ngStyle]=\"{\n                                  color: color(level2),\n                                }\">\n                                {{ icon(level2) }}\n                              </mat-icon>\n                            }\n\n                            <span\n                              [ngStyle]=\"{\n                                color: color(level2),\n                              }\">\n                              {{ label(level2) }}\n                            </span>\n                          </a>\n                        }\n                      }\n                    }\n                  </div>\n                </mat-expansion-panel>\n              } @else {\n                <a\n                  class=\"admin-level1-item\"\n                  role=\"button\"\n                  [attr.tabindex]=\"menuContext.isDisabled(level1) ? -1 : 0\"\n                  [attr.aria-disabled]=\"menuContext.isDisabled(level1)\"\n                  [class.admin-menu-item-disabled]=\"\n                    menuContext.isDisabled(level1)\n                  \"\n                  [matTooltip]=\"menuContext.disabledTooltip(level1)\"\n                  [class.admin-level1-item-active]=\"isLevel1Active(level1)\"\n                  (click)=\"level1Clicked(level1)\"\n                  (keydown.enter)=\"level1Clicked(level1)\"\n                  (keydown.space)=\"\n                    $event.preventDefault(); level1Clicked(level1)\n                  \">\n                  @if (icon(level1)) {\n                    <mat-icon\n                      [ngStyle]=\"{\n                        color: color(level1),\n                      }\">\n                      {{ icon(level1) }}\n                    </mat-icon>\n                  }\n\n                  <span\n                    [ngStyle]=\"{\n                      color: color(level1),\n                    }\">\n                    {{ label(level1) }}\n                  </span>\n                </a>\n              }\n            }\n          }\n        </mat-accordion>\n      </div>\n\n      <!-- ========================================================= -->\n      <!-- ASIDE FOOTER -->\n      <!-- ========================================================= -->\n\n      <footer class=\"admin-aside-footer\">\n        <ng-content select=\"[asideFooter]\" />\n      </footer>\n    </aside>\n\n    <!-- =========================================================== -->\n    <!-- MAIN -->\n    <!-- =========================================================== -->\n\n    <main class=\"admin-main\">\n      <!-- ========================================================= -->\n      <!-- LEVEL 3+ TABS -->\n      <!-- ========================================================= -->\n\n      <taon-admin-page-tabs\n        class=\"admin-tabs\"\n        [routes]=\"routes\"\n        [basePath]=\"basePath\"\n        [outlet]=\"outlet\" />\n\n      <!-- ========================================================= -->\n      <!-- SCROLLABLE CONTENT -->\n      <!-- ========================================================= -->\n\n      <div class=\"admin-content\">\n        <router-outlet />\n      </div>\n\n      <!-- ========================================================= -->\n      <!-- CONTENT FOOTER -->\n      <!-- ========================================================= -->\n\n      <footer class=\"admin-content-footer\">\n        <ng-container\n          [ngTemplateOutlet]=\"\n            taonAdminContentFooterService.currentTemplate()\n          \" />\n      </footer>\n    </main>\n  </div>\n\n  <!-- ============================================================= -->\n  <!-- DIALOG RESIZE HANDLE -->\n  <!-- ============================================================= -->\n\n  @if (isDialogMode) {\n    <div\n      class=\"admin-resize-handle\"\n      (pointerdown)=\"startResize($event)\"></div>\n  }\n</div>\n", styles: [":host{display:block;width:100%;height:100%;min-width:0;min-height:0}.admin-layout{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:#fff}.admin-layout-dialog{min-width:500px;min-height:350px}.admin-header{display:flex;align-items:center;flex:0 0 64px;height:64px;border-bottom:1px solid var(--mat-sys-outline-variant);background:#fff}.admin-menu-button{flex:0 0 auto;margin-left:8px;margin-right:8px;cursor:pointer}.admin-header-content{flex:1 1 auto;min-width:0}.admin-body{position:relative;display:flex;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden}.admin-aside{position:absolute;top:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;width:288px;min-height:0;overflow:hidden;background:#fff;border-right:1px solid var(--mat-sys-outline-variant);transform:translate(-100%);transition:transform .2s ease,width .2s ease}.admin-aside-open{transform:translate(0)}.admin-aside-content{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto}.admin-aside-footer{flex:0 0 auto;padding:12px;border-top:1px solid var(--mat-sys-outline-variant);background:#fff}.admin-menu{display:block}.admin-menu mat-expansion-panel{margin-top:0!important;margin-bottom:0!important;border-radius:0!important;box-shadow:none!important;border-bottom:1px solid var(--mat-sys-outline-variant)}.admin-menu mat-expansion-panel:first-of-type,.admin-menu mat-expansion-panel:last-of-type,.admin-menu mat-expansion-panel-header{border-radius:0!important}.admin-menu-item{display:flex;align-items:center;gap:12px}.admin-level2{display:flex;flex-direction:column}.admin-level2-item{display:flex;align-items:center;gap:12px;padding:10px 24px;cursor:pointer}.admin-level2-item span{width:130px}.admin-level2-item:hover,.admin-level2-item-active{background:#f5f5f5}.admin-level2-item-active{font-weight:600}.admin-level1-item{display:flex;align-items:center;height:56px;gap:12px;padding:0 24px;cursor:pointer}.admin-level1-item:hover,.admin-level1-item-active{background:#f5f5f5}.admin-level1-item-active{font-weight:600}.admin-loading{padding:8px 16px;opacity:.6}.admin-menu-item-disabled{opacity:.5;cursor:not-allowed}.admin-main{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden}.admin-tabs{display:block;flex:0 0 auto}.admin-content{flex:1 1 auto;min-width:0;min-height:0;padding:24px;overflow-x:auto;overflow-y:auto}.admin-content-footer{flex:0 0 auto;padding:12px 24px;border-top:1px solid var(--mat-sys-outline-variant);background:#fff}.admin-aside-backdrop{position:absolute;inset:0;z-index:20;background:#0000004d}@media(min-width:768px){.admin-aside{position:relative;top:auto;bottom:auto;left:auto;z-index:auto;width:0;transform:none}.admin-aside-open{width:288px;min-width:288px}.admin-aside-backdrop{display:none}}.admin-resize-handle{position:absolute;right:0;bottom:0;z-index:100;width:18px;height:18px;cursor:nwse-resize}.admin-resize-handle:after{content:\"\";position:absolute;right:4px;bottom:4px;width:8px;height:8px;border-right:2px solid #777;border-bottom:2px solid #777}\n"] }]
         }], ctorParameters: () => [{ type: i1.Router }, { type: i0.ElementRef }], propDecorators: { routes: [{
                 type: Input,
                 args: [{ required: true }]
@@ -1047,10 +1093,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
 
 //#region imports
 //#endregion
-const t$9 = Translation.for('src/lib/taon-admin-welcome/taon-admin-welcome.component.ts', { "src/lib/taon-admin-welcome/taon-admin-welcome.component.html": { "en-US": async () => (await import('./ui-browser-prod-taon-admin-welcome.component.html.en-US.i18n.data-COE9AIk8.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-admin-welcome.component.html.pl-PL.i18n.data-CKGu7txU.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-admin-welcome.component.html.de-DE.i18n.data-CxtbZ3Kf.mjs')).default }, "src/lib/taon-admin-welcome/taon-admin-welcome.component.ts": { "en-US": async () => (await import('./ui-browser-prod-taon-admin-welcome.component.ts.en-US.i18n.data-CuPbeZpW.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-admin-welcome.component.ts.pl-PL.i18n.data-BoJfF0mf.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-admin-welcome.component.ts.de-DE.i18n.data-WXZYgKof.mjs')).default } });
+const t$a = Translation.for('src/lib/taon-admin-welcome/taon-admin-welcome.component.ts', { "src/lib/taon-admin-welcome/taon-admin-welcome.component.html": { "en-US": async () => (await import('./ui-browser-prod-taon-admin-welcome.component.html.en-US.i18n.data-COE9AIk8.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-admin-welcome.component.html.pl-PL.i18n.data-CKGu7txU.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-admin-welcome.component.html.de-DE.i18n.data-CxtbZ3Kf.mjs')).default }, "src/lib/taon-admin-welcome/taon-admin-welcome.component.ts": { "en-US": async () => (await import('./ui-browser-prod-taon-admin-welcome.component.ts.en-US.i18n.data-CuPbeZpW.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-admin-welcome.component.ts.pl-PL.i18n.data-BoJfF0mf.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-admin-welcome.component.ts.de-DE.i18n.data-WXZYgKof.mjs')).default } });
 class TaonAdminWelcomeComponent {
     constructor() {
-        this.t = t$9.for(this);
+        this.t = t$a.for(this);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonAdminWelcomeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.9", type: TaonAdminWelcomeComponent, isStandalone: true, selector: "app-taon-admin-welcome", ngImport: i0, template: "<!-- <router-outlet></router-outlet> -->\n<p>\n  {{ t.gettext('Welcome to Taon Admin') }}\n</p>\n", styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -1094,11 +1140,11 @@ const TaonAdminWelcomeRoutes = [
 
 //#region imports
 //#endregion
-const t$8 = Translation.for('src/lib/taon-backoffice-notifications/taon-error-details-dialog.component.ts', { "src/lib/taon-backoffice-notifications/taon-backoffice-notifications.component.ts": { "en-US": async () => (await import('./ui-browser-prod-taon-backoffice-notifications.component.ts.en-US.i18n.data-CjhqMvO4.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-backoffice-notifications.component.ts.pl-PL.i18n.data-yXz6HjGb.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-backoffice-notifications.component.ts.de-DE.i18n.data-BoV2YUPK.mjs')).default }, "src/lib/taon-backoffice-notifications/taon-error-details-dialog.component.html": { "en-US": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.html.en-US.i18n.data-BcBT5bvZ.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.html.pl-PL.i18n.data-BezLaTYz.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.html.de-DE.i18n.data-B0nY7sKQ.mjs')).default }, "src/lib/taon-backoffice-notifications/taon-error-details-dialog.component.ts": { "en-US": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.ts.en-US.i18n.data-BoRRwHRI.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.ts.pl-PL.i18n.data-MSkb_Jc3.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.ts.de-DE.i18n.data-BE1qxcN8.mjs')).default }, "src/lib/taon-backoffice-notifications/taon-error-toast.component.ts": { "en-US": async () => (await import('./ui-browser-prod-taon-error-toast.component.ts.en-US.i18n.data-B7DTAM6K.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-error-toast.component.ts.pl-PL.i18n.data-C0GDCUxa.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-error-toast.component.ts.de-DE.i18n.data-D0kEctP_.mjs')).default } });
+const t$9 = Translation.for('src/lib/taon-backoffice-notifications/taon-error-details-dialog.component.ts', { "src/lib/taon-backoffice-notifications/taon-backoffice-notifications.component.ts": { "en-US": async () => (await import('./ui-browser-prod-taon-backoffice-notifications.component.ts.en-US.i18n.data-CjhqMvO4.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-backoffice-notifications.component.ts.pl-PL.i18n.data-yXz6HjGb.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-backoffice-notifications.component.ts.de-DE.i18n.data-BoV2YUPK.mjs')).default }, "src/lib/taon-backoffice-notifications/taon-error-details-dialog.component.html": { "en-US": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.html.en-US.i18n.data-FqvNirhu.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.html.pl-PL.i18n.data-CpAitnyG.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.html.de-DE.i18n.data-B66FyJFt.mjs')).default }, "src/lib/taon-backoffice-notifications/taon-error-details-dialog.component.ts": { "en-US": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.ts.en-US.i18n.data-BoRRwHRI.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.ts.pl-PL.i18n.data-MSkb_Jc3.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.ts.de-DE.i18n.data-BE1qxcN8.mjs')).default }, "src/lib/taon-backoffice-notifications/taon-error-toast.component.ts": { "en-US": async () => (await import('./ui-browser-prod-taon-error-toast.component.ts.en-US.i18n.data-B7DTAM6K.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-error-toast.component.ts.pl-PL.i18n.data-C0GDCUxa.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-error-toast.component.ts.de-DE.i18n.data-D0kEctP_.mjs')).default } });
 class TaonErrorDetailsDialogComponent {
     constructor() {
         //#region injections
-        this.t = t$8.for(this);
+        this.t = t$9.for(this);
         this.data = inject(MAT_DIALOG_DATA);
         //#endregion
         //#region constants
@@ -1177,10 +1223,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
             args: [{ selector: 'taon-error-details-dialog', standalone: true, imports: [MatDialogModule, MatButtonModule, MatButtonToggleModule], template: "<h2 mat-dialog-title>{{ t.gettext('Error details') }}</h2>\n\n<mat-dialog-content>\n  <div class=\"error-message\">\n    {{ data.message }}\n  </div>\n\n  <div class=\"editor-selector\">\n    <span class=\"editor-selector-label\">{{ t.gettext('I am using editor:') }}</span>\n\n    <mat-button-toggle-group\n      [value]=\"editor\"\n      (change)=\"setEditor($event.value)\"\n      [attr.aria-label]=\"t.gettext('Code editor')\">\n      <mat-button-toggle value=\"vscode\"> VS Code </mat-button-toggle>\n\n      <mat-button-toggle value=\"vscodium\"> VSCodium </mat-button-toggle>\n    </mat-button-toggle-group>\n  </div>\n\n  <pre\n    class=\"error-details\"><code>@for (stackLine of stackLines; track $index) {\n@if (stackLine.file) {<a\n  class=\"stack-link\"\n  [title]=\"\n    t.gettext('Open [[ file ]]:[[ line ]]:[[ column ]]', {\n      file: stackLine.file,\n      line: stackLine.line,\n      column: stackLine.column,\n    })\n  \"\n  (click)=\"openStackLine(stackLine)\">{{ stackLine.text }}</a>} @else {{{ stackLine.text }}}{{ '\\n' }}\n}</code></pre>\n</mat-dialog-content>\n\n<mat-dialog-actions align=\"end\">\n  <button\n    mat-button\n    mat-dialog-close>\n    {{ t.gettext('Close') }}\n  </button>\n</mat-dialog-actions>\n", styles: [".error-message{margin-bottom:16px;font-weight:500}.editor-selector{display:flex;align-items:center;gap:12px;margin-bottom:12px}.editor-selector-label{font-size:13px}.error-details{box-sizing:border-box;max-width:100%;max-height:60vh;margin:0;padding:16px;overflow-y:auto;overflow-x:hidden;border-radius:6px;background:#0000000f;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.stack-link{cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.stack-link:hover{background:#00000014}.stack-line{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}\n"] }]
         }] });
 
-const t$7 = Translation.for('src/lib/taon-backoffice-notifications/taon-error-toast.component.ts', { "src/lib/taon-backoffice-notifications/taon-backoffice-notifications.component.ts": { "en-US": async () => (await import('./ui-browser-prod-taon-backoffice-notifications.component.ts.en-US.i18n.data-CjhqMvO4.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-backoffice-notifications.component.ts.pl-PL.i18n.data-yXz6HjGb.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-backoffice-notifications.component.ts.de-DE.i18n.data-BoV2YUPK.mjs')).default }, "src/lib/taon-backoffice-notifications/taon-error-details-dialog.component.html": { "en-US": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.html.en-US.i18n.data-BcBT5bvZ.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.html.pl-PL.i18n.data-BezLaTYz.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.html.de-DE.i18n.data-B0nY7sKQ.mjs')).default }, "src/lib/taon-backoffice-notifications/taon-error-details-dialog.component.ts": { "en-US": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.ts.en-US.i18n.data-BoRRwHRI.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.ts.pl-PL.i18n.data-MSkb_Jc3.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.ts.de-DE.i18n.data-BE1qxcN8.mjs')).default }, "src/lib/taon-backoffice-notifications/taon-error-toast.component.ts": { "en-US": async () => (await import('./ui-browser-prod-taon-error-toast.component.ts.en-US.i18n.data-B7DTAM6K.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-error-toast.component.ts.pl-PL.i18n.data-C0GDCUxa.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-error-toast.component.ts.de-DE.i18n.data-D0kEctP_.mjs')).default } });
+const t$8 = Translation.for('src/lib/taon-backoffice-notifications/taon-error-toast.component.ts', { "src/lib/taon-backoffice-notifications/taon-backoffice-notifications.component.ts": { "en-US": async () => (await import('./ui-browser-prod-taon-backoffice-notifications.component.ts.en-US.i18n.data-CjhqMvO4.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-backoffice-notifications.component.ts.pl-PL.i18n.data-yXz6HjGb.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-backoffice-notifications.component.ts.de-DE.i18n.data-BoV2YUPK.mjs')).default }, "src/lib/taon-backoffice-notifications/taon-error-details-dialog.component.html": { "en-US": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.html.en-US.i18n.data-FqvNirhu.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.html.pl-PL.i18n.data-CpAitnyG.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.html.de-DE.i18n.data-B66FyJFt.mjs')).default }, "src/lib/taon-backoffice-notifications/taon-error-details-dialog.component.ts": { "en-US": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.ts.en-US.i18n.data-BoRRwHRI.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.ts.pl-PL.i18n.data-MSkb_Jc3.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.ts.de-DE.i18n.data-BE1qxcN8.mjs')).default }, "src/lib/taon-backoffice-notifications/taon-error-toast.component.ts": { "en-US": async () => (await import('./ui-browser-prod-taon-error-toast.component.ts.en-US.i18n.data-B7DTAM6K.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-error-toast.component.ts.pl-PL.i18n.data-C0GDCUxa.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-error-toast.component.ts.de-DE.i18n.data-D0kEctP_.mjs')).default } });
 class TaonErrorToastComponent {
     constructor() {
-        this.t = t$7.for(this);
+        this.t = t$8.for(this);
         this.toastRef = inject(HotToastRef);
         this.dialog = inject(MatDialog);
         this.data = this.toastRef.data;
@@ -1273,7 +1319,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
 
 //#region imports
 //#endregion
-const t$6 = Translation.for('src/lib/taon-backoffice-notifications/taon-backoffice-notifications.component.ts', { "src/lib/taon-backoffice-notifications/taon-backoffice-notifications.component.ts": { "en-US": async () => (await import('./ui-browser-prod-taon-backoffice-notifications.component.ts.en-US.i18n.data-CjhqMvO4.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-backoffice-notifications.component.ts.pl-PL.i18n.data-yXz6HjGb.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-backoffice-notifications.component.ts.de-DE.i18n.data-BoV2YUPK.mjs')).default }, "src/lib/taon-backoffice-notifications/taon-error-details-dialog.component.html": { "en-US": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.html.en-US.i18n.data-BcBT5bvZ.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.html.pl-PL.i18n.data-BezLaTYz.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.html.de-DE.i18n.data-B0nY7sKQ.mjs')).default }, "src/lib/taon-backoffice-notifications/taon-error-details-dialog.component.ts": { "en-US": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.ts.en-US.i18n.data-BoRRwHRI.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.ts.pl-PL.i18n.data-MSkb_Jc3.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.ts.de-DE.i18n.data-BE1qxcN8.mjs')).default }, "src/lib/taon-backoffice-notifications/taon-error-toast.component.ts": { "en-US": async () => (await import('./ui-browser-prod-taon-error-toast.component.ts.en-US.i18n.data-B7DTAM6K.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-error-toast.component.ts.pl-PL.i18n.data-C0GDCUxa.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-error-toast.component.ts.de-DE.i18n.data-D0kEctP_.mjs')).default } });
+const t$7 = Translation.for('src/lib/taon-backoffice-notifications/taon-backoffice-notifications.component.ts', { "src/lib/taon-backoffice-notifications/taon-backoffice-notifications.component.ts": { "en-US": async () => (await import('./ui-browser-prod-taon-backoffice-notifications.component.ts.en-US.i18n.data-CjhqMvO4.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-backoffice-notifications.component.ts.pl-PL.i18n.data-yXz6HjGb.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-backoffice-notifications.component.ts.de-DE.i18n.data-BoV2YUPK.mjs')).default }, "src/lib/taon-backoffice-notifications/taon-error-details-dialog.component.html": { "en-US": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.html.en-US.i18n.data-FqvNirhu.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.html.pl-PL.i18n.data-CpAitnyG.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.html.de-DE.i18n.data-B66FyJFt.mjs')).default }, "src/lib/taon-backoffice-notifications/taon-error-details-dialog.component.ts": { "en-US": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.ts.en-US.i18n.data-BoRRwHRI.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.ts.pl-PL.i18n.data-MSkb_Jc3.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-error-details-dialog.component.ts.de-DE.i18n.data-BE1qxcN8.mjs')).default }, "src/lib/taon-backoffice-notifications/taon-error-toast.component.ts": { "en-US": async () => (await import('./ui-browser-prod-taon-error-toast.component.ts.en-US.i18n.data-B7DTAM6K.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-error-toast.component.ts.pl-PL.i18n.data-C0GDCUxa.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-error-toast.component.ts.de-DE.i18n.data-D0kEctP_.mjs')).default } });
 class TaonBackofficeNotificationsComponent {
     showErrorNotification(title, details) {
         const key = JSON.stringify([title, details]);
@@ -1290,7 +1336,7 @@ class TaonBackofficeNotificationsComponent {
     //#region constructor
     constructor() {
         //#region injections
-        this.t = t$6.for(this);
+        this.t = t$7.for(this);
         this.notification = inject(TaonBackofficeNotificationsService);
         this.destroyRef = inject(DestroyRef);
         this.taonAdminService = inject(TaonAdminService);
@@ -1311,7 +1357,7 @@ class TaonBackofficeNotificationsComponent {
                 console.log(`[@taon-dev/sudo] Skipping notificaiton for message "${jsonMsg.message}" (code=${statusCode})`);
             }
             else {
-                const title = t$6.translate(jsonMsg.message) || t$6.gettext('Unknown error');
+                const title = t$7.translate(jsonMsg.message) || t$7.gettext('Unknown error');
                 const details = jsonMsg?.details;
                 this.showErrorNotification(title, details);
             }
@@ -1327,10 +1373,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
                 type: Input
             }] } });
 
-const t$5 = Translation.for('src/lib/taon-confirm-dialog/taon-confirm-dialog.component.ts', { "src/lib/taon-confirm-dialog/taon-confirm-dialog.component.html": { "en-US": async () => (await import('./ui-browser-prod-taon-confirm-dialog.component.html.en-US.i18n.data-CkE6nPrx.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-confirm-dialog.component.html.pl-PL.i18n.data-CHyzqRVR.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-confirm-dialog.component.html.de-DE.i18n.data-CfzG8pj2.mjs')).default }, "src/lib/taon-confirm-dialog/taon-confirm-dialog.component.ts": { "en-US": async () => (await import('./ui-browser-prod-taon-confirm-dialog.component.ts.en-US.i18n.data-tDEY__bk.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-confirm-dialog.component.ts.pl-PL.i18n.data-CJXFnFLY.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-confirm-dialog.component.ts.de-DE.i18n.data-B6EifaIi.mjs')).default } });
+const t$6 = Translation.for('src/lib/taon-confirm-dialog/taon-confirm-dialog.component.ts', { "src/lib/taon-confirm-dialog/taon-confirm-dialog.component.html": { "en-US": async () => (await import('./ui-browser-prod-taon-confirm-dialog.component.html.en-US.i18n.data-CkE6nPrx.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-confirm-dialog.component.html.pl-PL.i18n.data-CHyzqRVR.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-confirm-dialog.component.html.de-DE.i18n.data-CfzG8pj2.mjs')).default }, "src/lib/taon-confirm-dialog/taon-confirm-dialog.component.ts": { "en-US": async () => (await import('./ui-browser-prod-taon-confirm-dialog.component.ts.en-US.i18n.data-tDEY__bk.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-confirm-dialog.component.ts.pl-PL.i18n.data-CJXFnFLY.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-confirm-dialog.component.ts.de-DE.i18n.data-B6EifaIi.mjs')).default } });
 class TaonConfirmDialogComponent {
     constructor() {
-        this.t = t$5.for(this);
+        this.t = t$6.for(this);
         this.data = inject(MAT_DIALOG_DATA);
         this.dialogRef = inject((MatDialogRef));
     }
@@ -1353,21 +1399,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
 
 //#region imports
 //#endregion
-const t$4 = Translation.for('src/lib/taon-datatable/taon-datatable.component.ts', { "src/lib/taon-datatable/taon-datatable.component.html": { "en-US": async () => (await import('./ui-browser-prod-taon-datatable.component.html.en-US.i18n.data-CljILnW8.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-datatable.component.html.pl-PL.i18n.data-BwA3pgv9.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-datatable.component.html.de-DE.i18n.data-BPCPpfL1.mjs')).default }, "src/lib/taon-datatable/taon-datatable.component.ts": { "en-US": async () => (await import('./ui-browser-prod-taon-datatable.component.ts.en-US.i18n.data-Cd7wGGSy.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-datatable.component.ts.pl-PL.i18n.data-k7j3mmhy.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-datatable.component.ts.de-DE.i18n.data-CdqI-0eV.mjs')).default } });
+const t$5 = Translation.for('src/lib/taon-datatable/taon-datatable.component.ts', { "src/lib/taon-datatable/taon-datatable.component.html": { "en-US": async () => (await import('./ui-browser-prod-taon-datatable.component.html.en-US.i18n.data-rg5or0Yl.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-datatable.component.html.pl-PL.i18n.data-B0Detn7t.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-datatable.component.html.de-DE.i18n.data-C7Wn3D_f.mjs')).default }, "src/lib/taon-datatable/taon-datatable.component.ts": { "en-US": async () => (await import('./ui-browser-prod-taon-datatable.component.ts.en-US.i18n.data-Cd7wGGSy.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-datatable.component.ts.pl-PL.i18n.data-k7j3mmhy.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-datatable.component.ts.de-DE.i18n.data-CdqI-0eV.mjs')).default } });
 const defaultColumns = [
     {
-        header: t$4.gettext('ID'),
+        header: t$5.gettext('ID'),
         field: 'id',
     },
     {
-        header: t$4.gettext('NAME'),
+        header: t$5.gettext('NAME'),
         field: 'name',
     },
 ];
 class TaonDatatableComponent {
     constructor() {
         //#region fields & getters
-        this.t = t$4.for(this);
+        this.t = t$5.for(this);
         this.cdr = inject(ChangeDetectorRef);
         this.destroyRef = inject(DestroyRef);
         this.route = inject(ActivatedRoute);
@@ -1914,7 +1960,7 @@ const TaonDatatableRoutes = [
 
 //#region imports
 //#endregion
-const t$3 = Translation.for('src/lib/taon-detachable-dialog-content/taon-detached-window-content.component.ts', { "src/lib/taon-detachable-dialog-content/taon-detached-window-content.component.ts": { "en-US": async () => (await import('./ui-browser-prod-taon-detached-window-content.component.ts.en-US.i18n.data-DnF5kjMS.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-detached-window-content.component.ts.pl-PL.i18n.data-Bxj878Ia.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-detached-window-content.component.ts.de-DE.i18n.data-qB8CFaoK.mjs')).default } });
+const t$4 = Translation.for('src/lib/taon-detachable-dialog-content/taon-detached-window-content.component.ts', { "src/lib/taon-detachable-dialog-content/taon-detached-window-content.component.ts": { "en-US": async () => (await import('./ui-browser-prod-taon-detached-window-content.component.ts.en-US.i18n.data-DnF5kjMS.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-detached-window-content.component.ts.pl-PL.i18n.data-Bxj878Ia.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-detached-window-content.component.ts.de-DE.i18n.data-qB8CFaoK.mjs')).default } });
 //#region tokens
 const TAON_IS_DETACHED_WINDOW = new InjectionToken('TAON_IS_DETACHED_WINDOW', {
     factory: () => false,
@@ -2219,7 +2265,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
 class TaonDetachableDialogContentComponent {
     constructor() {
         //#region injections
-        this.t = t$3.for(this);
+        this.t = t$4.for(this);
         this.route = inject(ActivatedRoute);
         this.router = inject(Router);
         this.windowsService = inject(TaonDetachedWindowsService);
@@ -2328,7 +2374,7 @@ var TaonDraggableButtonPanelState;
 
 //#region imports
 //#endregion
-const t$2 = Translation.for('src/lib/taon-draggable-button-panel/taon-draggable-button-panel.component.ts', { "src/lib/taon-draggable-button-panel/taon-draggable-button-panel.component.html": { "en-US": async () => (await import('./ui-browser-prod-taon-draggable-button-panel.component.html.en-US.i18n.data-ChHpYYp5.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-draggable-button-panel.component.html.pl-PL.i18n.data-BvneRsSP.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-draggable-button-panel.component.html.de-DE.i18n.data-DoXOSPLK.mjs')).default }, "src/lib/taon-draggable-button-panel/taon-draggable-button-panel.component.ts": { "en-US": async () => (await import('./ui-browser-prod-taon-draggable-button-panel.component.ts.en-US.i18n.data-CdllPK-w.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-draggable-button-panel.component.ts.pl-PL.i18n.data-DMh69CX_.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-draggable-button-panel.component.ts.de-DE.i18n.data-BWeBJeap.mjs')).default } });
+const t$3 = Translation.for('src/lib/taon-draggable-button-panel/taon-draggable-button-panel.component.ts', { "src/lib/taon-draggable-button-panel/taon-draggable-button-panel.component.html": { "en-US": async () => (await import('./ui-browser-prod-taon-draggable-button-panel.component.html.en-US.i18n.data-dFuoEufV.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-draggable-button-panel.component.html.pl-PL.i18n.data-CMrGfqX8.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-draggable-button-panel.component.html.de-DE.i18n.data-Bw4vC17M.mjs')).default }, "src/lib/taon-draggable-button-panel/taon-draggable-button-panel.component.ts": { "en-US": async () => (await import('./ui-browser-prod-taon-draggable-button-panel.component.ts.en-US.i18n.data-CdllPK-w.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-draggable-button-panel.component.ts.pl-PL.i18n.data-DMh69CX_.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-draggable-button-panel.component.ts.de-DE.i18n.data-BWeBJeap.mjs')).default } });
 class TaonDraggableButtonPanelComponent {
     set context(context) {
         this.menuContext.context.set(context);
@@ -2341,7 +2387,7 @@ class TaonDraggableButtonPanelComponent {
     constructor(router) {
         this.router = router;
         //#region fields and getters
-        this.t = t$2.for(this);
+        this.t = t$3.for(this);
         this.State = TaonDraggableButtonPanelState;
         this.menuContext = inject(TaonAdminMenuContext);
         this.basePath = '';
@@ -2801,6 +2847,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
                 args: ['document:keydown.escape']
             }] } });
 
+const t$2 = Translation.for('src/lib/taon-loading-content/taon-loading-content.component.ts', { "src/lib/taon-loading-content/taon-loading-content.component.html": { "en-US": async () => (await import('./ui-browser-prod-taon-loading-content.component.html.en-US.i18n.data-Dv3UjHs8.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-loading-content.component.html.pl-PL.i18n.data-CPhu_VAe.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-loading-content.component.html.de-DE.i18n.data-AfhtQMVb.mjs')).default }, "src/lib/taon-loading-content/taon-loading-content.component.ts": { "en-US": async () => (await import('./ui-browser-prod-taon-loading-content.component.ts.en-US.i18n.data-C7p1lMAB.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-loading-content.component.ts.pl-PL.i18n.data-BPn8xslp.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-loading-content.component.ts.de-DE.i18n.data-CexekjCM.mjs')).default } });
+class TaonLoadingContentComponent {
+    constructor() {
+        this.t = t$2.for(this);
+        /**
+         * Estimated number of characters in the content.
+         * Used to approximate the number of skeleton lines.
+         */
+        this.estimatedContentLength = input(500, ...(ngDevMode ? [{ debugName: "estimatedContentLength" }] : []));
+        this.charactersPerLine = 75;
+        this.lines = computed(() => {
+            const length = Math.max(0, this.estimatedContentLength());
+            const count = Math.max(1, Math.ceil(length / this.charactersPerLine));
+            return Array.from({ length: count }, (_, index) => {
+                const isLast = index === count - 1;
+                if (isLast) {
+                    const remaining = length % this.charactersPerLine;
+                    return remaining === 0
+                        ? 75
+                        : Math.max(25, Math.min(100, (remaining / this.charactersPerLine) * 100));
+                }
+                const widths = [100, 96, 88, 98, 92, 100, 85];
+                return widths[index % widths.length];
+            });
+        }, ...(ngDevMode ? [{ debugName: "lines" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonLoadingContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TaonLoadingContentComponent, isStandalone: true, selector: "taon-loading-content", inputs: { estimatedContentLength: { classPropertyName: "estimatedContentLength", publicName: "estimatedContentLength", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n  class=\"loading-content\"\n  role=\"status\"\n  aria-label=\"Loading content\"\n  aria-busy=\"true\">\n  @for (line of lines(); track $index) {\n    <div\n      class=\"skeleton-line\"\n      [style.width.%]=\"line\"></div>\n  }\n  <span class=\"sr-only\">{{ t.gettext('Loading content...') }}</span>\n</div>\n", styles: [":host{display:block;width:100%}.loading-content{width:100%;padding:4px 0}.skeleton-line{height:14px;margin-bottom:12px;border-radius:4px;background:linear-gradient(90deg,var(--taon-skeleton-base, #e5e7eb) 25%,var(--taon-skeleton-highlight, #f3f4f6) 50%,var(--taon-skeleton-base, #e5e7eb) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.skeleton-line:last-of-type{margin-bottom:0}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.skeleton-line{animation:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonLoadingContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'taon-loading-content', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"loading-content\"\n  role=\"status\"\n  aria-label=\"Loading content\"\n  aria-busy=\"true\">\n  @for (line of lines(); track $index) {\n    <div\n      class=\"skeleton-line\"\n      [style.width.%]=\"line\"></div>\n  }\n  <span class=\"sr-only\">{{ t.gettext('Loading content...') }}</span>\n</div>\n", styles: [":host{display:block;width:100%}.loading-content{width:100%;padding:4px 0}.skeleton-line{height:14px;margin-bottom:12px;border-radius:4px;background:linear-gradient(90deg,var(--taon-skeleton-base, #e5e7eb) 25%,var(--taon-skeleton-highlight, #f3f4f6) 50%,var(--taon-skeleton-base, #e5e7eb) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.skeleton-line:last-of-type{margin-bottom:0}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.skeleton-line{animation:none}}\n"] }]
+        }], propDecorators: { estimatedContentLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "estimatedContentLength", required: false }] }] } });
+
 const t$1 = Translation.for('src/lib/taon-purchase-status/taon-purchase-status.dialog.component.ts', { "src/lib/taon-purchase-status/taon-purchase-status.dialog.component.html": { "en-US": async () => (await import('./ui-browser-prod-taon-purchase-status.dialog.component.html.en-US.i18n.data-BFtzBKfN.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-purchase-status.dialog.component.html.pl-PL.i18n.data-CMbQlaXm.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-purchase-status.dialog.component.html.de-DE.i18n.data-C8_MpyI6.mjs')).default }, "src/lib/taon-purchase-status/taon-purchase-status.dialog.component.ts": { "en-US": async () => (await import('./ui-browser-prod-taon-purchase-status.dialog.component.ts.en-US.i18n.data-Cj2C2xZ1.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-purchase-status.dialog.component.ts.pl-PL.i18n.data-k-t-Qgq-.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-purchase-status.dialog.component.ts.de-DE.i18n.data-CzDYtLyI.mjs')).default } });
 class TaonPurchaseStatusDialogComponent {
     constructor(data) {
@@ -2847,5 +2927,5 @@ var index = {};
  * Generated bundle index. Do not edit.
  */
 
-export { APP_ID, BUILD_BASE_HREF, BUILD_FRAMEWORK_CLI_NAME, CURRENT_PACKAGE_TAON_VERSION, CURRENT_PACKAGE_VERSION, PROJECT_NPM_NAME, TAON_IS_DETACHED_WINDOW, TaonAdminContentFooterService, TaonAdminLayoutComponent, TaonAdminMenuContext, TaonAdminPageTabsComponent, TaonAdminWelcomeComponent, TaonAdminWelcomeRoutes, TaonBackofficeNotificationsComponent, TaonBackofficeNotificationsService, TaonBaseAdminLayoutPage, TaonBaselineBackofficeOutletName, TaonConfirmDialogComponent, TaonDatatableComponent, TaonDatatableRoutes, TaonDetachableDialogContentComponent, TaonDetachedWindowComponent, TaonDetachedWindowsHostComponent, TaonDetachedWindowsService, TaonDraggableButtonPanelComponent, TaonDraggableButtonPanelRoutes, TaonDraggableButtonPanelState, TaonErrorDetailsDialogComponent, TaonErrorToastComponent, TaonHorizontalWheelScrollDirective, TaonItemsHamburgerComponent, TaonPurchaseStatusDialogComponent, TaonUnderConstructionComponent, adminLazyRoute, myOrgProj, resolveTaonAdminMenuItem, startCli };
+export { APP_ID, BUILD_BASE_HREF, BUILD_FRAMEWORK_CLI_NAME, CURRENT_PACKAGE_TAON_VERSION, CURRENT_PACKAGE_VERSION, PROJECT_NPM_NAME, TAON_IS_DETACHED_WINDOW, TaonAdminContentFooterService, TaonAdminLayoutComponent, TaonAdminMenuContext, TaonAdminPageTabsComponent, TaonAdminWelcomeComponent, TaonAdminWelcomeRoutes, TaonBackofficeNotificationsComponent, TaonBackofficeNotificationsService, TaonBaseAdminLayoutPage, TaonBaselineBackofficeOutletName, TaonConfirmDialogComponent, TaonDatatableComponent, TaonDatatableRoutes, TaonDetachableDialogContentComponent, TaonDetachedWindowComponent, TaonDetachedWindowsHostComponent, TaonDetachedWindowsService, TaonDraggableButtonPanelComponent, TaonDraggableButtonPanelRoutes, TaonDraggableButtonPanelState, TaonErrorDetailsDialogComponent, TaonErrorToastComponent, TaonHorizontalWheelScrollDirective, TaonItemsHamburgerComponent, TaonLoadingContentComponent, TaonPurchaseStatusDialogComponent, TaonUnderConstructionComponent, adminLazyRoute, createTableEditor, editorTableSchema, insertTable, myOrgProj, resolveTaonAdminMenuItem, startCli };
 //# sourceMappingURL=ui-browser-prod.mjs.map