@egose/shadcn-theme-ng 0.0.27 → 0.1.0

package/confirmation-dialog/fesm2022/confirmation-dialog.mjs

@@ -0,0 +1,79 @@
+import * as i0 from '@angular/core';
+import { inject, Component, Injectable } from '@angular/core';
+import { HlmButton } from '@egose/shadcn-theme-ng/button';
+import { HlmAlertIcon } from '@egose/shadcn-theme-ng/alert';
+import * as i1 from '@egose/shadcn-theme-ng/dialog';
+import { HlmDialogDescription, HlmDialogHeader, HlmDialogFooter, HlmDialogTitle } from '@egose/shadcn-theme-ng/dialog';
+import { BrnDialogRef, injectBrnDialogContext } from '@spartan-ng/brain/dialog';
+import { HlmIcon } from '@egose/shadcn-theme-ng/icon';
+import { NgIcon, provideIcons } from '@ng-icons/core';
+import { lucideTriangleAlert } from '@ng-icons/lucide';
+
+class EgConfirmationDialog {
+    _dialogRef = inject(BrnDialogRef);
+    _dialogContext = injectBrnDialogContext();
+    _title = this._dialogContext.title || 'Are you absolutely sure?';
+    _description = this._dialogContext.description || 'This action cannot be undone.';
+    close(confirm) {
+        this._dialogRef.close(confirm);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: EgConfirmationDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.3", type: EgConfirmationDialog, isStandalone: true, selector: "ng-component", host: { classAttribute: "w-full p-1" }, providers: [provideIcons({ lucideTriangleAlert })], ngImport: i0, template: "\n    <hlm-dialog-header>\n      <div class=\"flex items-center gap-1\">\n        <ng-icon hlm hlmAlertIcon name=\"lucideTriangleAlert\" size=\"base\" />\n        <h3 hlmDialogTitle class=\"text-xl\">{{ _title }}</h3>\n      </div>\n      <p hlmDialogDescription class=\"text-base text-gray-700\">{{ _description }}</p>\n    </hlm-dialog-header>\n\n    <hlm-dialog-footer class=\"mt-4\">\n      <button hlmButton variant=\"secondary\" appearance=\"outline\" (click)=\"close(false)\">Cancel</button>\n      <button hlmButton variant=\"danger\" (click)=\"close(true)\">Confirm</button>\n    </hlm-dialog-footer>\n  ", isInline: true, dependencies: [{ kind: "component", type: HlmButton, selector: "button[hlmButton], a[hlmButton]", inputs: ["variant", "size", "appearance", "loading", "icon", "iconPosition", "class", "spinnerUserClass", "disabled", "type"] }, { kind: "directive", type: HlmAlertIcon, selector: "[hlmAlertIcon]" }, { kind: "directive", type: HlmDialogDescription, selector: "[hlmDialogDescription]" }, { kind: "directive", type: HlmDialogHeader, selector: "[hlmDialogHeader],hlm-dialog-header" }, { kind: "directive", type: HlmDialogFooter, selector: "[hlmDialogFooter],hlm-dialog-footer" }, { kind: "directive", type: HlmDialogTitle, selector: "[hlmDialogTitle]" }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: HlmIcon, selector: "ng-icon[hlm]", inputs: ["size"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: EgConfirmationDialog, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [
+                        HlmButton,
+                        HlmAlertIcon,
+                        HlmDialogDescription,
+                        HlmDialogHeader,
+                        HlmDialogFooter,
+                        HlmDialogTitle,
+                        NgIcon,
+                        HlmIcon,
+                    ],
+                    standalone: true,
+                    providers: [provideIcons({ lucideTriangleAlert })],
+                    template: "\n    <hlm-dialog-header>\n      <div class=\"flex items-center gap-1\">\n        <ng-icon hlm hlmAlertIcon name=\"lucideTriangleAlert\" size=\"base\" />\n        <h3 hlmDialogTitle class=\"text-xl\">{{ _title }}</h3>\n      </div>\n      <p hlmDialogDescription class=\"text-base text-gray-700\">{{ _description }}</p>\n    </hlm-dialog-header>\n\n    <hlm-dialog-footer class=\"mt-4\">\n      <button hlmButton variant=\"secondary\" appearance=\"outline\" (click)=\"close(false)\">Cancel</button>\n      <button hlmButton variant=\"danger\" (click)=\"close(true)\">Confirm</button>\n    </hlm-dialog-footer>\n  ",
+                    host: {
+                        class: "w-full p-1",
+                    },
+                }]
+        }] });
+/** @deprecated Use `EgConfirmationDialog`. The misspelled name will be removed in the next major release. */
+const EgConfirmationDiaglog = EgConfirmationDialog;
+class EgConfirmationDialogService {
+    hlmDialogService;
+    constructor(hlmDialogService) {
+        this.hlmDialogService = hlmDialogService;
+    }
+    showConfirmationDialog({ title, description }) {
+        return new Promise((resolve) => {
+            const dialogRef = this.hlmDialogService.open(EgConfirmationDialog, {
+                context: { title, description },
+                contentClass: '',
+            });
+            dialogRef.closed$.subscribe((confirm) => {
+                resolve(confirm ?? false);
+            });
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: EgConfirmationDialogService, deps: [{ token: i1.HlmDialogService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: EgConfirmationDialogService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: EgConfirmationDialogService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i1.HlmDialogService }] });
+
+/*
+ * Public API Surface of confirmation-dialog
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EgConfirmationDiaglog, EgConfirmationDialog, EgConfirmationDialogService };
+

package/confirmation-dialog/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "confirmation-dialog",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^20.3.0 || ^22.0.0",
+    "@angular/core": "^20.3.0 || ^22.0.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/confirmation-dialog.mjs",
+  "typings": "types/confirmation-dialog.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/confirmation-dialog.d.ts",
+      "default": "./fesm2022/confirmation-dialog.mjs"
+    }
+  },
+  "type": "module"
+}

package/confirmation-dialog/types/confirmation-dialog.d.ts

@@ -0,0 +1,28 @@
+import { HlmDialogService } from '@egose/shadcn-theme-ng/dialog';
+import * as i0 from '@angular/core';
+
+declare class EgConfirmationDialog {
+    private readonly _dialogRef;
+    private readonly _dialogContext;
+    protected readonly _title: string;
+    protected readonly _description: string;
+    close(confirm: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EgConfirmationDialog, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EgConfirmationDialog, "ng-component", never, {}, {}, never, never, true, never>;
+}
+/** @deprecated Use `EgConfirmationDialog`. The misspelled name will be removed in the next major release. */
+type EgConfirmationDiaglog = EgConfirmationDialog;
+/** @deprecated Use `EgConfirmationDialog`. The misspelled name will be removed in the next major release. */
+declare const EgConfirmationDiaglog: typeof EgConfirmationDialog;
+declare class EgConfirmationDialogService {
+    private hlmDialogService;
+    constructor(hlmDialogService: HlmDialogService);
+    showConfirmationDialog({ title, description }: {
+        title: string;
+        description: string;
+    }): Promise<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EgConfirmationDialogService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<EgConfirmationDialogService>;
+}
+
+export { EgConfirmationDiaglog, EgConfirmationDialog, EgConfirmationDialogService };

package/context-menu/README.md

@@ -0,0 +1,11 @@
+# ContextMenu
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli).
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build context-menu
+```

package/context-menu/fesm2022/context-menu.mjs

@@ -0,0 +1,89 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, input, booleanAttribute, computed, effect, forwardRef, Directive, NgModule } from '@angular/core';
+import * as i1 from '@angular/cdk/menu';
+import { CdkContextMenuTrigger } from '@angular/cdk/menu';
+import { createMenuPosition, MENU_SIDE } from '@spartan-ng/brain/core';
+import { classes } from '@egose/shadcn-theme-ng/utils';
+
+const defaultConfig = {
+    align: 'start',
+    side: 'bottom',
+};
+const HlmContextMenuConfigToken = new InjectionToken('HlmContextMenuConfig');
+function provideHlmContextMenuConfig(config) {
+    return { provide: HlmContextMenuConfigToken, useValue: { ...defaultConfig, ...config } };
+}
+function injectHlmContextMenuConfig() {
+    return inject(HlmContextMenuConfigToken, { optional: true }) ?? defaultConfig;
+}
+
+class HlmContextMenuTrigger {
+    _cdkTrigger = inject(CdkContextMenuTrigger, { host: true });
+    _config = injectHlmContextMenuConfig();
+    disabled = input(this._cdkTrigger.disabled, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    align = input(this._config.align, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+    side = input(this._config.side, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "side" }] : /* istanbul ignore next */ []));
+    _menuPosition = computed(() => createMenuPosition(this.align(), this.side()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_menuPosition" }] : /* istanbul ignore next */ []));
+    constructor() {
+        // CDK sets transform-origin on the menu content (a shared hlm-dropdown-menu) from the resolved
+        // position; the content reads it to animate from the anchored corner and to derive its data-side.
+        // Cast tolerates @angular/cdk < 21.2 (we still support >=21.0), where the property is absent and
+        // the assignment is a harmless no-op.
+        this._cdkTrigger.transformOriginSelector = '[data-slot="dropdown-menu"]';
+        effect(() => {
+            this._cdkTrigger.menuPosition = this._menuPosition();
+        });
+        classes(() => "select-none");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmContextMenuTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmContextMenuTrigger, isStandalone: true, selector: "[hlmContextMenuTrigger]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "context-menu-trigger" }, properties: { "attr.data-disabled": "disabled() ? \"\" : null" } }, providers: [{ provide: MENU_SIDE, useExisting: forwardRef(() => HlmContextMenuTrigger) }], hostDirectives: [{ directive: i1.CdkContextMenuTrigger, inputs: ["cdkContextMenuTriggerFor", "hlmContextMenuTrigger", "cdkContextMenuTriggerData", "hlmContextMenuTriggerData", "cdkContextMenuDisabled", "disabled"], outputs: ["cdkContextMenuOpened", "hlmContextMenuOpened", "cdkContextMenuClosed", "hlmContextMenuClosed"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmContextMenuTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmContextMenuTrigger]',
+                    providers: [{ provide: MENU_SIDE, useExisting: forwardRef(() => HlmContextMenuTrigger) }],
+                    hostDirectives: [
+                        {
+                            directive: CdkContextMenuTrigger,
+                            inputs: [
+                                'cdkContextMenuTriggerFor: hlmContextMenuTrigger',
+                                'cdkContextMenuTriggerData: hlmContextMenuTriggerData',
+                                'cdkContextMenuDisabled: disabled',
+                            ],
+                            outputs: ['cdkContextMenuOpened: hlmContextMenuOpened', 'cdkContextMenuClosed: hlmContextMenuClosed'],
+                        },
+                    ],
+                    host: {
+                        'data-slot': 'context-menu-trigger',
+                        '[attr.data-disabled]': 'disabled() ? "" : null',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], side: [{ type: i0.Input, args: [{ isSignal: true, alias: "side", required: false }] }] } });
+
+/*
+ * Public API Surface of context-menu
+ */
+const HlmContextMenuImports = [HlmContextMenuTrigger];
+class HlmContextMenuModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmContextMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.3", ngImport: i0, type: HlmContextMenuModule, imports: [HlmContextMenuTrigger], exports: [HlmContextMenuTrigger] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmContextMenuModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmContextMenuModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...HlmContextMenuImports],
+                    exports: [...HlmContextMenuImports],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmContextMenuImports, HlmContextMenuModule, HlmContextMenuTrigger, injectHlmContextMenuConfig, provideHlmContextMenuConfig };
+

package/context-menu/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "context-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/context-menu.mjs",
+  "typings": "types/context-menu.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/context-menu.d.ts",
+      "default": "./fesm2022/context-menu.mjs"
+    }
+  },
+  "type": "module"
+}

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

@@ -0,0 +1,34 @@
+import * as i0 from '@angular/core';
+import { ValueProvider } from '@angular/core';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { MenuAlign, MenuSide } from '@spartan-ng/brain/core';
+import * as i1 from '@angular/cdk/menu';
+
+declare class HlmContextMenuTrigger {
+    private readonly _cdkTrigger;
+    private readonly _config;
+    readonly disabled: i0.InputSignalWithTransform<boolean, BooleanInput>;
+    readonly align: i0.InputSignal<MenuAlign>;
+    readonly side: i0.InputSignal<MenuSide>;
+    private readonly _menuPosition;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmContextMenuTrigger, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmContextMenuTrigger, "[hlmContextMenuTrigger]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.CdkContextMenuTrigger; inputs: { "cdkContextMenuTriggerFor": "hlmContextMenuTrigger"; "cdkContextMenuTriggerData": "hlmContextMenuTriggerData"; "cdkContextMenuDisabled": "disabled"; }; outputs: { "cdkContextMenuOpened": "hlmContextMenuOpened"; "cdkContextMenuClosed": "hlmContextMenuClosed"; }; }]>;
+}
+
+interface HlmContextMenuConfig {
+    align: MenuAlign;
+    side: MenuSide;
+}
+declare function provideHlmContextMenuConfig(config: Partial<HlmContextMenuConfig>): ValueProvider;
+declare function injectHlmContextMenuConfig(): HlmContextMenuConfig;
+
+declare const HlmContextMenuImports: readonly [typeof HlmContextMenuTrigger];
+declare class HlmContextMenuModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmContextMenuModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HlmContextMenuModule, never, [typeof HlmContextMenuTrigger], [typeof HlmContextMenuTrigger]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<HlmContextMenuModule>;
+}
+
+export { HlmContextMenuImports, HlmContextMenuModule, HlmContextMenuTrigger, injectHlmContextMenuConfig, provideHlmContextMenuConfig };
+export type { HlmContextMenuConfig };

package/date-picker/README.md

@@ -1,64 +1,3 @@
-# DatePicker
+# Date Picker Subpath
 
-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 date-picker
-```
-
-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/date-picker
-   ```
-
-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.
+This project ships only as `@egose/shadcn-theme-ng/date-picker` or `@egose/shadcn-theme-ng-tw/date-picker`. See the [package README](../../README.md) for installation, compatibility, Tailwind variant, test, and release guidance. Do not publish this project directory independently.