@egose/shadcn-theme-ng 0.0.27 → 0.1.0

package/layout-simple/types/layout-simple.d.ts

@@ -0,0 +1,167 @@
+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 { BrnSheet } from '@spartan-ng/brain/sheet';
+
+interface UserMenuItem {
+    label: string;
+    icon?: string;
+    action?: () => void;
+    link?: string;
+    class?: string;
+}
+interface UserMenuSection {
+    label?: string;
+    separator?: boolean;
+    items?: UserMenuItem[];
+}
+declare class EgLayoutSimpleUserMenu {
+    hlm: typeof hlm;
+    lucideUser: string;
+    menus: _angular_core.InputSignal<UserMenuSection[]>;
+    menuTrigger: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
+    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; }; "menuTrigger": { "alias": "menuTrigger"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class EgLayoutSimpleSidebar {
+    readonly viewchildSheetRef: _angular_core.Signal<BrnSheet | undefined>;
+    side: _angular_core.InputSignal<"top" | "bottom" | "left" | "right" | undefined>;
+    title: _angular_core.InputSignal<string | undefined>;
+    content: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
+    contentContext: _angular_core.InputSignal<object | null>;
+    constructor();
+    openSheet(): void;
+    closeSheet(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EgLayoutSimpleSidebar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EgLayoutSimpleSidebar, "eg-layout-simple-sidebar", never, { "side": { "alias": "side"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "contentContext": { "alias": "contentContext"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface MenuItem {
+    label: string;
+    icon?: string;
+    link?: string;
+    action?: () => void;
+    class?: string;
+}
+interface MenuGroup {
+    label?: string;
+    items: MenuItem[];
+}
+/**
+ * Single viewport contract for the shell: below Tailwind's `md` (768px) breakpoint the
+ * mobile menu trigger replaces all desktop navigation rows. CSS (`tw:hidden tw:md:flex`)
+ * and runtime rendering both derive from this one boundary.
+ */
+declare const EG_LAYOUT_SIMPLE_MOBILE_BREAKPOINT = "(max-width: 767.98px)";
+declare class EgLayoutSimple<TItem, TParams extends object = {
+    search: string;
+}> {
+    private breakpointObserver;
+    private readonly destroyRef;
+    hlm: typeof hlm;
+    menuIcon: string;
+    sidebarEnabled: _angular_core.InputSignal<boolean>;
+    sidebarTitle: _angular_core.InputSignal<string>;
+    sidebarContent: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
+    /** Accessible name for the icon-only sidebar trigger. */
+    sidebarToggleLabel: _angular_core.InputSignal<string>;
+    /** Accessible name for the icon-only mobile menu trigger. */
+    mobileMenuLabel: _angular_core.InputSignal<string>;
+    userMenuTrigger: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
+    /** Menu data inputs */
+    leftMenus: _angular_core.InputSignal<MenuItem[]>;
+    leftMenuGroups: _angular_core.InputSignal<MenuGroup[]>;
+    rightMenus: _angular_core.InputSignal<MenuItem[]>;
+    topMenus: _angular_core.InputSignal<MenuItem[]>;
+    topSecondaryMenus: _angular_core.InputSignal<MenuGroup[]>;
+    userMenus: _angular_core.InputSignal<UserMenuSection[]>;
+    logo: _angular_core.InputSignal<string>;
+    logoLink: _angular_core.InputSignal<string>;
+    logoClass: _angular_core.InputSignal<ClassValue>;
+    headerClass: _angular_core.InputSignal<ClassValue>;
+    contentClass: _angular_core.InputSignal<ClassValue>;
+    contentBottomClass: _angular_core.InputSignal<ClassValue>;
+    /** Container class inputs */
+    leftMenuClass: _angular_core.InputSignal<ClassValue>;
+    rightMenuClass: _angular_core.InputSignal<ClassValue>;
+    topMenuClass: _angular_core.InputSignal<ClassValue>;
+    /** Link/button base class inputs */
+    leftLinkClass: _angular_core.InputSignal<ClassValue>;
+    rightLinkClass: _angular_core.InputSignal<ClassValue>;
+    topLinkClass: _angular_core.InputSignal<ClassValue>;
+    searchEnabled: _angular_core.InputSignal<boolean>;
+    loading: _angular_core.InputSignal<boolean>;
+    searchPlaceholderText: _angular_core.InputSignal<string>;
+    searchEmptyText: _angular_core.InputSignal<string>;
+    searchOptionTemplate: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
+    searchLoaderFn: _angular_core.InputSignal<((params: TParams) => Promise<TItem[]>) | undefined>;
+    searchTransformValueToSearch: _angular_core.InputSignal<((value: TItem) => string) | undefined>;
+    readonly searchOptionChange: _angular_core.OutputEmitterRef<TItem>;
+    protected readonly _logoClass: _angular_core.Signal<string>;
+    protected readonly _headerClass: _angular_core.Signal<string>;
+    protected readonly _contentClass: _angular_core.Signal<string>;
+    protected readonly _contentBottomClass: _angular_core.Signal<string>;
+    /** Computed merged classes for containers */
+    protected readonly _computedLeftClass: _angular_core.Signal<string>;
+    protected readonly _computedRightClass: _angular_core.Signal<string>;
+    protected readonly _computedTopClass: _angular_core.Signal<string>;
+    protected readonly _computedTopSecondaryClass: _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>;
+    protected readonly _computedTopLinkClass: _angular_core.Signal<string>;
+    mobileMenuItemClass: string;
+    footerEnabled: _angular_core.InputSignal<boolean>;
+    footerMenus: _angular_core.InputSignal<MenuItem[]>;
+    footerMenuClass: _angular_core.InputSignal<ClassValue>;
+    footerLinkClass: _angular_core.InputSignal<ClassValue>;
+    footerContent: _angular_core.InputSignal<string>;
+    footerClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly _footerClass: _angular_core.Signal<string>;
+    protected readonly _computedFooterMenuClass: _angular_core.Signal<string>;
+    protected readonly _computedFooterLinkClass: _angular_core.Signal<string>;
+    /** Mobile menu state */
+    protected readonly mobileMenuOpen: _angular_core.WritableSignal<boolean>;
+    isMobile: _angular_core.WritableSignal<boolean>;
+    /** Expanded state of the sidebar sheet, kept in sync with BrnSheet state changes. */
+    protected readonly sidebarOpen: _angular_core.WritableSignal<boolean>;
+    constructor(breakpointObserver: BreakpointObserver);
+    toggleMobileMenu(): void;
+    closeMobileMenu(): void;
+    onSearchOptionChange(value: TItem): void;
+    readonly viewchildSheetRef: _angular_core.Signal<EgLayoutSimpleSidebar | undefined>;
+    openSidebar(): void;
+    closeSidebar(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EgLayoutSimple<any, any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EgLayoutSimple<any, any>, "eg-layout-simple", never, { "sidebarEnabled": { "alias": "sidebarEnabled"; "required": false; "isSignal": true; }; "sidebarTitle": { "alias": "sidebarTitle"; "required": false; "isSignal": true; }; "sidebarContent": { "alias": "sidebarContent"; "required": false; "isSignal": true; }; "sidebarToggleLabel": { "alias": "sidebarToggleLabel"; "required": false; "isSignal": true; }; "mobileMenuLabel": { "alias": "mobileMenuLabel"; "required": false; "isSignal": true; }; "userMenuTrigger": { "alias": "userMenuTrigger"; "required": false; "isSignal": true; }; "leftMenus": { "alias": "leftMenus"; "required": false; "isSignal": true; }; "leftMenuGroups": { "alias": "leftMenuGroups"; "required": false; "isSignal": true; }; "rightMenus": { "alias": "rightMenus"; "required": false; "isSignal": true; }; "topMenus": { "alias": "topMenus"; "required": false; "isSignal": true; }; "topSecondaryMenus": { "alias": "topSecondaryMenus"; "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; }; "logoClass": { "alias": "logoClass"; "required": false; "isSignal": true; }; "headerClass": { "alias": "headerClass"; "required": false; "isSignal": true; }; "contentClass": { "alias": "contentClass"; "required": false; "isSignal": true; }; "contentBottomClass": { "alias": "contentBottomClass"; "required": false; "isSignal": true; }; "leftMenuClass": { "alias": "leftClass"; "required": false; "isSignal": true; }; "rightMenuClass": { "alias": "rightClass"; "required": false; "isSignal": true; }; "topMenuClass": { "alias": "topClass"; "required": false; "isSignal": true; }; "leftLinkClass": { "alias": "leftLinkClass"; "required": false; "isSignal": true; }; "rightLinkClass": { "alias": "rightLinkClass"; "required": false; "isSignal": true; }; "topLinkClass": { "alias": "topLinkClass"; "required": false; "isSignal": true; }; "searchEnabled": { "alias": "searchEnabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "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; }; "footerEnabled": { "alias": "footerEnabled"; "required": false; "isSignal": true; }; "footerMenus": { "alias": "footerMenus"; "required": false; "isSignal": true; }; "footerMenuClass": { "alias": "footerMenuClass"; "required": false; "isSignal": true; }; "footerLinkClass": { "alias": "footerLinkClass"; "required": false; "isSignal": true; }; "footerContent": { "alias": "footerContent"; "required": false; "isSignal": true; }; "footerClass": { "alias": "footerClass"; "required": false; "isSignal": true; }; }, { "searchOptionChange": "searchOptionChange"; }, never, ["*"], true, never>;
+}
+
+interface AutocompleteOption<T = unknown> {
+    label: string;
+    value: T;
+    raw?: T;
+}
+declare class EgGenericAutocomplete<TItem, TParams extends object = {
+    search: string;
+}> {
+    placeholderText: _angular_core.InputSignal<string>;
+    emptyText: _angular_core.InputSignal<string>;
+    /** Loader function: takes search string, returns options. */
+    loaderFn: _angular_core.InputSignal<((params: TParams) => Promise<TItem[]>) | undefined>;
+    transformValueToSearch: _angular_core.InputSignal<((value: TItem) => string) | undefined>;
+    readonly search: _angular_core.WritableSignal<string>;
+    readonly options: _angular_core.WritableSignal<TItem[]>;
+    protected readonly filtered: _angular_core.Signal<AutocompleteOption<TItem>[]>;
+    readonly optionChange: _angular_core.OutputEmitterRef<TItem>;
+    constructor();
+    private loadOptions;
+    select(opt: AutocompleteOption<TItem>): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EgGenericAutocomplete<any, any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EgGenericAutocomplete<any, any>, "eg-generic-autocomplete", never, { "placeholderText": { "alias": "placeholderText"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "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 { EG_LAYOUT_SIMPLE_MOBILE_BREAKPOINT, EgGenericAutocomplete, EgLayoutSimple, EgLayoutSimpleUserMenu };
+export type { AutocompleteOption, MenuGroup, MenuItem, UserMenuItem, UserMenuSection };

package/menu/README.md

@@ -0,0 +1,3 @@
+# Menu Subpath
+
+This project ships only as `@egose/shadcn-theme-ng/menu` or `@egose/shadcn-theme-ng-tw/menu`. See the [package README](../../README.md) for installation, compatibility, Tailwind variant, test, and release guidance. Do not publish this project directory independently.