@taon-dev/ui 21.0.26 → 21.0.28

package/ts-source/websql-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/websql-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/websql-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/websql';
+@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/websql-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.26';
+export const CURRENT_PACKAGE_VERSION = '21.0.28';

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

@@ -14,6 +14,7 @@ export * from './build-info._auto-generated_';
 export * from './my-organization-proj';
 export * from './start-cli';
 export * from './directives/taon-horizontal-wheel-scrolling.directive';
+export * from './taon-admin-layout/taon-admin-content-footer.service';
 export * from './taon-admin-layout/taon-admin-layout.component';
 export * from './taon-admin-layout/taon-admin-layout.models';
 export * from './taon-admin-layout/taon-admin-menu-context';
@@ -36,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/websql-code-prod/taon-admin-layout/taon-admin-content-footer.service.split-namespaces.json

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

package/ts-source/websql-code-prod/taon-admin-layout/taon-admin-content-footer.service.ts

@@ -0,0 +1,20 @@
+// @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 { Injectable, TemplateRef, signal } from '@angular/core';
+@Injectable({ providedIn: 'root' })
+export class TaonAdminContentFooterService {
+    readonly currentTemplate = signal<TemplateRef<unknown> | undefined>(undefined);
+    setTemplate(template?: TemplateRef<unknown>): void {
+        this.currentTemplate.set(template);
+    }
+}

package/ts-source/websql-code-prod/taon-admin-layout/taon-admin-layout.component.html

@@ -228,7 +228,10 @@
       
 
       <footer class="admin-content-footer">
-        <ng-content select="[contentFooter]" />
+        <ng-container
+          [ngTemplateOutlet]="
+            taonAdminContentFooterService.currentTemplate()
+          " />
       </footer>
     </main>
   </div>

package/ts-source/websql-code-prod/taon-admin-layout/taon-admin-layout.component.ts

@@ -19,6 +19,7 @@ import { NavigationEnd, Route, Router, RouterLink, RouterOutlet, Routes, } from
 import { Translation } from '@taon-dev/i18n/websql-prod';
 import { filter, Subscription } from 'rxjs';
 import { Taon__NS____FILE_RELATIVE_PATH, Taon__NS__asset, Taon__NS__assetsFrom, Taon__NS__assetsListFrom, Taon__NS__createContext, Taon__NS__createContextTemplate, Taon__NS__error, Taon__NS__getResponseValue, Taon__NS__isBrowser, Taon__NS__isElectron, Taon__NS__isNode, Taon__NS__isWebSQL, Taon__NS__LANG_IMPORT_MAP, Taon__NS__removeLoader, Taon__NS__Response, Taon__NS__ResponseHtml, Taon__NS__StartParams } from 'taon/websql-prod';
+import { TaonAdminContentFooterService } from './taon-admin-content-footer.service';
 import { resolveTaonAdminMenuItem, TaonAdminRoute, } from './taon-admin-layout.models';
 import { TaonAdminMenuContext } from './taon-admin-menu-context';
 import { TaonAdminPageTabsComponent } from './taon-admin-page-tabs.component';
@@ -43,6 +44,7 @@ export class TaonAdminLayoutComponent implements OnInit, AfterViewInit, OnDestro
     protected readonly t = t.for(this);
     protected readonly menuContext = inject(TaonAdminMenuContext, { optional: true }) ??
         new TaonAdminMenuContext();
+    protected readonly taonAdminContentFooterService = inject(TaonAdminContentFooterService);
     private _routes: Routes = [];
     @Input({ required: true })
     set routes(routes: Routes) {

package/ts-source/websql-code-prod/taon-datatable/i18n/taon-datatable.component.html.de-DE.i18n.data.ts

@@ -36,17 +36,17 @@ export default {
         },
         {
             "gettextString": "Clear",
-            "lineNumber": 101,
+            "lineNumber": 108,
             "translation": "Klar"
         },
         {
             "gettextString": "Apply filters",
-            "lineNumber": 111,
+            "lineNumber": 118,
             "translation": "Filter anwenden"
         },
         {
             "gettextString": "Loading...",
-            "lineNumber": 128,
+            "lineNumber": 135,
             "translation": "Lade..."
         }
     ]

package/ts-source/websql-code-prod/taon-datatable/i18n/taon-datatable.component.html.de-DE.po

@@ -12,14 +12,14 @@ msgstr "Filter"
 msgid "Add"
 msgstr "Hinzufügen"
 
-#: src/lib/taon-datatable/taon-datatable.component.html:101
+#: src/lib/taon-datatable/taon-datatable.component.html:108
 msgid "Clear"
 msgstr "Klar"
 
