@taon-dev/ui 21.0.4 → 21.0.5

package/lib/taon-backoffice-notifications/i18n/taon-backoffice-notifications.component.ts.pl-PL.i18n.data.js

@@ -7,7 +7,7 @@ exports.default = {
     "tags": [
         {
             "gettextString": "Unknown error",
-            "lineNumber": 54
+            "lineNumber": 64
         }
     ]
 };

package/lib/taon-backoffice-notifications/taon-backoffice-notifications.component.d.ts

@@ -4,6 +4,7 @@ export declare class TaonBackofficeNotificationsComponent {
     t: Translation;
     private readonly notification;
     private readonly destroyRef;
+    private readonly taonAdminService;
     filter: (err: HttpResponseError<RestErrorResponseWrapper>) => HttpResponseError<RestErrorResponseWrapper>;
     constructor();
 }

package/lib/taon-datatable/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1790536668306 = dummy1790536668306;
-function dummy1790536668306() { }
+exports.dummy1791556646505 = dummy1791556646505;
+function dummy1791556646505() { }
 //# sourceMappingURL=index.js.map

package/lib/taon-datatable/taon-datatable.component.d.ts

@@ -40,8 +40,11 @@ export declare class TaonDatatableComponent implements OnInit {
     private readonly reload$;
     private readonly searchChange$;
     readonly data$: Observable<any[]>;
+    expandedRows: Set<any>;
     get entity(): typeof TaonBaseEntity | undefined;
     get filterableColumns(): MtxGridColumn[];
+    onExpansionChange(event: any): void;
+    isExpanded(row: any): boolean;
     ngOnInit(): void;
     searchChanged(value: string): void;
     clearSearch(): void;

package/lib/taon-draggable-button-panel/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1790536668324 = dummy1790536668324;
-function dummy1790536668324() { }
+exports.dummy1791556646522 = dummy1791556646522;
+function dummy1791556646522() { }
 //# sourceMappingURL=index.js.map

package/lib-esm/lib/build-info._auto-generated_.d.ts

@@ -21,4 +21,4 @@ export declare const CURRENT_PACKAGE_TAON_VERSION = "v21";
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-export declare const CURRENT_PACKAGE_VERSION = "21.0.4";
+export declare const CURRENT_PACKAGE_VERSION = "21.0.5";

package/lib-esm/lib/build-info._auto-generated_.js

@@ -22,6 +22,6 @@ export const CURRENT_PACKAGE_TAON_VERSION = 'v21';
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-export const CURRENT_PACKAGE_VERSION = '21.0.4';
+export const CURRENT_PACKAGE_VERSION = '21.0.5';
 // THIS FILE IS GENERATED - DO NOT MODIFY
 //# sourceMappingURL=build-info._auto-generated_.js.map

package/lib-esm/lib/taon-admin-layout/index.d.ts

@@ -1 +1 @@
-export declare function dummy1790536668255(): void;
+export declare function dummy1791556646453(): void;

package/lib-esm/lib/taon-admin-layout/index.js

@@ -1,2 +1,2 @@
-export function dummy1790536668255() { }
+export function dummy1791556646453() { }
 //# sourceMappingURL=index.js.map

package/lib-esm/lib/taon-admin-layout/taon-admin-layout.models.d.ts

@@ -8,7 +8,7 @@ export interface TaonAdminRoute extends Route {
     loadAdminChildren?: () => Promise<TaonAdminRoutes>;
 }
 export type TaonAdminRoutes = TaonAdminRoute[];
-type MaterialIcon = 'manage_accounts' | 'dashboard' | 'home' | 'settings' | 'admin_panel_settings' | 'person' | 'people' | 'group' | 'groups' | 'account_circle' | 'login' | 'logout' | 'lock' | 'lock_open' | 'security' | 'key' | 'verified_user' | 'shield' | 'email' | 'mail' | 'inbox' | 'send' | 'campaign' | 'notifications' | 'article' | 'description' | 'edit' | 'add' | 'delete' | 'delete_forever' | 'restore_from_trash' | 'content_copy' | 'save' | 'search' | 'filter_list' | 'refresh' | 'sync' | 'more_vert' | 'more_horiz' | 'menu' | 'close' | 'check' | 'done' | 'warning' | 'error' | 'info' | 'help' | 'visibility' | 'visibility_off' | 'folder' | 'folder_open' | 'upload' | 'download' | 'cloud' | 'cloud_upload' | 'storage' | 'database' | 'dns' | 'code' | 'terminal' | 'api' | 'extension' | 'web' | 'language' | 'public' | 'link' | 'shopping_cart' | 'shopping_bag' | 'store' | 'inventory' | 'inventory_2' | 'payments' | 'payment' | 'credit_card' | 'receipt' | 'receipt_long' | 'sell' | 'local_shipping' | 'analytics' | 'bar_chart' | 'pie_chart' | 'query_stats' | 'monitoring' | 'trending_up' | 'history' | 'schedule' | 'calendar_month' | 'build' | 'tune' | 'apps' | 'widgets' | 'category' | 'supervisor_account' | 'approval' | 'family_group' | 'recent_actors';
+type MaterialIcon = 'manage_accounts' | 'dashboard' | 'home' | 'settings' | 'admin_panel_settings' | 'person' | 'people' | 'group' | 'groups' | 'account_circle' | 'login' | 'logout' | 'lock' | 'lock_open' | 'security' | 'key' | 'verified_user' | 'shield' | 'email' | 'mail' | 'inbox' | 'send' | 'campaign' | 'notifications' | 'article' | 'description' | 'edit' | 'add' | 'delete' | 'delete_forever' | 'restore_from_trash' | 'content_copy' | 'save' | 'search' | 'filter_list' | 'refresh' | 'sync' | 'more_vert' | 'more_horiz' | 'menu' | 'close' | 'check' | 'done' | 'warning' | 'error' | 'info' | 'help' | 'visibility' | 'visibility_off' | 'folder' | 'folder_open' | 'upload' | 'download' | 'cloud' | 'cloud_upload' | 'storage' | 'database' | 'dns' | 'code' | 'terminal' | 'api' | 'extension' | 'web' | 'language' | 'public' | 'link' | 'shopping_cart' | 'shopping_bag' | 'store' | 'inventory' | 'inventory_2' | 'payments' | 'payment' | 'credit_card' | 'receipt' | 'receipt_long' | 'sell' | 'local_shipping' | 'analytics' | 'bar_chart' | 'pie_chart' | 'query_stats' | 'monitoring' | 'trending_up' | 'history' | 'schedule' | 'calendar_month' | 'build' | 'tune' | 'apps' | 'widgets' | 'category' | 'supervisor_account' | 'approval' | 'family_group' | 'recent_actors' | 'perm_media';
 export interface TaonAdminRouteOptions {
     path: string;
     color?: string;

package/lib-esm/lib/taon-admin-layout/taon-admin-layout.models.js.map

@@ -1 +1 @@
-{"version":3,"file":"taon-admin-layout.models.js","sourceRoot":"","sources":[""],"names":[],"mappings":"AA6HA,MAAM,CAAC,MAAM,gCAAgC,GAAG,OAAO,CAAC;AAExD,MAAM,UAAU,cAAc,CAAC,OAA8B;IAC3D,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,GACzE,OAAO,CAAC;IAEV,OAAO;QACL,IAAI;QAEJ,IAAI,EAAE;YACJ,QAAQ;YACR,KAAK;YACL,IAAI;YACJ,UAAU;YACV,gBAAgB;SACjB;QAED,YAAY,EAAE,MAAM;QACpB,iBAAiB,EAAE,MAAM;KAC1B,CAAC;AACJ,CAAC"}
+{"version":3,"file":"taon-admin-layout.models.js","sourceRoot":"","sources":[""],"names":[],"mappings":"AA8HA,MAAM,CAAC,MAAM,gCAAgC,GAAG,OAAO,CAAC;AAExD,MAAM,UAAU,cAAc,CAAC,OAA8B;IAC3D,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,GACzE,OAAO,CAAC;IAEV,OAAO;QACL,IAAI;QAEJ,IAAI,EAAE;YACJ,QAAQ;YACR,KAAK;YACL,IAAI;YACJ,UAAU;YACV,gBAAgB;SACjB;QAED,YAAY,EAAE,MAAM;QACpB,iBAAiB,EAAE,MAAM;KAC1B,CAAC;AACJ,CAAC"}

package/lib-esm/lib/taon-backoffice-notifications/i18n/taon-backoffice-notifications.component.ts.en-US.i18n.data.js

@@ -5,7 +5,7 @@ export default {
     "tags": [
         {
             "gettextString": "Unknown error",
-            "lineNumber": 54
+            "lineNumber": 64
         }
     ]
 };

package/lib-esm/lib/taon-backoffice-notifications/i18n/taon-backoffice-notifications.component.ts.pl-PL.i18n.data.js

@@ -5,7 +5,7 @@ export default {
     "tags": [
         {
             "gettextString": "Unknown error",
-            "lineNumber": 54
+            "lineNumber": 64
         }
     ]
 };

package/lib-esm/lib/taon-datatable/index.d.ts

@@ -1 +1 @@
-export declare function dummy1790536668306(): void;
+export declare function dummy1791556646505(): void;

package/lib-esm/lib/taon-datatable/index.js

@@ -1,2 +1,2 @@
-export function dummy1790536668306() { }
+export function dummy1791556646505() { }
 //# sourceMappingURL=index.js.map

package/lib-esm/lib/taon-draggable-button-panel/index.d.ts

@@ -1 +1 @@
-export declare function dummy1790536668324(): void;
+export declare function dummy1791556646522(): void;

package/lib-esm/lib/taon-draggable-button-panel/index.js

@@ -1,2 +1,2 @@
-export function dummy1790536668324() { }
+export function dummy1791556646522() { }
 //# sourceMappingURL=index.js.map

package/lib-prod/build-info._auto-generated_.d.ts

@@ -21,4 +21,4 @@ export declare const CURRENT_PACKAGE_TAON_VERSION = "v21";
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-export declare const CURRENT_PACKAGE_VERSION = "21.0.4";
+export declare const CURRENT_PACKAGE_VERSION = "21.0.5";

package/lib-prod/build-info._auto-generated_.js

@@ -22,6 +22,6 @@ export const CURRENT_PACKAGE_TAON_VERSION = 'v21';
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-export const CURRENT_PACKAGE_VERSION = '21.0.4';
+export const CURRENT_PACKAGE_VERSION = '21.0.5';
 // THIS FILE IS GENERATED - DO NOT MODIFY
 //# sourceMappingURL=build-info._auto-generated_.js.map

package/lib-prod/package.json

@@ -1,4 +1,4 @@
 {
   "name": "@taon-dev/ui/lib-prod",
-  "version": "21.0.4"
+  "version": "21.0.5"
 }

package/lib-prod/taon-admin-layout/index.d.ts

@@ -1 +1 @@
-export declare function dummy1790536686411(): void;
+export declare function dummy1791556664217(): void;

package/lib-prod/taon-admin-layout/index.js

@@ -1,2 +1,2 @@
-export function dummy1790536686411() { }
+export function dummy1791556664217() { }
 //# sourceMappingURL=index.js.map

package/lib-prod/taon-admin-layout/taon-admin-layout.models.d.ts

@@ -8,7 +8,7 @@ export interface TaonAdminRoute extends Route {
     loadAdminChildren?: () => Promise<TaonAdminRoutes>;
 }
 export type TaonAdminRoutes = TaonAdminRoute[];
-type MaterialIcon = 'manage_accounts' | 'dashboard' | 'home' | 'settings' | 'admin_panel_settings' | 'person' | 'people' | 'group' | 'groups' | 'account_circle' | 'login' | 'logout' | 'lock' | 'lock_open' | 'security' | 'key' | 'verified_user' | 'shield' | 'email' | 'mail' | 'inbox' | 'send' | 'campaign' | 'notifications' | 'article' | 'description' | 'edit' | 'add' | 'delete' | 'delete_forever' | 'restore_from_trash' | 'content_copy' | 'save' | 'search' | 'filter_list' | 'refresh' | 'sync' | 'more_vert' | 'more_horiz' | 'menu' | 'close' | 'check' | 'done' | 'warning' | 'error' | 'info' | 'help' | 'visibility' | 'visibility_off' | 'folder' | 'folder_open' | 'upload' | 'download' | 'cloud' | 'cloud_upload' | 'storage' | 'database' | 'dns' | 'code' | 'terminal' | 'api' | 'extension' | 'web' | 'language' | 'public' | 'link' | 'shopping_cart' | 'shopping_bag' | 'store' | 'inventory' | 'inventory_2' | 'payments' | 'payment' | 'credit_card' | 'receipt' | 'receipt_long' | 'sell' | 'local_shipping' | 'analytics' | 'bar_chart' | 'pie_chart' | 'query_stats' | 'monitoring' | 'trending_up' | 'history' | 'schedule' | 'calendar_month' | 'build' | 'tune' | 'apps' | 'widgets' | 'category' | 'supervisor_account' | 'approval' | 'family_group' | 'recent_actors';
+type MaterialIcon = 'manage_accounts' | 'dashboard' | 'home' | 'settings' | 'admin_panel_settings' | 'person' | 'people' | 'group' | 'groups' | 'account_circle' | 'login' | 'logout' | 'lock' | 'lock_open' | 'security' | 'key' | 'verified_user' | 'shield' | 'email' | 'mail' | 'inbox' | 'send' | 'campaign' | 'notifications' | 'article' | 'description' | 'edit' | 'add' | 'delete' | 'delete_forever' | 'restore_from_trash' | 'content_copy' | 'save' | 'search' | 'filter_list' | 'refresh' | 'sync' | 'more_vert' | 'more_horiz' | 'menu' | 'close' | 'check' | 'done' | 'warning' | 'error' | 'info' | 'help' | 'visibility' | 'visibility_off' | 'folder' | 'folder_open' | 'upload' | 'download' | 'cloud' | 'cloud_upload' | 'storage' | 'database' | 'dns' | 'code' | 'terminal' | 'api' | 'extension' | 'web' | 'language' | 'public' | 'link' | 'shopping_cart' | 'shopping_bag' | 'store' | 'inventory' | 'inventory_2' | 'payments' | 'payment' | 'credit_card' | 'receipt' | 'receipt_long' | 'sell' | 'local_shipping' | 'analytics' | 'bar_chart' | 'pie_chart' | 'query_stats' | 'monitoring' | 'trending_up' | 'history' | 'schedule' | 'calendar_month' | 'build' | 'tune' | 'apps' | 'widgets' | 'category' | 'supervisor_account' | 'approval' | 'family_group' | 'recent_actors' | 'perm_media';
 export interface TaonAdminRouteOptions {
     path: string;
     color?: string;

package/lib-prod/taon-admin-layout/taon-admin-layout.models.js.map

@@ -1 +1 @@
-{"version":3,"file":"taon-admin-layout.models.js","sourceRoot":"","sources":[""],"names":[],"mappings":"AA6HA,MAAM,CAAC,MAAM,gCAAgC,GAAG,OAAO,CAAC;AAExD,MAAM,UAAU,cAAc,CAAC,OAA8B;IAC3D,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,GACzE,OAAO,CAAC;IAEV,OAAO;QACL,IAAI;QAEJ,IAAI,EAAE;YACJ,QAAQ;YACR,KAAK;YACL,IAAI;YACJ,UAAU;YACV,gBAAgB;SACjB;QAED,YAAY,EAAE,MAAM;QACpB,iBAAiB,EAAE,MAAM;KAC1B,CAAC;AACJ,CAAC"}
+{"version":3,"file":"taon-admin-layout.models.js","sourceRoot":"","sources":[""],"names":[],"mappings":"AA8HA,MAAM,CAAC,MAAM,gCAAgC,GAAG,OAAO,CAAC;AAExD,MAAM,UAAU,cAAc,CAAC,OAA8B;IAC3D,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,GACzE,OAAO,CAAC;IAEV,OAAO;QACL,IAAI;QAEJ,IAAI,EAAE;YACJ,QAAQ;YACR,KAAK;YACL,IAAI;YACJ,UAAU;YACV,gBAAgB;SACjB;QAED,YAAY,EAAE,MAAM;QACpB,iBAAiB,EAAE,MAAM;KAC1B,CAAC;AACJ,CAAC"}

package/lib-prod/taon-backoffice-notifications/i18n/taon-backoffice-notifications.component.ts.en-US.i18n.data.js

@@ -5,7 +5,7 @@ export default {
     "tags": [
         {
             "gettextString": "Unknown error",
-            "lineNumber": 54
+            "lineNumber": 64
         }
     ]
 };

package/lib-prod/taon-backoffice-notifications/i18n/taon-backoffice-notifications.component.ts.pl-PL.i18n.data.js

@@ -5,7 +5,7 @@ export default {
     "tags": [
         {
             "gettextString": "Unknown error",
-            "lineNumber": 54
+            "lineNumber": 64
         }
     ]
 };

package/lib-prod/taon-datatable/index.d.ts

@@ -1 +1 @@
-export declare function dummy1790536686462(): void;
+export declare function dummy1791556664273(): void;

package/lib-prod/taon-datatable/index.js

@@ -1,2 +1,2 @@
-export function dummy1790536686462() { }
+export function dummy1791556664273() { }
 //# sourceMappingURL=index.js.map

package/lib-prod/taon-draggable-button-panel/index.d.ts

@@ -1 +1 @@
-export declare function dummy1790536686481(): void;
+export declare function dummy1791556664291(): void;

package/lib-prod/taon-draggable-button-panel/index.js

@@ -1,2 +1,2 @@
-export function dummy1790536686481() { }
+export function dummy1791556664291() { }
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taon-dev/ui",
-  "version": "21.0.4",
+  "version": "21.0.5",
   "scripts": {
     "taon init": "taon init",
     "taon start": "taon start",

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

@@ -1,40 +1,99 @@
 :host {
   display: block;
+  width: 100%;
   height: 100%;
+  min-width: 0;
   min-height: 0;
 }
 
-.admin-menu {
-  mat-expansion-panel {
-    border-radius: 0 !important;
-    box-shadow: none !important;
-    border-bottom: 1px solid var(--mat-sys-outline-variant);
-    margin-top: 0 !important;
-    margin-bottom: 0 !important;
-  }
+// ============================================================================
+// ROOT
+// ============================================================================
 
-  mat-expansion-panel:first-of-type,
-  mat-expansion-panel:last-of-type {
-    border-radius: 0 !important;
-  }
+.admin-layout {
+  position: relative;
 
-  mat-expansion-panel-header {
-    border-radius: 0 !important;
-  }
+  display: flex;
+  flex-direction: column;
+
+  min-width: 0;
+  min-height: 0;
+
+  overflow: hidden;
+
+  background: white;
+}
+
+.admin-layout-dialog {
+  min-width: 500px;
+  min-height: 350px;
+}
+
+// ============================================================================
+// HEADER
+// ============================================================================
+
+.admin-header {
+  display: flex;
+  align-items: center;
+
+  flex: 0 0 64px;
+  height: 64px;
+
+  border-bottom: 1px solid var(--mat-sys-outline-variant);
+  background: white;
+}
+
+.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;
+}
+
+// ============================================================================
+// BODY
+// ============================================================================
+
+.admin-body {
+  position: relative;
+
+  display: flex;
+
+  flex: 1 1 auto;
+
+  min-width: 0;
+  min-height: 0;
+
+  overflow: hidden;
 }
 
+// ============================================================================
+// ASIDE
+// ============================================================================
+
 .admin-aside {
   position: absolute;
-  inset-block: 0;
+
+  top: 0;
+  bottom: 0;
   left: 0;
+
   z-index: 30;
 
   display: flex;
   flex-direction: column;
 
-  width: 18rem;
+  width: 288px;
   min-height: 0;
 
+  overflow: hidden;
+
   background: white;
   border-right: 1px solid var(--mat-sys-outline-variant);
 
@@ -43,31 +102,228 @@
   transition:
     transform 200ms ease,
     width 200ms ease;
-
-  overflow: hidden;
 }
 
 .admin-aside-open {
   transform: translateX(0);
 }
 
-/* desktop */
+.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: white;
+}
+
+// ============================================================================
+// ASIDE MENU
+// ============================================================================
+
+.admin-menu {
+  display: block;
+
+  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);
+  }
+
+  mat-expansion-panel:first-of-type,
+  mat-expansion-panel:last-of-type,
+  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: 0.6;
+}
+
+// ============================================================================
+// MAIN
+// ============================================================================
+
+.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: white;
+}
+
+// ============================================================================
+// MOBILE
+// ============================================================================
+
+.admin-aside-backdrop {
+  position: absolute;
+
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+
+  z-index: 20;
+
+  background: rgba(0, 0, 0, 0.3);
+}
+
+// ============================================================================
+// DESKTOP
+// ============================================================================
+
 @media (min-width: 768px) {
   .admin-aside {
     position: relative;
-    inset: auto;
+
+    top: auto;
+    bottom: auto;
+    left: auto;
+
     z-index: auto;
 
     width: 0;
 
-    /*
-     * Desktop doesn't slide away.
-     * Its actual flex width changes.
-     */
     transform: none;
   }
 
   .admin-aside-open {
-    width: 18rem;
+    width: 288px;
+    min-width: 288px;
+  }
+
+  .admin-aside-backdrop {
+    display: none;
   }
+}
+
+// ============================================================================
+// RESIZE HANDLE
+// ============================================================================
+
+.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;
 }

