@taon-dev/ui 21.0.27 → 21.0.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (83) hide show
  1. package/VERIFIED-BUILD-DATA.jsonc +3 -3
  2. package/browser/fesm2022/ui-browser.mjs +40 -2
  3. package/browser/fesm2022/ui-browser.mjs.map +1 -1
  4. package/browser/package.json +1 -1
  5. package/browser/types/ui-browser.d.ts +15 -3
  6. package/browser-prod/fesm2022/ui-browser-prod.mjs +40 -2
  7. package/browser-prod/fesm2022/ui-browser-prod.mjs.map +1 -1
  8. package/browser-prod/package.json +1 -1
  9. package/browser-prod/types/ui-browser-prod.d.ts +15 -3
  10. package/full-dts/build-info._auto-generated_.d.ts +1 -1
  11. package/full-dts/index._auto-generated_.d.ts +1 -0
  12. package/full-dts/taon-items-hamburger/taon-items-hamburger.component.d.ts +11 -0
  13. package/html/lib/taon-items-hamburger/taon-items-hamburger.component.html +17 -0
  14. package/lib/build-info._auto-generated_.d.ts +1 -1
  15. package/lib/build-info._auto-generated_.js +1 -1
  16. package/lib/index._auto-generated_.js +1 -0
  17. package/lib/index._auto-generated_.js.map +1 -1
  18. package/lib/package.json +1 -1
  19. package/lib/taon-admin-layout/index.d.ts +1 -1
  20. package/lib/taon-admin-layout/index.js +2 -2
  21. package/lib/taon-admin-welcome/index.d.ts +1 -1
  22. package/lib/taon-admin-welcome/index.js +2 -2
  23. package/lib/taon-datatable/index.d.ts +1 -1
  24. package/lib/taon-datatable/index.js +2 -2
  25. package/lib/taon-draggable-button-panel/index.d.ts +1 -1
  26. package/lib/taon-draggable-button-panel/index.js +2 -2
  27. package/lib-esm/lib/build-info._auto-generated_.d.ts +1 -1
  28. package/lib-esm/lib/build-info._auto-generated_.js +1 -1
  29. package/lib-esm/lib/index._auto-generated_.js +1 -0
  30. package/lib-esm/lib/index._auto-generated_.js.map +1 -1
  31. package/lib-esm/lib/taon-admin-layout/index.d.ts +1 -1
  32. package/lib-esm/lib/taon-admin-layout/index.js +1 -1
  33. package/lib-esm/lib/taon-admin-welcome/index.d.ts +1 -1
  34. package/lib-esm/lib/taon-admin-welcome/index.js +1 -1
  35. package/lib-esm/lib/taon-datatable/index.d.ts +1 -1
  36. package/lib-esm/lib/taon-datatable/index.js +1 -1
  37. package/lib-esm/lib/taon-draggable-button-panel/index.d.ts +1 -1
  38. package/lib-esm/lib/taon-draggable-button-panel/index.js +1 -1
  39. package/lib-prod/build-info._auto-generated_.d.ts +1 -1
  40. package/lib-prod/build-info._auto-generated_.js +1 -1
  41. package/lib-prod/index._auto-generated_.js +1 -0
  42. package/lib-prod/index._auto-generated_.js.map +1 -1
  43. package/lib-prod/package.json +1 -1
  44. package/lib-prod/taon-admin-layout/index.d.ts +1 -1
  45. package/lib-prod/taon-admin-layout/index.js +1 -1
  46. package/lib-prod/taon-admin-welcome/index.d.ts +1 -1
  47. package/lib-prod/taon-admin-welcome/index.js +1 -1
  48. package/lib-prod/taon-datatable/index.d.ts +1 -1
  49. package/lib-prod/taon-datatable/index.js +1 -1
  50. package/lib-prod/taon-draggable-button-panel/index.d.ts +1 -1
  51. package/lib-prod/taon-draggable-button-panel/index.js +1 -1
  52. package/package.json +1 -1
  53. package/scss/lib/taon-items-hamburger/taon-items-hamburger.component.scss +67 -0
  54. package/ts-source/browser-code/build-info._auto-generated_.ts +1 -1
  55. package/ts-source/browser-code/index._auto-generated_.ts +1 -0
  56. package/ts-source/browser-code/taon-items-hamburger/taon-items-hamburger.component.html +30 -0
  57. package/ts-source/browser-code/taon-items-hamburger/taon-items-hamburger.component.scss +72 -0
  58. package/ts-source/browser-code/taon-items-hamburger/taon-items-hamburger.component.ts +48 -0
  59. package/ts-source/browser-code-prod/build-info._auto-generated_.ts +1 -1
  60. package/ts-source/browser-code-prod/index._auto-generated_.ts +1 -0
  61. package/ts-source/browser-code-prod/taon-items-hamburger/taon-items-hamburger.component.html +30 -0
  62. package/ts-source/browser-code-prod/taon-items-hamburger/taon-items-hamburger.component.scss +72 -0
  63. package/ts-source/browser-code-prod/taon-items-hamburger/taon-items-hamburger.component.split-namespaces.json +4 -0
  64. package/ts-source/browser-code-prod/taon-items-hamburger/taon-items-hamburger.component.ts +48 -0
  65. package/ts-source/websql-code/build-info._auto-generated_.ts +1 -1
  66. package/ts-source/websql-code/index._auto-generated_.ts +1 -0
  67. package/ts-source/websql-code/taon-items-hamburger/taon-items-hamburger.component.html +30 -0
  68. package/ts-source/websql-code/taon-items-hamburger/taon-items-hamburger.component.scss +72 -0
  69. package/ts-source/websql-code/taon-items-hamburger/taon-items-hamburger.component.ts +48 -0
  70. package/ts-source/websql-code-prod/build-info._auto-generated_.ts +1 -1
  71. package/ts-source/websql-code-prod/index._auto-generated_.ts +1 -0
  72. package/ts-source/websql-code-prod/taon-items-hamburger/taon-items-hamburger.component.html +30 -0
  73. package/ts-source/websql-code-prod/taon-items-hamburger/taon-items-hamburger.component.scss +72 -0
  74. package/ts-source/websql-code-prod/taon-items-hamburger/taon-items-hamburger.component.split-namespaces.json +4 -0
  75. package/ts-source/websql-code-prod/taon-items-hamburger/taon-items-hamburger.component.ts +48 -0
  76. package/websql/fesm2022/ui-websql.mjs +40 -2
  77. package/websql/fesm2022/ui-websql.mjs.map +1 -1
  78. package/websql/package.json +1 -1
  79. package/websql/types/ui-websql.d.ts +15 -3
  80. package/websql-prod/fesm2022/ui-websql-prod.mjs +40 -2
  81. package/websql-prod/fesm2022/ui-websql-prod.mjs.map +1 -1
  82. package/websql-prod/package.json +1 -1
  83. package/websql-prod/types/ui-websql-prod.d.ts +15 -3
