@egose/shadcn-theme-ng 0.0.27 → 0.1.0

package/calendar/package.json

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

package/calendar/types/calendar.d.ts

@@ -0,0 +1,94 @@
+import * as i0 from '@angular/core';
+import * as _spartan_ng_brain_date_time from '@spartan-ng/brain/date-time';
+import * as _spartan_ng_brain_calendar from '@spartan-ng/brain/calendar';
+import { BrnMonthYearCalendar } from '@spartan-ng/brain/calendar';
+
+declare class HlmCalendar<T> {
+    /** Access the calendar i18n */
+    protected readonly _i18n: _spartan_ng_brain_calendar.BrnCalendarI18nService;
+    /** Access the date time adapter */
+    protected readonly _dateAdapter: _spartan_ng_brain_date_time.BrnDateAdapter<T>;
+    /** Show dropdowns to navigate between months or years. */
+    readonly captionLayout: i0.InputSignal<"dropdown" | "label" | "dropdown-months" | "dropdown-years">;
+    /** Access the calendar directive */
+    private readonly _calendar;
+    /** Get the heading for the current month and year */
+    protected readonly _heading: i0.Signal<{
+        header: string;
+        month: string;
+        year: string;
+    }>;
+    protected readonly _btnClass: string;
+    protected readonly _selectClass = "gap-0 px-1.5 py-2 [&>ng-icon]:ms-1";
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmCalendar<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmCalendar<any>, "hlm-calendar", never, { "captionLayout": { "alias": "captionLayout"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof _spartan_ng_brain_calendar.BrnCalendar; inputs: { "min": "min"; "max": "max"; "disabled": "disabled"; "date": "date"; "dateDisabled": "dateDisabled"; "weekStartsOn": "weekStartsOn"; "highlightDays": "highlightDays"; "defaultFocusedDate": "defaultFocusedDate"; }; outputs: { "dateChange": "dateChange"; }; }]>;
+}
+
+declare class HlmCalendarMulti<T> {
+    /** Show dropdowns to navigate between months or years. */
+    readonly captionLayout: i0.InputSignal<"dropdown" | "label" | "dropdown-months" | "dropdown-years">;
+    /** Access the calendar i18n */
+    protected readonly _i18n: _spartan_ng_brain_calendar.BrnCalendarI18nService;
+    /** Access the date time adapter */
+    protected readonly _dateAdapter: _spartan_ng_brain_date_time.BrnDateAdapter<T>;
+    /** Access the calendar directive */
+    private readonly _calendar;
+    /** Get the heading for the current month and year */
+    protected readonly _heading: i0.Signal<{
+        header: string;
+        month: string;
+        year: string;
+    }>;
+    protected readonly _btnClass: string;
+    protected readonly _selectClass = "gap-0 px-1.5 py-2 [&>ng-icon]:ms-1";
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmCalendarMulti<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmCalendarMulti<any>, "hlm-calendar-multi", never, { "captionLayout": { "alias": "captionLayout"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof _spartan_ng_brain_calendar.BrnCalendarMulti; inputs: { "min": "min"; "max": "max"; "minSelection": "minSelection"; "maxSelection": "maxSelection"; "disabled": "disabled"; "date": "date"; "dateDisabled": "dateDisabled"; "weekStartsOn": "weekStartsOn"; "highlightDays": "highlightDays"; "defaultFocusedDate": "defaultFocusedDate"; }; outputs: { "dateChange": "dateChange"; }; }]>;
+}
+
+declare class HlmCalendarRange<T> {
+    /** Show dropdowns to navigate between months or years. */
+    readonly captionLayout: i0.InputSignal<"dropdown" | "label" | "dropdown-months" | "dropdown-years">;
+    /** Access the calendar i18n */
+    protected readonly _i18n: _spartan_ng_brain_calendar.BrnCalendarI18nService;
+    /** Access the date time adapter */
+    protected readonly _dateAdapter: _spartan_ng_brain_date_time.BrnDateAdapter<T>;
+    /** Access the calendar directive */
+    private readonly _calendar;
+    /** Get the heading for the current month and year */
+    protected readonly _heading: i0.Signal<{
+        header: string;
+        month: string;
+        year: string;
+    }>;
+    protected readonly _btnClass: string;
+    protected readonly _selectClass = "gap-0 px-1.5 py-2 [&>ng-icon]:ms-1";
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmCalendarRange<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmCalendarRange<any>, "hlm-calendar-range", never, { "captionLayout": { "alias": "captionLayout"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof _spartan_ng_brain_calendar.BrnCalendarRange; inputs: { "min": "min"; "max": "max"; "disabled": "disabled"; "startDate": "startDate"; "endDate": "endDate"; "dateDisabled": "dateDisabled"; "weekStartsOn": "weekStartsOn"; "highlightDays": "highlightDays"; "defaultFocusedDate": "defaultFocusedDate"; }; outputs: { "endDateChange": "endDateChange"; "startDateChange": "startDateChange"; }; }]>;
+}
+
+declare class HlmMonthYearCalendar<T> {
+    /** Access the calendar i18n */
+    protected readonly _i18n: _spartan_ng_brain_calendar.BrnCalendarI18nService;
+    /** Access the date adapter */
+    protected readonly _dateAdapter: _spartan_ng_brain_date_time.BrnDateAdapter<T>;
+    /** Access the picker directive */
+    protected readonly _picker: BrnMonthYearCalendar<T>;
+    /** The heading for the current view. */
+    protected readonly _heading: i0.Signal<string>;
+    protected readonly _btnClass: string;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmMonthYearCalendar<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmMonthYearCalendar<any>, "hlm-month-year-calendar", never, {}, {}, never, never, true, [{ directive: typeof _spartan_ng_brain_calendar.BrnMonthYearCalendar; inputs: { "min": "min"; "max": "max"; "disabled": "disabled"; "date": "date"; "defaultFocusedDate": "defaultFocusedDate"; "view": "view"; }; outputs: { "dateChange": "dateChange"; }; }]>;
+}
+
+declare const HlmCalendarImports: readonly [typeof HlmCalendar, typeof HlmCalendarMulti, typeof HlmCalendarRange, typeof HlmMonthYearCalendar];
+declare class HlmCalendarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmCalendarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HlmCalendarModule, never, [typeof HlmCalendar, typeof HlmCalendarMulti, typeof HlmCalendarRange, typeof HlmMonthYearCalendar], [typeof HlmCalendar, typeof HlmCalendarMulti, typeof HlmCalendarRange, typeof HlmMonthYearCalendar]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<HlmCalendarModule>;
+}
+
+export { HlmCalendar, HlmCalendarImports, HlmCalendarModule, HlmCalendarMulti, HlmCalendarRange, HlmMonthYearCalendar };

