@taon-dev/ui 21.0.2

package/browser-prod.re-export.json

@@ -0,0 +1 @@
+{}

package/browser-prod.split-namespaces.json

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

package/cli.d.ts

@@ -0,0 +1 @@
+export { startCli } from './index';

package/cli.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.startCli = void 0;
+//#region @backend
+var index_1 = require("./index");
+Object.defineProperty(exports, "startCli", { enumerable: true, get: function () { return index_1.startCli; } });
+//#endregion
+//# sourceMappingURL=cli.js.map

package/cli.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli.js","sourceRoot":"","sources":[""],"names":[],"mappings":";;;AAAA,kBAAkB;AAClB,iCAAmC;AAA1B,iGAAA,QAAQ,OAAA;AACjB,YAAY"}

package/html/app/main/main.container.html

@@ -0,0 +1,18 @@
+<taon-admin-layout
+  [routes]="adminRoutes"
+  outlet="admin"
+  basePath="/main">
+  <div
+    header
+    class="flex h-16 items-center px-6">
+    <a href="/#">
+      <strong>My Application</strong>
+    </a>
+  </div>
+
+  <div
+    asideFooter
+    class="text-xs text-gray-500">
+    Taon Admin v1.0
+  </div>
+</taon-admin-layout>

package/html/app/main/routes/dashboard/dashboard.component.html

@@ -0,0 +1,4 @@
+<router-outlet></router-outlet>
+<p>
+  dashboard works!
+</p>

package/html/app/main/routes/session/providers/provider-info/provider-info.component.html

@@ -0,0 +1,4 @@
+<router-outlet></router-outlet>
+<p>
+  provider-info works!
+</p>

package/html/app/main/routes/session/providers/provider-items/provider-info-comparasion/provider-info-comparasion.component.html

@@ -0,0 +1,4 @@
+<router-outlet></router-outlet>
+<p>
+  provider-info-comparasion works!
+</p>

package/html/app/main/routes/session/providers/provider-items/provider-items.component.html

@@ -0,0 +1,4 @@
+<router-outlet></router-outlet>
+<p>
+  provider-items works!
+</p>

package/html/app/main/routes/session/providers/providers.component.html

@@ -0,0 +1,4 @@
+<router-outlet></router-outlet>
+<p>
+  providers works!
+</p>

package/html/app/main/routes/session/session.component.html

@@ -0,0 +1,4 @@
+<router-outlet></router-outlet>
+<p>
+  session works!
+</p>

package/html/app/main/routes/session/tracking/tracking.component.html

@@ -0,0 +1,4 @@
+<router-outlet></router-outlet>
+<p>
+  tracking works!
+</p>

package/html/app/main/routes/users/manager/manager.component.html

@@ -0,0 +1,4 @@
+<router-outlet></router-outlet>
+<p>
+  manager works!
+</p>

package/html/app/main/routes/users/users.component.html