@@ -0,0 +1,72 @@
1
+ /* ============================================================================
2
+
3
+ - TAON READONLY SOURCE
4
+ - DO NOT MODIFY THIS FILE.
5
+ - Changes may be overwritten.
6
+ - Use command: taon build:watch:lib
7
+ inside @taon-dev/ui project repository
8
+ for watch development of third party modules like this.
9
+
10
+ * ========================================================================== */
11
+
12
+ :host {
13
+ position: relative;
14
+
15
+ display: inline-flex;
16
+ align-items: center;
17
+ }
18
+
19
+
20
+
21
+ .items {
22
+ display: flex;
23
+ flex-direction: row;
24
+
25
+ align-items: center;
26
+ justify-content: center;
27
+
28
+ gap: 0.5rem;
29
+ }
30
+
31
+
32
+
33
+ .items.mobile {
34
+ display: none;
35
+
36
+ position: absolute;
37
+
38
+ top: calc(100% + 4px);
39
+ right: 0;
40
+
41
+ z-index: 1000;
42
+
43
+ min-width: 50px;
44
+
45
+ padding: 0.5rem;
46
+
47
+ background: var(--mat-sys-surface, white);
48
+ color: var(--mat-sys-on-surface, inherit);
49
+
50
+ border: 1px solid var(--mat-sys-outline-variant, rgba(0, 0, 0, 0.12));
51
+
52
+ border-radius: 8px;
53
+
54
+ box-shadow:
55
+ 0 2px 4px rgba(0, 0, 0, 0.12),
56
+ 0 4px 12px rgba(0, 0, 0, 0.12);
57
+ }
58
+
59
+ .items.mobile.opened {
60
+ display: flex;
61
+
62
+
63
+
64
+ align-items: center;
65
+
66
+ gap: 0.75rem;
67
+ }
68
+
69
+
70
+ .items.mobile.opened > * {
71
+ width: 100%;
72
+ }
@@ -0,0 +1,4 @@
1
+ {
2
+ "namespacesMapObj": {},
3
+ "namespacesReplace": {}
4
+ }
@@ -0,0 +1,48 @@
1
+ // @ts-nocheck
2
+ /* ============================================================================
3
+
4
+ - TAON READONLY SOURCE
5
+ - DO NOT MODIFY THIS FILE.
6
+ - Changes may be overwritten.
7
+ - Use command: taon build:watch:lib
8
+ inside @taon-dev/ui project repository
9
+ for watch development of third party modules like this.
10
+
11
+ * ========================================================================== */
12
+
13
+ import { ChangeDetectionStrategy, Component, ElementRef, HostListener, inject, Input, signal, } from '@angular/core';
14
+ import { MatButtonModule } from '@angular/material/button';
15
+ import { MatIconModule } from '@angular/material/icon';
16
+ import { TaonAdminService } from 'taon/browser-prod';
17
+ @Component({
18
+ selector: 'taon-items-hamburger',
19
+ standalone: true,
20
+ imports: [MatButtonModule, MatIconModule],
21
+ changeDetection: ChangeDetectionStrategy.OnPush,
22
+ templateUrl: './taon-items-hamburger.component.html',
23
+ styleUrl: './taon-items-hamburger.component.scss',
24
+ })
25
+ export class TaonItemsHamburgerComponent {
26
+ @Input()
27
+ icon = 'menu';
28
+ readonly taonAdminService = inject(TaonAdminService);
29
+ private readonly elementRef = inject(ElementRef<HTMLElement>);
30
+ readonly opened = signal(false);
31
+ toggle(event: MouseEvent): void {
32
+ event.stopPropagation();
33
+ this.opened.update(opened => !opened);
34
+ }
35
+ @HostListener('document:click', ['$event'])
36
+ onDocumentClick(event: MouseEvent): void {
37
+ const target = event.target as Node | null;
38
+ if (this.opened() &&
39
+ target &&
40
+ !this.elementRef.nativeElement.contains(target)) {
41
+ this.opened.set(false);
42
+ }
43
+ }
44
+ @HostListener('document:keydown.escape')
45
+ onEscape(): void {
46
+ this.opened.set(false);
47
+ }
48
+ }
@@ -15,4 +15,4 @@ export const APP_ID = 'com.domain.example.ui';
15
15
  export const BUILD_BASE_HREF = '';