-#: src/lib/taon-datatable/taon-datatable.component.html:111
+#: src/lib/taon-datatable/taon-datatable.component.html:118
 msgid "Apply filters"
 msgstr "Filter anwenden"
 
-#: src/lib/taon-datatable/taon-datatable.component.html:128
+#: src/lib/taon-datatable/taon-datatable.component.html:135
 msgid "Loading..."
 msgstr "Lade..."

package/ts-source/websql-code-prod/taon-datatable/i18n/taon-datatable.component.html.en-US.i18n.data.ts

@@ -36,17 +36,17 @@ export default {
         },
         {
             "gettextString": "Clear",
-            "lineNumber": 101,
+            "lineNumber": 108,
             "translation": "Clear"
         },
         {
             "gettextString": "Apply filters",
-            "lineNumber": 111,
+            "lineNumber": 118,
             "translation": "Apply filters"
         },
         {
             "gettextString": "Loading...",
-            "lineNumber": 128,
+            "lineNumber": 135,
             "translation": "Loading..."
         }
     ]

package/ts-source/websql-code-prod/taon-datatable/i18n/taon-datatable.component.html.en-US.po

@@ -12,14 +12,14 @@ msgstr "Filters"
 msgid "Add"
 msgstr "Add"
 
-#: src/lib/taon-datatable/taon-datatable.component.html:101
+#: src/lib/taon-datatable/taon-datatable.component.html:108
 msgid "Clear"
 msgstr "Clear"
 
-#: src/lib/taon-datatable/taon-datatable.component.html:111
+#: src/lib/taon-datatable/taon-datatable.component.html:118
 msgid "Apply filters"
 msgstr "Apply filters"
 
-#: src/lib/taon-datatable/taon-datatable.component.html:128
+#: src/lib/taon-datatable/taon-datatable.component.html:135
 msgid "Loading..."
 msgstr "Loading..."

package/ts-source/websql-code-prod/taon-datatable/i18n/taon-datatable.component.html.pl-PL.i18n.data.ts

@@ -36,17 +36,17 @@ export default {
         },
         {
             "gettextString": "Clear",
-            "lineNumber": 101,
+            "lineNumber": 108,
             "translation": "Jasne"
         },
         {
             "gettextString": "Apply filters",
-            "lineNumber": 111,
+            "lineNumber": 118,
             "translation": "Wykorzystanie filtrów"
         },
         {
             "gettextString": "Loading...",
-            "lineNumber": 128,
+            "lineNumber": 135,
             "translation": "Ładowanie..."
         }
     ]

package/ts-source/websql-code-prod/taon-datatable/i18n/taon-datatable.component.html.pl-PL.po

@@ -12,14 +12,14 @@ msgstr "Filtry"
 msgid "Add"
 msgstr "Dodać"
 
-#: src/lib/taon-datatable/taon-datatable.component.html:101
+#: src/lib/taon-datatable/taon-datatable.component.html:108
 msgid "Clear"
 msgstr "Jasne"
 
-#: src/lib/taon-datatable/taon-datatable.component.html:111
+#: src/lib/taon-datatable/taon-datatable.component.html:118
 msgid "Apply filters"
 msgstr "Wykorzystanie filtrów"
 
-#: src/lib/taon-datatable/taon-datatable.component.html:128
+#: src/lib/taon-datatable/taon-datatable.component.html:135
 msgid "Loading..."
 msgstr "Ładowanie..."

package/ts-source/websql-code-prod/taon-datatable/i18n/taon-datatable.component.ts.de-DE.i18n.data.ts

@@ -24,17 +24,17 @@ export default {
     "tags": [
         {
             "gettextString": "ID",
-            "lineNumber": 59,
+            "lineNumber": 61,
             "translation": "Ausweis"
         },
         {
             "gettextString": "NAME",
-            "lineNumber": 63,
+            "lineNumber": 65,
             "translation": "Name"
         },
         {
             "gettextString": "No records found",
-            "lineNumber": 110
+            "lineNumber": 135
         }
     ]
 };

package/ts-source/websql-code-prod/taon-datatable/i18n/taon-datatable.component.ts.de-DE.po

@@ -4,14 +4,14 @@ msgstr ""
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 
-#: src/lib/taon-datatable/taon-datatable.component.ts:59
+#: src/lib/taon-datatable/taon-datatable.component.ts:61
 msgid "ID"
 msgstr "Ausweis"
 
-#: src/lib/taon-datatable/taon-datatable.component.ts:63
+#: src/lib/taon-datatable/taon-datatable.component.ts:65
 msgid "NAME"
 msgstr "Name"
 
