@taon-dev/ui 21.0.13 → 21.0.15

package/ts-source/websql-code-prod/i18n/lib.translation.ts

@@ -0,0 +1,17 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { CoreModels__NS__BaseProjectType, CoreModels__NS__BaseProjectTypeArr, CoreModels__NS__BuildType, CoreModels__NS__BuildTypeArr, CoreModels__NS__buildTypeToWatcherFn, CoreModels__NS__BuildWatcherErrorType, CoreModels__NS__BuildWatcherType, CoreModels__NS__BuildWatcherTypeArr, CoreModels__NS__CfontAlign, CoreModels__NS__CfontStyle, CoreModels__NS__ClassNameStaticProperty, CoreModels__NS__ContentType, CoreModels__NS__ContentTypeKeys, CoreModels__NS__CoreLibCategory, CoreModels__NS__CutableFileExt, CoreModels__NS__DatabaseType, CoreModels__NS__DeepPartial, CoreModels__NS__FileEvent, CoreModels__NS__FileExtension, CoreModels__NS__FirstParamsFrom, CoreModels__NS__FrameworkVersion, CoreModels__NS__GitConnection, CoreModels__NS__GitConnectionArr, CoreModels__NS__GlobalDependencies, CoreModels__NS__hasExitCleaningFunction, CoreModels__NS__HttpCode, CoreModels__NS__HttpMethod, CoreModels__NS__HttpMethodArr, CoreModels__NS__ImageFileExtension, CoreModels__NS__ImageFileExtensionArr, CoreModels__NS__InstalationType, CoreModels__NS__InstalationTypeArr, CoreModels__NS__LibType, CoreModels__NS__localhostDomain, CoreModels__NS__localhostIp127, CoreModels__NS__ManifestIcon, CoreModels__NS__MediaType, CoreModels__NS__MediaTypeAllArr, CoreModels__NS__mimeTypes, CoreModels__NS__NewFactoryType, CoreModels__NS__NpmInstallOptions, CoreModels__NS__NpmPublishOptions, CoreModels__NS__NpmSpecialVersions, CoreModels__NS__OrignalClassKey, CoreModels__NS__OutFolder, CoreModels__NS__Package, CoreModels__NS__ParamType, CoreModels__NS__parentLocation, CoreModels__NS__pathToChildren, CoreModels__NS__Position, CoreModels__NS__PreReleaseVersionTag, CoreModels__NS__PROGRESS_DATA_TYPE, CoreModels__NS__PUSHTYPE, CoreModels__NS__PwaManifest, CoreModels__NS__ReleaseVersionType, CoreModels__NS__ReleaseVersionTypeEnum, CoreModels__NS__RunOptions, CoreModels__NS__Size, CoreModels__NS__SPECIAL_APP_READY_MESSAGE, CoreModels__NS__SPECIAL_WORKER_READY_MESSAGE, CoreModels__NS__StatusCode401, CoreModels__NS__tagForTaskName, CoreModels__NS__TaonHttpErrorCustomProp, CoreModels__NS__TsUsage, CoreModels__NS__UIFramework, CoreModels__NS__ValueOf, CoreModels__NS__VSCodeSettings } from 'tnp-core/websql-prod';
+import { EnUsTraslationOverrideSrcLibMyOrganizationProjTs } from './my-organization-proj.ts.en-US.i18n.data';
+import { PlPlTraslationOverrideSrcLibMyOrganizationProjTs } from './my-organization-proj.ts.pl-PL.i18n.data';
+;
+export type LibOverride = CoreModels__NS__DeepPartial<EnUsTraslationOverrideSrcLibMyOrganizationProjTs | PlPlTraslationOverrideSrcLibMyOrganizationProjTs>;

package/ts-source/websql-code-prod/i18n/my-organization-proj.ts.en-US.i18n.data.ts

@@ -0,0 +1,28 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export interface EnUsTraslationOverrideSrcLibMyOrganizationProjTs {
+    "en-US": {
+        "": {
+            "My Translated Company Name!"?: string;
+        };
+    };
+}
+export default {
+    "fileRelativePath": "src/lib/my-organization-proj.ts",
+    "tags": [
+        {
+            "gettextString": "My Translated Company Name!",
+            "lineNumber": 7
+        }
+    ]
+};

package/ts-source/websql-code-prod/i18n/my-organization-proj.ts.en-US.po

@@ -0,0 +1,9 @@
+msgid ""
+msgstr ""
+"Language: en-US\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+
+#: src/lib/my-organization-proj.ts:7
+msgid "My Translated Company Name!"
+msgstr ""