16
16
  export const PROJECT_NPM_NAME = '@taon-dev/ui';
17
17
  export const CURRENT_PACKAGE_TAON_VERSION = 'v21';
18
- export const CURRENT_PACKAGE_VERSION = '21.0.27';
18
+ export const CURRENT_PACKAGE_VERSION = '21.0.28';
@@ -37,5 +37,6 @@ export * from './taon-detachable-dialog-content/taon-detached-window-content.com
37
37
  export * from './taon-draggable-button-panel/taon-draggable-button-panel.component';
38
38
  export * from './taon-draggable-button-panel/taon-draggable-button-panel.models';
39
39
  export * from './taon-draggable-button-panel/taon-draggable-button-panel.routes';
40
+ export * from './taon-items-hamburger/taon-items-hamburger.component';
40
41
  export * from './taon-purchase-status/taon-purchase-status.dialog.component';
41
42
  export * from './taon-under-construction/taon-under-construction.component';
@@ -0,0 +1,30 @@
1
+ <!--
2
+ ==============================================================================
3
+
4
+ - TAON READONLY SOURCE
5
+ - DO NOT MODIFY THIS FILE.
6
+ - Changes may be overwritten.
7
+ - Use command: taon build:watch:lib
8
+ inside @taon-dev/ui project repository
9
+ for watch development of third party modules like this.
10
+
11
+ ==============================================================================
12
+ -->
13
+
14
+ @if (!taonAdminService.isDesktop()) {
15
+ <button
16
+ mat-icon-button
17
+ type="button"
18
+ aria-label="Open menu"
19
+ [attr.aria-expanded]="opened()"
20
+ (click)="toggle($event)">
21
+ <mat-icon>{{ icon }}</mat-icon>
22
+ </button>
23
+ }
24
+
25
+ <div
26
+ class="items"
27
+ [class.mobile]="!taonAdminService.isDesktop()"
28
+ [class.opened]="opened()">
29
+ <ng-content />
30
+ </div>
@@ -0,0 +1,72 @@
1
+ /* ============================================================================
2
+
3
+ - TAON READONLY SOURCE
4
+ - DO NOT MODIFY THIS FILE.
5
+ - Changes may be overwritten.
6
+ - Use command: taon build:watch:lib
7
+ inside @taon-dev/ui project repository
8
+ for watch development of third party modules like this.
9
+
10
+ * ========================================================================== */
11
+
12
+ :host {
13
+ position: relative;
14
+
15
+ display: inline-flex;
16
+ align-items: center;
17
+ }
18
+
19
+
20
+
21
+ .items {
22
+ display: flex;
23
+ flex-direction: row;
24
+
25
+ align-items: center;
26
+ justify-content: center;
27
+
28
+ gap: 0.5rem;
29
+ }
30
+
31
+
32
+
33
+ .items.mobile {
34
+ display: none;
35
+
36
+ position: absolute;
37
+
38
+ top: calc(100% + 4px);
39
+ right: 0;
40
+
41
+ z-index: 1000;
42
+
43
+ min-width: 50px;
44
+
45
+ padding: 0.5rem;
46
+
47
+ background: var(--mat-sys-surface, white);
48
+ color: var(--mat-sys-on-surface, inherit);
49
+
50
+ border: 1px solid var(--mat-sys-outline-variant, rgba(0, 0, 0, 0.12));
51
+
52
+ border-radius: 8px;
53
+
54
+ box-shadow:
55
+ 0 2px 4px rgba(0, 0, 0, 0.12),
56
+ 0 4px 12px rgba(0, 0, 0, 0.12);
57
+ }
58
+
59
+ .items.mobile.opened {
60
+ display: flex;
61
+
62
+
63
+
64
+ align-items: center;
65
+
66
+ gap: 0.75rem;
67
+ }
68
+
69
+
70
+ .items.mobile.opened > * {
71
+ width: 100%;
72
+ }
@@ -0,0 +1,48 @@
1
+ // @ts-nocheck
2
+ /* ============================================================================
3
+
4
+ - TAON READONLY SOURCE
5
+ - DO NOT MODIFY THIS FILE.
6
+ - Changes may be overwritten.
7
+ - Use command: taon build:watch:lib
8
+ inside @taon-dev/ui project repository
9
+ for watch development of third party modules like this.
10
+
11
+ * ========================================================================== */
12
+
13
+ import { ChangeDetectionStrategy, Component, ElementRef, HostListener, inject, Input, signal, } from '@angular/core';
14
+ import { MatButtonModule } from '@angular/material/button';
15
+ import { MatIconModule } from '@angular/material/icon';
16
+ import { TaonAdminService } from 'taon/websql';
17
+ @Component({
18
+ selector: 'taon-items-hamburger',
19
+ standalone: true,
20
+ imports: [MatButtonModule, MatIconModule],
21
+ changeDetection: ChangeDetectionStrategy.OnPush,
22
+ templateUrl: './taon-items-hamburger.component.html',
23
+ styleUrl: './taon-items-hamburger.component.scss',
24
+ })
25
+ export class TaonItemsHamburgerComponent {
26
+ @Input()
27
+ icon = 'menu';
28
+ readonly taonAdminService = inject(TaonAdminService);
29
+ private readonly elementRef = inject(ElementRef<HTMLElement>);
30
+ readonly opened = signal(false);
31
+ toggle(event: MouseEvent): void {
32
+ event.stopPropagation();
33
+ this.opened.update(opened => !opened);
34
+ }
35
+ @HostListener('document:click', ['$event'])
36
+ onDocumentClick(event: MouseEvent): void {
37
+ const target = event.target as Node | null;
38
+ if (this.opened() &&
39
+ target &&
40
+ !this.elementRef.nativeElement.contains(target)) {
41
+ this.opened.set(false);
42
+ }
43
+ }
44
+ @HostListener('document:keydown.escape')
45
+ onEscape(): void {
46
+ this.opened.set(false);
47
+ }
48
+ }
@@ -15,4 +15,4 @@ export const APP_ID = 'com.domain.example.ui';
15
15
  export const BUILD_BASE_HREF = '';
