@egose/shadcn-theme-ng 0.0.17 → 0.0.19

package/layout-simple/fesm2022/layout-simple.mjs

@@ -0,0 +1,315 @@
+import * as i0 from '@angular/core';
+import { input, Component, viewChild, output, inject, signal, resource, ChangeDetectionStrategy, computed } from '@angular/core';
+import { RouterLink, RouterOutlet } from '@angular/router';
+import * as i1$1 from '@angular/cdk/layout';
+import { Breakpoints } from '@angular/cdk/layout';
+import { hlm } from '@egose/shadcn-theme-ng/utils';
+import { NgIcon, provideIcons } from '@ng-icons/core';
+import { lucideUser } from '@ng-icons/lucide';
+import { BrnMenuTrigger } from '@spartan-ng/brain/menu';
+import { HlmButton } from '@egose/shadcn-theme-ng/button';
+import { HlmMenu, HlmMenuItem, HlmMenuLabel, HlmMenuSeparator, HlmMenuGroup } from '@egose/shadcn-theme-ng/menu';
+import * as i2 from '@angular/forms';
+import { FormBuilder, Validators, ReactiveFormsModule } from '@angular/forms';
+import * as i1 from '@egose/shadcn-theme-ng/autocomplete';
+import { provideHlmAutocompleteConfig, HlmAutocompleteImports } from '@egose/shadcn-theme-ng/autocomplete';
+import { HlmSpinner } from '@egose/shadcn-theme-ng/spinner';
+
+class EgLayoutSimpleUserMenu {
+    menus = input([], ...(ngDevMode ? [{ debugName: "menus" }] : []));
+    lucideUser = lucideUser;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: EgLayoutSimpleUserMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: EgLayoutSimpleUserMenu, isStandalone: true, selector: "eg-layout-simple-user-menu", inputs: { menus: { classPropertyName: "menus", publicName: "menus", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            provideIcons({
+                lucideUser,
+            }),
+        ], ngImport: i0, template: `
+    <ng-template #iconTemplate>
+      <ng-icon [svg]="lucideUser" size="1.5em" />
+    </ng-template>
+
+    <div class="flex w-full items-center justify-center pt-[20%]">
+      <button
+        hlmButton
+        variant="primary"
+        size="icon"
+        align="end"
+        [brnMenuTriggerFor]="menu"
+        [icon]="iconTemplate"
+        class="rounded-full! border! border-gray-400!"
+      ></button>
+    </div>
+
+    <ng-template #menu>
+      <hlm-menu class="w-56">
+        @for (section of menus(); track section) {
+          @if (section.label) {
+            <hlm-menu-label>{{ section.label }}</hlm-menu-label>
+          }
+          @if (section.items?.length) {
+            <hlm-menu-group>
+              @for (item of section.items; track item) {
+                @if (item.link) {
+                  <a hlmMenuItem [routerLink]="item.link" [class]="item.class || ''">
+                    @if (item.icon) {
+                      <ng-icon [svg]="item.icon" size="1em" class="mr-2" />
+                    }
+                    <span>{{ item.label }}</span>
+                  </a>
+                } @else {
+                  <button hlmMenuItem (click)="item.action?.()" [class]="item.class || ''">
+                    @if (item.icon) {
+                      <ng-icon [svg]="item.icon" size="1em" class="mr-2" />
+                    }
+                    <span>{{ item.label }}</span>
+                  </button>
+                }
+              }
+            </hlm-menu-group>
+          }
+          @if (section.separator) {
+            <hlm-menu-separator />
+          }
+        }
+      </hlm-menu>
+    </ng-template>
+  `, isInline: true, dependencies: [{ kind: "directive", type: BrnMenuTrigger, selector: "[brnMenuTriggerFor]", inputs: ["align"] }, { kind: "component", type: HlmMenu, selector: "hlm-menu", inputs: ["class", "variant"] }, { kind: "directive", type: HlmMenuItem, selector: "[hlmMenuItem]", inputs: ["variant", "inset", "class"] }, { kind: "component", type: HlmMenuLabel, selector: "hlm-menu-label", inputs: ["inset", "class"] }, { kind: "component", type: HlmMenuSeparator, selector: "hlm-menu-separator", inputs: ["class"] }, { kind: "component", type: HlmMenuGroup, selector: "hlm-menu-group" }, { kind: "component", type: HlmButton, selector: "button[hlmButton], a[hlmButton]", inputs: ["variant", "size", "appearance", "loading", "icon", "iconPosition", "userClass", "spinnerUserClass", "disabled", "type"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: EgLayoutSimpleUserMenu, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'eg-layout-simple-user-menu',
+                    imports: [
+                        BrnMenuTrigger,
+                        HlmMenu,
+                        HlmMenuItem,
+                        HlmMenuLabel,
+                        HlmMenuSeparator,
+                        HlmMenuGroup,
+                        HlmButton,
+                        NgIcon,
+                        RouterLink,
+                    ],
+                    providers: [
+                        provideIcons({
+                            lucideUser,
+                        }),
+                    ],
+                    template: `
+    <ng-template #iconTemplate>
+      <ng-icon [svg]="lucideUser" size="1.5em" />
+    </ng-template>
+
+    <div class="flex w-full items-center justify-center pt-[20%]">
+      <button
+        hlmButton
+        variant="primary"
+        size="icon"
+        align="end"
+        [brnMenuTriggerFor]="menu"
+        [icon]="iconTemplate"
+        class="rounded-full! border! border-gray-400!"
+      ></button>
+    </div>
+
+    <ng-template #menu>
+      <hlm-menu class="w-56">
+        @for (section of menus(); track section) {
+          @if (section.label) {
+            <hlm-menu-label>{{ section.label }}</hlm-menu-label>
+          }
+          @if (section.items?.length) {
+            <hlm-menu-group>
+              @for (item of section.items; track item) {
+                @if (item.link) {
+                  <a hlmMenuItem [routerLink]="item.link" [class]="item.class || ''">
+                    @if (item.icon) {
+                      <ng-icon [svg]="item.icon" size="1em" class="mr-2" />
+                    }
+                    <span>{{ item.label }}</span>
+                  </a>
+                } @else {
+                  <button hlmMenuItem (click)="item.action?.()" [class]="item.class || ''">
+                    @if (item.icon) {
+                      <ng-icon [svg]="item.icon" size="1em" class="mr-2" />
+                    }
+                    <span>{{ item.label }}</span>
+                  </button>
+                }
+              }
+            </hlm-menu-group>
+          }
+          @if (section.separator) {
+            <hlm-menu-separator />
+          }
+        }
+      </hlm-menu>
+    </ng-template>
+  `,
+                }]
+        }] });
+
+const transformValueToSearchMap = {};
+class EgGenericAutocomplete {
+    defaultOptionTemplate = viewChild('defaultOption', ...(ngDevMode ? [{ debugName: "defaultOptionTemplate" }] : []));
+    controlId = input(crypto.randomUUID(), ...(ngDevMode ? [{ debugName: "controlId" }] : []));
+    placeholderText = input('Select an option', ...(ngDevMode ? [{ debugName: "placeholderText" }] : []));
+    emptyText = input('No options found', ...(ngDevMode ? [{ debugName: "emptyText" }] : []));
+    optionTemplate = input(this.defaultOptionTemplate, ...(ngDevMode ? [{ debugName: "optionTemplate" }] : []));
+    loaderFn = input(async () => [], ...(ngDevMode ? [{ debugName: "loaderFn" }] : []));
+    transformValueToSearch = input((value) => String(value), ...(ngDevMode ? [{ debugName: "transformValueToSearch" }] : []));
+    optionChange = output();
+    _formBuilder = inject(FormBuilder);
+    form = this._formBuilder.group({
+        option: [null, Validators.required],
+    });
+    search = signal('', ...(ngDevMode ? [{ debugName: "search" }] : []));
+    options = resource({
+        defaultValue: [],
+        params: () => ({ search: this.search(), negajjang: '1111' }),
+        loader: async ({ params }) => {
+            const fn = this.loaderFn();
+            if (!fn) {
+                return [];
+            }
+            return fn(params);
+        },
+    });
+    ngOnInit() {
+        transformValueToSearchMap[this.controlId()] = this.transformValueToSearch();
+        this.form.controls['option'].valueChanges.subscribe((value) => {
+            if (value !== null) {
+                this.optionChange.emit(value);
+            }
+        });
+    }
+    ngOnDestroy() {
+        delete transformValueToSearchMap[this.controlId()];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: EgGenericAutocomplete, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.1", type: EgGenericAutocomplete, isStandalone: true, selector: "eg-generic-autocomplete", inputs: { controlId: { classPropertyName: "controlId", publicName: "controlId", isSignal: true, isRequired: false, transformFunction: null }, placeholderText: { classPropertyName: "placeholderText", publicName: "placeholderText", isSignal: true, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null }, optionTemplate: { classPropertyName: "optionTemplate", publicName: "optionTemplate", isSignal: true, isRequired: false, transformFunction: null }, loaderFn: { classPropertyName: "loaderFn", publicName: "loaderFn", isSignal: true, isRequired: false, transformFunction: null }, transformValueToSearch: { classPropertyName: "transformValueToSearch", publicName: "transformValueToSearch", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { optionChange: "optionChange" }, viewQueries: [{ propertyName: "defaultOptionTemplate", first: true, predicate: ["defaultOption"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <form [formGroup]="form" class="space-y-8">
+      <hlm-autocomplete
+        [inputId]="controlId()"
+        [filteredOptions]="options.value()"
+        [optionTemplate]="optionTemplate()"
+        [loading]="options.isLoading()"
+        [(search)]="search"
+        [searchPlaceholderText]="placeholderText()"
+        [emptyText]="emptyText()"
+        formControlName="option"
+        class="bg-white"
+      >
+        <hlm-spinner loading class="size-6" />
+      </hlm-autocomplete>
+    </form>
+    <ng-template #defaultOption let-option>
+      {{ option }}
+    </ng-template>
+  `, isInline: true, dependencies: [{ kind: "component", type: HlmSpinner, selector: "hlm-spinner", inputs: ["size", "show", "class", "spinnerClass"] }, { kind: "component", type: i1.HlmAutocomplete, selector: "hlm-autocomplete", inputs: ["onSelect", "class", "autocompleteListClass", "autocompleteEmptyClass", "filteredOptions", "value", "search", "transformValueToSearch", "optionTemplate", "loading", "searchPlaceholderText", "loadingText", "emptyText", "ariaLabelToggleButton", "inputId", "disabled"], outputs: ["valueChange", "searchChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], viewProviders: [
+            provideHlmAutocompleteConfig({
+                transformValueToSearch: (params, inputId) => {
+                    const fn = transformValueToSearchMap[inputId];
+                    return fn(params);
+                },
+            }),
+        ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: EgGenericAutocomplete, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'eg-generic-autocomplete',
+                    imports: [HlmSpinner, HlmAutocompleteImports, ReactiveFormsModule],
+                    template: `
+    <form [formGroup]="form" class="space-y-8">
+      <hlm-autocomplete
+        [inputId]="controlId()"
+        [filteredOptions]="options.value()"
+        [optionTemplate]="optionTemplate()"
+        [loading]="options.isLoading()"
+        [(search)]="search"
+        [searchPlaceholderText]="placeholderText()"
+        [emptyText]="emptyText()"
+        formControlName="option"
+        class="bg-white"
+      >
+        <hlm-spinner loading class="size-6" />
+      </hlm-autocomplete>
+    </form>
+    <ng-template #defaultOption let-option>
+      {{ option }}
+    </ng-template>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    viewProviders: [
+                        provideHlmAutocompleteConfig({
+                            transformValueToSearch: (params, inputId) => {
+                                const fn = transformValueToSearchMap[inputId];
+                                return fn(params);
+                            },
+                        }),
+                    ],
+                }]
+        }] });
+
+class EgLayoutSimple {
+    breakpointObserver;
+    /** Menu data inputs */
+    leftMenus = input([], ...(ngDevMode ? [{ debugName: "leftMenus" }] : []));
+    rightMenus = input([], ...(ngDevMode ? [{ debugName: "rightMenus" }] : []));
+    userMenus = input([], ...(ngDevMode ? [{ debugName: "userMenus" }] : []));
+    logo = input('assets/logo.png', ...(ngDevMode ? [{ debugName: "logo" }] : []));
+    logoLink = input('/', ...(ngDevMode ? [{ debugName: "logoLink" }] : []));
+    hlm = hlm;
+    /** Container class inputs */
+    leftMenuClass = input('', ...(ngDevMode ? [{ debugName: "leftMenuClass", alias: 'leftClass' }] : [{ alias: 'leftClass' }]));
+    rightMenuClass = input('', ...(ngDevMode ? [{ debugName: "rightMenuClass", alias: 'rightClass' }] : [{ alias: 'rightClass' }]));
+    /** Link/button base class inputs */
+    leftLinkClass = input('', ...(ngDevMode ? [{ debugName: "leftLinkClass", alias: 'leftLinkClass' }] : [{ alias: 'leftLinkClass' }]));
+    rightLinkClass = input('', ...(ngDevMode ? [{ debugName: "rightLinkClass", alias: 'rightLinkClass' }] : [{ alias: 'rightLinkClass' }]));
+    searchEnabled = input(false, ...(ngDevMode ? [{ debugName: "searchEnabled" }] : []));
+    searchPlaceholderText = input('Select an page', ...(ngDevMode ? [{ debugName: "searchPlaceholderText" }] : []));
+    searchEmptyText = input('No pages found', ...(ngDevMode ? [{ debugName: "searchEmptyText" }] : []));
+    searchOptionTemplate = input(...(ngDevMode ? [undefined, { debugName: "searchOptionTemplate" }] : []));
+    searchLoaderFn = input(...(ngDevMode ? [undefined, { debugName: "searchLoaderFn" }] : []));
+    searchTransformValueToSearch = input(...(ngDevMode ? [undefined, { debugName: "searchTransformValueToSearch" }] : []));
+    searchOptionChange = output();
+    /** Computed merged classes for containers */
+    _computedLeftClass = computed(() => hlm('hidden md:flex space-x-4 items-center', this.leftMenuClass()), ...(ngDevMode ? [{ debugName: "_computedLeftClass" }] : []));
+    _computedRightClass = computed(() => hlm('hidden md:flex space-x-4 items-center', this.rightMenuClass()), ...(ngDevMode ? [{ debugName: "_computedRightClass" }] : []));
+    /** Computed merged classes for link/button elements */
+    _computedLeftLinkClass = computed(() => hlm('text-gray-700 hover:text-blue-500', this.leftLinkClass()), ...(ngDevMode ? [{ debugName: "_computedLeftLinkClass" }] : []));
+    _computedRightLinkClass = computed(() => hlm('text-gray-700 hover:text-blue-500', this.rightLinkClass()), ...(ngDevMode ? [{ debugName: "_computedRightLinkClass" }] : []));
+    /** Mobile menu state */
+    mobileMenuOpen = false;
+    isMobile = signal(false, ...(ngDevMode ? [{ debugName: "isMobile" }] : []));
+    constructor(breakpointObserver) {
+        this.breakpointObserver = breakpointObserver;
+        this.breakpointObserver.observe([Breakpoints.Handset]).subscribe((result) => {
+            this.isMobile.set(result.matches);
+        });
+    }
+    toggleMobileMenu() {
+        this.mobileMenuOpen = !this.mobileMenuOpen;
+    }
+    onSearchOptionChange(value) {
+        this.searchOptionChange.emit(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: EgLayoutSimple, deps: [{ token: i1$1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: EgLayoutSimple, isStandalone: true, selector: "eg-layout-simple", inputs: { leftMenus: { classPropertyName: "leftMenus", publicName: "leftMenus", isSignal: true, isRequired: false, transformFunction: null }, rightMenus: { classPropertyName: "rightMenus", publicName: "rightMenus", isSignal: true, isRequired: false, transformFunction: null }, userMenus: { classPropertyName: "userMenus", publicName: "userMenus", isSignal: true, isRequired: false, transformFunction: null }, logo: { classPropertyName: "logo", publicName: "logo", isSignal: true, isRequired: false, transformFunction: null }, logoLink: { classPropertyName: "logoLink", publicName: "logoLink", isSignal: true, isRequired: false, transformFunction: null }, leftMenuClass: { classPropertyName: "leftMenuClass", publicName: "leftClass", isSignal: true, isRequired: false, transformFunction: null }, rightMenuClass: { classPropertyName: "rightMenuClass", publicName: "rightClass", isSignal: true, isRequired: false, transformFunction: null }, leftLinkClass: { classPropertyName: "leftLinkClass", publicName: "leftLinkClass", isSignal: true, isRequired: false, transformFunction: null }, rightLinkClass: { classPropertyName: "rightLinkClass", publicName: "rightLinkClass", isSignal: true, isRequired: false, transformFunction: null }, searchEnabled: { classPropertyName: "searchEnabled", publicName: "searchEnabled", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholderText: { classPropertyName: "searchPlaceholderText", publicName: "searchPlaceholderText", isSignal: true, isRequired: false, transformFunction: null }, searchEmptyText: { classPropertyName: "searchEmptyText", publicName: "searchEmptyText", isSignal: true, isRequired: false, transformFunction: null }, searchOptionTemplate: { classPropertyName: "searchOptionTemplate", publicName: "searchOptionTemplate", isSignal: true, isRequired: false, transformFunction: null }, searchLoaderFn: { classPropertyName: "searchLoaderFn", publicName: "searchLoaderFn", isSignal: true, isRequired: false, transformFunction: null }, searchTransformValueToSearch: { classPropertyName: "searchTransformValueToSearch", publicName: "searchTransformValueToSearch", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { searchOptionChange: "searchOptionChange" }, ngImport: i0, template: "<div class=\"flex flex-col min-h-screen\">\n  <!-- Header -->\n  <header\n    class=\"flex items-center justify-between bg-gray-100 px-4 py-2 border-b border-gray-300\"\n  >\n    <!-- Left side: Logo + Left menus -->\n    <div class=\"flex items-center space-x-6\">\n      <div class=\"logo\">\n        <a [routerLink]=\"logoLink()\">\n          <img [src]=\"logo()\" alt=\"Logo\" class=\"h-10\" />\n        </a>\n      </div>\n      <!-- Left menus (desktop) -->\n      <nav [class]=\"_computedLeftClass()\">\n        @for (item of leftMenus(); track item.label) {\n          @if (item.link) {\n            <a [routerLink]=\"item.link\" [class]=\"hlm(_computedLeftLinkClass(), item.class || '')\"> {{ item.label }} </a>\n          } @else {\n            <button type=\"button\" (click)=\"item.action?.()\" [class]=\"hlm(_computedLeftLinkClass(), item.class || '')\">\n              {{ item.label }}\n            </button>\n          }\n        }\n      </nav>\n    </div>\n\n    <!-- Right menus (desktop) -->\n    <nav [class]=\"_computedRightClass()\">\n      @if (searchEnabled()) {\n        <eg-generic-autocomplete\n          [optionTemplate]=\"searchOptionTemplate()\"\n          [loaderFn]=\"searchLoaderFn()\"\n          [transformValueToSearch]=\"searchTransformValueToSearch()\"\n          [placeholderText]=\"searchPlaceholderText()\"\n          [emptyText]=\"searchEmptyText()\"\n          (optionChange)=\"onSearchOptionChange($event)\"\n        ></eg-generic-autocomplete>\n      }\n\n      @for (item of rightMenus(); track item.label) {\n        @if (item.link) {\n          <a [routerLink]=\"item.link\" [class]=\"hlm(_computedRightLinkClass(), item.class || '')\"> {{ item.label }} </a>\n        } @else {\n          <button type=\"button\" (click)=\"item.action?.()\" [class]=\"hlm(_computedRightLinkClass(), item.class || '')\">\n            {{ item.label }}\n          </button>\n        }\n      }\n\n      @let uMenus = userMenus();\n      @if (uMenus && uMenus.length > 0) {\n        <eg-layout-simple-user-menu [menus]=\"uMenus\"></eg-layout-simple-user-menu>\n      }\n    </nav>\n\n    <!-- Mobile menu button -->\n    <button\n      (click)=\"toggleMobileMenu()\"\n      class=\"md:hidden p-2 text-gray-700 hover:text-blue-500 focus:outline-none\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        class=\"h-6 w-6\"\n        fill=\"none\"\n        viewBox=\"0 0 24 24\"\n        stroke=\"currentColor\"\n      >\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\" />\n      </svg>\n    </button>\n  </header>\n\n  <!-- Mobile menu -->\n  @if (isMobile() && mobileMenuOpen) {\n    <div class=\"bg-gray-100 border-b border-gray-300 px-4 py-2\">\n      <nav class=\"flex flex-col space-y-2\">\n        <!-- Left menus -->\n        @for (item of leftMenus(); track item.label) {\n          @if (item.link) {\n            <a [routerLink]=\"item.link\" class=\"text-left cursor-pointer text-gray-700 hover:text-blue-500\">\n              {{ item.label }}\n            </a>\n          } @else {\n            <button\n              type=\"button\"\n              (click)=\"item.action?.()\"\n              class=\"text-left cursor-pointer text-gray-700 hover:text-blue-500\"\n            >\n              {{ item.label }}\n            </button>\n          }\n        }\n\n        <!-- Right menus -->\n        @for (item of rightMenus(); track item.label) {\n          @if (item.link) {\n            <a [routerLink]=\"item.link\" class=\"text-left cursor-pointer text-gray-700 hover:text-blue-500\">\n              {{ item.label }}\n            </a>\n          } @else {\n            <button\n              type=\"button\"\n              (click)=\"item.action?.()\"\n              class=\"text-left cursor-pointer text-gray-700 hover:text-blue-500\"\n            >\n              {{ item.label }}\n            </button>\n          }\n        }\n\n        <!-- User menus (flattened for mobile) -->\n        @for (section of userMenus(); track section.label) {\n          @if (section.label) {\n            <div class=\"font-bold mt-2\">{{ section.label }}</div>\n          }\n          @if (section.items?.length) {\n            @for (item of section.items; track item.label) {\n              @if (item.link) {\n                <a\n                  [routerLink]=\"item.link\"\n                  class=\"text-left cursor-pointer text-gray-700 hover:text-blue-500\"\n                >\n                  {{ item.label }}\n                </a>\n              } @else {\n                <button\n                  type=\"button\"\n                  (click)=\"item.action?.()\"\n                  class=\"text-left cursor-pointer text-gray-700 hover:text-blue-500\"\n                >\n                  {{ item.label }}\n                </button>\n              }\n            }\n          }\n          @if (section.separator) {\n            <hr class=\"border-gray-300 my-2\" />\n          }\n        }\n      </nav>\n    </div>\n  }\n\n  <!-- Main content -->\n  <main class=\"flex-1 p-4\">\n    <router-outlet></router-outlet>\n  </main>\n</div>\n", dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: EgLayoutSimpleUserMenu, selector: "eg-layout-simple-user-menu", inputs: ["menus"] }, { kind: "component", type: EgGenericAutocomplete, selector: "eg-generic-autocomplete", inputs: ["controlId", "placeholderText", "emptyText", "optionTemplate", "loaderFn", "transformValueToSearch"], outputs: ["optionChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: EgLayoutSimple, decorators: [{
+            type: Component,
+            args: [{ selector: 'eg-layout-simple', standalone: true, imports: [RouterOutlet, RouterLink, EgLayoutSimpleUserMenu, EgGenericAutocomplete], template: "<div class=\"flex flex-col min-h-screen\">\n  <!-- Header -->\n  <header\n    class=\"flex items-center justify-between bg-gray-100 px-4 py-2 border-b border-gray-300\"\n  >\n    <!-- Left side: Logo + Left menus -->\n    <div class=\"flex items-center space-x-6\">\n      <div class=\"logo\">\n        <a [routerLink]=\"logoLink()\">\n          <img [src]=\"logo()\" alt=\"Logo\" class=\"h-10\" />\n        </a>\n      </div>\n      <!-- Left menus (desktop) -->\n      <nav [class]=\"_computedLeftClass()\">\n        @for (item of leftMenus(); track item.label) {\n          @if (item.link) {\n            <a [routerLink]=\"item.link\" [class]=\"hlm(_computedLeftLinkClass(), item.class || '')\"> {{ item.label }} </a>\n          } @else {\n            <button type=\"button\" (click)=\"item.action?.()\" [class]=\"hlm(_computedLeftLinkClass(), item.class || '')\">\n              {{ item.label }}\n            </button>\n          }\n        }\n      </nav>\n    </div>\n\n    <!-- Right menus (desktop) -->\n    <nav [class]=\"_computedRightClass()\">\n      @if (searchEnabled()) {\n        <eg-generic-autocomplete\n          [optionTemplate]=\"searchOptionTemplate()\"\n          [loaderFn]=\"searchLoaderFn()\"\n          [transformValueToSearch]=\"searchTransformValueToSearch()\"\n          [placeholderText]=\"searchPlaceholderText()\"\n          [emptyText]=\"searchEmptyText()\"\n          (optionChange)=\"onSearchOptionChange($event)\"\n        ></eg-generic-autocomplete>\n      }\n\n      @for (item of rightMenus(); track item.label) {\n        @if (item.link) {\n          <a [routerLink]=\"item.link\" [class]=\"hlm(_computedRightLinkClass(), item.class || '')\"> {{ item.label }} </a>\n        } @else {\n          <button type=\"button\" (click)=\"item.action?.()\" [class]=\"hlm(_computedRightLinkClass(), item.class || '')\">\n            {{ item.label }}\n          </button>\n        }\n      }\n\n      @let uMenus = userMenus();\n      @if (uMenus && uMenus.length > 0) {\n        <eg-layout-simple-user-menu [menus]=\"uMenus\"></eg-layout-simple-user-menu>\n      }\n    </nav>\n\n    <!-- Mobile menu button -->\n    <button\n      (click)=\"toggleMobileMenu()\"\n      class=\"md:hidden p-2 text-gray-700 hover:text-blue-500 focus:outline-none\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        class=\"h-6 w-6\"\n        fill=\"none\"\n        viewBox=\"0 0 24 24\"\n        stroke=\"currentColor\"\n      >\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\" />\n      </svg>\n    </button>\n  </header>\n\n  <!-- Mobile menu -->\n  @if (isMobile() && mobileMenuOpen) {\n    <div class=\"bg-gray-100 border-b border-gray-300 px-4 py-2\">\n      <nav class=\"flex flex-col space-y-2\">\n        <!-- Left menus -->\n        @for (item of leftMenus(); track item.label) {\n          @if (item.link) {\n            <a [routerLink]=\"item.link\" class=\"text-left cursor-pointer text-gray-700 hover:text-blue-500\">\n              {{ item.label }}\n            </a>\n          } @else {\n            <button\n              type=\"button\"\n              (click)=\"item.action?.()\"\n              class=\"text-left cursor-pointer text-gray-700 hover:text-blue-500\"\n            >\n              {{ item.label }}\n            </button>\n          }\n        }\n\n        <!-- Right menus -->\n        @for (item of rightMenus(); track item.label) {\n          @if (item.link) {\n            <a [routerLink]=\"item.link\" class=\"text-left cursor-pointer text-gray-700 hover:text-blue-500\">\n              {{ item.label }}\n            </a>\n          } @else {\n            <button\n              type=\"button\"\n              (click)=\"item.action?.()\"\n              class=\"text-left cursor-pointer text-gray-700 hover:text-blue-500\"\n            >\n              {{ item.label }}\n            </button>\n          }\n        }\n\n        <!-- User menus (flattened for mobile) -->\n        @for (section of userMenus(); track section.label) {\n          @if (section.label) {\n            <div class=\"font-bold mt-2\">{{ section.label }}</div>\n          }\n          @if (section.items?.length) {\n            @for (item of section.items; track item.label) {\n              @if (item.link) {\n                <a\n                  [routerLink]=\"item.link\"\n                  class=\"text-left cursor-pointer text-gray-700 hover:text-blue-500\"\n                >\n                  {{ item.label }}\n                </a>\n              } @else {\n                <button\n                  type=\"button\"\n                  (click)=\"item.action?.()\"\n                  class=\"text-left cursor-pointer text-gray-700 hover:text-blue-500\"\n                >\n                  {{ item.label }}\n                </button>\n              }\n            }\n          }\n          @if (section.separator) {\n            <hr class=\"border-gray-300 my-2\" />\n          }\n        }\n      </nav>\n    </div>\n  }\n\n  <!-- Main content -->\n  <main class=\"flex-1 p-4\">\n    <router-outlet></router-outlet>\n  </main>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1$1.BreakpointObserver }] });
+
+/*
+ * Public API Surface of layout-simple
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EgGenericAutocomplete, EgLayoutSimple, EgLayoutSimpleUserMenu };
+//# sourceMappingURL=layout-simple.mjs.map

package/layout-simple/fesm2022/layout-simple.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-simple.mjs","sources":["../../../projects/layout-simple/src/lib/user-menu.ts","../../../projects/layout-simple/src/lib/search.ts","../../../projects/layout-simple/src/lib/layout.ts","../../../projects/layout-simple/src/lib/layout.html","../../../projects/layout-simple/src/public-api.ts","../../../projects/layout-simple/src/layout-simple.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\nimport { provideIcons } from '@ng-icons/core';\nimport { lucideUser } from '@ng-icons/lucide';\nimport { RouterLink } from '@angular/router';\nimport { BrnMenuTrigger } from '@spartan-ng/brain/menu';\nimport { HlmButton } from '@egose/shadcn-theme-ng/button';\nimport { HlmMenu, HlmMenuGroup, HlmMenuItem, HlmMenuLabel, HlmMenuSeparator } from '@egose/shadcn-theme-ng/menu';\nimport { NgIcon } from '@ng-icons/core';\n\n// Interface for menu items\nexport interface UserMenuItem {\n  label: string;\n  icon?: any;\n  action?: () => void;\n  link?: string;\n  class?: string;\n}\n\n// Interface for menu sections\nexport interface UserMenuSection {\n  label?: string;\n  separator?: boolean;\n  items?: UserMenuItem[];\n}\n\n@Component({\n  selector: 'eg-layout-simple-user-menu',\n  imports: [\n    BrnMenuTrigger,\n    HlmMenu,\n    HlmMenuItem,\n    HlmMenuLabel,\n    HlmMenuSeparator,\n    HlmMenuGroup,\n    HlmButton,\n    NgIcon,\n    RouterLink,\n  ],\n  providers: [\n    provideIcons({\n      lucideUser,\n    }),\n  ],\n  template: `\n    <ng-template #iconTemplate>\n      <ng-icon [svg]=\"lucideUser\" size=\"1.5em\" />\n    </ng-template>\n\n    <div class=\"tw:flex tw:w-full tw:items-center tw:justify-center tw:pt-[20%]\">\n      <button\n        hlmButton\n        variant=\"primary\"\n        size=\"icon\"\n        align=\"end\"\n        [brnMenuTriggerFor]=\"menu\"\n        [icon]=\"iconTemplate\"\n        class=\"tw:rounded-full! tw:border! tw:border-gray-400!\"\n      ></button>\n    </div>\n\n    <ng-template #menu>\n      <hlm-menu class=\"tw:w-56\">\n        @for (section of menus(); track section) {\n          @if (section.label) {\n            <hlm-menu-label>{{ section.label }}</hlm-menu-label>\n          }\n          @if (section.items?.length) {\n            <hlm-menu-group>\n              @for (item of section.items; track item) {\n                @if (item.link) {\n                  <a hlmMenuItem [routerLink]=\"item.link\" [class]=\"item.class || ''\">\n                    @if (item.icon) {\n                      <ng-icon [svg]=\"item.icon\" size=\"1em\" class=\"tw:mr-2\" />\n                    }\n                    <span>{{ item.label }}</span>\n                  </a>\n                } @else {\n                  <button hlmMenuItem (click)=\"item.action?.()\" [class]=\"item.class || ''\">\n                    @if (item.icon) {\n                      <ng-icon [svg]=\"item.icon\" size=\"1em\" class=\"tw:mr-2\" />\n                    }\n                    <span>{{ item.label }}</span>\n                  </button>\n                }\n              }\n            </hlm-menu-group>\n          }\n          @if (section.separator) {\n            <hlm-menu-separator />\n          }\n        }\n      </hlm-menu>\n    </ng-template>\n  `,\n})\nexport class EgLayoutSimpleUserMenu {\n  menus = input<UserMenuSection[]>([]);\n\n  lucideUser = lucideUser;\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  TemplateRef,\n  signal,\n  input,\n  output,\n  viewChild,\n  inject,\n  resource,\n} from '@angular/core';\nimport { FormBuilder, ReactiveFormsModule, Validators } from '@angular/forms';\nimport {\n  HlmAutocompleteImports,\n  provideHlmAutocompleteConfig,\n  HlmAutocompleteOption,\n} from '@egose/shadcn-theme-ng/autocomplete';\nimport { HlmSpinner } from '@egose/shadcn-theme-ng/spinner';\n\nconst transformValueToSearchMap: Record<string, any> = {};\n\n@Component({\n  selector: 'eg-generic-autocomplete',\n  imports: [HlmSpinner, HlmAutocompleteImports, ReactiveFormsModule],\n  template: `\n    <form [formGroup]=\"form\" class=\"space-y-8\">\n      <hlm-autocomplete\n        [inputId]=\"controlId()\"\n        [filteredOptions]=\"options.value()\"\n        [optionTemplate]=\"optionTemplate()\"\n        [loading]=\"options.isLoading()\"\n        [(search)]=\"search\"\n        [searchPlaceholderText]=\"placeholderText()\"\n        [emptyText]=\"emptyText()\"\n        formControlName=\"option\"\n        class=\"tw:bg-white\"\n      >\n        <hlm-spinner loading class=\"size-6\" />\n      </hlm-autocomplete>\n    </form>\n    <ng-template #defaultOption let-option>\n      {{ option }}\n    </ng-template>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  viewProviders: [\n    provideHlmAutocompleteConfig({\n      transformValueToSearch: (params, inputId) => {\n        const fn = transformValueToSearchMap[inputId];\n        return fn(params);\n      },\n    }),\n  ],\n})\nexport class EgGenericAutocomplete<TItem, TParams extends object = { search: string }> {\n  defaultOptionTemplate = viewChild<TemplateRef<HlmAutocompleteOption<TItem>>>('defaultOption');\n  controlId = input<string>(crypto.randomUUID());\n  placeholderText = input<string>('Select an option');\n  emptyText = input<string>('No options found');\n\n  optionTemplate = input<TemplateRef<HlmAutocompleteOption<TItem>> | undefined>(this.defaultOptionTemplate as any);\n  loaderFn = input<((params: TParams) => Promise<TItem[]>) | undefined>(async () => []);\n  transformValueToSearch = input<((value: TItem) => string) | undefined>((value: TItem) => String(value));\n\n  public readonly optionChange = output<TItem>();\n  private readonly _formBuilder = inject(FormBuilder);\n  public form = this._formBuilder.group({\n    option: [null, Validators.required],\n  });\n\n  public readonly search = signal<string>('');\n\n  public options = resource<TItem[], TParams>({\n    defaultValue: [] as TItem[],\n    params: () => ({ search: this.search(), negajjang: '1111' }) as TParams,\n    loader: async ({ params }) => {\n      const fn = this.loaderFn();\n      if (!fn) {\n        return [];\n      }\n\n      return fn(params);\n    },\n  });\n\n  ngOnInit() {\n    transformValueToSearchMap[this.controlId()] = this.transformValueToSearch();\n\n    this.form.controls['option'].valueChanges.subscribe((value) => {\n      if (value !== null) {\n        this.optionChange.emit(value);\n      }\n    });\n  }\n\n  ngOnDestroy() {\n    delete transformValueToSearchMap[this.controlId()];\n  }\n}\n","import { Component, input, output, computed, signal, viewChild, TemplateRef } from '@angular/core';\nimport { RouterOutlet, RouterLink } from '@angular/router';\nimport { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';\nimport { ClassValue } from 'clsx';\nimport { hlm } from '@egose/shadcn-theme-ng/utils';\nimport { HlmAutocompleteOption } from '@egose/shadcn-theme-ng/autocomplete';\nimport { EgLayoutSimpleUserMenu, type UserMenuSection } from './user-menu';\nimport { EgGenericAutocomplete } from './search';\n\n// Updated interface for left/right menu items\nexport interface MenuItem {\n  label: string;\n  link?: string; // optional router link\n  action?: () => void; // optional click handler\n  class?: string; // optional per-item CSS/Tailwind classes\n}\n\n@Component({\n  selector: 'eg-layout-simple',\n  standalone: true,\n  imports: [RouterOutlet, RouterLink, EgLayoutSimpleUserMenu, EgGenericAutocomplete],\n  templateUrl: './layout.html',\n})\nexport class EgLayoutSimple<TItem, TParams extends object = { search: string }> {\n  /** Menu data inputs */\n  leftMenus = input<MenuItem[]>([]);\n  rightMenus = input<MenuItem[]>([]);\n  userMenus = input<UserMenuSection[]>([]);\n  logo = input<string>('assets/logo.png');\n  logoLink = input<string>('/');\n  hlm = hlm;\n\n  /** Container class inputs */\n  leftMenuClass = input<ClassValue>('', { alias: 'leftClass' });\n  rightMenuClass = input<ClassValue>('', { alias: 'rightClass' });\n\n  /** Link/button base class inputs */\n  leftLinkClass = input<ClassValue>('', { alias: 'leftLinkClass' });\n  rightLinkClass = input<ClassValue>('', { alias: 'rightLinkClass' });\n\n  searchEnabled = input<boolean>(false);\n  searchPlaceholderText = input<string>('Select an page');\n  searchEmptyText = input<string>('No pages found');\n  searchOptionTemplate = input<TemplateRef<HlmAutocompleteOption<TItem>>>();\n  searchLoaderFn = input<(params: TParams) => Promise<TItem[]>>();\n  searchTransformValueToSearch = input<(value: TItem) => string>();\n\n  public readonly searchOptionChange = output<TItem>();\n\n  /** Computed merged classes for containers */\n  protected readonly _computedLeftClass = computed(() =>\n    hlm('tw:hidden tw:md:flex tw:space-x-4 tw:items-center', this.leftMenuClass()),\n  );\n  protected readonly _computedRightClass = computed(() =>\n    hlm('tw:hidden tw:md:flex tw:space-x-4 tw:items-center', this.rightMenuClass()),\n  );\n\n  /** Computed merged classes for link/button elements */\n  protected readonly _computedLeftLinkClass = computed(() =>\n    hlm('tw:text-gray-700 tw:hover:text-blue-500', this.leftLinkClass()),\n  );\n  protected readonly _computedRightLinkClass = computed(() =>\n    hlm('tw:text-gray-700 tw:hover:text-blue-500', this.rightLinkClass()),\n  );\n\n  /** Mobile menu state */\n  mobileMenuOpen = false;\n  isMobile = signal(false);\n\n  constructor(private breakpointObserver: BreakpointObserver) {\n    this.breakpointObserver.observe([Breakpoints.Handset]).subscribe((result) => {\n      this.isMobile.set(result.matches);\n    });\n  }\n\n  toggleMobileMenu() {\n    this.mobileMenuOpen = !this.mobileMenuOpen;\n  }\n\n  onSearchOptionChange(value: TItem) {\n    this.searchOptionChange.emit(value);\n  }\n}\n","<div class=\"tw:flex tw:flex-col tw:min-h-screen\">\n  <!-- Header -->\n  <header\n    class=\"tw:flex tw:items-center tw:justify-between tw:bg-gray-100 tw:px-4 tw:py-2 tw:border-b tw:border-gray-300\"\n  >\n    <!-- Left side: Logo + Left menus -->\n    <div class=\"tw:flex tw:items-center tw:space-x-6\">\n      <div class=\"logo\">\n        <a [routerLink]=\"logoLink()\">\n          <img [src]=\"logo()\" alt=\"Logo\" class=\"tw:h-10\" />\n        </a>\n      </div>\n      <!-- Left menus (desktop) -->\n      <nav [class]=\"_computedLeftClass()\">\n        @for (item of leftMenus(); track item.label) {\n          @if (item.link) {\n            <a [routerLink]=\"item.link\" [class]=\"hlm(_computedLeftLinkClass(), item.class || '')\"> {{ item.label }} </a>\n          } @else {\n            <button type=\"button\" (click)=\"item.action?.()\" [class]=\"hlm(_computedLeftLinkClass(), item.class || '')\">\n              {{ item.label }}\n            </button>\n          }\n        }\n      </nav>\n    </div>\n\n    <!-- Right menus (desktop) -->\n    <nav [class]=\"_computedRightClass()\">\n      @if (searchEnabled()) {\n        <eg-generic-autocomplete\n          [optionTemplate]=\"searchOptionTemplate()\"\n          [loaderFn]=\"searchLoaderFn()\"\n          [transformValueToSearch]=\"searchTransformValueToSearch()\"\n          [placeholderText]=\"searchPlaceholderText()\"\n          [emptyText]=\"searchEmptyText()\"\n          (optionChange)=\"onSearchOptionChange($event)\"\n        ></eg-generic-autocomplete>\n      }\n\n      @for (item of rightMenus(); track item.label) {\n        @if (item.link) {\n          <a [routerLink]=\"item.link\" [class]=\"hlm(_computedRightLinkClass(), item.class || '')\"> {{ item.label }} </a>\n        } @else {\n          <button type=\"button\" (click)=\"item.action?.()\" [class]=\"hlm(_computedRightLinkClass(), item.class || '')\">\n            {{ item.label }}\n          </button>\n        }\n      }\n\n      @let uMenus = userMenus();\n      @if (uMenus && uMenus.length > 0) {\n        <eg-layout-simple-user-menu [menus]=\"uMenus\"></eg-layout-simple-user-menu>\n      }\n    </nav>\n\n    <!-- Mobile menu button -->\n    <button\n      (click)=\"toggleMobileMenu()\"\n      class=\"tw:md:hidden tw:p-2 tw:text-gray-700 tw:hover:text-blue-500 tw:focus:outline-none\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        class=\"tw:h-6 tw:w-6\"\n        fill=\"none\"\n        viewBox=\"0 0 24 24\"\n        stroke=\"currentColor\"\n      >\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\" />\n      </svg>\n    </button>\n  </header>\n\n  <!-- Mobile menu -->\n  @if (isMobile() && mobileMenuOpen) {\n    <div class=\"tw:bg-gray-100 tw:border-b tw:border-gray-300 tw:px-4 tw:py-2\">\n      <nav class=\"tw:flex tw:flex-col tw:space-y-2\">\n        <!-- Left menus -->\n        @for (item of leftMenus(); track item.label) {\n          @if (item.link) {\n            <a [routerLink]=\"item.link\" class=\"tw:text-left tw:cursor-pointer tw:text-gray-700 tw:hover:text-blue-500\">\n              {{ item.label }}\n            </a>\n          } @else {\n            <button\n              type=\"button\"\n              (click)=\"item.action?.()\"\n              class=\"tw:text-left tw:cursor-pointer tw:text-gray-700 tw:hover:text-blue-500\"\n            >\n              {{ item.label }}\n            </button>\n          }\n        }\n\n        <!-- Right menus -->\n        @for (item of rightMenus(); track item.label) {\n          @if (item.link) {\n            <a [routerLink]=\"item.link\" class=\"tw:text-left tw:cursor-pointer tw:text-gray-700 tw:hover:text-blue-500\">\n              {{ item.label }}\n            </a>\n          } @else {\n            <button\n              type=\"button\"\n              (click)=\"item.action?.()\"\n              class=\"tw:text-left tw:cursor-pointer tw:text-gray-700 tw:hover:text-blue-500\"\n            >\n              {{ item.label }}\n            </button>\n          }\n        }\n\n        <!-- User menus (flattened for mobile) -->\n        @for (section of userMenus(); track section.label) {\n          @if (section.label) {\n            <div class=\"tw:font-bold tw:mt-2\">{{ section.label }}</div>\n          }\n          @if (section.items?.length) {\n            @for (item of section.items; track item.label) {\n              @if (item.link) {\n                <a\n                  [routerLink]=\"item.link\"\n                  class=\"tw:text-left tw:cursor-pointer tw:text-gray-700 tw:hover:text-blue-500\"\n                >\n                  {{ item.label }}\n                </a>\n              } @else {\n                <button\n                  type=\"button\"\n                  (click)=\"item.action?.()\"\n                  class=\"tw:text-left tw:cursor-pointer tw:text-gray-700 tw:hover:text-blue-500\"\n                >\n                  {{ item.label }}\n                </button>\n              }\n            }\n          }\n          @if (section.separator) {\n            <hr class=\"tw:border-gray-300 tw:my-2\" />\n          }\n        }\n      </nav>\n    </div>\n  }\n\n  <!-- Main content -->\n  <main class=\"tw:flex-1 tw:p-4\">\n    <router-outlet></router-outlet>\n  </main>\n</div>\n","/*\n * Public API Surface of layout-simple\n */\n\nexport * from './lib/layout';\nexport * from './lib/user-menu';\nexport * from './lib/search';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}

package/layout-simple/index.d.ts

@@ -0,0 +1,98 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { BreakpointObserver } from '@angular/cdk/layout';
+import { ClassValue } from 'clsx';
+import { hlm } from '@egose/shadcn-theme-ng/utils';
+import { HlmAutocompleteOption } from '@egose/shadcn-theme-ng/autocomplete';
+import * as _angular_forms from '@angular/forms';
+
+interface UserMenuItem {
+    label: string;
+    icon?: any;
+    action?: () => void;
+    link?: string;
+    class?: string;
+}
+interface UserMenuSection {
+    label?: string;
+    separator?: boolean;
+    items?: UserMenuItem[];
+}
+declare class EgLayoutSimpleUserMenu {
+    menus: _angular_core.InputSignal<UserMenuSection[]>;
+    lucideUser: string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EgLayoutSimpleUserMenu, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EgLayoutSimpleUserMenu, "eg-layout-simple-user-menu", never, { "menus": { "alias": "menus"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface MenuItem {
+    label: string;
+    link?: string;
+    action?: () => void;
+    class?: string;
+}
+declare class EgLayoutSimple<TItem, TParams extends object = {
+    search: string;
+}> {
+    private breakpointObserver;
+    /** Menu data inputs */
+    leftMenus: _angular_core.InputSignal<MenuItem[]>;
+    rightMenus: _angular_core.InputSignal<MenuItem[]>;
+    userMenus: _angular_core.InputSignal<UserMenuSection[]>;
+    logo: _angular_core.InputSignal<string>;
+    logoLink: _angular_core.InputSignal<string>;
+    hlm: typeof hlm;
+    /** Container class inputs */
+    leftMenuClass: _angular_core.InputSignal<ClassValue>;
+    rightMenuClass: _angular_core.InputSignal<ClassValue>;
+    /** Link/button base class inputs */
+    leftLinkClass: _angular_core.InputSignal<ClassValue>;
+    rightLinkClass: _angular_core.InputSignal<ClassValue>;
+    searchEnabled: _angular_core.InputSignal<boolean>;
+    searchPlaceholderText: _angular_core.InputSignal<string>;
+    searchEmptyText: _angular_core.InputSignal<string>;
+    searchOptionTemplate: _angular_core.InputSignal<TemplateRef<HlmAutocompleteOption<TItem>> | undefined>;
+    searchLoaderFn: _angular_core.InputSignal<((params: TParams) => Promise<TItem[]>) | undefined>;
+    searchTransformValueToSearch: _angular_core.InputSignal<((value: TItem) => string) | undefined>;
+    readonly searchOptionChange: _angular_core.OutputEmitterRef<TItem>;
+    /** Computed merged classes for containers */
+    protected readonly _computedLeftClass: _angular_core.Signal<string>;
+    protected readonly _computedRightClass: _angular_core.Signal<string>;
+    /** Computed merged classes for link/button elements */
+    protected readonly _computedLeftLinkClass: _angular_core.Signal<string>;
+    protected readonly _computedRightLinkClass: _angular_core.Signal<string>;
+    /** Mobile menu state */
+    mobileMenuOpen: boolean;
+    isMobile: _angular_core.WritableSignal<boolean>;
+    constructor(breakpointObserver: BreakpointObserver);
+    toggleMobileMenu(): void;
+    onSearchOptionChange(value: TItem): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EgLayoutSimple<any, any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EgLayoutSimple<any, any>, "eg-layout-simple", never, { "leftMenus": { "alias": "leftMenus"; "required": false; "isSignal": true; }; "rightMenus": { "alias": "rightMenus"; "required": false; "isSignal": true; }; "userMenus": { "alias": "userMenus"; "required": false; "isSignal": true; }; "logo": { "alias": "logo"; "required": false; "isSignal": true; }; "logoLink": { "alias": "logoLink"; "required": false; "isSignal": true; }; "leftMenuClass": { "alias": "leftClass"; "required": false; "isSignal": true; }; "rightMenuClass": { "alias": "rightClass"; "required": false; "isSignal": true; }; "leftLinkClass": { "alias": "leftLinkClass"; "required": false; "isSignal": true; }; "rightLinkClass": { "alias": "rightLinkClass"; "required": false; "isSignal": true; }; "searchEnabled": { "alias": "searchEnabled"; "required": false; "isSignal": true; }; "searchPlaceholderText": { "alias": "searchPlaceholderText"; "required": false; "isSignal": true; }; "searchEmptyText": { "alias": "searchEmptyText"; "required": false; "isSignal": true; }; "searchOptionTemplate": { "alias": "searchOptionTemplate"; "required": false; "isSignal": true; }; "searchLoaderFn": { "alias": "searchLoaderFn"; "required": false; "isSignal": true; }; "searchTransformValueToSearch": { "alias": "searchTransformValueToSearch"; "required": false; "isSignal": true; }; }, { "searchOptionChange": "searchOptionChange"; }, never, never, true, never>;
+}
+
+declare class EgGenericAutocomplete<TItem, TParams extends object = {
+    search: string;
+}> {
+    defaultOptionTemplate: _angular_core.Signal<TemplateRef<HlmAutocompleteOption<TItem>> | undefined>;
+    controlId: _angular_core.InputSignal<string>;
+    placeholderText: _angular_core.InputSignal<string>;
+    emptyText: _angular_core.InputSignal<string>;
+    optionTemplate: _angular_core.InputSignal<TemplateRef<HlmAutocompleteOption<TItem>> | undefined>;
+    loaderFn: _angular_core.InputSignal<((params: TParams) => Promise<TItem[]>) | undefined>;
+    transformValueToSearch: _angular_core.InputSignal<((value: TItem) => string) | undefined>;
+    readonly optionChange: _angular_core.OutputEmitterRef<TItem>;
+    private readonly _formBuilder;
+    form: _angular_forms.FormGroup<{
+        option: _angular_forms.FormControl<null>;
+    }>;
+    readonly search: _angular_core.WritableSignal<string>;
+    options: _angular_core.ResourceRef<TItem[]>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EgGenericAutocomplete<any, any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EgGenericAutocomplete<any, any>, "eg-generic-autocomplete", never, { "controlId": { "alias": "controlId"; "required": false; "isSignal": true; }; "placeholderText": { "alias": "placeholderText"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; "isSignal": true; }; "loaderFn": { "alias": "loaderFn"; "required": false; "isSignal": true; }; "transformValueToSearch": { "alias": "transformValueToSearch"; "required": false; "isSignal": true; }; }, { "optionChange": "optionChange"; }, never, never, true, never>;
+}
+
+export { EgGenericAutocomplete, EgLayoutSimple, EgLayoutSimpleUserMenu };
+export type { MenuItem, UserMenuItem, UserMenuSection };

package/menu/README.md

@@ -0,0 +1,64 @@
+# Menu
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.3.0.
+
+## Code scaffolding
+
+Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
+
+```bash
+ng generate component component-name
+```
+
+For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
+
+```bash
+ng generate --help
+```
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build menu
+```
+
+This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
+
+### Publishing the Library
+
+Once the project is built, you can publish your library by following these steps:
+
+1. Navigate to the `dist` directory:
+
+   ```bash
+   cd dist/menu
+   ```
+
+2. Run the `npm publish` command to publish your library to the npm registry:
+   ```bash
+   npm publish
+   ```
+
+## Running unit tests
+
+To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
+
+```bash
+ng test
+```
+
+## Running end-to-end tests
+
+For end-to-end (e2e) testing, run:
+
+```bash
+ng e2e
+```
+
+Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
+
+## Additional Resources
+
+For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.