@@ -0,0 +1,91 @@
+<router-outlet></router-outlet>
+<p>users works!</p>
+
+<p>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eget imperdiet
+  turpis, ac bibendum elit. Aliquam pellentesque fringilla lacus, at faucibus
+  felis ultrices non. Integer scelerisque magna nec dolor congue molestie.
+  Phasellus eget massa luctus, finibus risus quis, eleifend dui. Maecenas congue
+  congue massa sed malesuada. Sed eget ex id mi ultrices cursus. Duis
+  pellentesque consectetur eleifend. Fusce euismod, nulla tincidunt hendrerit
+  commodo, tellus ante lobortis diam, vel rutrum tellus leo ac nisi. Cras
+  iaculis, orci in accumsan auctor, ipsum augue vestibulum ex, quis blandit leo
+  augue ut nisl. Quisque at purus nisl. Aenean bibendum dui elit, a egestas
+  lorem interdum nec. Mauris dignissim ex pellentesque odio dignissim, sit amet
+  volutpat mauris bibendum. Nunc tempus nulla ac odio mollis aliquet. Nullam
+  turpis lorem, ornare vel nunc eget, lacinia eleifend mauris. Aliquam ut nisi
+  ac elit convallis eleifend. Vivamus tempor varius mauris eget fermentum.
+  Vivamus vitae purus leo. Nunc massa sem, cursus et ante sit amet, pulvinar
+  maximus tortor. Interdum et malesuada fames ac ante ipsum primis in faucibus.
+  Integer porttitor, sapien sagittis tempor fringilla, sem purus finibus nunc,
+  sed iaculis neque justo vel purus. Nunc in dolor ac justo aliquet condimentum
+  vitae ac nisl. Sed maximus interdum erat eu iaculis. Nulla elementum, odio a
+  lobortis sollicitudin, nulla nibh cursus magna, eu pretium sapien magna vitae
+  elit. Proin tempor vulputate nunc, ac elementum sem pharetra a. Cras blandit,
+  lacus eu molestie scelerisque, orci eros malesuada odio, nec ullamcorper augue
+  mauris mollis ante. Aenean purus ipsum, ornare ac lacinia at, pharetra vel
+  quam. Nunc tincidunt ipsum non magna lacinia, nec tincidunt turpis fermentum.
+  Aliquam convallis turpis non purus laoreet, non elementum purus fermentum.
+  Vestibulum eu augue non lorem dignissim luctus. Donec venenatis ante ultrices,
+  commodo nulla sed, ornare felis. In ac libero risus. Vivamus sit amet egestas
+  augue. Integer volutpat libero ut iaculis placerat. Etiam vitae mauris
+  eleifend, sagittis lacus nec, lobortis nulla. Suspendisse potenti. Nam eget
+  interdum lectus. Cras lectus mauris, tempus et sodales nec, venenatis non
+  mauris. Aenean ultrices at velit at venenatis. Vivamus tincidunt interdum ex,
+  non mollis neque posuere gravida. Curabitur id leo eget libero condimentum
+  mattis. Sed et libero arcu. Cras eget massa egestas, rutrum ex non, molestie
+  eros. Nulla consequat mauris efficitur urna venenatis tempus id et magna.
+  Proin at elit eu mauris gravida condimentum. Ut placerat nulla ac nibh laoreet
+  tristique et vel lacus. Ut congue aliquet lacinia. Nullam vestibulum metus at
+  lectus auctor ornare. Sed a feugiat purus, nec scelerisque leo. Nulla ut purus
+  vitae felis lacinia pellentesque ac in ligula. Etiam tempus est ut magna
+  blandit, ac volutpat erat tempus. Praesent euismod massa elit, pharetra
+  sodales est rhoncus a. Nulla tristique diam vel lacus lacinia placerat. Nunc
+  laoreet diam porttitor, feugiat justo eu, rhoncus enim. Aenean iaculis lacinia
+  est, non fringilla risus consequat maximus. Maecenas congue, ante vel
+  tincidunt fringilla, risus tellus sodales odio, ullamcorper mattis metus justo
+  a lorem.
+</p>
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eget imperdiet
+turpis, ac bibendum elit. Aliquam pellentesque fringilla lacus, at faucibus
+felis ultrices non. Integer scelerisque magna nec dolor congue molestie.
+Phasellus eget massa luctus, finibus risus quis, eleifend dui. Maecenas congue
+congue massa sed malesuada. Sed eget ex id mi ultrices cursus. Duis pellentesque
+consectetur eleifend. Fusce euismod, nulla tincidunt hendrerit commodo, tellus
+ante lobortis diam, vel rutrum tellus leo ac nisi. Cras iaculis, orci in
+accumsan auctor, ipsum augue vestibulum ex, quis blandit leo augue ut nisl.
+Quisque at purus nisl. Aenean bibendum dui elit, a egestas lorem interdum nec.
+Mauris dignissim ex pellentesque odio dignissim, sit amet volutpat mauris
+bibendum. Nunc tempus nulla ac odio mollis aliquet. Nullam turpis lorem, ornare
+vel nunc eget, lacinia eleifend mauris. Aliquam ut nisi ac elit convallis
+eleifend. Vivamus tempor varius mauris eget fermentum. Vivamus vitae purus leo.
+Nunc massa sem, cursus et ante sit amet, pulvinar maximus tortor. Interdum et
+malesuada fames ac ante ipsum primis in faucibus. Integer porttitor, sapien
+sagittis tempor fringilla, sem purus finibus nunc, sed iaculis neque justo vel
+purus. Nunc in dolor ac justo aliquet condimentum vitae ac nisl. Sed maximus
+interdum erat eu iaculis. Nulla elementum, odio a lobortis sollicitudin, nulla
+nibh cursus magna, eu pretium sapien magna vitae elit. Proin tempor vulputate
+nunc, ac elementum sem pharetra a. Cras blandit, lacus eu molestie scelerisque,
+orci eros malesuada odio, nec ullamcorper augue mauris mollis ante. Aenean purus
+ipsum, ornare ac lacinia at, pharetra vel quam. Nunc tincidunt ipsum non magna
+lacinia, nec tincidunt turpis fermentum. Aliquam convallis turpis non purus
+laoreet, non elementum purus fermentum. Vestibulum eu augue non lorem dignissim
+luctus. Donec venenatis ante ultrices, commodo nulla sed, ornare felis. In ac
+libero risus. Vivamus sit amet egestas augue. Integer volutpat libero ut iaculis
+placerat. Etiam vitae mauris eleifend, sagittis lacus nec, lobortis nulla.
+Suspendisse potenti. Nam eget interdum lectus. Cras lectus mauris, tempus et
+sodales nec, venenatis non mauris. Aenean ultrices at velit at venenatis.
+Vivamus tincidunt interdum ex, non mollis neque posuere gravida. Curabitur id
+leo eget libero condimentum mattis. Sed et libero arcu. Cras eget massa egestas,
+rutrum ex non, molestie eros. Nulla consequat mauris efficitur urna venenatis
+tempus id et magna. Proin at elit eu mauris gravida condimentum. Ut placerat
+nulla ac nibh laoreet tristique et vel lacus. Ut congue aliquet lacinia. Nullam
+vestibulum metus at lectus auctor ornare. Sed a feugiat purus, nec scelerisque
+leo. Nulla ut purus vitae felis lacinia pellentesque ac in ligula. Etiam tempus
+est ut magna blandit, ac volutpat erat tempus. Praesent euismod massa elit,
+pharetra sodales est rhoncus a. Nulla tristique diam vel lacus lacinia placerat.
+Nunc laoreet diam porttitor, feugiat justo eu, rhoncus enim. Aenean iaculis
+lacinia est, non fringilla risus consequat maximus. Maecenas congue, ante vel
+tincidunt fringilla, risus tellus sodales odio, ullamcorper mattis metus justo a
+lorem.

