@egose/shadcn-theme-ng 0.0.26 → 0.0.28

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
+```

package/carousel/fesm2022/carousel.mjs

@@ -0,0 +1,309 @@
+import * as i0 from '@angular/core';
+import { viewChild, inject, input, computed, signal, ChangeDetectionStrategy, Component, Directive, effect, untracked, NgModule } from '@angular/core';
+import { Directionality } from '@angular/cdk/bidi';
+import { classes, hlm } from '@egose/shadcn-theme-ng/utils';
+import { EmblaCarouselDirective } from 'embla-carousel-angular';
+import { NgIcon, provideIcons } from '@ng-icons/core';
+import { lucideArrowRight, lucideArrowLeft } from '@ng-icons/lucide';
+import * as i1 from '@egose/shadcn-theme-ng/button';
+import { HlmBtn, provideBrnButtonConfig } from '@egose/shadcn-theme-ng/button';
+
+class HlmCarousel {
+    _emblaCarousel = viewChild.required(EmblaCarouselDirective, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_emblaCarousel" }] : /* istanbul ignore next */ []));
+    _dir = inject(Directionality);
+    orientation = input('horizontal', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    options = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "options" }] : /* istanbul ignore next */ []));
+    plugins = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "plugins" }] : /* istanbul ignore next */ []));
+    _emblaOptions = computed(() => ({
+        // Default embla's direction to the ambient layout direction so the carousel scrolls RTL
+        // automatically; an explicit `direction` in `options` still wins.
+        direction: this._dir.valueSignal(),
+        ...this.options(),
+        axis: this.orientation() === 'horizontal' ? 'x' : 'y',
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_emblaOptions" }] : /* istanbul ignore next */ []));
+    _canScrollPrev = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_canScrollPrev" }] : /* istanbul ignore next */ []));
+    canScrollPrev = this._canScrollPrev.asReadonly();
+    _canScrollNext = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_canScrollNext" }] : /* istanbul ignore next */ []));
+    canScrollNext = this._canScrollNext.asReadonly();
+    _currentSlide = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_currentSlide" }] : /* istanbul ignore next */ []));
+    currentSlide = this._currentSlide.asReadonly();
+    _slideCount = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_slideCount" }] : /* istanbul ignore next */ []));
+    slideCount = this._slideCount.asReadonly();
+    constructor() {
+        classes(() => 'relative');
+    }
+    onEmblaEvent(event) {
+        const emblaApi = this._emblaCarousel().emblaApi;
+        if (!emblaApi) {
+            return;
+        }
+        if (event === 'select' || event === 'init' || event === 'reInit') {
+            this._canScrollPrev.set(emblaApi.canScrollPrev());
+            this._canScrollNext.set(emblaApi.canScrollNext());
+            this._currentSlide.set(emblaApi.selectedScrollSnap());
+            this._slideCount.set(emblaApi.scrollSnapList().length);
+        }
+    }
+    onKeydown(event) {
+        if (event.key === 'ArrowLeft') {
+            event.preventDefault();
+            this._emblaCarousel().scrollPrev();
+        }
+        else if (event.key === 'ArrowRight') {
+            event.preventDefault();
+            this._emblaCarousel().scrollNext();
+        }
+    }
+    scrollPrev() {
+        this._emblaCarousel().scrollPrev();
+    }
+    scrollNext() {
+        this._emblaCarousel().scrollNext();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCarousel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.7", type: HlmCarousel, isStandalone: true, selector: "hlm-carousel", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, plugins: { classPropertyName: "plugins", publicName: "plugins", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "carousel", "role": "region", "aria-roledescription": "carousel" }, listeners: { "keydown": "onKeydown($event)" } }, viewQueries: [{ propertyName: "_emblaCarousel", first: true, predicate: EmblaCarouselDirective, descendants: true, isSignal: true }], ngImport: i0, template: `
+    <div
+      emblaCarousel
+      class="overflow-hidden"
+      [plugins]="plugins()"
+      [options]="_emblaOptions()"
+      [subscribeToEvents]="['init', 'select', 'reInit']"
+      (emblaChange)="onEmblaEvent($event)"
+    >
+      <ng-content select="[hlmCarouselContent],hlm-carousel-content" />
+    </div>
+    <ng-content />
+  `, isInline: true, dependencies: [{ kind: "directive", type: EmblaCarouselDirective, selector: "[emblaCarousel]", inputs: ["options", "plugins", "subscribeToEvents", "eventsThrottleTime"], outputs: ["emblaChange"], exportAs: ["emblaCarousel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCarousel, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-carousel',
+                    imports: [EmblaCarouselDirective],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        'data-slot': 'carousel',
+                        role: 'region',
+                        'aria-roledescription': 'carousel',
+                        '(keydown)': 'onKeydown($event)',
+                    },
+                    template: `
+    <div
+      emblaCarousel
+      class="overflow-hidden"
+      [plugins]="plugins()"
+      [options]="_emblaOptions()"
+      [subscribeToEvents]="['init', 'select', 'reInit']"
+      (emblaChange)="onEmblaEvent($event)"
+    >
+      <ng-content select="[hlmCarouselContent],hlm-carousel-content" />
+    </div>
+    <ng-content />
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { _emblaCarousel: [{ type: i0.ViewChild, args: [i0.forwardRef(() => EmblaCarouselDirective), { isSignal: true }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], plugins: [{ type: i0.Input, args: [{ isSignal: true, alias: "plugins", required: false }] }] } });
+
+class HlmCarouselContent {
+    _orientation = inject(HlmCarousel).orientation;
+    constructor() {
+        classes(() => ['flex', this._orientation() === 'horizontal' ? '-ml-4' : '-mt-4 flex-col']);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCarouselContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmCarouselContent, isStandalone: true, selector: "[hlmCarouselContent],hlm-carousel-content", host: { attributes: { "data-slot": "carousel-content" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCarouselContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmCarouselContent],hlm-carousel-content',
+                    host: {
+                        'data-slot': 'carousel-content',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmCarouselItem {
+    _orientation = inject(HlmCarousel).orientation;
+    constructor() {
+        classes(() => ['min-w-0 shrink-0 grow-0 basis-full', this._orientation() === 'horizontal' ? 'pl-4' : 'pt-4']);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCarouselItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmCarouselItem, isStandalone: true, selector: "[hlmCarouselItem],hlm-carousel-item", host: { attributes: { "data-slot": "carousel-item", "role": "group", "aria-roledescription": "slide" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCarouselItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmCarouselItem],hlm-carousel-item',
+                    host: {
+                        'data-slot': 'carousel-item',
+                        role: 'group',
+                        'aria-roledescription': 'slide',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmCarouselNext {
+    _button = inject(HlmBtn);
+    _carousel = inject(HlmCarousel);
+    _computedClass = computed(() => hlm('rounded-full absolute h-8 w-8', this._carousel.orientation() === 'horizontal'
+        ? '-end-12 top-1/2 -translate-y-1/2'
+        : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
+    isDisabled = () => !this._carousel.canScrollNext();
+    constructor() {
+        effect(() => {
+            const computedClass = this._computedClass();
+            untracked(() => this._button.setClass(computedClass));
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCarouselNext, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: HlmCarouselNext, isStandalone: true, selector: "button[hlm-carousel-next], button[hlmCarouselNext]", host: { attributes: { "data-slot": "carousel-next" }, listeners: { "click": "_carousel.scrollNext()" }, properties: { "disabled": "isDisabled()" } }, providers: [provideIcons({ lucideArrowRight }), provideBrnButtonConfig({ variant: 'outline', size: 'icon-sm' })], hostDirectives: [{ directive: i1.HlmBtn, inputs: ["variant", "variant", "size", "size"] }], ngImport: i0, template: `
+    <ng-icon name="lucideArrowRight" class="rtl:rotate-180" />
+    <span class="sr-only">Next slide</span>
+  `, 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.0.7", ngImport: i0, type: HlmCarouselNext, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'button[hlm-carousel-next], button[hlmCarouselNext]',
+                    imports: [NgIcon],
+                    providers: [provideIcons({ lucideArrowRight }), provideBrnButtonConfig({ variant: 'outline', size: 'icon-sm' })],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    hostDirectives: [{ directive: HlmBtn, inputs: ['variant', 'size'] }],
+                    host: {
+                        'data-slot': 'carousel-next',
+                        '[disabled]': 'isDisabled()',
+                        '(click)': '_carousel.scrollNext()',
+                    },
+                    template: `
+    <ng-icon name="lucideArrowRight" class="rtl:rotate-180" />
+    <span class="sr-only">Next slide</span>
+  `,
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmCarouselPrevious {
+    _button = inject(HlmBtn);
+    _carousel = inject(HlmCarousel);
+    _computedClass = computed(() => hlm('rounded-full absolute h-8 w-8', this._carousel.orientation() === 'horizontal'
+        ? '-start-12 top-1/2 -translate-y-1/2'
+        : '-top-12 left-1/2 -translate-x-1/2 rotate-90'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
+    isDisabled = () => !this._carousel.canScrollPrev();
+    constructor() {
+        effect(() => {
+            const computedClass = this._computedClass();
+            untracked(() => this._button.setClass(computedClass));
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCarouselPrevious, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: HlmCarouselPrevious, isStandalone: true, selector: "button[hlm-carousel-previous], button[hlmCarouselPrevious]", host: { attributes: { "data-slot": "carousel-previous" }, listeners: { "click": "_carousel.scrollPrev()" }, properties: { "disabled": "isDisabled()" } }, providers: [provideIcons({ lucideArrowLeft }), provideBrnButtonConfig({ variant: 'outline', size: 'icon-sm' })], hostDirectives: [{ directive: i1.HlmBtn, inputs: ["variant", "variant", "size", "size"] }], ngImport: i0, template: `
+    <ng-icon name="lucideArrowLeft" class="rtl:rotate-180" />
+    <span class="sr-only">Previous slide</span>
+  `, 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.0.7", ngImport: i0, type: HlmCarouselPrevious, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'button[hlm-carousel-previous], button[hlmCarouselPrevious]',
+                    imports: [NgIcon],
+                    providers: [provideIcons({ lucideArrowLeft }), provideBrnButtonConfig({ variant: 'outline', size: 'icon-sm' })],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    hostDirectives: [{ directive: HlmBtn, inputs: ['variant', 'size'] }],
+                    host: {
+                        'data-slot': 'carousel-previous',
+                        '[disabled]': 'isDisabled()',
+                        '(click)': '_carousel.scrollPrev()',
+                    },
+                    template: `
+    <ng-icon name="lucideArrowLeft" class="rtl:rotate-180" />
+    <span class="sr-only">Previous slide</span>
+  `,
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmCarouselSlideDisplay {
+    _carousel = inject(HlmCarousel);
+    _currentSlide = computed(() => this._carousel.currentSlide() + 1, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_currentSlide" }] : /* istanbul ignore next */ []));
+    slideClass = input('text-muted-foreground text-sm', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "slideClass" }] : /* istanbul ignore next */ []));
+    /** Screen reader only text for the slide display */
+    label = input('Slide', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    _labelContent = computed(() => {
+        const currentSlide = this._currentSlide();
+        const slideCount = this._carousel.slideCount();
+        return `${this.label()} ${currentSlide} of ${slideCount} is displayed`;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_labelContent" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCarouselSlideDisplay, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: HlmCarouselSlideDisplay, isStandalone: true, selector: "hlm-carousel-slide-display", inputs: { slideClass: { classPropertyName: "slideClass", publicName: "slideClass", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "carousel-slide-display" } }, ngImport: i0, template: `
+    <span class="sr-only">{{ _labelContent() }}</span>
+    <div aria-hidden="true" [class]="slideClass()">{{ _currentSlide() }} / {{ _carousel.slideCount() }}</div>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCarouselSlideDisplay, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-carousel-slide-display',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        'data-slot': 'carousel-slide-display',
+                    },
+                    template: `
+    <span class="sr-only">{{ _labelContent() }}</span>
+    <div aria-hidden="true" [class]="slideClass()">{{ _currentSlide() }} / {{ _carousel.slideCount() }}</div>
+  `,
+                }]
+        }], propDecorators: { slideClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "slideClass", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] } });
+
+/*
+ * Public API Surface of carousel
+ */
+const HlmCarouselImports = [
+    HlmCarousel,
+    HlmCarouselContent,
+    HlmCarouselItem,
+    HlmCarouselPrevious,
+    HlmCarouselNext,
+    HlmCarouselSlideDisplay,
+];
+class HlmCarouselModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.7", ngImport: i0, type: HlmCarouselModule, imports: [HlmCarousel,
+            HlmCarouselContent,
+            HlmCarouselItem,
+            HlmCarouselPrevious,
+            HlmCarouselNext,
+            HlmCarouselSlideDisplay], exports: [HlmCarousel,
+            HlmCarouselContent,
+            HlmCarouselItem,
+            HlmCarouselPrevious,
+            HlmCarouselNext,
+            HlmCarouselSlideDisplay] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCarouselModule, imports: [HlmCarouselPrevious,
+            HlmCarouselNext] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmCarouselModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...HlmCarouselImports],
+                    exports: [...HlmCarouselImports],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmCarousel, HlmCarouselContent, HlmCarouselImports, HlmCarouselItem, HlmCarouselModule, HlmCarouselNext, HlmCarouselPrevious, HlmCarouselSlideDisplay };
+//# sourceMappingURL=carousel.mjs.map

package/carousel/fesm2022/carousel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.mjs","sources":["../../../projects/carousel/src/lib/hlm-carousel.ts","../../../projects/carousel/src/lib/hlm-carousel-content.ts","../../../projects/carousel/src/lib/hlm-carousel-item.ts","../../../projects/carousel/src/lib/hlm-carousel-next.ts","../../../projects/carousel/src/lib/hlm-carousel-previous.ts","../../../projects/carousel/src/lib/hlm-carousel-slide-display.ts","../../../projects/carousel/src/public-api.ts","../../../projects/carousel/src/carousel.ts"],"sourcesContent":["import { Directionality } from '@angular/cdk/bidi';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  type InputSignal,\n  type Signal,\n  computed,\n  inject,\n  input,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\nimport type { EmblaEventType, EmblaOptionsType, EmblaPluginType } from 'embla-carousel';\nimport { EmblaCarouselDirective } from 'embla-carousel-angular';\n\n@Component({\n  selector: 'hlm-carousel',\n  imports: [EmblaCarouselDirective],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'data-slot': 'carousel',\n    role: 'region',\n    'aria-roledescription': 'carousel',\n    '(keydown)': 'onKeydown($event)',\n  },\n  template: `\n    <div\n      emblaCarousel\n      class=\"overflow-hidden\"\n      [plugins]=\"plugins()\"\n      [options]=\"_emblaOptions()\"\n      [subscribeToEvents]=\"['init', 'select', 'reInit']\"\n      (emblaChange)=\"onEmblaEvent($event)\"\n    >\n      <ng-content select=\"[hlmCarouselContent],hlm-carousel-content\" />\n    </div>\n    <ng-content />\n  `,\n})\nexport class HlmCarousel {\n  protected readonly _emblaCarousel = viewChild.required(EmblaCarouselDirective);\n  private readonly _dir = inject(Directionality);\n\n  public readonly orientation = input<'horizontal' | 'vertical'>('horizontal');\n  public readonly options: InputSignal<Omit<EmblaOptionsType, 'axis'> | undefined> =\n    input<Omit<EmblaOptionsType, 'axis'>>();\n  public readonly plugins: InputSignal<EmblaPluginType[]> = input<EmblaPluginType[]>([]);\n\n  protected readonly _emblaOptions: Signal<EmblaOptionsType> = computed(() => ({\n    // Default embla's direction to the ambient layout direction so the carousel scrolls RTL\n    // automatically; an explicit `direction` in `options` still wins.\n    direction: this._dir.valueSignal(),\n    ...this.options(),\n    axis: this.orientation() === 'horizontal' ? 'x' : 'y',\n  }));\n\n  private readonly _canScrollPrev = signal(false);\n  public readonly canScrollPrev = this._canScrollPrev.asReadonly();\n  private readonly _canScrollNext = signal(false);\n  public readonly canScrollNext = this._canScrollNext.asReadonly();\n\n  private readonly _currentSlide = signal(0);\n  public readonly currentSlide = this._currentSlide.asReadonly();\n  private readonly _slideCount = signal(0);\n  public readonly slideCount = this._slideCount.asReadonly();\n\n  constructor() {\n    classes(() => 'relative');\n  }\n\n  protected onEmblaEvent(event: EmblaEventType) {\n    const emblaApi = this._emblaCarousel().emblaApi;\n\n    if (!emblaApi) {\n      return;\n    }\n\n    if (event === 'select' || event === 'init' || event === 'reInit') {\n      this._canScrollPrev.set(emblaApi.canScrollPrev());\n      this._canScrollNext.set(emblaApi.canScrollNext());\n\n      this._currentSlide.set(emblaApi.selectedScrollSnap());\n      this._slideCount.set(emblaApi.scrollSnapList().length);\n    }\n  }\n\n  protected onKeydown(event: KeyboardEvent) {\n    if (event.key === 'ArrowLeft') {\n      event.preventDefault();\n      this._emblaCarousel().scrollPrev();\n    } else if (event.key === 'ArrowRight') {\n      event.preventDefault();\n      this._emblaCarousel().scrollNext();\n    }\n  }\n\n  scrollPrev() {\n    this._emblaCarousel().scrollPrev();\n  }\n\n  scrollNext() {\n    this._emblaCarousel().scrollNext();\n  }\n}\n","import { Directive, inject } from '@angular/core';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\nimport { HlmCarousel } from './hlm-carousel';\n\n@Directive({\n  selector: '[hlmCarouselContent],hlm-carousel-content',\n  host: {\n    'data-slot': 'carousel-content',\n  },\n})\nexport class HlmCarouselContent {\n  private readonly _orientation = inject(HlmCarousel).orientation;\n\n  constructor() {\n    classes(() => ['flex', this._orientation() === 'horizontal' ? '-ml-4' : '-mt-4 flex-col']);\n  }\n}\n","import { Directive, inject } from '@angular/core';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\nimport { HlmCarousel } from './hlm-carousel';\n\n@Directive({\n  selector: '[hlmCarouselItem],hlm-carousel-item',\n  host: {\n    'data-slot': 'carousel-item',\n    role: 'group',\n    'aria-roledescription': 'slide',\n  },\n})\nexport class HlmCarouselItem {\n  private readonly _orientation = inject(HlmCarousel).orientation;\n\n  constructor() {\n    classes(() => ['min-w-0 shrink-0 grow-0 basis-full', this._orientation() === 'horizontal' ? 'pl-4' : 'pt-4']);\n  }\n}\n","import { ChangeDetectionStrategy, Component, computed, effect, inject, untracked } from '@angular/core';\nimport { NgIcon, provideIcons } from '@ng-icons/core';\nimport { lucideArrowRight } from '@ng-icons/lucide';\nimport { HlmBtn, provideBrnButtonConfig } from '@egose/shadcn-theme-ng/button';\nimport { hlm } from '@egose/shadcn-theme-ng/utils';\nimport { HlmCarousel } from './hlm-carousel';\n\n@Component({\n  selector: 'button[hlm-carousel-next], button[hlmCarouselNext]',\n  imports: [NgIcon],\n  providers: [provideIcons({ lucideArrowRight }), provideBrnButtonConfig({ variant: 'outline', size: 'icon-sm' })],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [{ directive: HlmBtn, inputs: ['variant', 'size'] }],\n  host: {\n    'data-slot': 'carousel-next',\n    '[disabled]': 'isDisabled()',\n    '(click)': '_carousel.scrollNext()',\n  },\n  template: `\n    <ng-icon name=\"lucideArrowRight\" class=\"rtl:rotate-180\" />\n    <span class=\"sr-only\">Next slide</span>\n  `,\n})\nexport class HlmCarouselNext {\n  private readonly _button = inject(HlmBtn);\n  protected readonly _carousel = inject(HlmCarousel);\n  private readonly _computedClass = computed(() =>\n    hlm(\n      'rounded-full absolute h-8 w-8',\n      this._carousel.orientation() === 'horizontal'\n        ? '-end-12 top-1/2 -translate-y-1/2'\n        : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',\n    ),\n  );\n  protected readonly isDisabled = () => !this._carousel.canScrollNext();\n\n  constructor() {\n    effect(() => {\n      const computedClass = this._computedClass();\n\n      untracked(() => this._button.setClass(computedClass));\n    });\n  }\n}\n","import { ChangeDetectionStrategy, Component, computed, effect, inject, untracked } from '@angular/core';\nimport { NgIcon, provideIcons } from '@ng-icons/core';\nimport { lucideArrowLeft } from '@ng-icons/lucide';\nimport { HlmBtn, provideBrnButtonConfig } from '@egose/shadcn-theme-ng/button';\nimport { hlm } from '@egose/shadcn-theme-ng/utils';\nimport { HlmCarousel } from './hlm-carousel';\n\n@Component({\n  selector: 'button[hlm-carousel-previous], button[hlmCarouselPrevious]',\n  imports: [NgIcon],\n  providers: [provideIcons({ lucideArrowLeft }), provideBrnButtonConfig({ variant: 'outline', size: 'icon-sm' })],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [{ directive: HlmBtn, inputs: ['variant', 'size'] }],\n  host: {\n    'data-slot': 'carousel-previous',\n    '[disabled]': 'isDisabled()',\n    '(click)': '_carousel.scrollPrev()',\n  },\n  template: `\n    <ng-icon name=\"lucideArrowLeft\" class=\"rtl:rotate-180\" />\n    <span class=\"sr-only\">Previous slide</span>\n  `,\n})\nexport class HlmCarouselPrevious {\n  private readonly _button = inject(HlmBtn);\n\n  protected readonly _carousel = inject(HlmCarousel);\n\n  private readonly _computedClass = computed(() =>\n    hlm(\n      'rounded-full absolute h-8 w-8',\n      this._carousel.orientation() === 'horizontal'\n        ? '-start-12 top-1/2 -translate-y-1/2'\n        : '-top-12 left-1/2 -translate-x-1/2 rotate-90',\n    ),\n  );\n  protected readonly isDisabled = () => !this._carousel.canScrollPrev();\n\n  constructor() {\n    effect(() => {\n      const computedClass = this._computedClass();\n      untracked(() => this._button.setClass(computedClass));\n    });\n  }\n}\n","import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';\nimport type { ClassValue } from 'clsx';\nimport { HlmCarousel } from './hlm-carousel';\n\n@Component({\n  selector: 'hlm-carousel-slide-display',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'data-slot': 'carousel-slide-display',\n  },\n  template: `\n    <span class=\"sr-only\">{{ _labelContent() }}</span>\n    <div aria-hidden=\"true\" [class]=\"slideClass()\">{{ _currentSlide() }} / {{ _carousel.slideCount() }}</div>\n  `,\n})\nexport class HlmCarouselSlideDisplay {\n  protected readonly _carousel = inject(HlmCarousel);\n\n  protected readonly _currentSlide = computed(() => this._carousel.currentSlide() + 1);\n\n  public readonly slideClass = input<ClassValue>('text-muted-foreground text-sm');\n\n  /** Screen reader only text for the slide display */\n  public readonly label = input<string>('Slide');\n\n  protected readonly _labelContent = computed(() => {\n    const currentSlide = this._currentSlide();\n    const slideCount = this._carousel.slideCount();\n    return `${this.label()} ${currentSlide} of ${slideCount} is displayed`;\n  });\n}\n","/*\n * Public API Surface of carousel\n */\n\nimport { NgModule } from '@angular/core';\n\nimport { HlmCarousel } from './lib/hlm-carousel';\nimport { HlmCarouselContent } from './lib/hlm-carousel-content';\nimport { HlmCarouselItem } from './lib/hlm-carousel-item';\nimport { HlmCarouselNext } from './lib/hlm-carousel-next';\nimport { HlmCarouselPrevious } from './lib/hlm-carousel-previous';\nimport { HlmCarouselSlideDisplay } from './lib/hlm-carousel-slide-display';\n\nexport * from './lib/hlm-carousel';\nexport * from './lib/hlm-carousel-content';\nexport * from './lib/hlm-carousel-item';\nexport * from './lib/hlm-carousel-next';\nexport * from './lib/hlm-carousel-previous';\nexport * from './lib/hlm-carousel-slide-display';\n\nexport const HlmCarouselImports = [\n  HlmCarousel,\n  HlmCarouselContent,\n  HlmCarouselItem,\n  HlmCarouselPrevious,\n  HlmCarouselNext,\n  HlmCarouselSlideDisplay,\n] as const;\n\n@NgModule({\n  imports: [...HlmCarouselImports],\n  exports: [...HlmCarouselImports],\n})\nexport class HlmCarouselModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/carousel/package.json

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

package/carousel/types/carousel.d.ts

@@ -0,0 +1,84 @@
+import * as i0 from '@angular/core';
+import { Signal, InputSignal } from '@angular/core';
+import { EmblaOptionsType, EmblaPluginType, EmblaEventType } from 'embla-carousel';
+import { EmblaCarouselDirective } from 'embla-carousel-angular';
+import * as i1 from '@egose/shadcn-theme-ng/button';
+import { ClassValue } from 'clsx';
+
+declare class HlmCarousel {
+    protected readonly _emblaCarousel: Signal<EmblaCarouselDirective>;
+    private readonly _dir;
+    readonly orientation: InputSignal<"horizontal" | "vertical">;
+    readonly options: InputSignal<Omit<EmblaOptionsType, 'axis'> | undefined>;
+    readonly plugins: InputSignal<EmblaPluginType[]>;
+    protected readonly _emblaOptions: Signal<EmblaOptionsType>;
+    private readonly _canScrollPrev;
+    readonly canScrollPrev: Signal<boolean>;
+    private readonly _canScrollNext;
+    readonly canScrollNext: Signal<boolean>;
+    private readonly _currentSlide;
+    readonly currentSlide: Signal<number>;
+    private readonly _slideCount;
+    readonly slideCount: Signal<number>;
+    constructor();
+    protected onEmblaEvent(event: EmblaEventType): void;
+    protected onKeydown(event: KeyboardEvent): void;
+    scrollPrev(): void;
+    scrollNext(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmCarousel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmCarousel, "hlm-carousel", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "plugins": { "alias": "plugins"; "required": false; "isSignal": true; }; }, {}, never, ["[hlmCarouselContent],hlm-carousel-content", "*"], true, never>;
+}
+
+declare class HlmCarouselContent {
+    private readonly _orientation;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmCarouselContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmCarouselContent, "[hlmCarouselContent],hlm-carousel-content", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmCarouselItem {
+    private readonly _orientation;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmCarouselItem, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmCarouselItem, "[hlmCarouselItem],hlm-carousel-item", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmCarouselNext {
+    private readonly _button;
+    protected readonly _carousel: HlmCarousel;
+    private readonly _computedClass;
+    protected readonly isDisabled: () => boolean;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmCarouselNext, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmCarouselNext, "button[hlm-carousel-next], button[hlmCarouselNext]", never, {}, {}, never, never, true, [{ directive: typeof i1.HlmBtn; inputs: { "variant": "variant"; "size": "size"; }; outputs: {}; }]>;
+}
+
+declare class HlmCarouselPrevious {
+    private readonly _button;
+    protected readonly _carousel: HlmCarousel;
+    private readonly _computedClass;
+    protected readonly isDisabled: () => boolean;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmCarouselPrevious, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmCarouselPrevious, "button[hlm-carousel-previous], button[hlmCarouselPrevious]", never, {}, {}, never, never, true, [{ directive: typeof i1.HlmBtn; inputs: { "variant": "variant"; "size": "size"; }; outputs: {}; }]>;
+}
+
+declare class HlmCarouselSlideDisplay {
+    protected readonly _carousel: HlmCarousel;
+    protected readonly _currentSlide: i0.Signal<number>;
+    readonly slideClass: i0.InputSignal<ClassValue>;
+    /** Screen reader only text for the slide display */
+    readonly label: i0.InputSignal<string>;
+    protected readonly _labelContent: i0.Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmCarouselSlideDisplay, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmCarouselSlideDisplay, "hlm-carousel-slide-display", never, { "slideClass": { "alias": "slideClass"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const HlmCarouselImports: readonly [typeof HlmCarousel, typeof HlmCarouselContent, typeof HlmCarouselItem, typeof HlmCarouselPrevious, typeof HlmCarouselNext, typeof HlmCarouselSlideDisplay];
+declare class HlmCarouselModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmCarouselModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HlmCarouselModule, never, [typeof HlmCarousel, typeof HlmCarouselContent, typeof HlmCarouselItem, typeof HlmCarouselPrevious, typeof HlmCarouselNext, typeof HlmCarouselSlideDisplay], [typeof HlmCarousel, typeof HlmCarouselContent, typeof HlmCarouselItem, typeof HlmCarouselPrevious, typeof HlmCarouselNext, typeof HlmCarouselSlideDisplay]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<HlmCarouselModule>;
+}
+
+export { HlmCarousel, HlmCarouselContent, HlmCarouselImports, HlmCarouselItem, HlmCarouselModule, HlmCarouselNext, HlmCarouselPrevious, HlmCarouselSlideDisplay };