@taon-dev/ui 21.0.27 → 21.0.28

package/browser-prod/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taon-dev/ui/browser-prod",
-  "version": "21.0.27",
+  "version": "21.0.28",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0"

package/browser-prod/types/ui-browser-prod.d.ts

@@ -9,7 +9,7 @@ import { HttpResponseError, RestErrorResponseWrapper } from 'ng2-rest/browser-pr
 import * as _ngneat_hot_toast from '@ngneat/hot-toast';
 import { PageEvent } from '@angular/material/paginator';
 import { MtxGridColumn } from '@ng-matero/extensions/grid';
-import { TaonBaseCrudController, TaonPaginationSort, TaonBaseEntity } from 'taon/browser-prod';
+import { TaonBaseCrudController, TaonPaginationSort, TaonBaseEntity, TaonAdminService } from 'taon/browser-prod';
 
 /**
  *  Autogenerated by current cli tool
@@ -34,7 +34,7 @@ declare const CURRENT_PACKAGE_TAON_VERSION = "v21";
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-declare const CURRENT_PACKAGE_VERSION = "21.0.27";
+declare const CURRENT_PACKAGE_VERSION = "21.0.28";
 
 declare function myOrgProj(): void;
 
@@ -595,6 +595,18 @@ declare class TaonDraggableButtonPanelComponent<TContext = unknown> implements O
 
 declare const TaonDraggableButtonPanelRoutes: Routes;
 
+declare class TaonItemsHamburgerComponent {
+    icon: string;
+    readonly taonAdminService: TaonAdminService;
+    private readonly elementRef;
+    readonly opened: i0.WritableSignal<boolean>;
+    toggle(event: MouseEvent): void;
+    onDocumentClick(event: MouseEvent): void;
+    onEscape(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TaonItemsHamburgerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TaonItemsHamburgerComponent, "taon-items-hamburger", never, { "icon": { "alias": "icon"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
 declare class TaonPurchaseStatusDialogComponent {
     data: {
         success: boolean;
@@ -618,5 +630,5 @@ declare class TaonUnderConstructionComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<TaonUnderConstructionComponent, "taon-under-construction", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-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, 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, TaonPurchaseStatusDialogComponent, TaonUnderConstructionComponent, adminLazyRoute, myOrgProj, resolveTaonAdminMenuItem, startCli };
 export type { TaonAdminMenuCallbacks, TaonAdminRoute, TaonAdminRouteOptions, TaonAdminRoutes, TaonAdminTabLevel, TaonConfirmDialogData, TaonDetachedRouteState, TaonDetachedWindow, TaonErrorDetailsDialogData, TaonErrorToastData, TaonNotificationInput, TaonNotificationOptions, TaonNotificationType };

package/full-dts/build-info._auto-generated_.d.ts

@@ -22,4 +22,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.27";
+export declare const CURRENT_PACKAGE_VERSION = "21.0.28";

package/full-dts/index._auto-generated_.d.ts

@@ -26,5 +26,6 @@ export * from './taon-detachable-dialog-content/taon-detached-window-content.com
 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-items-hamburger/taon-items-hamburger.component';
 export * from './taon-purchase-status/taon-purchase-status.dialog.component';
 export * from './taon-under-construction/taon-under-construction.component';

package/full-dts/taon-items-hamburger/taon-items-hamburger.component.d.ts

@@ -0,0 +1,11 @@
+// @ts-nocheck
+import { TaonAdminService } from 'taon/src';
+export declare class TaonItemsHamburgerComponent {
+    icon: string;
+    readonly taonAdminService: TaonAdminService;
+    private readonly elementRef;
+    readonly opened: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<boolean>;
+    toggle(event: MouseEvent): void;
+    onDocumentClick(event: MouseEvent): void;
+    onEscape(): void;
+}

package/html/lib/taon-items-hamburger/taon-items-hamburger.component.html

@@ -0,0 +1,17 @@
+@if (!taonAdminService.isDesktop()) {
+  <button
+    mat-icon-button
+    type="button"
+    aria-label="Open menu"
+    [attr.aria-expanded]="opened()"
+    (click)="toggle($event)">
+    <mat-icon>{{ icon }}</mat-icon>
+  </button>
+}
+
+<div
+  class="items"
+  [class.mobile]="!taonAdminService.isDesktop()"
+  [class.opened]="opened()">
+  <ng-content />
+</div>

package/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.27";
+export declare const CURRENT_PACKAGE_VERSION = "21.0.28";

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

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

package/lib/index._auto-generated_.js

@@ -47,5 +47,6 @@ __exportStar(require("./taon-datatable/taon-datatable.models"), exports);
 __exportStar(require("./taon-draggable-button-panel/taon-draggable-button-panel.models"), exports);
 /* */
 /* */
