@ojiepermana/angular 21.2.4 → 21.3.3

package/fesm2022/ojiepermana-angular-component-carousel.mjs

@@ -0,0 +1,310 @@
+import { isPlatformBrowser } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Directive, input, output, signal, inject, PLATFORM_ID, computed, effect, forwardRef, ChangeDetectionStrategy, Component, viewChild } from '@angular/core';
+import EmblaCarousel from 'embla-carousel';
+import { cn } from '@ojiepermana/angular/component/utils';
+
+class CarouselContextBase {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CarouselContextBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: CarouselContextBase, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CarouselContextBase, decorators: [{
+            type: Directive
+        }] });
+class CarouselComponent extends CarouselContextBase {
+    orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    opts = input({}, ...(ngDevMode ? [{ debugName: "opts" }] : /* istanbul ignore next */ []));
+    plugins = input([], ...(ngDevMode ? [{ debugName: "plugins" }] : /* istanbul ignore next */ []));
+    keyboard = input(true, ...(ngDevMode ? [{ debugName: "keyboard" }] : /* istanbul ignore next */ []));
+    label = input('Carousel', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    apiReady = output();
+    apiChange = output();
+    selectedIndex = signal(0, ...(ngDevMode ? [{ debugName: "selectedIndex" }] : /* istanbul ignore next */ []));
+    slideCount = signal(0, ...(ngDevMode ? [{ debugName: "slideCount" }] : /* istanbul ignore next */ []));
+    canScrollPrev = signal(false, ...(ngDevMode ? [{ debugName: "canScrollPrev" }] : /* istanbul ignore next */ []));
+    canScrollNext = signal(false, ...(ngDevMode ? [{ debugName: "canScrollNext" }] : /* istanbul ignore next */ []));
+    isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
+    viewport = signal(null, ...(ngDevMode ? [{ debugName: "viewport" }] : /* istanbul ignore next */ []));
+    api = null;
+    classes = computed(() => cn('relative block', this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    constructor() {
+        super();
+        effect((onCleanup) => {
+            const viewport = this.viewport();
+            const orientation = this.orientation();
+            const opts = this.opts();
+            const plugins = this.plugins();
+            if (!this.isBrowser || !viewport) {
+                this.api = null;
+                this.resetState();
+                return;
+            }
+            const carousel = EmblaCarousel(viewport, { ...opts, axis: orientation === 'horizontal' ? 'x' : 'y' }, [
+                ...plugins,
+            ]);
+            const updateState = () => this.updateState(carousel);
+            this.api = carousel;
+            this.apiChange.emit(carousel);
+            this.apiReady.emit(carousel);
+            updateState();
+            carousel.on('select', updateState);
+            carousel.on('reInit', updateState);
+            carousel.on('resize', updateState);
+            onCleanup(() => {
+                carousel.destroy();
+                if (this.api === carousel) {
+                    this.api = null;
+                    this.apiChange.emit(null);
+                    this.resetState();
+                }
+            });
+        });
+    }
+    registerViewport(viewport) {
+        this.viewport.set(viewport);
+    }
+    unregisterViewport(viewport) {
+        if (this.viewport() === viewport) {
+            this.viewport.set(null);
+        }
+    }
+    scrollPrev() {
+        this.api?.scrollPrev();
+    }
+    scrollNext() {
+        this.api?.scrollNext();
+    }
+    scrollTo(index) {
+        this.api?.scrollTo(index);
+    }
+    onKeydown(event) {
+        if (!this.keyboard())
+            return;
+        const horizontal = this.orientation() === 'horizontal';
+        const previousKey = horizontal ? 'ArrowLeft' : 'ArrowUp';
+        const nextKey = horizontal ? 'ArrowRight' : 'ArrowDown';
+        if (event.key === previousKey) {
+            event.preventDefault();
+            this.scrollPrev();
+            return;
+        }
+        if (event.key === nextKey) {
+            event.preventDefault();
+            this.scrollNext();
+            return;
+        }
+        if (event.key === 'Home') {
+            event.preventDefault();
+            this.scrollTo(0);
+            return;
+        }
+        if (event.key === 'End') {
+            event.preventDefault();
+            this.scrollTo(Math.max(0, this.slideCount() - 1));
+        }
+    }
+    updateState(carousel) {
+        this.slideCount.set(carousel.scrollSnapList().length);
+        this.selectedIndex.set(carousel.selectedScrollSnap());
+        this.canScrollPrev.set(carousel.canScrollPrev());
+        this.canScrollNext.set(carousel.canScrollNext());
+    }
+    resetState() {
+        this.selectedIndex.set(0);
+        this.slideCount.set(0);
+        this.canScrollPrev.set(false);
+        this.canScrollNext.set(false);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: CarouselComponent, isStandalone: true, selector: "ui-carousel", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, opts: { classPropertyName: "opts", publicName: "opts", isSignal: true, isRequired: false, transformFunction: null }, plugins: { classPropertyName: "plugins", publicName: "plugins", isSignal: true, isRequired: false, transformFunction: null }, keyboard: { classPropertyName: "keyboard", publicName: "keyboard", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { apiReady: "apiReady", apiChange: "apiChange" }, host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "classes()", "attr.role": "\"region\"", "attr.aria-roledescription": "\"carousel\"", "attr.aria-label": "label()", "attr.data-orientation": "orientation()", "attr.tabindex": "keyboard() ? 0 : null" } }, providers: [{ provide: CarouselContextBase, useExisting: forwardRef(() => CarouselComponent) }], usesInheritance: true, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CarouselComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-carousel',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [{ provide: CarouselContextBase, useExisting: forwardRef(() => CarouselComponent) }],
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.role]': '"region"',
+                        '[attr.aria-roledescription]': '"carousel"',
+                        '[attr.aria-label]': 'label()',
+                        '[attr.data-orientation]': 'orientation()',
+                        '[attr.tabindex]': 'keyboard() ? 0 : null',
+                        '(keydown)': 'onKeydown($event)',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], ctorParameters: () => [], propDecorators: { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], opts: [{ type: i0.Input, args: [{ isSignal: true, alias: "opts", required: false }] }], plugins: [{ type: i0.Input, args: [{ isSignal: true, alias: "plugins", required: false }] }], keyboard: [{ type: i0.Input, args: [{ isSignal: true, alias: "keyboard", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], apiReady: [{ type: i0.Output, args: ["apiReady"] }], apiChange: [{ type: i0.Output, args: ["apiChange"] }] } });
+class CarouselContentComponent {
+    ctx = inject(CarouselContextBase);
+    viewport = viewChild('viewport', ...(ngDevMode ? [{ debugName: "viewport" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    contentClasses = computed(() => cn('flex', this.ctx.orientation() === 'horizontal' ? '-ml-4' : '-mt-4 flex-col', this.class()), ...(ngDevMode ? [{ debugName: "contentClasses" }] : /* istanbul ignore next */ []));
+    ngAfterViewInit() {
+        const viewport = this.viewport()?.nativeElement;
+        if (viewport)
+            this.ctx.registerViewport(viewport);
+    }
+    ngOnDestroy() {
+        const viewport = this.viewport()?.nativeElement;
+        if (viewport)
+            this.ctx.unregisterViewport(viewport);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CarouselContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.14", type: CarouselContentComponent, isStandalone: true, selector: "ui-carousel-content", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "\"block\"" } }, viewQueries: [{ propertyName: "viewport", first: true, predicate: ["viewport"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <div #viewport class="overflow-hidden">
+      <div [class]="contentClasses()"><ng-content /></div>
+    </div>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CarouselContentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-carousel-content',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': '"block"',
+                    },
+                    template: `
+    <div #viewport class="overflow-hidden">
+      <div [class]="contentClasses()"><ng-content /></div>
+    </div>
+  `,
+                }]
+        }], propDecorators: { viewport: [{ type: i0.ViewChild, args: ['viewport', { isSignal: true }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class CarouselItemComponent {
+    ctx = inject(CarouselContextBase);
+    ariaLabel = input(null, ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('min-w-0 shrink-0 grow-0 basis-full', this.ctx.orientation() === 'horizontal' ? 'pl-4' : 'pt-4', this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CarouselItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: CarouselItemComponent, isStandalone: true, selector: "ui-carousel-item", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.role": "\"group\"", "attr.aria-roledescription": "\"slide\"", "attr.aria-label": "ariaLabel()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CarouselItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-carousel-item',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.role]': '"group"',
+                        '[attr.aria-roledescription]': '"slide"',
+                        '[attr.aria-label]': 'ariaLabel()',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class CarouselPreviousComponent {
+    ctx = inject(CarouselContextBase);
+    label = input('Previous slide', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn(carouselButtonClasses, carouselPreviousPlacement(this.ctx.orientation()), this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CarouselPreviousComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: CarouselPreviousComponent, isStandalone: true, selector: "button[ui-carousel-previous]", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "button" }, listeners: { "click": "ctx.scrollPrev()" }, properties: { "class": "classes()", "attr.aria-label": "label()", "disabled": "!ctx.canScrollPrev() || null" } }, ngImport: i0, template: `
+    <svg
+      aria-hidden="true"
+      class="h-4 w-4"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round">
+      <path d="m15 18-6-6 6-6" />
+    </svg>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CarouselPreviousComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'button[ui-carousel-previous]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        type: 'button',
+                        '[attr.aria-label]': 'label()',
+                        '[disabled]': '!ctx.canScrollPrev() || null',
+                        '(click)': 'ctx.scrollPrev()',
+                    },
+                    template: `
+    <svg
+      aria-hidden="true"
+      class="h-4 w-4"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round">
+      <path d="m15 18-6-6 6-6" />
+    </svg>
+  `,
+                }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class CarouselNextComponent {
+    ctx = inject(CarouselContextBase);
+    label = input('Next slide', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn(carouselButtonClasses, carouselNextPlacement(this.ctx.orientation()), this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CarouselNextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: CarouselNextComponent, isStandalone: true, selector: "button[ui-carousel-next]", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "button" }, listeners: { "click": "ctx.scrollNext()" }, properties: { "class": "classes()", "attr.aria-label": "label()", "disabled": "!ctx.canScrollNext() || null" } }, ngImport: i0, template: `
+    <svg
+      aria-hidden="true"
+      class="h-4 w-4"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round">
+      <path d="m9 18 6-6-6-6" />
+    </svg>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CarouselNextComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'button[ui-carousel-next]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        type: 'button',
+                        '[attr.aria-label]': 'label()',
+                        '[disabled]': '!ctx.canScrollNext() || null',
+                        '(click)': 'ctx.scrollNext()',
+                    },
+                    template: `
+    <svg
+      aria-hidden="true"
+      class="h-4 w-4"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round">
+      <path d="m9 18 6-6-6-6" />
+    </svg>
+  `,
+                }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+const carouselButtonClasses = 'absolute inline-flex h-8 w-8 items-center justify-center rounded-full border border-border bg-background p-0 text-foreground shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50';
+function carouselPreviousPlacement(orientation) {
+    return orientation === 'horizontal'
+        ? '-left-12 top-1/2 -translate-y-1/2'
+        : '-top-12 left-1/2 -translate-x-1/2 rotate-90';
+}
+function carouselNextPlacement(orientation) {
+    return orientation === 'horizontal'
+        ? '-right-12 top-1/2 -translate-y-1/2'
+        : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90';
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CarouselComponent, CarouselContentComponent, CarouselContextBase, CarouselItemComponent, CarouselNextComponent, CarouselPreviousComponent };
+//# sourceMappingURL=ojiepermana-angular-component-carousel.mjs.map

package/fesm2022/ojiepermana-angular-component-carousel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ojiepermana-angular-component-carousel.mjs","sources":["../../../projects/angular/component/carousel/src/lib/carousel.component.ts","../../../projects/angular/component/carousel/ojiepermana-angular-component-carousel.ts"],"sourcesContent":["import { isPlatformBrowser } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  Directive,\n  ElementRef,\n  PLATFORM_ID,\n  computed,\n  effect,\n  forwardRef,\n  inject,\n  input,\n  output,\n  signal,\n  viewChild,\n  type InputSignal,\n  type Signal,\n} from '@angular/core';\nimport EmblaCarousel, { type EmblaCarouselType, type EmblaOptionsType, type EmblaPluginType } from 'embla-carousel';\nimport { cn } from '@ojiepermana/angular/component/utils';\n\nexport type CarouselApi = EmblaCarouselType;\nexport type CarouselOptions = EmblaOptionsType;\nexport type CarouselPlugin = EmblaPluginType;\nexport type CarouselOrientation = 'horizontal' | 'vertical';\n\n@Directive()\nexport abstract class CarouselContextBase {\n  abstract readonly orientation: Signal<CarouselOrientation>;\n  abstract readonly canScrollPrev: Signal<boolean>;\n  abstract readonly canScrollNext: Signal<boolean>;\n\n  abstract registerViewport(viewport: HTMLElement): void;\n  abstract unregisterViewport(viewport: HTMLElement): void;\n  abstract scrollPrev(): void;\n  abstract scrollNext(): void;\n  abstract scrollTo(index: number): void;\n}\n\n@Component({\n  selector: 'ui-carousel',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{ provide: CarouselContextBase, useExisting: forwardRef(() => CarouselComponent) }],\n  host: {\n    '[class]': 'classes()',\n    '[attr.role]': '\"region\"',\n    '[attr.aria-roledescription]': '\"carousel\"',\n    '[attr.aria-label]': 'label()',\n    '[attr.data-orientation]': 'orientation()',\n    '[attr.tabindex]': 'keyboard() ? 0 : null',\n    '(keydown)': 'onKeydown($event)',\n  },\n  template: `<ng-content />`,\n})\nexport class CarouselComponent extends CarouselContextBase {\n  override readonly orientation = input<CarouselOrientation>('horizontal');\n  readonly opts: InputSignal<CarouselOptions> = input<CarouselOptions>({});\n  readonly plugins: InputSignal<readonly CarouselPlugin[]> = input<readonly CarouselPlugin[]>([]);\n  readonly keyboard = input<boolean>(true);\n  readonly label = input<string>('Carousel');\n  readonly class = input<string>('');\n\n  readonly apiReady = output<CarouselApi>();\n  readonly apiChange = output<CarouselApi | null>();\n\n  readonly selectedIndex = signal(0);\n  readonly slideCount = signal(0);\n  override readonly canScrollPrev = signal(false);\n  override readonly canScrollNext = signal(false);\n\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n  private readonly viewport = signal<HTMLElement | null>(null);\n  private api: CarouselApi | null = null;\n\n  protected readonly classes = computed(() => cn('relative block', this.class()));\n\n  constructor() {\n    super();\n\n    effect((onCleanup) => {\n      const viewport = this.viewport();\n      const orientation = this.orientation();\n      const opts = this.opts();\n      const plugins = this.plugins();\n\n      if (!this.isBrowser || !viewport) {\n        this.api = null;\n        this.resetState();\n        return;\n      }\n\n      const carousel = EmblaCarousel(viewport, { ...opts, axis: orientation === 'horizontal' ? 'x' : 'y' }, [\n        ...plugins,\n      ]);\n      const updateState = (): void => this.updateState(carousel);\n\n      this.api = carousel;\n      this.apiChange.emit(carousel);\n      this.apiReady.emit(carousel);\n\n      updateState();\n      carousel.on('select', updateState);\n      carousel.on('reInit', updateState);\n      carousel.on('resize', updateState);\n\n      onCleanup(() => {\n        carousel.destroy();\n        if (this.api === carousel) {\n          this.api = null;\n          this.apiChange.emit(null);\n          this.resetState();\n        }\n      });\n    });\n  }\n\n  override registerViewport(viewport: HTMLElement): void {\n    this.viewport.set(viewport);\n  }\n\n  override unregisterViewport(viewport: HTMLElement): void {\n    if (this.viewport() === viewport) {\n      this.viewport.set(null);\n    }\n  }\n\n  override scrollPrev(): void {\n    this.api?.scrollPrev();\n  }\n\n  override scrollNext(): void {\n    this.api?.scrollNext();\n  }\n\n  override scrollTo(index: number): void {\n    this.api?.scrollTo(index);\n  }\n\n  protected onKeydown(event: KeyboardEvent): void {\n    if (!this.keyboard()) return;\n\n    const horizontal = this.orientation() === 'horizontal';\n    const previousKey = horizontal ? 'ArrowLeft' : 'ArrowUp';\n    const nextKey = horizontal ? 'ArrowRight' : 'ArrowDown';\n\n    if (event.key === previousKey) {\n      event.preventDefault();\n      this.scrollPrev();\n      return;\n    }\n\n    if (event.key === nextKey) {\n      event.preventDefault();\n      this.scrollNext();\n      return;\n    }\n\n    if (event.key === 'Home') {\n      event.preventDefault();\n      this.scrollTo(0);\n      return;\n    }\n\n    if (event.key === 'End') {\n      event.preventDefault();\n      this.scrollTo(Math.max(0, this.slideCount() - 1));\n    }\n  }\n\n  private updateState(carousel: CarouselApi): void {\n    this.slideCount.set(carousel.scrollSnapList().length);\n    this.selectedIndex.set(carousel.selectedScrollSnap());\n    this.canScrollPrev.set(carousel.canScrollPrev());\n    this.canScrollNext.set(carousel.canScrollNext());\n  }\n\n  private resetState(): void {\n    this.selectedIndex.set(0);\n    this.slideCount.set(0);\n    this.canScrollPrev.set(false);\n    this.canScrollNext.set(false);\n  }\n}\n\n@Component({\n  selector: 'ui-carousel-content',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': '\"block\"',\n  },\n  template: `\n    <div #viewport class=\"overflow-hidden\">\n      <div [class]=\"contentClasses()\"><ng-content /></div>\n    </div>\n  `,\n})\nexport class CarouselContentComponent {\n  private readonly ctx = inject(CarouselContextBase);\n  private readonly viewport = viewChild<ElementRef<HTMLElement>>('viewport');\n\n  readonly class = input<string>('');\n\n  protected readonly contentClasses = computed(() =>\n    cn('flex', this.ctx.orientation() === 'horizontal' ? '-ml-4' : '-mt-4 flex-col', this.class()),\n  );\n\n  ngAfterViewInit(): void {\n    const viewport = this.viewport()?.nativeElement;\n    if (viewport) this.ctx.registerViewport(viewport);\n  }\n\n  ngOnDestroy(): void {\n    const viewport = this.viewport()?.nativeElement;\n    if (viewport) this.ctx.unregisterViewport(viewport);\n  }\n}\n\n@Component({\n  selector: 'ui-carousel-item',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.role]': '\"group\"',\n    '[attr.aria-roledescription]': '\"slide\"',\n    '[attr.aria-label]': 'ariaLabel()',\n  },\n  template: `<ng-content />`,\n})\nexport class CarouselItemComponent {\n  private readonly ctx = inject(CarouselContextBase);\n\n  readonly ariaLabel = input<string | null>(null);\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() =>\n    cn('min-w-0 shrink-0 grow-0 basis-full', this.ctx.orientation() === 'horizontal' ? 'pl-4' : 'pt-4', this.class()),\n  );\n}\n\n@Component({\n  selector: 'button[ui-carousel-previous]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    type: 'button',\n    '[attr.aria-label]': 'label()',\n    '[disabled]': '!ctx.canScrollPrev() || null',\n    '(click)': 'ctx.scrollPrev()',\n  },\n  template: `\n    <svg\n      aria-hidden=\"true\"\n      class=\"h-4 w-4\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\">\n      <path d=\"m15 18-6-6 6-6\" />\n    </svg>\n  `,\n})\nexport class CarouselPreviousComponent {\n  protected readonly ctx = inject(CarouselContextBase);\n\n  readonly label = input<string>('Previous slide');\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() =>\n    cn(carouselButtonClasses, carouselPreviousPlacement(this.ctx.orientation()), this.class()),\n  );\n}\n\n@Component({\n  selector: 'button[ui-carousel-next]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    type: 'button',\n    '[attr.aria-label]': 'label()',\n    '[disabled]': '!ctx.canScrollNext() || null',\n    '(click)': 'ctx.scrollNext()',\n  },\n  template: `\n    <svg\n      aria-hidden=\"true\"\n      class=\"h-4 w-4\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\">\n      <path d=\"m9 18 6-6-6-6\" />\n    </svg>\n  `,\n})\nexport class CarouselNextComponent {\n  protected readonly ctx = inject(CarouselContextBase);\n\n  readonly label = input<string>('Next slide');\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() =>\n    cn(carouselButtonClasses, carouselNextPlacement(this.ctx.orientation()), this.class()),\n  );\n}\n\nconst carouselButtonClasses =\n  'absolute inline-flex h-8 w-8 items-center justify-center rounded-full border border-border bg-background p-0 text-foreground shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50';\n\nfunction carouselPreviousPlacement(orientation: CarouselOrientation): string {\n  return orientation === 'horizontal'\n    ? '-left-12 top-1/2 -translate-y-1/2'\n    : '-top-12 left-1/2 -translate-x-1/2 rotate-90';\n}\n\nfunction carouselNextPlacement(orientation: CarouselOrientation): string {\n  return orientation === 'horizontal'\n    ? '-right-12 top-1/2 -translate-y-1/2'\n    : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90';\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ojiepermana-angular-component-chart-area.mjs

@@ -0,0 +1,6 @@
+export { AreaChart } from '@ojiepermana/angular/component/chart';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=ojiepermana-angular-component-chart-area.mjs.map

package/fesm2022/ojiepermana-angular-component-chart-area.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ojiepermana-angular-component-chart-area.mjs","sources":["../../../projects/angular/component/chart/area/ojiepermana-angular-component-chart-area.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;AAAA;;AAEG"}

package/fesm2022/ojiepermana-angular-component-chart-bar.mjs

@@ -0,0 +1,6 @@
+export { BarChart, computeBarLayout } from '@ojiepermana/angular/component/chart';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=ojiepermana-angular-component-chart-bar.mjs.map

package/fesm2022/ojiepermana-angular-component-chart-bar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ojiepermana-angular-component-chart-bar.mjs","sources":["../../../projects/angular/component/chart/bar/ojiepermana-angular-component-chart-bar.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;AAAA;;AAEG"}

package/fesm2022/ojiepermana-angular-component-chart-line.mjs

@@ -0,0 +1,6 @@
+export { LineChart, buildCartesianScales, cloneLinear, computeAreaLayout, computeLineLayout, pointToBandAdapter, provideCartesianFromLineLayout } from '@ojiepermana/angular/component/chart';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=ojiepermana-angular-component-chart-line.mjs.map

package/fesm2022/ojiepermana-angular-component-chart-line.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ojiepermana-angular-component-chart-line.mjs","sources":["../../../projects/angular/component/chart/line/ojiepermana-angular-component-chart-line.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;AAAA;;AAEG"}

package/fesm2022/ojiepermana-angular-component-chart-pie.mjs

@@ -0,0 +1,6 @@
+export { PieChart, computePieLayout } from '@ojiepermana/angular/component/chart';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=ojiepermana-angular-component-chart-pie.mjs.map

package/fesm2022/ojiepermana-angular-component-chart-pie.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ojiepermana-angular-component-chart-pie.mjs","sources":["../../../projects/angular/component/chart/pie/ojiepermana-angular-component-chart-pie.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;AAAA;;AAEG"}

package/fesm2022/ojiepermana-angular-component-chart-radar.mjs

@@ -0,0 +1,6 @@
+export { RadarChart, computeRadarLayout } from '@ojiepermana/angular/component/chart';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=ojiepermana-angular-component-chart-radar.mjs.map

package/fesm2022/ojiepermana-angular-component-chart-radar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ojiepermana-angular-component-chart-radar.mjs","sources":["../../../projects/angular/component/chart/radar/ojiepermana-angular-component-chart-radar.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;AAAA;;AAEG"}

package/fesm2022/ojiepermana-angular-component-chart-radial.mjs

@@ -0,0 +1,6 @@
+export { RadialChart, computeRadialLayout } from '@ojiepermana/angular/component/chart';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=ojiepermana-angular-component-chart-radial.mjs.map

package/fesm2022/ojiepermana-angular-component-chart-radial.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ojiepermana-angular-component-chart-radial.mjs","sources":["../../../projects/angular/component/chart/radial/ojiepermana-angular-component-chart-radial.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;AAAA;;AAEG"}

package/fesm2022/ojiepermana-angular-component-chart-scatter.mjs

@@ -0,0 +1,6 @@
+export { ScatterChart, computeScatterLayout, resolveScatterDomains } from '@ojiepermana/angular/component/chart';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=ojiepermana-angular-component-chart-scatter.mjs.map

package/fesm2022/ojiepermana-angular-component-chart-scatter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ojiepermana-angular-component-chart-scatter.mjs","sources":["../../../projects/angular/component/chart/scatter/ojiepermana-angular-component-chart-scatter.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;AAAA;;AAEG"}

package/fesm2022/{ojiepermana-angular-chart.mjs → ojiepermana-angular-component-chart.mjs}

@@ -3702,7 +3702,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
         }], ctorParameters: () => [], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], xKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "xKey", required: true }] }], yKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "yKey", required: true }] }], sizeKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "sizeKey", required: false }] }], seriesKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "seriesKey", required: false }] }], margin: [{ type: i0.Input, args: [{ isSignal: true, alias: "margin", required: false }] }], minPointRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "minPointRadius", required: false }] }], maxPointRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxPointRadius", required: false }] }], xDomain: [{ type: i0.Input, args: [{ isSignal: true, alias: "xDomain", required: false }] }], yDomain: [{ type: i0.Input, args: [{ isSignal: true, alias: "yDomain", required: false }] }], pointClick: [{ type: i0.Output, args: ["pointClick"] }] } });
 
 /*
- * Public API Surface of @ojiepermana/angular/chart
+ * Public API Surface of @ojiepermana/angular/component/chart
  */
 // Core
 
@@ -3711,4 +3711,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
  */
 
 export { AreaChart, BarChart, CHART_DATA_ATTRIBUTE, CHART_THEMES, CartesianContext, ChartAxisX, ChartAxisY, ChartBrush, ChartContainer, ChartContext, ChartCrosshair, ChartGrid, ChartLegend, ChartPointerTracker, ChartStyle, ChartTooltip, ChartZoomControls, LineChart, PieCenter, PieChart, RadarChart, RadialCenter, RadialChart, ScatterChart, bandTicks, buildCartesianScales, buildChartCss, cloneLinear, computeAreaLayout, computeBarLayout, computeLineLayout, computePieLayout, computeRadarLayout, computeRadialLayout, computeScatterLayout, effectiveIndexRange, indexRangeSize, linearTicks, normalizeIndexRange, normalizeNumericDomain, panIndexRange, panNumericDomain, pointToBandAdapter, provideCartesianFromLineLayout, resolveScatterDomains, seriesColorVar, sliceByIndexRange, xScale, yScale, zoomIndexRange, zoomNumericDomain };
-//# sourceMappingURL=ojiepermana-angular-chart.mjs.map
+//# sourceMappingURL=ojiepermana-angular-component-chart.mjs.map