package/html/app/other-suff/other-suff.component.html

@@ -0,0 +1,4 @@
+<router-outlet></router-outlet>
+<p>
+  other-suff works!
+</p>

package/html/assets/generated/pwa/html-pwa.html

@@ -0,0 +1,60 @@
+<link rel="icon" type="image/x-icon" href="/assets/assets-for/ui/assets/generated/pwa/favicon.ico">
+<link rel="icon" type="image/png" sizes="16x16" href="/assets/assets-for/ui/assets/generated/pwa/favicon-16x16.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/assets/assets-for/ui/assets/generated/pwa/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="48x48" href="/assets/assets-for/ui/assets/generated/pwa/favicon-48x48.png">
+<link rel="manifest" href="/assets/assets-for/ui/assets/generated/pwa/manifest.webmanifest">
+<meta name="mobile-web-app-capable" content="yes">
+<meta name="theme-color" content="#fff">
+<meta name="application-name">
+<link rel="apple-touch-icon" sizes="57x57" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-icon-57x57.png">
+<link rel="apple-touch-icon" sizes="60x60" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-icon-60x60.png">
+<link rel="apple-touch-icon" sizes="72x72" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-icon-72x72.png">
+<link rel="apple-touch-icon" sizes="76x76" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-icon-76x76.png">
+<link rel="apple-touch-icon" sizes="114x114" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-icon-114x114.png">
+<link rel="apple-touch-icon" sizes="120x120" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-icon-120x120.png">
+<link rel="apple-touch-icon" sizes="144x144" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-icon-144x144.png">
+<link rel="apple-touch-icon" sizes="152x152" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-icon-152x152.png">
+<link rel="apple-touch-icon" sizes="167x167" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-icon-167x167.png">
+<link rel="apple-touch-icon" sizes="180x180" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-icon-180x180.png">
+<link rel="apple-touch-icon" sizes="1024x1024" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-icon-1024x1024.png">
+<meta name="apple-mobile-web-app-capable" content="yes">
+<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+<meta name="apple-mobile-web-app-title">
+<link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-640x1136.png">
+<link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1136x640.png">
+<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-750x1334.png">
+<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1334x750.png">
+<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1125x2436.png">
+<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2436x1125.png">
+<link rel="apple-touch-startup-image" media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1170x2532.png">
+<link rel="apple-touch-startup-image" media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2532x1170.png">
+<link rel="apple-touch-startup-image" media="(device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1179x2556.png">
+<link rel="apple-touch-startup-image" media="(device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2556x1179.png">
+<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-828x1792.png">
+<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1792x828.png">
+<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1242x2688.png">
+<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2688x1242.png">
+<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1242x2208.png">
+<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2208x1242.png">
+<link rel="apple-touch-startup-image" media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1284x2778.png">
+<link rel="apple-touch-startup-image" media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2778x1284.png">
+<link rel="apple-touch-startup-image" media="(device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1290x2796.png">
+<link rel="apple-touch-startup-image" media="(device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2796x1290.png">
+<link rel="apple-touch-startup-image" media="(device-width: 744px) and (device-height: 1133px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1488x2266.png">
+<link rel="apple-touch-startup-image" media="(device-width: 744px) and (device-height: 1133px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2266x1488.png">
+<link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1536x2048.png">
+<link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2048x1536.png">
+<link rel="apple-touch-startup-image" media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1620x2160.png">
+<link rel="apple-touch-startup-image" media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2160x1620.png">
+<link rel="apple-touch-startup-image" media="(device-width: 820px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1640x2160.png">
+<link rel="apple-touch-startup-image" media="(device-width: 820px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2160x1640.png">
+<link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1668x2388.png">
+<link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2388x1668.png">
+<link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1668x2224.png">
+<link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2224x1668.png">
+<link rel="apple-touch-startup-image" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2048x2732.png">
+<link rel="apple-touch-startup-image" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2732x2048.png">
+<meta name="msapplication-TileColor" content="#fff">
+<meta name="msapplication-TileImage" content="/assets/assets-for/ui/assets/generated/pwa/mstile-144x144.png">
+<meta name="msapplication-config" content="/assets/assets-for/ui/assets/generated/pwa/browserconfig.xml">
+<link rel="yandex-tableau-widget" href="/assets/assets-for/ui/assets/generated/pwa/yandex-browser-manifest.json">