16
16
  export const PROJECT_NPM_NAME = '@taon-dev/ui';
17
17
  export const CURRENT_PACKAGE_TAON_VERSION = 'v21';
18
- export const CURRENT_PACKAGE_VERSION = '21.0.27';
18
+ export const CURRENT_PACKAGE_VERSION = '21.0.28';
@@ -37,5 +37,6 @@ export * from './taon-detachable-dialog-content/taon-detached-window-content.com
37
37
  export * from './taon-draggable-button-panel/taon-draggable-button-panel.component';
38
38
  export * from './taon-draggable-button-panel/taon-draggable-button-panel.models';
39
39
  export * from './taon-draggable-button-panel/taon-draggable-button-panel.routes';
40
+ export * from './taon-items-hamburger/taon-items-hamburger.component';
40
41
  export * from './taon-purchase-status/taon-purchase-status.dialog.component';
41
42
  export * from './taon-under-construction/taon-under-construction.component';
@@ -0,0 +1,30 @@
1
+ <!--
2
+ ==============================================================================
3
+
4
+ - TAON READONLY SOURCE
5
+ - DO NOT MODIFY THIS FILE.
6
+ - Changes may be overwritten.
7
+ - Use command: taon build:watch:lib
8
+ inside @taon-dev/ui project repository
9
+ for watch development of third party modules like this.
10
+
11
+ ==============================================================================
12
+ -->
13
+
14
+ @if (!taonAdminService.isDesktop()) {
15
+ <button
16
+ mat-icon-button
17
+ type="button"
18
+ aria-label="Open menu"
19
+ [attr.aria-expanded]="opened()"
20
+ (click)="toggle($event)">
21
+ <mat-icon>{{ icon }}</mat-icon>
22
+ </button>
23
+ }
24
+
25
+ <div
26
+ class="items"
27
+ [class.mobile]="!taonAdminService.isDesktop()"
28
+ [class.opened]="opened()">
29
+ <ng-content />
30
+ </div>
@@ -0,0 +1,72 @@
1
+ /* ============================================================================
2
+
3
+ - TAON READONLY SOURCE
4
+ - DO NOT MODIFY THIS FILE.
5
+ - Changes may be overwritten.
6
+ - Use command: taon build:watch:lib
7
+ inside @taon-dev/ui project repository
8
+ for watch development of third party modules like this.
9
+
10
+ * ========================================================================== */
11
+
12
+ :host {
13
+ position: relative;
14
+
15
+ display: inline-flex;
16
+ align-items: center;
17
+ }
18
+
19
+
20
+
21
+ .items {
22
+ display: flex;
23
+ flex-direction: row;
24
+
25
+ align-items: center;
26
+ justify-content: center;
27
+
28
+ gap: 0.5rem;
29
+ }
30
+
31
+
32
+
33
+ .items.mobile {
34
+ display: none;
35
+
36
+ position: absolute;
37
+
38
+ top: calc(100% + 4px);
39
+ right: 0;
40
+
41
+ z-index: 1000;
42
+
43
+ min-width: 50px;
44
+
45
+ padding: 0.5rem;
46
+
47
+ background: var(--mat-sys-surface, white);
48
+ color: var(--mat-sys-on-surface, inherit);
49
+
50
+ border: 1px solid var(--mat-sys-outline-variant, rgba(0, 0, 0, 0.12));
51
+
52
+ border-radius: 8px;
53
+
54
+ box-shadow:
55
+ 0 2px 4px rgba(0, 0, 0, 0.12),
56
+ 0 4px 12px rgba(0, 0, 0, 0.12);
57
+ }
58
+
59
+ .items.mobile.opened {
60
+ display: flex;
61
+
62
+
63
+
64
+ align-items: center;
65
+
66
+ gap: 0.75rem;
67
+ }
68
+
69
+
70
+ .items.mobile.opened > * {
71
+ width: 100%;
72
+ }
@@ -0,0 +1,4 @@
1
+ {
2
+ "namespacesMapObj": {},
3
+ "namespacesReplace": {}
4
+ }
@@ -0,0 +1,48 @@
1
+ // @ts-nocheck
2
+ /* ============================================================================
3
+
4
+ - TAON READONLY SOURCE
5
+ - DO NOT MODIFY THIS FILE.
6
+ - Changes may be overwritten.
7
+ - Use command: taon build:watch:lib
8
+ inside @taon-dev/ui project repository
9
+ for watch development of third party modules like this.
10
+
11
+ * ========================================================================== */
12
+
13
+ import { ChangeDetectionStrategy, Component, ElementRef, HostListener, inject, Input, signal, } from '@angular/core';
14
+ import { MatButtonModule } from '@angular/material/button';
15
+ import { MatIconModule } from '@angular/material/icon';
16
+ import { TaonAdminService } from 'taon/websql-prod';
17
+ @Component({
18
+ selector: 'taon-items-hamburger',
19
+ standalone: true,
20
+ imports: [MatButtonModule, MatIconModule],
21
+ changeDetection: ChangeDetectionStrategy.OnPush,
22
+ templateUrl: './taon-items-hamburger.component.html',
23
+ styleUrl: './taon-items-hamburger.component.scss',
24
+ })
25
+ export class TaonItemsHamburgerComponent {
26
+ @Input()
27
+ icon = 'menu';
28
+ readonly taonAdminService = inject(TaonAdminService);
29
+ private readonly elementRef = inject(ElementRef<HTMLElement>);
30
+ readonly opened = signal(false);
31
+ toggle(event: MouseEvent): void {
32
+ event.stopPropagation();
33
+ this.opened.update(opened => !opened);
34
+ }
35
+ @HostListener('document:click', ['$event'])
36
+ onDocumentClick(event: MouseEvent): void {
37
+ const target = event.target as Node | null;
38
+ if (this.opened() &&
39
+ target &&
40
+ !this.elementRef.nativeElement.contains(target)) {
41
+ this.opened.set(false);
42
+ }
43
+ }
44
+ @HostListener('document:keydown.escape')
45
+ onEscape(): void {
46
+ this.opened.set(false);
47
+ }
48
+ }
@@ -69,7 +69,7 @@ const CURRENT_PACKAGE_TAON_VERSION = 'v21';
69
69
  /**
70
70
  * Autogenerated by current cli tool. Use *tnp release* to bump version.
71
71
  */