+/* */
 /* */ 
 //# sourceMappingURL=index._auto-generated_.js.map

package/lib/index._auto-generated_.js.map

@@ -1 +1 @@
-{"version":3,"file":"index._auto-generated_.js","sourceRoot":"","sources":[""],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,cAAc;AACd,kEAAkE;AAClE,wCAAwC;AACxC,wDAAwD;AACxD,kCAAkC;AAClC,gEAA8C;AAC9C,yDAAuC;AACvC,8CAA4B;AAC5B,KAAK;AACL,KAAK;AACL,KAAK;AACL,+EAA6D;AAC7D,8EAA4D;AAC5D,KAAK;AACL,KAAK;AACL,KAAK;AACL,iFAA+D;AAC/D,KAAK;AACL,KAAK;AACL,uGAAqF;AACrF,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,mFAAiE;AACjE,KAAK;AACL,yEAAuD;AACvD,KAAK;AACL,KAAK;AACL,KAAK;AACL,mGAAiF;AACjF,KAAK;AACL,KAAK;AACL,KAAK"}
+{"version":3,"file":"index._auto-generated_.js","sourceRoot":"","sources":[""],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,cAAc;AACd,kEAAkE;AAClE,wCAAwC;AACxC,wDAAwD;AACxD,kCAAkC;AAClC,gEAA8C;AAC9C,yDAAuC;AACvC,8CAA4B;AAC5B,KAAK;AACL,KAAK;AACL,KAAK;AACL,+EAA6D;AAC7D,8EAA4D;AAC5D,KAAK;AACL,KAAK;AACL,KAAK;AACL,iFAA+D;AAC/D,KAAK;AACL,KAAK;AACL,uGAAqF;AACrF,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,mFAAiE;AACjE,KAAK;AACL,yEAAuD;AACvD,KAAK;AACL,KAAK;AACL,KAAK;AACL,mGAAiF;AACjF,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK"}

package/lib/package.json

@@ -1,4 +1,4 @@
 {
   "name": "@taon-dev/ui/lib",
-  "version": "21.0.27"
+  "version": "21.0.28"
 }

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

@@ -1 +1 @@
-export declare function dummy1793546795568(): void;
+export declare function dummy1793760049432(): void;

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

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

package/lib/taon-admin-welcome/index.d.ts

@@ -1 +1 @@
-export declare function dummy1793546795615(): void;
+export declare function dummy1793760049495(): void;

package/lib/taon-admin-welcome/index.js

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

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

@@ -1 +1 @@
-export declare function dummy1793546795665(): void;
+export declare function dummy1793760049530(): void;

package/lib/taon-datatable/index.js

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

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

@@ -1 +1 @@
-export declare function dummy1793546795707(): void;
+export declare function dummy1793760049585(): void;

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

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1793546795707 = dummy1793546795707;
-function dummy1793546795707() { }
+exports.dummy1793760049585 = dummy1793760049585;
+function dummy1793760049585() { }
 //# 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.27";
+export declare const CURRENT_PACKAGE_VERSION = "21.0.28";

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.27';
+export const CURRENT_PACKAGE_VERSION = '21.0.28';
 // THIS FILE IS GENERATED - DO NOT MODIFY
 //# sourceMappingURL=build-info._auto-generated_.js.map

package/lib-esm/lib/index._auto-generated_.js

@@ -31,5 +31,6 @@ export * from './taon-datatable/taon-datatable.models';
 export * from './taon-draggable-button-panel/taon-draggable-button-panel.models';
 /* */
 /* */
+/* */
 /* */ 
 //# sourceMappingURL=index._auto-generated_.js.map

package/lib-esm/lib/index._auto-generated_.js.map

@@ -1 +1 @@
-{"version":3,"file":"index._auto-generated_.js","sourceRoot":"","sources":[""],"names":[],"mappings":"AAAA,cAAc;AACd,kEAAkE;AAClE,wCAAwC;AACxC,wDAAwD;AACxD,kCAAkC;AAClC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,KAAK;AACL,KAAK;AACL,KAAK;AACL,cAAc,8CAA8C,CAAC;AAC7D,cAAc,6CAA6C,CAAC;AAC5D,KAAK;AACL,KAAK;AACL,KAAK;AACL,cAAc,gDAAgD,CAAC;AAC/D,KAAK;AACL,KAAK;AACL,cAAc,sEAAsE,CAAC;AACrF,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,cAAc,kDAAkD,CAAC;AACjE,KAAK;AACL,cAAc,wCAAwC,CAAC;AACvD,KAAK;AACL,KAAK;AACL,KAAK;AACL,cAAc,kEAAkE,CAAC;AACjF,KAAK;AACL,KAAK;AACL,KAAK"}
+{"version":3,"file":"index._auto-generated_.js","sourceRoot":"","sources":[""],"names":[],"mappings":"AAAA,cAAc;AACd,kEAAkE;AAClE,wCAAwC;AACxC,wDAAwD;AACxD,kCAAkC;AAClC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,KAAK;AACL,KAAK;AACL,KAAK;AACL,cAAc,8CAA8C,CAAC;AAC7D,cAAc,6CAA6C,CAAC;AAC5D,KAAK;AACL,KAAK;AACL,KAAK;AACL,cAAc,gDAAgD,CAAC;AAC/D,KAAK;AACL,KAAK;AACL,cAAc,sEAAsE,CAAC;AACrF,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,cAAc,kDAAkD,CAAC;AACjE,KAAK;AACL,cAAc,wCAAwC,CAAC;AACvD,KAAK;AACL,KAAK;AACL,KAAK;AACL,cAAc,kEAAkE,CAAC;AACjF,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK"}

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

@@ -1 +1 @@
-export declare function dummy1793546795568(): void;
+export declare function dummy1793760049432(): void;

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

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

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

@@ -1 +1 @@
-export declare function dummy1793546795615(): void;
+export declare function dummy1793760049495(): void;

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

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

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

@@ -1 +1 @@
-export declare function dummy1793546795666(): void;
+export declare function dummy1793760049531(): void;

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

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

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

@@ -1 +1 @@
-export declare function dummy1793546795707(): void;
+export declare function dummy1793760049585(): void;

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

@@ -1,2 +1,2 @@
-export function dummy1793546795707() { }
+export function dummy1793760049585() { }
 //# 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.27";
+export declare const CURRENT_PACKAGE_VERSION = "21.0.28";

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.27';
+export const CURRENT_PACKAGE_VERSION = '21.0.28';
 // THIS FILE IS GENERATED - DO NOT MODIFY
 //# sourceMappingURL=build-info._auto-generated_.js.map

package/lib-prod/index._auto-generated_.js

@@ -31,5 +31,6 @@ export * from './taon-datatable/taon-datatable.models';
 export * from './taon-draggable-button-panel/taon-draggable-button-panel.models';
 /* */
 /* */
+/* */
 /* */ 
 //# sourceMappingURL=index._auto-generated_.js.map

package/lib-prod/index._auto-generated_.js.map

@@ -1 +1 @@
-{"version":3,"file":"index._auto-generated_.js","sourceRoot":"","sources":[""],"names":[],"mappings":"AAAA,cAAc;AACd,kEAAkE;AAClE,wCAAwC;AACxC,wDAAwD;AACxD,kCAAkC;AAClC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,KAAK;AACL,KAAK;AACL,KAAK;AACL,cAAc,8CAA8C,CAAC;AAC7D,cAAc,6CAA6C,CAAC;AAC5D,KAAK;AACL,KAAK;AACL,KAAK;AACL,cAAc,gDAAgD,CAAC;AAC/D,KAAK;AACL,KAAK;AACL,cAAc,sEAAsE,CAAC;AACrF,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,cAAc,kDAAkD,CAAC;AACjE,KAAK;AACL,cAAc,wCAAwC,CAAC;AACvD,KAAK;AACL,KAAK;AACL,KAAK;AACL,cAAc,kEAAkE,CAAC;AACjF,KAAK;AACL,KAAK;AACL,KAAK"}
+{"version":3,"file":"index._auto-generated_.js","sourceRoot":"","sources":[""],"names":[],"mappings":"AAAA,cAAc;AACd,kEAAkE;AAClE,wCAAwC;AACxC,wDAAwD;AACxD,kCAAkC;AAClC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,KAAK;AACL,KAAK;AACL,KAAK;AACL,cAAc,8CAA8C,CAAC;AAC7D,cAAc,6CAA6C,CAAC;AAC5D,KAAK;AACL,KAAK;AACL,KAAK;AACL,cAAc,gDAAgD,CAAC;AAC/D,KAAK;AACL,KAAK;AACL,cAAc,sEAAsE,CAAC;AACrF,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,cAAc,kDAAkD,CAAC;AACjE,KAAK;AACL,cAAc,wCAAwC,CAAC;AACvD,KAAK;AACL,KAAK;AACL,KAAK;AACL,cAAc,kEAAkE,CAAC;AACjF,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK"}

package/lib-prod/package.json

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

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

@@ -1 +1 @@
-export declare function dummy1793546815326(): void;
+export declare function dummy1793760074558(): void;

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

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

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

@@ -1 +1 @@
-export declare function dummy1793546815372(): void;
+export declare function dummy1793760074619(): void;

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

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

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

@@ -1 +1 @@
-export declare function dummy1793546815401(): void;
+export declare function dummy1793760074654(): void;

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

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

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

@@ -1 +1 @@
-export declare function dummy1793546815439(): void;
+export declare function dummy1793760074707(): void;

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

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

package/package.json

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

package/scss/lib/taon-items-hamburger/taon-items-hamburger.component.scss

@@ -0,0 +1,67 @@
+:host {
+  position: relative;
+
+  display: inline-flex;
+  align-items: center;
+}
+
+/* ======================================================
+       DESKTOP
+       ====================================================== */
+
+.items {
+  display: flex;
+  flex-direction: row;
+
+  align-items: center;
+  justify-content: center;
+
+  gap: 0.5rem;
+}
+
+/* ======================================================
+       MOBILE
+       ====================================================== */
+
+.items.mobile {
+  display: none;
+
+  position: absolute;
+
+  top: calc(100% + 4px);
+  right: 0;
+
+  z-index: 1000;
+
+  min-width: 50px;
+
+  padding: 0.5rem;
+
+  background: var(--mat-sys-surface, white);
+  color: var(--mat-sys-on-surface, inherit);
+
+  border: 1px solid var(--mat-sys-outline-variant, rgba(0, 0, 0, 0.12));
+
+  border-radius: 8px;
+
+  box-shadow:
+    0 2px 4px rgba(0, 0, 0, 0.12),
+    0 4px 12px rgba(0, 0, 0, 0.12);
+}
+
+.items.mobile.opened {
+  display: flex;
+  // flex-direction: column;
+
+  /* center items horizontally inside dropdown */
+  align-items: center;
+
+  gap: 0.75rem;
+}
+
+/*
+     * Every projected item occupies its own row.
+     */
+.items.mobile.opened > * {
+  width: 100%;
+}

package/ts-source/browser-code/build-info._auto-generated_.ts

@@ -15,4 +15,4 @@ export const APP_ID = 'com.domain.example.ui';
 export const BUILD_BASE_HREF = '';
 export const PROJECT_NPM_NAME = '@taon-dev/ui';
 export const CURRENT_PACKAGE_TAON_VERSION = 'v21';
-export const CURRENT_PACKAGE_VERSION = '21.0.27';
+export const CURRENT_PACKAGE_VERSION = '21.0.28';

package/ts-source/browser-code/index._auto-generated_.ts

@@ -37,5 +37,6 @@ export * from './taon-detachable-dialog-content/taon-detached-window-content.com
 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-items-hamburger/taon-items-hamburger.component';
 export * from './taon-purchase-status/taon-purchase-status.dialog.component';
 export * from './taon-under-construction/taon-under-construction.component';

package/ts-source/browser-code/taon-items-hamburger/taon-items-hamburger.component.html

@@ -0,0 +1,30 @@
+<!--
+==============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/ui project repository
+  for watch development of third party modules like this.
+  
+==============================================================================
+-->
+
+@if (!taonAdminService.isDesktop()) {
+  <button
+    mat-icon-button
+    type="button"
+    aria-label="Open menu"
+    [attr.aria-expanded]="opened()"
+    (click)="toggle($event)">
+    <mat-icon>{{ icon }}</mat-icon>
+  </button>
+}
+
+<div
+  class="items"
+  [class.mobile]="!taonAdminService.isDesktop()"
+  [class.opened]="opened()">
+  <ng-content />
+</div>

package/ts-source/browser-code/taon-items-hamburger/taon-items-hamburger.component.scss

@@ -0,0 +1,72 @@
+/* ============================================================================
+ 
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+:host {
+  position: relative;
+
+  display: inline-flex;
+  align-items: center;
+}
+
+
+
+.items {
+  display: flex;
+  flex-direction: row;
+
+  align-items: center;
+  justify-content: center;
+
+  gap: 0.5rem;
+}
+
+
+
+.items.mobile {
+  display: none;
+
+  position: absolute;
+
+  top: calc(100% + 4px);
+  right: 0;
+
+  z-index: 1000;
+
+  min-width: 50px;
+
+  padding: 0.5rem;
+
+  background: var(--mat-sys-surface, white);
+  color: var(--mat-sys-on-surface, inherit);
+
+  border: 1px solid var(--mat-sys-outline-variant, rgba(0, 0, 0, 0.12));
+
+  border-radius: 8px;
+
+  box-shadow:
+    0 2px 4px rgba(0, 0, 0, 0.12),
+    0 4px 12px rgba(0, 0, 0, 0.12);
+}
+
+.items.mobile.opened {
+  display: flex;
+
+
+  
+  align-items: center;
+
+  gap: 0.75rem;
+}
+
+
+.items.mobile.opened > * {
+  width: 100%;
+}

package/ts-source/browser-code/taon-items-hamburger/taon-items-hamburger.component.ts

@@ -0,0 +1,48 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { ChangeDetectionStrategy, Component, ElementRef, HostListener, inject, Input, signal, } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
+import { TaonAdminService } from 'taon/browser';
+@Component({
+    selector: 'taon-items-hamburger',
+    standalone: true,
+    imports: [MatButtonModule, MatIconModule],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    templateUrl: './taon-items-hamburger.component.html',
+    styleUrl: './taon-items-hamburger.component.scss',
+})
+export class TaonItemsHamburgerComponent {
+    @Input()
+    icon = 'menu';
+    readonly taonAdminService = inject(TaonAdminService);
+    private readonly elementRef = inject(ElementRef<HTMLElement>);
+    readonly opened = signal(false);
+    toggle(event: MouseEvent): void {
+        event.stopPropagation();
+        this.opened.update(opened => !opened);
+    }
+    @HostListener('document:click', ['$event'])
+    onDocumentClick(event: MouseEvent): void {
+        const target = event.target as Node | null;
+        if (this.opened() &&
+            target &&
+            !this.elementRef.nativeElement.contains(target)) {
+            this.opened.set(false);
+        }
+    }
+    @HostListener('document:keydown.escape')
+    onEscape(): void {
+        this.opened.set(false);
+    }
+}

package/ts-source/browser-code-prod/build-info._auto-generated_.ts

@@ -15,4 +15,4 @@ export const APP_ID = 'com.domain.example.ui';
 export const BUILD_BASE_HREF = '';
 export const PROJECT_NPM_NAME = '@taon-dev/ui';
 export const CURRENT_PACKAGE_TAON_VERSION = 'v21';
-export const CURRENT_PACKAGE_VERSION = '21.0.27';
+export const CURRENT_PACKAGE_VERSION = '21.0.28';

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

@@ -37,5 +37,6 @@ export * from './taon-detachable-dialog-content/taon-detached-window-content.com
 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-items-hamburger/taon-items-hamburger.component';
 export * from './taon-purchase-status/taon-purchase-status.dialog.component';
 export * from './taon-under-construction/taon-under-construction.component';

package/ts-source/browser-code-prod/taon-items-hamburger/taon-items-hamburger.component.html

@@ -0,0 +1,30 @@
+<!--
+==============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/ui project repository
+  for watch development of third party modules like this.
+  
+==============================================================================
+-->
+
+@if (!taonAdminService.isDesktop()) {
+  <button
+    mat-icon-button
+    type="button"
+    aria-label="Open menu"
+    [attr.aria-expanded]="opened()"
+    (click)="toggle($event)">
+    <mat-icon>{{ icon }}</mat-icon>
+  </button>
+}
+
+<div
+  class="items"
+  [class.mobile]="!taonAdminService.isDesktop()"
+  [class.opened]="opened()">
+  <ng-content />
+</div>