package/html/imports.html

@@ -0,0 +1,3 @@
+<!-- PUT YOUR HTML IMPORTS HERE -->
+
+<link rel="stylesheet" href="/src/assets/css/primeicons/primeicons.css">

package/html/lib/taon-admin-layout/taon-admin-layout.component.html

@@ -0,0 +1,176 @@
+<div class="flex h-dvh min-h-0 flex-col overflow-hidden">
+  <!-- ============================================================= -->
+  <!-- HEADER -->
+  <!-- ============================================================= -->
+
+  <header
+    class="flex h-16 shrink-0 items-center border-b border-gray-200 bg-white">
+    <!-- hamburger ALWAYS visible -->
+    <button
+      mat-icon-button
+      type="button"
+      aria-label="Toggle admin menu"
+      class="mx-2 shrink-0 cursor-pointer"
+      (click)="toggleAside()">
+      <mat-icon>menu</mat-icon>
+    </button>
+
+    <div class="min-w-0 flex-1">
+      <ng-content select="[header]" />
+    </div>
+  </header>
+
+  <!-- ============================================================= -->
+  <!-- BODY -->
+  <!-- ============================================================= -->
+
+  <div class="relative flex min-h-0 flex-1 overflow-hidden">
+    <!-- =========================================================== -->
+    <!-- MOBILE BACKDROP -->
+    <!-- =========================================================== -->
+
+    @if (asideOpened()) {
+      <div
+        class="absolute inset-0 z-20 bg-black/30 md:hidden"
+        (click)="closeAside()"></div>
+    }
+
+    <!-- =========================================================== -->
+    <!-- ASIDE -->
+    <!-- =========================================================== -->
+
+    <aside
+      class="absolute inset-y-0 left-0 z-30 flex min-h-0 flex-col border-r border-gray-200 bg-white transition-[width,transform] duration-200 md:relative md:inset-auto md:z-auto md:translate-x-0"
+      [class.w-72]="asideOpened()"
+      [class.-translate-x-full]="!asideOpened()"
+      [class.translate-x-0]="asideOpened()"
+      [class.md:w-72]="asideOpened()"
+      [class.md:w-0]="!asideOpened()"
+      [class.md:overflow-hidden]="!asideOpened()">
+      <!-- ========================================================= -->
+      <!-- SCROLLABLE ASIDE CONTENT -->
+      <!-- ========================================================= -->
+
+      <div class="min-h-0 flex-1 overflow-y-auto">
+        <mat-accordion class="admin-menu">
+          @for (level1 of routes; track level1.path) {
+            <!-- =================================================== -->
+            <!-- EXPANDABLE LEVEL 1 -->
+            <!-- =================================================== -->
+
+            @if (isExpandable(level1)) {
+              <mat-expansion-panel
+                [expanded]="isLevel1Active(level1)"
+                (expandedChange)="panelExpanded(level1, $event)">
+                <!-- ================================================= -->
+                <!-- LEVEL 1 -->
+                <!-- ================================================= -->
+
+                <mat-expansion-panel-header (click)="level1Clicked(level1)">
+                  <mat-panel-title>
+                    <div class="flex items-center gap-3">
+                      @if (icon(level1)) {
+                        <mat-icon>
+                          {{ icon(level1) }}
+                        </mat-icon>
+                      }
+
+                      <span [class.font-semibold]="isLevel1Active(level1)">
+                        {{ label(level1) }}
+                      </span>
+                    </div>
+                  </mat-panel-title>
+                </mat-expansion-panel-header>
+
+                <!-- ================================================= -->
+                <!-- LEVEL 2 -->
+                <!-- ================================================= -->
+
+                <div class="flex flex-col">
+                  @if (isLoading(level1)) {
+                    <div class="px-4 py-2 text-sm text-gray-400">
+                      Loading...
+                    </div>
+                  } @else {
+                    @for (
+                      level2 of getLevel2Routes(level1);
+                      track level2.path
+                    ) {
+                      <a
+                        (click)="level2Clicked(level1, level2)"
+                        class="flex cursor-pointer items-center gap-3 px-6 py-2.5 text-sm transition-colors hover:bg-gray-100"
+                        [class.bg-gray-100]="isLevel2Active(level1, level2)"
+                        [class.font-semibold]="isLevel2Active(level1, level2)">
+                        @if (icon(level2)) {
+                          <mat-icon>
+                            {{ icon(level2) }}
+                          </mat-icon>
+                        }
+
+                        <span>
+                          {{ label(level2) }}
+                        </span>
+                      </a>
+                    }
+                  }
+                </div>
+              </mat-expansion-panel>
+            } @else {
+              <!-- ================================================= -->
+              <!-- NON-EXPANDABLE LEVEL 1 -->
+              <!-- ================================================= -->
+
+              <a
+                (click)="level1Clicked(level1)"
+                class="flex h-14 cursor-pointer items-center gap-3 px-6 transition-colors hover:bg-gray-100"
+                [class.bg-gray-100]="isLevel1Active(level1)"
+                [class.font-semibold]="isLevel1Active(level1)">
+                @if (icon(level1)) {
+                  <mat-icon>
+                    {{ icon(level1) }}
+                  </mat-icon>
+                }
+
+                <span>
+                  {{ label(level1) }}
+                </span>
+              </a>
+            }
+          }
+        </mat-accordion>
+      </div>
+
+      <!-- ========================================================= -->
+      <!-- ASIDE FOOTER - ALWAYS VISIBLE -->
+      <!-- ========================================================= -->
+
+      <footer class="shrink-0 border-t border-gray-200 bg-white p-3">
+        <ng-content select="[asideFooter]" />
+      </footer>
+    </aside>
+
+    <!-- =========================================================== -->
+    <!-- MAIN -->
+    <!-- =========================================================== -->
+
+    <main class="flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden">
+      <!-- ========================================================= -->
+      <!-- LEVEL 3+ TABS -->
+      <!-- ========================================================= -->
+
+      <taon-admin-page-tabs
+        class="shrink-0"
+        [routes]="routes"
+        [basePath]="basePath"
+        [outlet]="outlet" />
+
+      <!-- ========================================================= -->
+      <!-- ROUTER CONTENT -->
+      <!-- ========================================================= -->
+
+      <div class="min-h-0 flex-1 overflow-y-auto p-4 md:p-6">
+        <router-outlet />
+      </div>
+    </main>
+  </div>
+</div>