package/card/README.md

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

package/card/fesm2022/card.mjs

@@ -0,0 +1,169 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, input, Directive, NgModule } from '@angular/core';
+import { classes } from '@egose/shadcn-theme-ng/utils';
+
+const defaultConfig = {
+    size: 'default',
+};
+const HlmCardConfigToken = new InjectionToken('HlmCardConfig');
+function provideHlmCardConfig(config) {
+    return { provide: HlmCardConfigToken, useValue: { ...defaultConfig, ...config } };
+}
+function injectHlmCardConfig() {
+    return inject(HlmCardConfigToken, { optional: true }) ?? defaultConfig;
+}
+
+class HlmCard {
+    _defaultConfig = injectHlmCardConfig();
+    size = input(this._defaultConfig.size, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    constructor() {
+        classes(() => "ring-foreground/10 bg-card text-card-foreground gap-(--card-spacing) overflow-hidden rounded-xl py-(--card-spacing) text-sm shadow-xs ring-1 [--card-spacing:--spacing(6)] has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(4)] *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCard, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmCard, isStandalone: true, selector: "[hlmCard],hlm-card", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "card" }, properties: { "attr.data-size": "size()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCard, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmCard],hlm-card',
+                    host: {
+                        'data-slot': 'card',
+                        '[attr.data-size]': 'size()',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+
+class HlmCardAction {
+    constructor() {
+        classes(() => "col-start-2 row-span-2 row-start-1 self-start justify-self-end");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCardAction, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmCardAction, isStandalone: true, selector: "[hlmCardAction]", host: { attributes: { "data-slot": "card-action" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCardAction, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmCardAction]',
+                    host: { 'data-slot': 'card-action' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmCardContent {
+    constructor() {
+        classes(() => "px-(--card-spacing)");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCardContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmCardContent, isStandalone: true, selector: "[hlmCardContent]", host: { attributes: { "data-slot": "card-content" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCardContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmCardContent]',
+                    host: { 'data-slot': 'card-content' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmCardDescription {
+    constructor() {
+        classes(() => "text-muted-foreground text-sm");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCardDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmCardDescription, isStandalone: true, selector: "[hlmCardDescription]", host: { attributes: { "data-slot": "card-description" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCardDescription, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmCardDescription]',
+                    host: { 'data-slot': 'card-description' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmCardFooter {
+    constructor() {
+        classes(() => "rounded-b-xl px-(--card-spacing) [.border-t]:pt-(--card-spacing) flex items-center");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCardFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmCardFooter, isStandalone: true, selector: "[hlmCardFooter],hlm-card-footer", host: { attributes: { "data-slot": "card-footer" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCardFooter, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmCardFooter],hlm-card-footer',
+                    host: { 'data-slot': 'card-footer' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmCardHeader {
+    constructor() {
+        classes(() => "gap-1 rounded-t-xl px-(--card-spacing) [.border-b]:pb-(--card-spacing) group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCardHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmCardHeader, isStandalone: true, selector: "[hlmCardHeader],hlm-card-header", host: { attributes: { "data-slot": "card-header" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCardHeader, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmCardHeader],hlm-card-header',
+                    host: { 'data-slot': 'card-header' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmCardTitle {
+    constructor() {
+        classes(() => "text-base leading-normal font-medium group-data-[size=sm]/card:text-sm");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCardTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmCardTitle, isStandalone: true, selector: "[hlmCardTitle]", host: { attributes: { "data-slot": "card-title" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCardTitle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmCardTitle]',
+                    host: { 'data-slot': 'card-title' },
+                }]
+        }], ctorParameters: () => [] });
+
+/*
+ * Public API Surface of card
+ */
+const HlmCardImports = [
+    HlmCard,
+    HlmCardAction,
+    HlmCardContent,
+    HlmCardDescription,
+    HlmCardFooter,
+    HlmCardHeader,
+    HlmCardTitle,
+];
+class HlmCardModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.3", ngImport: i0, type: HlmCardModule, imports: [HlmCard,
+            HlmCardAction,
+            HlmCardContent,
+            HlmCardDescription,
+            HlmCardFooter,
+            HlmCardHeader,
+            HlmCardTitle], exports: [HlmCard,
+            HlmCardAction,
+            HlmCardContent,
+            HlmCardDescription,
+            HlmCardFooter,
+            HlmCardHeader,
+            HlmCardTitle] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCardModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmCardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...HlmCardImports],
+                    exports: [...HlmCardImports],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmCard, HlmCardAction, HlmCardContent, HlmCardDescription, HlmCardFooter, HlmCardHeader, HlmCardImports, HlmCardModule, HlmCardTitle };
+

package/card/package.json

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

package/card/types/card.d.ts

@@ -0,0 +1,54 @@
+import * as i0 from '@angular/core';
+
+declare class HlmCard {
+    private readonly _defaultConfig;
+    readonly size: i0.InputSignal<"sm" | "default">;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmCard, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmCard, "[hlmCard],hlm-card", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class HlmCardAction {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmCardAction, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmCardAction, "[hlmCardAction]", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmCardContent {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmCardContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmCardContent, "[hlmCardContent]", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmCardDescription {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmCardDescription, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmCardDescription, "[hlmCardDescription]", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmCardFooter {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmCardFooter, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmCardFooter, "[hlmCardFooter],hlm-card-footer", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmCardHeader {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmCardHeader, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmCardHeader, "[hlmCardHeader],hlm-card-header", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmCardTitle {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmCardTitle, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmCardTitle, "[hlmCardTitle]", never, {}, {}, never, never, true, never>;
+}
+
+declare const HlmCardImports: readonly [typeof HlmCard, typeof HlmCardAction, typeof HlmCardContent, typeof HlmCardDescription, typeof HlmCardFooter, typeof HlmCardHeader, typeof HlmCardTitle];
+declare class HlmCardModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmCardModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HlmCardModule, never, [typeof HlmCard, typeof HlmCardAction, typeof HlmCardContent, typeof HlmCardDescription, typeof HlmCardFooter, typeof HlmCardHeader, typeof HlmCardTitle], [typeof HlmCard, typeof HlmCardAction, typeof HlmCardContent, typeof HlmCardDescription, typeof HlmCardFooter, typeof HlmCardHeader, typeof HlmCardTitle]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<HlmCardModule>;
+}
+
+export { HlmCard, HlmCardAction, HlmCardContent, HlmCardDescription, HlmCardFooter, HlmCardHeader, HlmCardImports, HlmCardModule, HlmCardTitle };

package/carousel/README.md

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