@egose/shadcn-theme-ng 0.0.27 → 0.1.0

package/navigation-menu/fesm2022/navigation-menu.mjs

@@ -0,0 +1,194 @@
+import * as i0 from '@angular/core';
+import { Directive, input, numberAttribute, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import * as i1 from '@spartan-ng/brain/navigation-menu';
+import { BrnNavigationMenu, BrnNavigationMenuItem, BrnNavigationMenuLink, BrnNavigationMenuList, BrnNavigationMenuContent, BrnNavigationMenuTrigger } from '@spartan-ng/brain/navigation-menu';
+import { classes } from '@egose/shadcn-theme-ng/utils';
+import { NgIcon, provideIcons } from '@ng-icons/core';
+import { lucideChevronDown } from '@ng-icons/lucide';
+
+class HlmNavigationMenu {
+    constructor() {
+        classes(() => "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmNavigationMenu, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmNavigationMenu, isStandalone: true, selector: "nav[hlmNavigationMenu]", host: { attributes: { "data-slot": "navigation-menu" } }, hostDirectives: [{ directive: i1.BrnNavigationMenu, inputs: ["value", "value", "delayDuration", "delayDuration", "skipDelayDuration", "skipDelayDuration", "orientation", "orientation", "openOn", "openOn"], outputs: ["valueChange", "valueChange"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmNavigationMenu, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'nav[hlmNavigationMenu]',
+                    hostDirectives: [
+                        {
+                            directive: BrnNavigationMenu,
+                            inputs: ['value', 'delayDuration', 'skipDelayDuration', 'orientation', 'openOn'],
+                            outputs: ['valueChange'],
+                        },
+                    ],
+                    host: {
+                        'data-slot': 'navigation-menu',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmNavigationMenuContent {
+    navOffset = input(1.5, { ...(ngDevMode ? { debugName: "navOffset" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    constructor() {
+        classes(() => [
+            "data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out top-0 left-0 w-full p-2 pr-2.5 md:w-auto",
+            'data-[orientation=horizontal]:data-[motion=from-end]:slide-in-from-right-52 data-[orientation=horizontal]:data-[motion=from-start]:slide-in-from-left-52 data-[orientation=horizontal]:data-[motion=to-end]:slide-out-to-right-52 data-[orientation=horizontal]:data-[motion=to-start]:slide-out-to-left-52',
+            'data-[orientation=vertical]:data-[motion=from-end]:slide-in-from-bottom-52 data-[orientation=vertical]:data-[motion=from-start]:slide-in-from-top-52 data-[orientation=vertical]:data-[motion=to-end]:slide-out-to-bottom-52 data-[orientation=vertical]:data-[motion=to-start]:slide-out-to-top-52',
+            "data-[orientation=horizontal]:mt-[--spacing(var(--nav-offset))] data-[orientation=vertical]:mx-[--spacing(var(--nav-offset))]",
+            "bg-popover text-popover-foreground ring-foreground/10 rounded-lg shadow ring-1 transition-all ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0 block",
+        ]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmNavigationMenuContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmNavigationMenuContent, isStandalone: true, selector: "[hlmNavigationMenuContent],hlm-navigation-menu-content", inputs: { navOffset: { classPropertyName: "navOffset", publicName: "navOffset", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "navigation-menu-content" }, properties: { "style.--nav-offset": "navOffset()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmNavigationMenuContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmNavigationMenuContent],hlm-navigation-menu-content',
+                    host: {
+                        'data-slot': 'navigation-menu-content',
+                        '[style.--nav-offset]': 'navOffset()',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { navOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "navOffset", required: false }] }] } });
+
+class HlmNavigationMenuItem {
+    constructor() {
+        classes(() => "relative has-[:focus]:z-10 data-active:z-10");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmNavigationMenuItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmNavigationMenuItem, isStandalone: true, selector: "li[hlmNavigationMenuItem]", host: { attributes: { "data-slot": "navigation-menu-item" } }, hostDirectives: [{ directive: i1.BrnNavigationMenuItem, inputs: ["id", "id"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmNavigationMenuItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'li[hlmNavigationMenuItem]',
+                    hostDirectives: [{ directive: BrnNavigationMenuItem, inputs: ['id'] }],
+                    host: {
+                        'data-slot': 'navigation-menu-item',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmNavigationMenuLink {
+    constructor() {
+        classes(() => "data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 focus-visible:ring-ring/50 hover:bg-muted focus:bg-muted flex items-center gap-1.5 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-3 focus-visible:outline-1 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)]");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmNavigationMenuLink, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmNavigationMenuLink, isStandalone: true, selector: "a[hlmNavigationMenuLink]", host: { attributes: { "data-slot": "navigation-menu-link" } }, hostDirectives: [{ directive: i1.BrnNavigationMenuLink, inputs: ["active", "active"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmNavigationMenuLink, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'a[hlmNavigationMenuLink]',
+                    hostDirectives: [{ directive: BrnNavigationMenuLink, inputs: ['active'] }],
+                    host: {
+                        'data-slot': 'navigation-menu-link',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmNavigationMenuList {
+    constructor() {
+        classes(() => [
+            "gap-0 group flex flex-1 list-none items-center justify-center",
+            "data-[orientation=vertical]:flex-col",
+        ]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmNavigationMenuList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmNavigationMenuList, isStandalone: true, selector: "ul[hlmNavigationMenuList]", host: { attributes: { "data-slot": "navigation-menu-list" } }, hostDirectives: [{ directive: i1.BrnNavigationMenuList }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmNavigationMenuList, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ul[hlmNavigationMenuList]',
+                    hostDirectives: [
+                        {
+                            directive: BrnNavigationMenuList,
+                        },
+                    ],
+                    host: {
+                        'data-slot': 'navigation-menu-list',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmNavigationMenuPortal {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmNavigationMenuPortal, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmNavigationMenuPortal, isStandalone: true, selector: "[hlmNavigationMenuPortal]", hostDirectives: [{ directive: i1.BrnNavigationMenuContent }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmNavigationMenuPortal, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmNavigationMenuPortal]',
+                    hostDirectives: [BrnNavigationMenuContent],
+                }]
+        }] });
+
+class HlmNavigationMenuTrigger {
+    constructor() {
+        classes(() => "bg-background hover:bg-muted focus:bg-muted data-open:hover:bg-muted data-open:focus:bg-muted data-open:bg-muted/50 focus-visible:ring-ring/50 rounded-md px-4 py-2 text-sm font-medium transition-all focus-visible:ring-3 focus-visible:outline-1 disabled:opacity-50 group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center outline-none disabled:pointer-events-none");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmNavigationMenuTrigger, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.3", type: HlmNavigationMenuTrigger, isStandalone: true, selector: "button[hlmNavigationMenuTrigger]", host: { attributes: { "data-slot": "navigation-menu-trigger" } }, providers: [provideIcons({ lucideChevronDown })], hostDirectives: [{ directive: i1.BrnNavigationMenuTrigger, inputs: ["align", "align"] }], ngImport: i0, template: "\n    <ng-content />\n    <ng-icon\n      name=\"lucideChevronDown\"\n      class=\"relative top-px ml-1 size-3 transition duration-300 group-data-open/navigation-menu-trigger:rotate-180 group-data-popup-open/navigation-menu-trigger:rotate-180\"\n    />\n  ", isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmNavigationMenuTrigger, decorators: [{
+            type: Component,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/component-selector
+                    selector: 'button[hlmNavigationMenuTrigger]',
+                    imports: [NgIcon],
+                    providers: [provideIcons({ lucideChevronDown })],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    hostDirectives: [{ directive: BrnNavigationMenuTrigger, inputs: ['align'] }],
+                    host: { 'data-slot': 'navigation-menu-trigger' },
+                    template: "\n    <ng-content />\n    <ng-icon\n      name=\"lucideChevronDown\"\n      class=\"relative top-px ml-1 size-3 transition duration-300 group-data-open/navigation-menu-trigger:rotate-180 group-data-popup-open/navigation-menu-trigger:rotate-180\"\n    />\n  ",
+                }]
+        }], ctorParameters: () => [] });
+
+/*
+ * Public API Surface of navigation-menu
+ */
+const HlmNavigationMenuImports = [
+    HlmNavigationMenu,
+    HlmNavigationMenuContent,
+    HlmNavigationMenuItem,
+    HlmNavigationMenuLink,
+    HlmNavigationMenuList,
+    HlmNavigationMenuPortal,
+    HlmNavigationMenuTrigger,
+];
+class HlmNavigationMenuModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmNavigationMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.3", ngImport: i0, type: HlmNavigationMenuModule, imports: [HlmNavigationMenu,
+            HlmNavigationMenuContent,
+            HlmNavigationMenuItem,
+            HlmNavigationMenuLink,
+            HlmNavigationMenuList,
+            HlmNavigationMenuPortal,
+            HlmNavigationMenuTrigger], exports: [HlmNavigationMenu,
+            HlmNavigationMenuContent,
+            HlmNavigationMenuItem,
+            HlmNavigationMenuLink,
+            HlmNavigationMenuList,
+            HlmNavigationMenuPortal,
+            HlmNavigationMenuTrigger] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmNavigationMenuModule, imports: [HlmNavigationMenuTrigger] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmNavigationMenuModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...HlmNavigationMenuImports],
+                    exports: [...HlmNavigationMenuImports],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmNavigationMenu, HlmNavigationMenuContent, HlmNavigationMenuImports, HlmNavigationMenuItem, HlmNavigationMenuLink, HlmNavigationMenuList, HlmNavigationMenuModule, HlmNavigationMenuPortal, HlmNavigationMenuTrigger };
+

package/navigation-menu/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "navigation-menu",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^22.0.0",
+    "@angular/core": "^22.0.0",
+    "@spartan-ng/brain": "^1.1.1"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/navigation-menu.mjs",
+  "typings": "types/navigation-menu.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/navigation-menu.d.ts",
+      "default": "./fesm2022/navigation-menu.mjs"
+    }
+  },
+  "type": "module"
+}

package/navigation-menu/types/navigation-menu.d.ts

@@ -0,0 +1,54 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@spartan-ng/brain/navigation-menu';
+import { NumberInput } from '@angular/cdk/coercion';
+
+declare class HlmNavigationMenu {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmNavigationMenu, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmNavigationMenu, "nav[hlmNavigationMenu]", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnNavigationMenu; inputs: { "value": "value"; "delayDuration": "delayDuration"; "skipDelayDuration": "skipDelayDuration"; "orientation": "orientation"; "openOn": "openOn"; }; outputs: { "valueChange": "valueChange"; }; }]>;
+}
+
+declare class HlmNavigationMenuContent {
+    readonly navOffset: i0.InputSignalWithTransform<number, NumberInput>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmNavigationMenuContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmNavigationMenuContent, "[hlmNavigationMenuContent],hlm-navigation-menu-content", never, { "navOffset": { "alias": "navOffset"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class HlmNavigationMenuItem {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmNavigationMenuItem, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmNavigationMenuItem, "li[hlmNavigationMenuItem]", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnNavigationMenuItem; inputs: { "id": "id"; }; outputs: {}; }]>;
+}
+
+declare class HlmNavigationMenuLink {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmNavigationMenuLink, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmNavigationMenuLink, "a[hlmNavigationMenuLink]", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnNavigationMenuLink; inputs: { "active": "active"; }; outputs: {}; }]>;
+}
+
+declare class HlmNavigationMenuList {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmNavigationMenuList, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmNavigationMenuList, "ul[hlmNavigationMenuList]", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnNavigationMenuList; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmNavigationMenuPortal {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmNavigationMenuPortal, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmNavigationMenuPortal, "[hlmNavigationMenuPortal]", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnNavigationMenuContent; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmNavigationMenuTrigger {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmNavigationMenuTrigger, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmNavigationMenuTrigger, "button[hlmNavigationMenuTrigger]", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.BrnNavigationMenuTrigger; inputs: { "align": "align"; }; outputs: {}; }]>;
+}
+
+declare const HlmNavigationMenuImports: readonly [typeof HlmNavigationMenu, typeof HlmNavigationMenuContent, typeof HlmNavigationMenuItem, typeof HlmNavigationMenuLink, typeof HlmNavigationMenuList, typeof HlmNavigationMenuPortal, typeof HlmNavigationMenuTrigger];
+declare class HlmNavigationMenuModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmNavigationMenuModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HlmNavigationMenuModule, never, [typeof HlmNavigationMenu, typeof HlmNavigationMenuContent, typeof HlmNavigationMenuItem, typeof HlmNavigationMenuLink, typeof HlmNavigationMenuList, typeof HlmNavigationMenuPortal, typeof HlmNavigationMenuTrigger], [typeof HlmNavigationMenu, typeof HlmNavigationMenuContent, typeof HlmNavigationMenuItem, typeof HlmNavigationMenuLink, typeof HlmNavigationMenuList, typeof HlmNavigationMenuPortal, typeof HlmNavigationMenuTrigger]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<HlmNavigationMenuModule>;
+}
+
+export { HlmNavigationMenu, HlmNavigationMenuContent, HlmNavigationMenuImports, HlmNavigationMenuItem, HlmNavigationMenuLink, HlmNavigationMenuList, HlmNavigationMenuModule, HlmNavigationMenuPortal, HlmNavigationMenuTrigger };