package/html/lib/taon-admin-layout/taon-admin-page-tabs.component.html

@@ -0,0 +1,21 @@
+@if (levels().length) {
+  <div class="shrink-0 border-b border-gray-200 bg-white">
+    @for (level of levels(); track level.level) {
+      <nav
+        mat-tab-nav-bar
+        [tabPanel]="tabPanel">
+        @for (route of level.routes; track route.path) {
+          <a
+            mat-tab-link
+            class="cursor-pointer"
+            [active]="isActive(level, route)"
+            (click)="tabClicked(level, route)">
+            {{ label(route) }}
+          </a>
+        }
+      </nav>
+    }
+  </div>
+}
+
+<mat-tab-nav-panel #tabPanel> </mat-tab-nav-panel>

package/html/lib/taon-draggable-button-panel/taon-draggable-button-panel.component.html

@@ -0,0 +1,109 @@
+@if (currentState() === State.CLICKABLE_BUTTON) {
+  <!-- ============================================================ -->
+  <!-- BUTTON -->
+  <!-- ============================================================ -->
+
+  <button
+    mat-icon-button
+    type="button"
+    [matTooltip]="title"
+    (click)="open()">
+    <mat-icon>
+      {{ buttonIcon }}
+    </mat-icon>
+  </button>
+} @else {
+  <!-- ============================================================ -->
+  <!-- PANEL -->
+  <!-- ============================================================ -->
+
+  <section
+    cdkDrag
+    [cdkDragDisabled]="!isDraggingEnabled()"
+    class="taon-draggable-panel"
+    [class.taon-window]="currentState() === State.WINDOW"
+    [class.taon-fullscreen]="
+      currentState() === State.FULL_SCREEN_DRAGGABLE ||
+      currentState() === State.FULL_SCREEN_LOCKED
+    ">
+    <!-- ========================================================== -->
+    <!-- WINDOW BAR / DRAG HANDLE -->
+    <!-- ========================================================== -->
+
+    <header
+      cdkDragHandle
+      class="taon-window-bar">
+      <div class="flex min-w-0 flex-1 items-center gap-2">
+        <mat-icon class="text-gray-500"> admin_panel_settings </mat-icon>
+
+        <span class="truncate font-medium">
+          {{ title }}
+        </span>
+      </div>
+
+      <div class="flex shrink-0 items-center">
+        <!-- WINDOW MODE -->
+
+        @if (currentState() !== State.WINDOW) {
+          <button
+            mat-icon-button
+            type="button"
+            matTooltip="Window mode"
+            (click)="windowMode()">
+            <mat-icon> filter_none </mat-icon>
+          </button>
+        }
+
+        <!-- FULLSCREEN -->
+
+        @if (currentState() === State.WINDOW) {
+          <button
+            mat-icon-button
+            type="button"
+            matTooltip="Full screen"
+            (click)="fullScreenDraggable()">
+            <mat-icon> fullscreen </mat-icon>
+          </button>
+        }
+
+        <!-- LOCK -->
+
+        @if (currentState() !== State.FULL_SCREEN_LOCKED) {
+          <button
+            mat-icon-button
+            type="button"
+            matTooltip="Lock full screen"
+            (click)="lockFullScreen()">
+            <mat-icon> lock_open </mat-icon>
+          </button>
+        } @else {
+          <button
+            mat-icon-button
+            type="button"
+            matTooltip="Unlock"
+            (click)="fullScreenDraggable()">
+            <mat-icon> lock </mat-icon>
+          </button>
+        }
+
+        <!-- RETURN TO BUTTON -->
+
+        <button
+          mat-icon-button
+          type="button"
+          matTooltip="Close admin panel"
+          (click)="returnToButton()">
+          <mat-icon> close </mat-icon>
+        </button>
+      </div>
+    </header>
+
+    <!-- ========================================================== -->
+    <!-- CONTENT -->
+    <!-- ========================================================== -->
+
+    <div class="min-h-0 flex-1 overflow-hidden">
+      <ng-content />
+    </div>
+  </section>
+}