package/ts-source/websql-code-prod/i18n/my-organization-proj.ts.pl-PL.i18n.data.ts

@@ -0,0 +1,29 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export interface PlPlTraslationOverrideSrcLibMyOrganizationProjTs {
+    "pl-PL": {
+        "": {
+            "My Translated Company Name!"?: string;
+        };
+    };
+}
+export default {
+    "fileRelativePath": "src/lib/my-organization-proj.ts",
+    "tags": [
+        {
+            "gettextString": "My Translated Company Name!",
+            "lineNumber": 7,
+            "translation": "Moja Przetłumaczona Nazwa Firmy"
+        }
+    ]
+};

package/ts-source/websql-code-prod/i18n/my-organization-proj.ts.pl-PL.po

@@ -0,0 +1,9 @@
+msgid ""
+msgstr ""
+"Language: pl-PL\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+
+#: src/lib/my-organization-proj.ts:7
+msgid "My Translated Company Name!"
+msgstr "Moja Przetłumaczona Nazwa Firmy"

package/ts-source/websql-code-prod/index._auto-generated_.split-namespaces.json

@@ -0,0 +1,4 @@
+{
+  "namespacesMapObj": {},
+  "namespacesReplace": {}
+}

package/ts-source/websql-code-prod/index._auto-generated_.ts

@@ -0,0 +1,38 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export * from './build-info._auto-generated_';
+export * from './my-organization-proj';
+export * from './start-cli';
+export * from './directives/taon-horizontal-wheel-scrolling.directive';
+export * from './i18n/lib.translation';
+export * from './taon-admin-layout/taon-admin-layout.component';
+export * from './taon-admin-layout/taon-admin-layout.models';
+export * from './taon-admin-layout/taon-admin-menu-context';
+export * from './taon-admin-layout/taon-admin-page-tabs.component';
+export * from './taon-admin-layout/taon-base-admin-page.component';
+export * from './taon-backoffice-notifications/taon-backoffice-notifications.component';
+export * from './taon-backoffice-notifications/taon-backoffice-notifications.models';
+export * from './taon-backoffice-notifications/taon-backoffice-notifications.service';
+export * from './taon-backoffice-notifications/taon-error-details-dialog.component';
+export * from './taon-backoffice-notifications/taon-error-toast.component';
+export * from './taon-confirm-dialog/taon-confirm-dialog.component';
+export * from './taon-confirm-dialog/taon-confirm-dialog.models';
+export * from './taon-datatable/taon-datatable.component';
+export * from './taon-datatable/taon-datatable.models';
+export * from './taon-datatable/taon-datatable.routes';
+export * from './taon-draggable-button-panel/taon-draggable-button-panel.component';
+export * from './taon-draggable-button-panel/taon-draggable-button-panel.models';
+export * from './taon-draggable-button-panel/taon-draggable-button-panel.routes';
+export * from './taon-under-construction/taon-under-construction.component';
+export * from './taon-backoffice-notifications/i18n/taon-backoffice-notifications.translation';
+export * from './taon-under-construction/i18n/taon-under-construction.translation';

package/ts-source/websql-code-prod/index.scss