72
- const CURRENT_PACKAGE_VERSION = '21.0.27';
72
+ const CURRENT_PACKAGE_VERSION = '21.0.28';
73
73
  // THIS FILE IS GENERATED - DO NOT MODIFY
74
74
 
75
75
  const t$c = Translation.for('src/lib/my-organization-proj.ts', { "src/lib/my-organization-proj.ts": { "en-US": async () => (await import('./ui-websql-my-organization-proj.ts.en-US.i18n.data-B6eQfqTW.mjs')).default, "pl-PL": async () => (await import('./ui-websql-my-organization-proj.ts.pl-PL.i18n.data-C2FZNfxx.mjs')).default, "de-DE": async () => (await import('./ui-websql-my-organization-proj.ts.de-DE.i18n.data-zpmbvuwX.mjs')).default }, "src/lib/start-cli.ts": { "en-US": async () => (await import('./ui-websql-start-cli.ts.en-US.i18n.data-BtpAWTsG.mjs')).default, "pl-PL": async () => (await import('./ui-websql-start-cli.ts.pl-PL.i18n.data-D8kU8T4d.mjs')).default, "de-DE": async () => (await import('./ui-websql-start-cli.ts.de-DE.i18n.data-ZDwwRGhS.mjs')).default } });
@@ -2752,6 +2752,44 @@ const TaonDraggableButtonPanelRoutes = [
2752
2752
  // },
2753
2753
  ];