-#: src/lib/taon-datatable/taon-datatable.component.ts:110
+#: src/lib/taon-datatable/taon-datatable.component.ts:135
 msgid "No records found"
 msgstr ""

package/ts-source/websql-code-prod/taon-datatable/i18n/taon-datatable.component.ts.en-US.i18n.data.ts

@@ -24,17 +24,17 @@ export default {
     "tags": [
         {
             "gettextString": "ID",
-            "lineNumber": 59,
+            "lineNumber": 61,
             "translation": "ID"
         },
         {
             "gettextString": "NAME",
-            "lineNumber": 63,
+            "lineNumber": 65,
             "translation": "NAME"
         },
         {
             "gettextString": "No records found",
-            "lineNumber": 110
+            "lineNumber": 135
         }
     ]
 };

package/ts-source/websql-code-prod/taon-datatable/i18n/taon-datatable.component.ts.en-US.po

@@ -4,14 +4,14 @@ msgstr ""
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 
-#: src/lib/taon-datatable/taon-datatable.component.ts:59
+#: src/lib/taon-datatable/taon-datatable.component.ts:61
 msgid "ID"
 msgstr "ID"
 
-#: src/lib/taon-datatable/taon-datatable.component.ts:63
+#: src/lib/taon-datatable/taon-datatable.component.ts:65
 msgid "NAME"
 msgstr "NAME"
 
-#: src/lib/taon-datatable/taon-datatable.component.ts:110
+#: src/lib/taon-datatable/taon-datatable.component.ts:135
 msgid "No records found"
 msgstr ""

package/ts-source/websql-code-prod/taon-datatable/i18n/taon-datatable.component.ts.pl-PL.i18n.data.ts

@@ -24,17 +24,17 @@ export default {
     "tags": [
         {
             "gettextString": "ID",
-            "lineNumber": 59,
+            "lineNumber": 61,
             "translation": "Posiadanie dowodu"
         },
         {
             "gettextString": "NAME",
-            "lineNumber": 63,
+            "lineNumber": 65,
             "translation": "Nazwa"
         },
         {
             "gettextString": "No records found",
-            "lineNumber": 110,
+            "lineNumber": 135,
             "translation": "Nie znalezionie nic"
         }
     ]

package/ts-source/websql-code-prod/taon-datatable/i18n/taon-datatable.component.ts.pl-PL.po

@@ -4,14 +4,14 @@ msgstr ""
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 
-#: src/lib/taon-datatable/taon-datatable.component.ts:59
+#: src/lib/taon-datatable/taon-datatable.component.ts:61
 msgid "ID"
 msgstr "Posiadanie dowodu"
 
-#: src/lib/taon-datatable/taon-datatable.component.ts:63
+#: src/lib/taon-datatable/taon-datatable.component.ts:65
 msgid "NAME"
 msgstr "Nazwa"
 
-#: src/lib/taon-datatable/taon-datatable.component.ts:110
+#: src/lib/taon-datatable/taon-datatable.component.ts:135
 msgid "No records found"
 msgstr "Nie znalezionie nic"

package/ts-source/websql-code-prod/taon-datatable/taon-datatable.component.html

@@ -87,20 +87,27 @@
   @if (!hideSearch && searchMode === 'advanced' && advancedSearchOpened) {
     <div
       class="grid grid-cols-1 gap-3 rounded-lg border border-gray-200 bg-gray-50 p-4 shadow-sm dark:border-gray-700 dark:bg-gray-800 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
-      @for (column of filterableColumns; track column.field) {
-        <mat-form-field
-          appearance="outline"
-          subscriptSizing="dynamic"
-          class="w-full">
-          <mat-label>
-            {{ column.header }}
-          </mat-label>
-
-          <input
-            matInput
-            [(ngModel)]="columnFilters[$any(column.field)]"
-            (keyup.enter)="applyAdvancedFilters()" />
-        </mat-form-field>
+      @if (filtersTemplate) {
+        <ng-container
+          [ngTemplateOutlet]="filtersTemplate"
+          [ngTemplateOutletContext]="{ filters: columnFilters }">
+        </ng-container>
+      } @else {
+        @for (column of filterableColumns; track column.field) {
+          <mat-form-field
+            appearance="outline"
+            subscriptSizing="dynamic"
+            class="w-full">
+            <mat-label>
+              {{ column.header }}
+            </mat-label>
+
+            <input
+              matInput
+              [(ngModel)]="columnFilters[$any(column.field)]"
+              (keyup.enter)="applyAdvancedFilters()" />
+          </mat-form-field>
+        }
       }
 
       <div