@@ -0,0 +1,11 @@
+/* ============================================================================
+ 
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+

package/ts-source/websql-code-prod/index.split-namespaces.json

@@ -0,0 +1,4 @@
+{
+  "namespacesMapObj": {},
+  "namespacesReplace": {}
+}

package/ts-source/websql-code-prod/index.ts

@@ -0,0 +1,16 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export * from './migrations';
+export * from './index._auto-generated_';
+export * from './my-organization-proj';
+export default {};

package/ts-source/websql-code-prod/lib-info.md

@@ -0,0 +1,8 @@
+THIS FILE IS GENERATED - DO NOT MODIFY
+
+This folder is an entry point for npm Angular/NodeJS library
+
+DON'T USE STUFF FROM PARENT FOLDER app.* FILES HERE (except src/migrations/** files).
+
+THIS FILE IS GENERATED - DO NOT MODIFY
+          

package/ts-source/websql-code-prod/migrations/index.split-namespaces.json

@@ -0,0 +1,4 @@
+{
+  "namespacesMapObj": {},
+  "namespacesReplace": {}
+}

package/ts-source/websql-code-prod/migrations/index.ts

@@ -0,0 +1,13 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export * from './migrations_index._auto-generated_';

package/ts-source/websql-code-prod/migrations/migrations-info.md

@@ -0,0 +1,6 @@
+THIS FILE IS GENERATED - DO NOT MODIFY
+
+This folder is only for storing migration files with auto-generated names.
+
+THIS FILE IS GENERATED - DO NOT MODIFY
+          

package/ts-source/websql-code-prod/migrations/migrations_index._auto-generated_.split-namespaces.json

@@ -0,0 +1,4 @@
+{
+  "namespacesMapObj": {},
+  "namespacesReplace": {}
+}

package/ts-source/websql-code-prod/migrations/migrations_index._auto-generated_.ts

@@ -0,0 +1,12 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+

package/ts-source/websql-code-prod/my-organization-proj.split-namespaces.json

@@ -0,0 +1,4 @@
+{
+  "namespacesMapObj": {},
+  "namespacesReplace": {}
+}

package/ts-source/websql-code-prod/my-organization-proj.ts

@@ -0,0 +1,18 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { Translation } from "@taon-dev/i18n/websql-prod";
+import { Taon__NS____FILE_RELATIVE_PATH, Taon__NS__asset, Taon__NS__assetsFrom, Taon__NS__assetsListFrom, Taon__NS__createContext, Taon__NS__createContextTemplate, Taon__NS__error, Taon__NS__getResponseValue, Taon__NS__isBrowser, Taon__NS__isElectron, Taon__NS__isNode, Taon__NS__isWebSQL, Taon__NS__LANG_IMPORT_MAP, Taon__NS__removeLoader, Taon__NS__Response, Taon__NS__ResponseHtml, Taon__NS__StartParams } from "taon/websql-prod";
+const t = Translation.for('src/lib/my-organization-proj.ts', { "src/lib/my-organization-proj.ts": { "en-US": async () => (await import('./i18n/my-organization-proj.ts.en-US.i18n.data')).default, "pl-PL": async () => (await import('./i18n/my-organization-proj.ts.pl-PL.i18n.data')).default } } as any);
+export function myOrgProj() {
+    t.gettext('My Translated Company Name!');
+}

package/ts-source/websql-code-prod/start-cli.split-namespaces.json

@@ -0,0 +1,4 @@
+{
+  "namespacesMapObj": {},
+  "namespacesReplace": {}
+}

package/ts-source/websql-code-prod/start-cli.ts

@@ -0,0 +1,43 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { UtilsJson__NS__AttrJsoncProp, UtilsJson__NS__getAtrributiesFromJsonWithComments, UtilsJson__NS__getAttributiesFromComment, UtilsJson__NS__getValue, UtilsJson__NS__readJson, UtilsJson__NS__readJsonWithComments, UtilsJson__NS__setValue, UtilsJson__NS__validateLodashPath } from 'tnp-core/websql-prod';
+import { BaseCommandLineFeature, Helpers__NS___fixCommand, Helpers__NS__ActionInstance, Helpers__NS__actionStarted, Helpers__NS__bigMaxBuffer, Helpers__NS__checkProcess, Helpers__NS__cleanExit, Helpers__NS__clearConsole, Helpers__NS__command, Helpers__NS__commandOutputAsString, Helpers__NS__commandOutputAsStringAsync, Helpers__NS__contain, Helpers__NS__createFolder, Helpers__NS__createSymLink, Helpers__NS__error, Helpers__NS__execute, Helpers__NS__exists, Helpers__NS__filesFrom, Helpers__NS__foldersFrom, Helpers__NS__getFilesFrom, Helpers__NS__getFoldersFrom, Helpers__NS__getIsBrowser, Helpers__NS__getIsElectron, Helpers__NS__getIsNode, Helpers__NS__getIsRunningInGitBash, Helpers__NS__getIsSupportedTaonTerminal, Helpers__NS__getIsVerboseMode, Helpers__NS__getIsVerboseModeOrTnp, Helpers__NS__getIsWebSQL, Helpers__NS__getIsWsl, Helpers__NS__getStdio, Helpers__NS__hideNodeWarnings, Helpers__NS__info, Helpers__NS__isBlob, Helpers__NS__isBuffer, Helpers__NS__isClass, Helpers__NS__isExistedSymlink, Helpers__NS__isFile, Helpers__NS__isFolder, Helpers__NS__isRunningInDocker, Helpers__NS__isRunningInLinuxGraphicsCapableEnvironment, Helpers__NS__isSymlinkFileExitedOrUnexisted, Helpers__NS__isSymlinkThatMatchesUrl, Helpers__NS__isUnexistedLink, Helpers__NS__killOnPort, Helpers__NS__killProcess, Helpers__NS__killProcessByPort, Helpers__NS__linksToFolderFrom, Helpers__NS__linksToFoldersFrom, Helpers__NS__log, Helpers__NS__logError, Helpers__NS__logInfo, Helpers__NS__logProc, Helpers__NS__logSuccess, Helpers__NS__logTaskDone, Helpers__NS__logTaskStarted, Helpers__NS__logWarn, Helpers__NS__mediaTypeFromSrc, Helpers__NS__mkdirp, Helpers__NS__modifyLineByLine, Helpers__NS__msgCacheClear, Helpers__NS__openFolderInFileExplorer, Helpers__NS__parse, Helpers__NS__pathContainLink, Helpers__NS__questionYesNo, Helpers__NS__readFile, Helpers__NS__readJson, Helpers__NS__readJson5, Helpers__NS__readJsonC, Helpers__NS__relative, Helpers__NS__remove, Helpers__NS__removeEmptyLineFromString, Helpers__NS__removeFileIfExists, Helpers__NS__removeFolderIfExists, Helpers__NS__removeIfExists, Helpers__NS__removeSlashAtBegin, Helpers__NS__removeSlashAtEnd, Helpers__NS__removeSymlinks, Helpers__NS__renderError, Helpers__NS__replaceLinesInFile, Helpers__NS__run, Helpers__NS__runAsyncIn, Helpers__NS__runSyncIn, Helpers__NS__runSyncOrAsync, Helpers__NS__sleep, Helpers__NS__stopApplication, Helpers__NS__stringify, Helpers__NS__success, Helpers__NS__taskDone, Helpers__NS__taskStarted, Helpers__NS__throwError, Helpers__NS__timeout, Helpers__NS__tryCatchError, Helpers__NS__tryReadFile, Helpers__NS__tryRemoveDir, Helpers__NS__values, Helpers__NS__wait, Helpers__NS__warn, Helpers__NS__writeFile, Helpers__NS__writeJson, Helpers__NS__writeJson5, Helpers__NS__writeJsonC } from 'tnp-helpers/websql-prod';
+class $Global extends BaseCommandLineFeature<{}> {
+    public _() {
+        console.log(`Hello world from cli`);
+        this._exit();
+    }
+    helloWorldFromGlobalArg() {
+        console.log('hello world from global argument!');
+        this._exit(0);
+    }
+}
+class $Version extends BaseCommandLineFeature<{
+    anyCLIparamsHere: string;
+}> {
+    public _() {
+        console.log(`Hello world from version argument`);
+        this._exit();
+    }
+    public getFromPackageJson() {
+        const ver = UtilsJson__NS__getValue(this.project.pathFor('package.json'), 'version', {
+            defaultValue: '<not defined>',
+        });
+        console.log(`Version from packageJson ${ver}`);
+        this._exit(0);
+    }
+}
+export async function startCli(argsv: string[], filename: string): Promise<void> {
+    return (void 0);
+}
+export default startCli;

package/ts-source/websql-code-prod/taon-admin-layout/index.split-namespaces.json

@@ -0,0 +1,4 @@
+{
+  "namespacesMapObj": {},
+  "namespacesReplace": {}
+}

package/ts-source/websql-code-prod/taon-admin-layout/index.ts

@@ -0,0 +1,13 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export * from './taon-admin-layout.component';

package/ts-source/websql-code-prod/taon-admin-layout/taon-admin-layout.component.html

@@ -0,0 +1,245 @@
+<!--
+==============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/ui project repository
+  for watch development of third party modules like this.
+  
+==============================================================================
+-->
+
+<div
+  #layout
+  class="admin-layout"
+  [class.admin-layout-dialog]="isDialogMode"
+  [style.width.px]="layoutWidth() || null"
+  [style.height.px]="layoutHeight() || null">
+  
+  
+  
+
+  <header class="admin-header">
+    <button
+      mat-icon-button
+      type="button"
+      aria-label="Toggle admin menu"
+      class="admin-menu-button"
+      (click)="toggleAside()">
+      <mat-icon>menu</mat-icon>
+    </button>
+
+    <div class="admin-header-content">
+      <ng-content select="[header]" />
+    </div>
+  </header>
+
+  
+  
+  
+
+  <div class="admin-body">
+    
+    
+    
+
+    @if (asideOpened()) {
+      <div
+        class="admin-aside-backdrop"
+        (click)="closeAside()"></div>
+    }
+
+    
+    
+    
+
+    <aside
+      class="admin-aside"
+      [class.admin-aside-open]="asideOpened()">
+      
+      
+      
+
+      <div class="admin-aside-content">
+        <mat-accordion class="admin-menu">
+          @for (level1 of routes; track level1.path) {
+            @if (menuContext.isVisible(level1)) {
+              @if (isExpandable(level1)) {
+                <mat-expansion-panel
+                  [disabled]="menuContext.isDisabled(level1)"
+                  [expanded]="
+                    isLevel1Active(level1) && !menuContext.isDisabled(level1)
+                  "
+                  (expandedChange)="panelExpanded(level1, $event)">
+                  <mat-expansion-panel-header
+                    [class.admin-menu-item-disabled]="
+                      menuContext.isDisabled(level1)
+                    "
+                    [matTooltip]="menuContext.disabledTooltip(level1)"
+                    (click)="level1Clicked(level1)">
+                    <mat-panel-title>
+                      <div class="admin-menu-item">
+                        @if (icon(level1)) {
+                          <mat-icon
+                            [ngStyle]="{
+                              color: color(level1),
+                            }">
+                            {{ icon(level1) }}
+                          </mat-icon>
+                        }
+
+                        <span
+                          [class.font-semibold]="isLevel1Active(level1)"
+                          [ngStyle]="{
+                            color: color(level1),
+                          }">
+                          {{ label(level1) }}
+                        </span>
+                      </div>
+                    </mat-panel-title>
+                  </mat-expansion-panel-header>
+
+                  <div class="admin-level2">
+                    @if (isLoading(level1)) {
+                      <div class="admin-loading">Loading...</div>
+                    } @else {
+                      @for (
+                        level2 of getLevel2Routes(level1);
+                        track level2.path
+                      ) {
+                        @if (menuContext.isVisible(level2)) {
+                          <a
+                            class="admin-level2-item"
+                            role="button"
+                            [attr.tabindex]="
+                              menuContext.isDisabled(level2) ? -1 : 0
+                            "
+                            [attr.aria-disabled]="
+                              menuContext.isDisabled(level2)
+                            "
+                            [class.admin-menu-item-disabled]="
+                              menuContext.isDisabled(level2)
+                            "
+                            [matTooltip]="menuContext.disabledTooltip(level2)"
+                            [class.admin-level2-item-active]="
+                              isLevel2Active(level1, level2)
+                            "
+                            (click)="level2Clicked(level1, level2)"
+                            (keydown.enter)="level2Clicked(level1, level2)"
+                            (keydown.space)="
+                              $event.preventDefault();
+                              level2Clicked(level1, level2)
+                            ">
+                            @if (icon(level2)) {
+                              <mat-icon
+                                [ngStyle]="{
+                                  color: color(level2),
+                                }">
+                                {{ icon(level2) }}
+                              </mat-icon>
+                            }
+
+                            <span
+                              [ngStyle]="{
+                                color: color(level2),
+                              }">
+                              {{ label(level2) }}
+                            </span>
+                          </a>
+                        }
+                      }
+                    }
+                  </div>
+                </mat-expansion-panel>
+              } @else {
+                <a
+                  class="admin-level1-item"
+                  role="button"
+                  [attr.tabindex]="menuContext.isDisabled(level1) ? -1 : 0"
+                  [attr.aria-disabled]="menuContext.isDisabled(level1)"
+                  [class.admin-menu-item-disabled]="
+                    menuContext.isDisabled(level1)
+                  "
+                  [matTooltip]="menuContext.disabledTooltip(level1)"
+                  [class.admin-level1-item-active]="isLevel1Active(level1)"
+                  (click)="level1Clicked(level1)"
+                  (keydown.enter)="level1Clicked(level1)"
+                  (keydown.space)="
+                    $event.preventDefault(); level1Clicked(level1)
+                  ">
+                  @if (icon(level1)) {
+                    <mat-icon
+                      [ngStyle]="{
+                        color: color(level1),
+                      }">
+                      {{ icon(level1) }}
+                    </mat-icon>
+                  }
+
+                  <span
+                    [ngStyle]="{
+                      color: color(level1),
+                    }">
+                    {{ label(level1) }}
+                  </span>
+                </a>
+              }
+            }
+          }
+        </mat-accordion>
+      </div>
+
+      
+      
+      
+
+      <footer class="admin-aside-footer">
+        <ng-content select="[asideFooter]" />
+      </footer>
+    </aside>
+
+    
+    
+    
+
+    <main class="admin-main">
+      
+      
+      
+
+      <taon-admin-page-tabs
+        class="admin-tabs"
+        [routes]="routes"
+        [basePath]="basePath"
+        [outlet]="outlet" />
+
+      
+      
+      
+
+      <div class="admin-content">
+        <router-outlet />
+      </div>
+
+      
+      
+      
+
+      <footer class="admin-content-footer">
+        <ng-content select="[contentFooter]" />
+      </footer>
+    </main>
+  </div>
+
+  
+  
+  
+
+  @if (isDialogMode) {
+    <div
+      class="admin-resize-handle"
+      (pointerdown)="startResize($event)"></div>
+  }
+</div>