package/i18n/app.ts.en-US.i18n.data.d.ts

@@ -0,0 +1,15 @@
+export interface EnUsTraslationOverrideSrcAppTs {
+    "en-US": {
+        "": {
+            "Example users from backend API:"?: string;
+        };
+    };
+}
+declare const _default: {
+    fileRelativePath: string;
+    tags: {
+        gettextString: string;
+        lineNumber: number;
+    }[];
+};
+export default _default;

package/i18n/app.ts.en-US.i18n.data.js

@@ -0,0 +1,2 @@
+/* skipping app files for release build */ 
+//# sourceMappingURL=app.ts.en-US.i18n.data.js.map

package/i18n/app.ts.en-US.i18n.data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.ts.en-US.i18n.data.js","sourceRoot":"","sources":[""],"names":[],"mappings":"AAAA,0CAA0C"}

package/i18n/app.ts.pl-PL.i18n.data.d.ts

@@ -0,0 +1,16 @@
+export interface PlPlTraslationOverrideSrcAppTs {
+    "pl-PL": {
+        "": {
+            "Example users from backend API:"?: string;
+        };
+    };
+}
+declare const _default: {
+    fileRelativePath: string;
+    tags: {
+        gettextString: string;
+        lineNumber: number;
+        translation: string;
+    }[];
+};
+export default _default;

package/i18n/app.ts.pl-PL.i18n.data.js

@@ -0,0 +1,2 @@
+/* skipping app files for release build */ 
+//# sourceMappingURL=app.ts.pl-PL.i18n.data.js.map

package/i18n/app.ts.pl-PL.i18n.data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.ts.pl-PL.i18n.data.js","sourceRoot":"","sources":[""],"names":[],"mappings":"AAAA,0CAA0C"}

package/i18n/src.translation.d.ts

@@ -0,0 +1,4 @@
+import { CoreModels } from 'tnp-core';
+import { EnUsTraslationOverrideSrcAppTs } from './app.ts.en-US.i18n.data';
+import { PlPlTraslationOverrideSrcAppTs } from './app.ts.pl-PL.i18n.data';
+export type SrcOverride = CoreModels.DeepPartial<EnUsTraslationOverrideSrcAppTs | PlPlTraslationOverrideSrcAppTs>;

package/i18n/src.translation.js

@@ -0,0 +1,2 @@
+/* skipping app files for release build */ 
+//# sourceMappingURL=src.translation.js.map

package/i18n/src.translation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"src.translation.js","sourceRoot":"","sources":[""],"names":[],"mappings":"AAAA,0CAA0C"}