@taon-dev/ui 21.0.27 → 21.0.28

package/browser/package.json

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

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

@@ -9,7 +9,7 @@ import { HttpResponseError, RestErrorResponseWrapper } from 'ng2-rest/browser';
 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';
+import { TaonBaseCrudController, TaonPaginationSort, TaonBaseEntity, TaonAdminService } from 'taon/browser';
 
 /**
  *  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;
 
@@ -602,6 +602,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;
@@ -625,5 +637,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, TaonAdminWelcomeModels, TaonAdminWelcomeRoutes, TaonBackofficeNotificationsComponent, TaonBackofficeNotificationsService, TaonBaseAdminLayoutPage, TaonBaselineBackofficeOutletName, TaonConfirmDialogComponent, TaonConfirmDialogModels, TaonDatatableComponent, TaonDatatableModels, TaonDatatableRoutes, TaonDetachableDialogContentComponent, TaonDetachedWindowComponent, TaonDetachedWindowsHostComponent, TaonDetachedWindowsService, TaonDraggableButtonPanelComponent, TaonDraggableButtonPanelModels, 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, TaonAdminWelcomeModels, TaonAdminWelcomeRoutes, TaonBackofficeNotificationsComponent, TaonBackofficeNotificationsService, TaonBaseAdminLayoutPage, TaonBaselineBackofficeOutletName, TaonConfirmDialogComponent, TaonConfirmDialogModels, TaonDatatableComponent, TaonDatatableModels, TaonDatatableRoutes, TaonDetachableDialogContentComponent, TaonDetachedWindowComponent, TaonDetachedWindowsHostComponent, TaonDetachedWindowsService, TaonDraggableButtonPanelComponent, TaonDraggableButtonPanelModels, 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/browser-prod/fesm2022/ui-browser-prod.mjs

@@ -69,7 +69,7 @@ const CURRENT_PACKAGE_TAON_VERSION = 'v21';
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-const CURRENT_PACKAGE_VERSION = '21.0.27';
+const CURRENT_PACKAGE_VERSION = '21.0.28';
 // THIS FILE IS GENERATED - DO NOT MODIFY
 
 const t$c = Translation.for('src/lib/my-organization-proj.ts', { "src/lib/my-organization-proj.ts": { "en-US": async () => (await import('./ui-browser-prod-my-organization-proj.ts.en-US.i18n.data-CAgI6v2p.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-my-organization-proj.ts.pl-PL.i18n.data-IcgFHqW5.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-my-organization-proj.ts.de-DE.i18n.data-CTwnimIl.mjs')).default }, "src/lib/start-cli.ts": { "en-US": async () => (await import('./ui-browser-prod-start-cli.ts.en-US.i18n.data-BQEFgwiv.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-start-cli.ts.pl-PL.i18n.data-O49WJdS3.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-start-cli.ts.de-DE.i18n.data-BnSRX_OW.mjs')).default } });
@@ -2763,6 +2763,44 @@ const TaonDraggableButtonPanelRoutes = [
     // },
 ];
 
+class TaonItemsHamburgerComponent {
+    constructor() {
+        this.icon = 'menu';
+        this.taonAdminService = inject(TaonAdminService);
+        this.elementRef = inject((ElementRef));
+        this.opened = signal(false, ...(ngDevMode ? [{ debugName: "opened" }] : []));
+    }
+    toggle(event) {
+        event.stopPropagation();
+        this.opened.update(opened => !opened);
+    }
+    onDocumentClick(event) {
+        const target = event.target;
+        if (this.opened() &&
+            target &&
+            !this.elementRef.nativeElement.contains(target)) {
+            this.opened.set(false);
+        }
+    }
+    onEscape() {
+        this.opened.set(false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonItemsHamburgerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TaonItemsHamburgerComponent, isStandalone: true, selector: "taon-items-hamburger", inputs: { icon: "icon" }, host: { listeners: { "document:click": "onDocumentClick($event)", "document:keydown.escape": "onEscape()" } }, ngImport: i0, template: "@if (!taonAdminService.isDesktop()) {\n  <button\n    mat-icon-button\n    type=\"button\"\n    aria-label=\"Open menu\"\n    [attr.aria-expanded]=\"opened()\"\n    (click)=\"toggle($event)\">\n    <mat-icon>{{ icon }}</mat-icon>\n  </button>\n}\n\n<div\n  class=\"items\"\n  [class.mobile]=\"!taonAdminService.isDesktop()\"\n  [class.opened]=\"opened()\">\n  <ng-content />\n</div>\n", styles: [":host{position:relative;display:inline-flex;align-items:center}.items{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem}.items.mobile{display:none;position:absolute;top:calc(100% + 4px);right:0;z-index:1000;min-width:50px;padding:.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, .12));border-radius:8px;box-shadow:0 2px 4px #0000001f,0 4px 12px #0000001f}.items.mobile.opened{display:flex;align-items:center;gap:.75rem}.items.mobile.opened>*{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonItemsHamburgerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'taon-items-hamburger', standalone: true, imports: [MatButtonModule, MatIconModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!taonAdminService.isDesktop()) {\n  <button\n    mat-icon-button\n    type=\"button\"\n    aria-label=\"Open menu\"\n    [attr.aria-expanded]=\"opened()\"\n    (click)=\"toggle($event)\">\n    <mat-icon>{{ icon }}</mat-icon>\n  </button>\n}\n\n<div\n  class=\"items\"\n  [class.mobile]=\"!taonAdminService.isDesktop()\"\n  [class.opened]=\"opened()\">\n  <ng-content />\n</div>\n", styles: [":host{position:relative;display:inline-flex;align-items:center}.items{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem}.items.mobile{display:none;position:absolute;top:calc(100% + 4px);right:0;z-index:1000;min-width:50px;padding:.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, .12));border-radius:8px;box-shadow:0 2px 4px #0000001f,0 4px 12px #0000001f}.items.mobile.opened{display:flex;align-items:center;gap:.75rem}.items.mobile.opened>*{width:100%}\n"] }]
+        }], propDecorators: { icon: [{
+                type: Input
+            }], onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }], onEscape: [{
+                type: HostListener,
+                args: ['document:keydown.escape']
+            }] } });
+
 const t$1 = Translation.for('src/lib/taon-purchase-status/taon-purchase-status.dialog.component.ts', { "src/lib/taon-purchase-status/taon-purchase-status.dialog.component.html": { "en-US": async () => (await import('./ui-browser-prod-taon-purchase-status.dialog.component.html.en-US.i18n.data-BFtzBKfN.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-purchase-status.dialog.component.html.pl-PL.i18n.data-CMbQlaXm.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-purchase-status.dialog.component.html.de-DE.i18n.data-C8_MpyI6.mjs')).default }, "src/lib/taon-purchase-status/taon-purchase-status.dialog.component.ts": { "en-US": async () => (await import('./ui-browser-prod-taon-purchase-status.dialog.component.ts.en-US.i18n.data-Cj2C2xZ1.mjs')).default, "pl-PL": async () => (await import('./ui-browser-prod-taon-purchase-status.dialog.component.ts.pl-PL.i18n.data-k-t-Qgq-.mjs')).default, "de-DE": async () => (await import('./ui-browser-prod-taon-purchase-status.dialog.component.ts.de-DE.i18n.data-CzDYtLyI.mjs')).default } });
 class TaonPurchaseStatusDialogComponent {
     constructor(data) {
@@ -2809,5 +2847,5 @@ var index = {};
  * Generated bundle index. Do not edit.
  */
 
-export { APP_ID, BUILD_BASE_HREF, BUILD_FRAMEWORK_CLI_NAME, CURRENT_PACKAGE_TAON_VERSION, CURRENT_PACKAGE_VERSION, PROJECT_NPM_NAME, TAON_IS_DETACHED_WINDOW, TaonAdminContentFooterService, TaonAdminLayoutComponent, TaonAdminMenuContext, TaonAdminPageTabsComponent, TaonAdminWelcomeComponent, TaonAdminWelcomeRoutes, TaonBackofficeNotificationsComponent, TaonBackofficeNotificationsService, TaonBaseAdminLayoutPage, TaonBaselineBackofficeOutletName, TaonConfirmDialogComponent, TaonDatatableComponent, TaonDatatableRoutes, TaonDetachableDialogContentComponent, TaonDetachedWindowComponent, TaonDetachedWindowsHostComponent, TaonDetachedWindowsService, TaonDraggableButtonPanelComponent, TaonDraggableButtonPanelRoutes, TaonDraggableButtonPanelState, TaonErrorDetailsDialogComponent, TaonErrorToastComponent, TaonHorizontalWheelScrollDirective, 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 };
 //# sourceMappingURL=ui-browser-prod.mjs.map