package/websql/fesm2022/{ui-websql-taon-backoffice-notifications.component.ts.en-US.i18n.data-uyZjV7Qx.mjs → ui-websql-taon-backoffice-notifications.component.ts.en-US.i18n.data-DdHr5V8R.mjs}

@@ -5,11 +5,11 @@ var taonBackofficeNotifications_component_ts_enUS_i18n_data = {
     "tags": [
         {
             "gettextString": "Unknown error",
-            "lineNumber": 54
+            "lineNumber": 64
         }
     ]
 };
 // THIS FILE IS GENERATED - DO NOT MODIFY
 
 export { taonBackofficeNotifications_component_ts_enUS_i18n_data as default };
-//# sourceMappingURL=ui-websql-taon-backoffice-notifications.component.ts.en-US.i18n.data-uyZjV7Qx.mjs.map
+//# sourceMappingURL=ui-websql-taon-backoffice-notifications.component.ts.en-US.i18n.data-DdHr5V8R.mjs.map

package/websql/fesm2022/{ui-websql-taon-backoffice-notifications.component.ts.en-US.i18n.data-uyZjV7Qx.mjs.map → ui-websql-taon-backoffice-notifications.component.ts.en-US.i18n.data-DdHr5V8R.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ui-websql-taon-backoffice-notifications.component.ts.en-US.i18n.data-uyZjV7Qx.mjs","sources":["../../../tmp-libs-for-dist-websql/ui/projects/ui/src/lib/taon-backoffice-notifications/i18n/taon-backoffice-notifications.component.ts.en-US.i18n.data.ts"],"sourcesContent":["// THIS FILE IS GENERATED - DO NOT MODIFY\n\nexport interface EnUsTraslationOverrideSrcLibTaonBackofficeNotificationsTaonBackofficeNotificationsComponentTs {\n  \"en-US\": {\n  \"\": {\n    \"Unknown error\"?: string;\n  };\n\n  };\n}\n// THIS FILE IS GENERATED - DO NOT MODIFY\nexport default {\n  \"fileRelativePath\": \"src/lib/taon-backoffice-notifications/taon-backoffice-notifications.component.ts\",\n  \"tags\": [\n    {\n      \"gettextString\": \"Unknown error\",\n      \"lineNumber\": 54\n    }\n  ]\n};\n// THIS FILE IS GENERATED - DO NOT MODIFY\n"],"names":[],"mappings":"AAAA;AAUA;AACA,8DAAe;AACb,IAAA,kBAAkB,EAAE,kFAAkF;AACtG,IAAA,MAAM,EAAE;AACN,QAAA;AACE,YAAA,eAAe,EAAE,eAAe;AAChC,YAAA,YAAY,EAAE;AACf;AACF;CACF;AACD;;"}
+{"version":3,"file":"ui-websql-taon-backoffice-notifications.component.ts.en-US.i18n.data-DdHr5V8R.mjs","sources":["../../../tmp-libs-for-dist-websql/ui/projects/ui/src/lib/taon-backoffice-notifications/i18n/taon-backoffice-notifications.component.ts.en-US.i18n.data.ts"],"sourcesContent":["// THIS FILE IS GENERATED - DO NOT MODIFY\n\nexport interface EnUsTraslationOverrideSrcLibTaonBackofficeNotificationsTaonBackofficeNotificationsComponentTs {\n  \"en-US\": {\n  \"\": {\n    \"Unknown error\"?: string;\n  };\n\n  };\n}\n// THIS FILE IS GENERATED - DO NOT MODIFY\nexport default {\n  \"fileRelativePath\": \"src/lib/taon-backoffice-notifications/taon-backoffice-notifications.component.ts\",\n  \"tags\": [\n    {\n      \"gettextString\": \"Unknown error\",\n      \"lineNumber\": 64\n    }\n  ]\n};\n// THIS FILE IS GENERATED - DO NOT MODIFY\n"],"names":[],"mappings":"AAAA;AAUA;AACA,8DAAe;AACb,IAAA,kBAAkB,EAAE,kFAAkF;AACtG,IAAA,MAAM,EAAE;AACN,QAAA;AACE,YAAA,eAAe,EAAE,eAAe;AAChC,YAAA,YAAY,EAAE;AACf;AACF;CACF;AACD;;"}

package/websql/fesm2022/{ui-websql-taon-backoffice-notifications.component.ts.pl-PL.i18n.data-s0tK5HDk.mjs → ui-websql-taon-backoffice-notifications.component.ts.pl-PL.i18n.data-CD5ZqDCD.mjs}

@@ -5,11 +5,11 @@ var taonBackofficeNotifications_component_ts_plPL_i18n_data = {
     "tags": [
         {
             "gettextString": "Unknown error",
-            "lineNumber": 54
+            "lineNumber": 64
         }
     ]
 };
 // THIS FILE IS GENERATED - DO NOT MODIFY
 
 export { taonBackofficeNotifications_component_ts_plPL_i18n_data as default };
-//# sourceMappingURL=ui-websql-taon-backoffice-notifications.component.ts.pl-PL.i18n.data-s0tK5HDk.mjs.map
+//# sourceMappingURL=ui-websql-taon-backoffice-notifications.component.ts.pl-PL.i18n.data-CD5ZqDCD.mjs.map

package/websql/fesm2022/{ui-websql-taon-backoffice-notifications.component.ts.pl-PL.i18n.data-s0tK5HDk.mjs.map → ui-websql-taon-backoffice-notifications.component.ts.pl-PL.i18n.data-CD5ZqDCD.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ui-websql-taon-backoffice-notifications.component.ts.pl-PL.i18n.data-s0tK5HDk.mjs","sources":["../../../tmp-libs-for-dist-websql/ui/projects/ui/src/lib/taon-backoffice-notifications/i18n/taon-backoffice-notifications.component.ts.pl-PL.i18n.data.ts"],"sourcesContent":["// THIS FILE IS GENERATED - DO NOT MODIFY\n\nexport interface PlPlTraslationOverrideSrcLibTaonBackofficeNotificationsTaonBackofficeNotificationsComponentTs {\n  \"pl-PL\": {\n  \"\": {\n    \"Unknown error\"?: string;\n  };\n\n  };\n}\n// THIS FILE IS GENERATED - DO NOT MODIFY\nexport default {\n  \"fileRelativePath\": \"src/lib/taon-backoffice-notifications/taon-backoffice-notifications.component.ts\",\n  \"tags\": [\n    {\n      \"gettextString\": \"Unknown error\",\n      \"lineNumber\": 54\n    }\n  ]\n};\n// THIS FILE IS GENERATED - DO NOT MODIFY\n"],"names":[],"mappings":"AAAA;AAUA;AACA,8DAAe;AACb,IAAA,kBAAkB,EAAE,kFAAkF;AACtG,IAAA,MAAM,EAAE;AACN,QAAA;AACE,YAAA,eAAe,EAAE,eAAe;AAChC,YAAA,YAAY,EAAE;AACf;AACF;CACF;AACD;;"}
+{"version":3,"file":"ui-websql-taon-backoffice-notifications.component.ts.pl-PL.i18n.data-CD5ZqDCD.mjs","sources":["../../../tmp-libs-for-dist-websql/ui/projects/ui/src/lib/taon-backoffice-notifications/i18n/taon-backoffice-notifications.component.ts.pl-PL.i18n.data.ts"],"sourcesContent":["// THIS FILE IS GENERATED - DO NOT MODIFY\n\nexport interface PlPlTraslationOverrideSrcLibTaonBackofficeNotificationsTaonBackofficeNotificationsComponentTs {\n  \"pl-PL\": {\n  \"\": {\n    \"Unknown error\"?: string;\n  };\n\n  };\n}\n// THIS FILE IS GENERATED - DO NOT MODIFY\nexport default {\n  \"fileRelativePath\": \"src/lib/taon-backoffice-notifications/taon-backoffice-notifications.component.ts\",\n  \"tags\": [\n    {\n      \"gettextString\": \"Unknown error\",\n      \"lineNumber\": 64\n    }\n  ]\n};\n// THIS FILE IS GENERATED - DO NOT MODIFY\n"],"names":[],"mappings":"AAAA;AAUA;AACA,8DAAe;AACb,IAAA,kBAAkB,EAAE,kFAAkF;AACtG,IAAA,MAAM,EAAE;AACN,QAAA;AACE,YAAA,eAAe,EAAE,eAAe;AAChC,YAAA,YAAY,EAAE;AACf;AACF;CACF;AACD;;"}