2754
2754
 
2755
+ class TaonItemsHamburgerComponent {
2756
+ constructor() {
2757
+ this.icon = 'menu';
2758
+ this.taonAdminService = inject(TaonAdminService);
2759
+ this.elementRef = inject((ElementRef));
2760
+ this.opened = signal(false, ...(ngDevMode ? [{ debugName: "opened" }] : []));
2761
+ }
2762
+ toggle(event) {
2763
+ event.stopPropagation();
2764
+ this.opened.update(opened => !opened);
2765
+ }
2766
+ onDocumentClick(event) {
2767
+ const target = event.target;
2768
+ if (this.opened() &&
2769
+ target &&
2770
+ !this.elementRef.nativeElement.contains(target)) {
2771
+ this.opened.set(false);
2772
+ }
2773
+ }
2774
+ onEscape() {
2775
+ this.opened.set(false);
2776
+ }
2777
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonItemsHamburgerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
2778
+ 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 }); }
2779
+ }
2780
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonItemsHamburgerComponent, decorators: [{
2781
+ type: Component,
2782
+ 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"] }]
2783
+ }], propDecorators: { icon: [{
2784
+ type: Input
2785
+ }], onDocumentClick: [{
2786
+ type: HostListener,
2787
+ args: ['document:click', ['$event']]
2788
+ }], onEscape: [{
2789
+ type: HostListener,
2790
+ args: ['document:keydown.escape']
2791
+ }] } });
2792
+
2755
2793
  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-websql-taon-purchase-status.dialog.component.html.en-US.i18n.data-nNV-_Bxf.mjs')).default, "pl-PL": async () => (await import('./ui-websql-taon-purchase-status.dialog.component.html.pl-PL.i18n.data-DNdKPp72.mjs')).default, "de-DE": async () => (await import('./ui-websql-taon-purchase-status.dialog.component.html.de-DE.i18n.data-BIcFyGTE.mjs')).default }, "src/lib/taon-purchase-status/taon-purchase-status.dialog.component.ts": { "en-US": async () => (await import('./ui-websql-taon-purchase-status.dialog.component.ts.en-US.i18n.data-CfpW4ySH.mjs')).default, "pl-PL": async () => (await import('./ui-websql-taon-purchase-status.dialog.component.ts.pl-PL.i18n.data-C-zcwzt5.mjs')).default, "de-DE": async () => (await import('./ui-websql-taon-purchase-status.dialog.component.ts.de-DE.i18n.data-B-fSzjPP.mjs')).default } });
2756
2794
  class TaonPurchaseStatusDialogComponent {
2757
2795
  constructor(data) {
@@ -2798,5 +2836,5 @@ var index = {};
2798
2836
  * Generated bundle index. Do not edit.
2799
2837
  */
2800
2838
 
2801
- 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 };
2839
+ 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 };
2802
2840
  //# sourceMappingURL=ui-websql.mjs.map