@semantic-components/carousel 0.62.0 → 0.64.0

package/esm2022/index.js

@@ -0,0 +1,2 @@
+export * from './lib/components';
+//# sourceMappingURL=index.js.map

package/esm2022/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../libs/carousel/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC","sourcesContent":["export * from './lib/components';\n"]}

package/esm2022/lib/components/carousel/carousel-item.js

@@ -0,0 +1,27 @@
+import { computed, Directive, inject, input } from '@angular/core';
+import { cn } from '@semantic-components/ui';
+import { ScCarousel } from './carousel';
+import * as i0 from "@angular/core";
+export class ScCarouselItem {
+    carousel = inject(ScCarousel);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => {
+        const isHorizontal = this.carousel.orientation() === 'horizontal';
+        return cn('min-w-0 shrink-0 grow-0 basis-full', isHorizontal ? 'pl-4' : 'pt-4', this.classInput());
+    }, ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScCarouselItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.4", type: ScCarouselItem, isStandalone: true, selector: "div[sc-carousel-item]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "carousel-item", "role": "group", "aria-roledescription": "slide" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScCarouselItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'div[sc-carousel-item]',
+                    host: {
+                        'data-slot': 'carousel-item',
+                        role: 'group',
+                        'aria-roledescription': 'slide',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=carousel-item.js.map

package/esm2022/lib/components/carousel/carousel-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-item.js","sourceRoot":"","sources":["../../../../../../../libs/carousel/src/lib/components/carousel/carousel-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;;AAWxC,MAAM,OAAO,cAAc;IACR,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAEtC,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE;QACvC,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,KAAK,YAAY,CAAC;QAClE,OAAO,EAAE,CACP,oCAAoC,EACpC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAC9B,IAAI,CAAC,UAAU,EAAE,CAClB,CAAC;IACJ,CAAC,iDAAC,CAAC;uGAZQ,cAAc;2FAAd,cAAc;;2FAAd,cAAc;kBAT1B,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,IAAI,EAAE;wBACJ,WAAW,EAAE,eAAe;wBAC5B,IAAI,EAAE,OAAO;wBACb,sBAAsB,EAAE,OAAO;wBAC/B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, inject, input } from '@angular/core';\nimport { cn } from '@semantic-components/ui';\nimport { ScCarousel } from './carousel';\n\n@Directive({\n  selector: 'div[sc-carousel-item]',\n  host: {\n    'data-slot': 'carousel-item',\n    role: 'group',\n    'aria-roledescription': 'slide',\n    '[class]': 'class()',\n  },\n})\nexport class ScCarouselItem {\n  private readonly carousel = inject(ScCarousel);\n\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() => {\n    const isHorizontal = this.carousel.orientation() === 'horizontal';\n    return cn(\n      'min-w-0 shrink-0 grow-0 basis-full',\n      isHorizontal ? 'pl-4' : 'pt-4',\n      this.classInput(),\n    );\n  });\n}\n"]}

package/esm2022/lib/components/carousel/carousel-next.js

@@ -0,0 +1,39 @@
+import { ChangeDetectionStrategy, Component, computed, inject, input, ViewEncapsulation, } from '@angular/core';
+import { buttonVariants, cn } from '@semantic-components/ui';
+import { ScCarousel } from './carousel';
+import * as i0 from "@angular/core";
+export class ScCarouselNext {
+    carousel = inject(ScCarousel);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    variant = input('outline', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    size = input('icon-sm', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    class = computed(() => {
+        const isHorizontal = this.carousel.orientation() === 'horizontal';
+        return cn(buttonVariants({ variant: this.variant(), size: this.size() }), 'rounded-full absolute touch-manipulation', isHorizontal
+            ? 'top-1/2 -right-12 -translate-y-1/2'
+            : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90', this.classInput());
+    }, ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScCarouselNext, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: ScCarouselNext, isStandalone: true, selector: "button[sc-carousel-next]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "carousel-next", "type": "button" }, listeners: { "click": "carousel.scrollNext()" }, properties: { "class": "class()", "disabled": "!carousel.canScrollNext()" } }, ngImport: i0, template: `
+    <ng-content />
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScCarouselNext, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'button[sc-carousel-next]',
+                    template: `
+    <ng-content />
+  `,
+                    host: {
+                        'data-slot': 'carousel-next',
+                        type: 'button',
+                        '[class]': 'class()',
+                        '[disabled]': '!carousel.canScrollNext()',
+                        '(click)': 'carousel.scrollNext()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+//# sourceMappingURL=carousel-next.js.map

package/esm2022/lib/components/carousel/carousel-next.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-next.js","sourceRoot":"","sources":["../../../../../../../libs/carousel/src/lib/components/carousel/carousel-next.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,cAAc,EAAE,EAAE,EAAoB,MAAM,yBAAyB,CAAC;AAC/E,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;;AAiBxC,MAAM,OAAO,cAAc;IAChB,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAE9B,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEnD,OAAO,GAAG,KAAK,CAA8B,SAAS,mDAAC,CAAC;IACxD,IAAI,GAAG,KAAK,CAA2B,SAAS,gDAAC,CAAC;IAExC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE;QACvC,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,KAAK,YAAY,CAAC;QAClE,OAAO,EAAE,CACP,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,EAC9D,0CAA0C,EAC1C,YAAY;YACV,CAAC,CAAC,oCAAoC;YACtC,CAAC,CAAC,gDAAgD,EACpD,IAAI,CAAC,UAAU,EAAE,CAClB,CAAC;IACJ,CAAC,iDAAC,CAAC;uGAlBQ,cAAc;2FAAd,cAAc,6pBAbf;;GAET;;2FAWU,cAAc;kBAf1B,SAAS;mBAAC;oBACT,QAAQ,EAAE,0BAA0B;oBACpC,QAAQ,EAAE;;GAET;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,eAAe;wBAC5B,IAAI,EAAE,QAAQ;wBACd,SAAS,EAAE,SAAS;wBACpB,YAAY,EAAE,2BAA2B;wBACzC,SAAS,EAAE,uBAAuB;qBACnC;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { buttonVariants, cn, ScButtonVariants } from '@semantic-components/ui';\nimport { ScCarousel } from './carousel';\n\n@Component({\n  selector: 'button[sc-carousel-next]',\n  template: `\n    <ng-content />\n  `,\n  host: {\n    'data-slot': 'carousel-next',\n    type: 'button',\n    '[class]': 'class()',\n    '[disabled]': '!carousel.canScrollNext()',\n    '(click)': 'carousel.scrollNext()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScCarouselNext {\n  readonly carousel = inject(ScCarousel);\n\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  readonly variant = input<ScButtonVariants['variant']>('outline');\n  readonly size = input<ScButtonVariants['size']>('icon-sm');\n\n  protected readonly class = computed(() => {\n    const isHorizontal = this.carousel.orientation() === 'horizontal';\n    return cn(\n      buttonVariants({ variant: this.variant(), size: this.size() }),\n      'rounded-full absolute touch-manipulation',\n      isHorizontal\n        ? 'top-1/2 -right-12 -translate-y-1/2'\n        : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',\n      this.classInput(),\n    );\n  });\n}\n"]}

package/esm2022/lib/components/carousel/carousel-previous.js

@@ -0,0 +1,39 @@
+import { ChangeDetectionStrategy, Component, computed, inject, input, ViewEncapsulation, } from '@angular/core';
+import { buttonVariants, cn } from '@semantic-components/ui';
+import { ScCarousel } from './carousel';
+import * as i0 from "@angular/core";
+export class ScCarouselPrevious {
+    carousel = inject(ScCarousel);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    variant = input('outline', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    size = input('icon-sm', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    class = computed(() => {
+        const isHorizontal = this.carousel.orientation() === 'horizontal';
+        return cn(buttonVariants({ variant: this.variant(), size: this.size() }), 'rounded-full absolute touch-manipulation', isHorizontal
+            ? 'top-1/2 -left-12 -translate-y-1/2'
+            : '-top-12 left-1/2 -translate-x-1/2 rotate-90', this.classInput());
+    }, ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScCarouselPrevious, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: ScCarouselPrevious, isStandalone: true, selector: "button[sc-carousel-previous]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "carousel-previous", "type": "button" }, listeners: { "click": "carousel.scrollPrev()" }, properties: { "class": "class()", "disabled": "!carousel.canScrollPrev()" } }, ngImport: i0, template: `
+    <ng-content />
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScCarouselPrevious, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'button[sc-carousel-previous]',
+                    template: `
+    <ng-content />
+  `,
+                    host: {
+                        'data-slot': 'carousel-previous',
+                        type: 'button',
+                        '[class]': 'class()',
+                        '[disabled]': '!carousel.canScrollPrev()',
+                        '(click)': 'carousel.scrollPrev()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+//# sourceMappingURL=carousel-previous.js.map

package/esm2022/lib/components/carousel/carousel-previous.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-previous.js","sourceRoot":"","sources":["../../../../../../../libs/carousel/src/lib/components/carousel/carousel-previous.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,cAAc,EAAE,EAAE,EAAoB,MAAM,yBAAyB,CAAC;AAC/E,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;;AAiBxC,MAAM,OAAO,kBAAkB;IACpB,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAE9B,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEnD,OAAO,GAAG,KAAK,CAA8B,SAAS,mDAAC,CAAC;IACxD,IAAI,GAAG,KAAK,CAA2B,SAAS,gDAAC,CAAC;IAExC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE;QACvC,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,KAAK,YAAY,CAAC;QAClE,OAAO,EAAE,CACP,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,EAC9D,0CAA0C,EAC1C,YAAY;YACV,CAAC,CAAC,mCAAmC;YACrC,CAAC,CAAC,6CAA6C,EACjD,IAAI,CAAC,UAAU,EAAE,CAClB,CAAC;IACJ,CAAC,iDAAC,CAAC;uGAlBQ,kBAAkB;2FAAlB,kBAAkB,qqBAbnB;;GAET;;2FAWU,kBAAkB;kBAf9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,8BAA8B;oBACxC,QAAQ,EAAE;;GAET;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,mBAAmB;wBAChC,IAAI,EAAE,QAAQ;wBACd,SAAS,EAAE,SAAS;wBACpB,YAAY,EAAE,2BAA2B;wBACzC,SAAS,EAAE,uBAAuB;qBACnC;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { buttonVariants, cn, ScButtonVariants } from '@semantic-components/ui';\nimport { ScCarousel } from './carousel';\n\n@Component({\n  selector: 'button[sc-carousel-previous]',\n  template: `\n    <ng-content />\n  `,\n  host: {\n    'data-slot': 'carousel-previous',\n    type: 'button',\n    '[class]': 'class()',\n    '[disabled]': '!carousel.canScrollPrev()',\n    '(click)': 'carousel.scrollPrev()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScCarouselPrevious {\n  readonly carousel = inject(ScCarousel);\n\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  readonly variant = input<ScButtonVariants['variant']>('outline');\n  readonly size = input<ScButtonVariants['size']>('icon-sm');\n\n  protected readonly class = computed(() => {\n    const isHorizontal = this.carousel.orientation() === 'horizontal';\n    return cn(\n      buttonVariants({ variant: this.variant(), size: this.size() }),\n      'rounded-full absolute touch-manipulation',\n      isHorizontal\n        ? 'top-1/2 -left-12 -translate-y-1/2'\n        : '-top-12 left-1/2 -translate-x-1/2 rotate-90',\n      this.classInput(),\n    );\n  });\n}\n"]}

package/esm2022/lib/components/carousel/carousel-track.js

@@ -0,0 +1,25 @@
+import { computed, Directive, inject, input } from '@angular/core';
+import { cn } from '@semantic-components/ui';
+import { ScCarousel } from './carousel';
+import * as i0 from "@angular/core";
+export class ScCarouselTrack {
+    carousel = inject(ScCarousel);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => {
+        const isHorizontal = this.carousel.orientation() === 'horizontal';
+        return cn('flex', isHorizontal ? '-ml-4' : '-mt-4 flex-col', this.classInput());
+    }, ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScCarouselTrack, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.4", type: ScCarouselTrack, isStandalone: true, selector: "div[sc-carousel-track]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "carousel-track" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScCarouselTrack, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'div[sc-carousel-track]',
+                    host: {
+                        'data-slot': 'carousel-track',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=carousel-track.js.map

package/esm2022/lib/components/carousel/carousel-track.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-track.js","sourceRoot":"","sources":["../../../../../../../libs/carousel/src/lib/components/carousel/carousel-track.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;;AASxC,MAAM,OAAO,eAAe;IACT,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAEtC,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE;QACvC,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,KAAK,YAAY,CAAC;QAClE,OAAO,EAAE,CACP,MAAM,EACN,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,EACzC,IAAI,CAAC,UAAU,EAAE,CAClB,CAAC;IACJ,CAAC,iDAAC,CAAC;uGAZQ,eAAe;2FAAf,eAAe;;2FAAf,eAAe;kBAP3B,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,IAAI,EAAE;wBACJ,WAAW,EAAE,gBAAgB;wBAC7B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, inject, input } from '@angular/core';\nimport { cn } from '@semantic-components/ui';\nimport { ScCarousel } from './carousel';\n\n@Directive({\n  selector: 'div[sc-carousel-track]',\n  host: {\n    'data-slot': 'carousel-track',\n    '[class]': 'class()',\n  },\n})\nexport class ScCarouselTrack {\n  private readonly carousel = inject(ScCarousel);\n\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() => {\n    const isHorizontal = this.carousel.orientation() === 'horizontal';\n    return cn(\n      'flex',\n      isHorizontal ? '-ml-4' : '-mt-4 flex-col',\n      this.classInput(),\n    );\n  });\n}\n"]}

package/esm2022/lib/components/carousel/carousel-viewport.js

@@ -0,0 +1,29 @@
+import { computed, Component, ElementRef, inject, input, ViewEncapsulation, ChangeDetectionStrategy, } from '@angular/core';
+import { cn } from '@semantic-components/ui';
+import * as i0 from "@angular/core";
+export class ScCarouselViewport {
+    elementRef = inject((ElementRef));
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    viewportElement = computed(() => this.elementRef.nativeElement, ...(ngDevMode ? [{ debugName: "viewportElement" }] : []));
+    class = computed(() => cn('overflow-hidden', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScCarouselViewport, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: ScCarouselViewport, isStandalone: true, selector: "div[sc-carousel-viewport]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "carousel-viewport" }, properties: { "class": "class()" } }, ngImport: i0, template: `
+    <ng-content />
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScCarouselViewport, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'div[sc-carousel-viewport]',
+                    template: `
+    <ng-content />
+  `,
+                    host: {
+                        'data-slot': 'carousel-viewport',
+                        '[class]': 'class()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=carousel-viewport.js.map

package/esm2022/lib/components/carousel/carousel-viewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-viewport.js","sourceRoot":"","sources":["../../../../../../../libs/carousel/src/lib/components/carousel/carousel-viewport.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,SAAS,EACT,UAAU,EACV,MAAM,EACN,KAAK,EACL,iBAAiB,EACjB,uBAAuB,GACxB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;;AAc7C,MAAM,OAAO,kBAAkB;IACZ,UAAU,GAAG,MAAM,CAAC,CAAA,UAAuB,CAAA,CAAC,CAAC;IAErD,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEnD,eAAe,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,2DAAC,CAAC;IAEtD,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,iBAAiB,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACzC,CAAC;uGATS,kBAAkB;2FAAlB,kBAAkB,mUAVnB;;GAET;;2FAQU,kBAAkB;kBAZ9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,2BAA2B;oBACrC,QAAQ,EAAE;;GAET;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,mBAAmB;wBAChC,SAAS,EAAE,SAAS;qBACrB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  computed,\n  Component,\n  ElementRef,\n  inject,\n  input,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n} from '@angular/core';\nimport { cn } from '@semantic-components/ui';\n\n@Component({\n  selector: 'div[sc-carousel-viewport]',\n  template: `\n    <ng-content />\n  `,\n  host: {\n    'data-slot': 'carousel-viewport',\n    '[class]': 'class()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScCarouselViewport {\n  private readonly elementRef = inject(ElementRef<HTMLElement>);\n\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  readonly viewportElement = computed(() => this.elementRef.nativeElement);\n\n  protected readonly class = computed(() =>\n    cn('overflow-hidden', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/carousel/carousel.js

@@ -0,0 +1,80 @@
+import { ChangeDetectionStrategy, Component, computed, contentChild, input, signal, ViewEncapsulation, DestroyRef, inject, afterNextRender, } from '@angular/core';
+import EmblaCarousel from 'embla-carousel';
+import { cn } from '@semantic-components/ui';
+import { ScCarouselViewport } from './carousel-viewport';
+import * as i0 from "@angular/core";
+export class ScCarousel {
+    destroyRef = inject(DestroyRef);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : []));
+    options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
+    plugins = input([], ...(ngDevMode ? [{ debugName: "plugins" }] : []));
+    viewport = contentChild(ScCarouselViewport, ...(ngDevMode ? [{ debugName: "viewport" }] : []));
+    canScrollPrev = signal(false, ...(ngDevMode ? [{ debugName: "canScrollPrev" }] : []));
+    canScrollNext = signal(false, ...(ngDevMode ? [{ debugName: "canScrollNext" }] : []));
+    api = null;
+    class = computed(() => cn('relative', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    constructor() {
+        afterNextRender(() => {
+            const viewportEl = this.viewport()?.viewportElement();
+            if (!viewportEl)
+                return;
+            const opts = {
+                ...this.options(),
+                axis: (this.orientation() === 'horizontal' ? 'x' : 'y'),
+            };
+            this.api = EmblaCarousel(viewportEl, opts, this.plugins());
+            this.updateScrollState();
+            this.api.on('select', () => this.updateScrollState());
+            this.api.on('reInit', () => this.updateScrollState());
+            this.destroyRef.onDestroy(() => {
+                this.api?.destroy();
+            });
+        });
+    }
+    scrollPrev() {
+        this.api?.scrollPrev();
+    }
+    scrollNext() {
+        this.api?.scrollNext();
+    }
+    updateScrollState() {
+        if (!this.api)
+            return;
+        this.canScrollPrev.set(this.api.canScrollPrev());
+        this.canScrollNext.set(this.api.canScrollNext());
+    }
+    onKeyDown(event) {
+        if (event.key === 'ArrowLeft') {
+            event.preventDefault();
+            this.scrollPrev();
+        }
+        else if (event.key === 'ArrowRight') {
+            event.preventDefault();
+            this.scrollNext();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScCarousel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.4", type: ScCarousel, isStandalone: true, selector: "div[sc-carousel]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, 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)" }, properties: { "class": "class()" } }, queries: [{ propertyName: "viewport", first: true, predicate: ScCarouselViewport, descendants: true, isSignal: true }], ngImport: i0, template: `
+    <ng-content />
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScCarousel, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'div[sc-carousel]',
+                    template: `
+    <ng-content />
+  `,
+                    host: {
+                        'data-slot': 'carousel',
+                        role: 'region',
+                        'aria-roledescription': 'carousel',
+                        '[class]': 'class()',
+                        '(keydown)': 'onKeyDown($event)',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: () => [], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], 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 }] }], viewport: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ScCarouselViewport), { isSignal: true }] }] } });
+//# sourceMappingURL=carousel.js.map

package/esm2022/lib/components/carousel/carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../../../../../../libs/carousel/src/lib/components/carousel/carousel.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  input,\n  signal,\n  ViewEncapsulation,\n  DestroyRef,\n  inject,\n  afterNextRender,\n} from '@angular/core';\nimport EmblaCarousel, {\n  type EmblaCarouselType,\n  EmblaOptionsType,\n  EmblaPluginType,\n} from 'embla-carousel';\nimport { cn } from '@semantic-components/ui';\nimport { ScCarouselViewport } from './carousel-viewport';\n\nexport type ScCarouselOrientation = 'horizontal' | 'vertical';\nexport type ScCarouselApi = EmblaCarouselType;\nexport type ScCarouselOptions = EmblaOptionsType;\nexport type ScCarouselPlugin = EmblaPluginType;\n\n@Component({\n  selector: 'div[sc-carousel]',\n  template: `\n    <ng-content />\n  `,\n  host: {\n    'data-slot': 'carousel',\n    role: 'region',\n    'aria-roledescription': 'carousel',\n    '[class]': 'class()',\n    '(keydown)': 'onKeyDown($event)',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScCarousel {\n  private readonly destroyRef = inject(DestroyRef);\n\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly orientation = input<ScCarouselOrientation>('horizontal');\n  readonly options = input<ScCarouselOptions>({});\n  readonly plugins = input<ScCarouselPlugin[]>([]);\n\n  private readonly viewport = contentChild(ScCarouselViewport);\n\n  readonly canScrollPrev = signal(false);\n  readonly canScrollNext = signal(false);\n\n  private api: ScCarouselApi | null = null;\n\n  protected readonly class = computed(() => cn('relative', this.classInput()));\n\n  constructor() {\n    afterNextRender(() => {\n      const viewportEl = this.viewport()?.viewportElement();\n      if (!viewportEl) return;\n\n      const opts = {\n        ...this.options(),\n        axis: (this.orientation() === 'horizontal' ? 'x' : 'y') as 'x' | 'y',\n      };\n\n      this.api = EmblaCarousel(viewportEl, opts, this.plugins());\n\n      this.updateScrollState();\n\n      this.api.on('select', () => this.updateScrollState());\n      this.api.on('reInit', () => this.updateScrollState());\n\n      this.destroyRef.onDestroy(() => {\n        this.api?.destroy();\n      });\n    });\n  }\n\n  scrollPrev(): void {\n    this.api?.scrollPrev();\n  }\n\n  scrollNext(): void {\n    this.api?.scrollNext();\n  }\n\n  private updateScrollState(): void {\n    if (!this.api) return;\n    this.canScrollPrev.set(this.api.canScrollPrev());\n    this.canScrollNext.set(this.api.canScrollNext());\n  }\n\n  protected onKeyDown(event: KeyboardEvent): void {\n    if (event.key === 'ArrowLeft') {\n      event.preventDefault();\n      this.scrollPrev();\n    } else if (event.key === 'ArrowRight') {\n      event.preventDefault();\n      this.scrollNext();\n    }\n  }\n}\n"]}

package/{src/lib/components/carousel/index.ts → esm2022/lib/components/carousel/index.js}

@@ -1,12 +1,7 @@
 export { ScCarousel } from './carousel';
-export type {
-  ScCarouselOrientation,
-  ScCarouselOptions,
-  ScCarouselApi,
-  ScCarouselPlugin,
-} from './carousel';
 export { ScCarouselViewport } from './carousel-viewport';
 export { ScCarouselTrack } from './carousel-track';
 export { ScCarouselItem } from './carousel-item';
 export { ScCarouselPrevious } from './carousel-previous';
 export { ScCarouselNext } from './carousel-next';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/carousel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/carousel/src/lib/components/carousel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAOxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC","sourcesContent":["export { ScCarousel } from './carousel';\nexport type {\n  ScCarouselOrientation,\n  ScCarouselOptions,\n  ScCarouselApi,\n  ScCarouselPlugin,\n} from './carousel';\nexport { ScCarouselViewport } from './carousel-viewport';\nexport { ScCarouselTrack } from './carousel-track';\nexport { ScCarouselItem } from './carousel-item';\nexport { ScCarouselPrevious } from './carousel-previous';\nexport { ScCarouselNext } from './carousel-next';\n"]}

package/esm2022/lib/components/index.js

@@ -0,0 +1,2 @@
+export * from './carousel';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../libs/carousel/src/lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC","sourcesContent":["export * from './carousel';\n"]}

package/esm2022/semantic-components-carousel.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=semantic-components-carousel.js.map

package/esm2022/semantic-components-carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"semantic-components-carousel.js","sourceRoot":"","sources":["../../../../libs/carousel/src/semantic-components-carousel.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/lib/components/carousel/carousel-item.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class ScCarouselItem {
+    private readonly carousel;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScCarouselItem, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScCarouselItem, "div[sc-carousel-item]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/carousel/carousel-next.d.ts

@@ -0,0 +1,11 @@
+import { ScCarousel } from './carousel';
+import * as i0 from "@angular/core";
+export declare class ScCarouselNext {
+    readonly carousel: ScCarousel;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    readonly variant: import("@angular/core").InputSignal<"default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | null | undefined>;
+    readonly size: import("@angular/core").InputSignal<"default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScCarouselNext, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCarouselNext, "button[sc-carousel-next]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/carousel/carousel-previous.d.ts

@@ -0,0 +1,11 @@
+import { ScCarousel } from './carousel';
+import * as i0 from "@angular/core";
+export declare class ScCarouselPrevious {
+    readonly carousel: ScCarousel;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    readonly variant: import("@angular/core").InputSignal<"default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | null | undefined>;
+    readonly size: import("@angular/core").InputSignal<"default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScCarouselPrevious, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCarouselPrevious, "button[sc-carousel-previous]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/carousel/carousel-track.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class ScCarouselTrack {
+    private readonly carousel;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScCarouselTrack, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScCarouselTrack, "div[sc-carousel-track]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/carousel/carousel-viewport.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class ScCarouselViewport {
+    private readonly elementRef;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    readonly viewportElement: import("@angular/core").Signal<any>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScCarouselViewport, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCarouselViewport, "div[sc-carousel-viewport]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/carousel/carousel.d.ts

@@ -0,0 +1,25 @@
+import { type EmblaCarouselType, EmblaOptionsType, EmblaPluginType } from 'embla-carousel';
+import * as i0 from "@angular/core";
+export type ScCarouselOrientation = 'horizontal' | 'vertical';
+export type ScCarouselApi = EmblaCarouselType;
+export type ScCarouselOptions = EmblaOptionsType;
+export type ScCarouselPlugin = EmblaPluginType;
+export declare class ScCarousel {
+    private readonly destroyRef;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    readonly orientation: import("@angular/core").InputSignal<ScCarouselOrientation>;
+    readonly options: import("@angular/core").InputSignal<Partial<import("node_modules/embla-carousel/esm/components/Options").OptionsType>>;
+    readonly plugins: import("@angular/core").InputSignal<import("embla-carousel").CreatePluginType<import("node_modules/embla-carousel/esm/components/Plugins").LoosePluginType, {}>[]>;
+    private readonly viewport;
+    readonly canScrollPrev: import("@angular/core").WritableSignal<boolean>;
+    readonly canScrollNext: import("@angular/core").WritableSignal<boolean>;
+    private api;
+    protected readonly class: import("@angular/core").Signal<string>;
+    constructor();
+    scrollPrev(): void;
+    scrollNext(): void;
+    private updateScrollState;
+    protected onKeyDown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScCarousel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCarousel, "div[sc-carousel]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "plugins": { "alias": "plugins"; "required": false; "isSignal": true; }; }, {}, ["viewport"], ["*"], true, never>;
+}

package/lib/components/carousel/index.d.ts

@@ -0,0 +1,7 @@
+export { ScCarousel } from './carousel';
+export type { ScCarouselOrientation, ScCarouselOptions, ScCarouselApi, ScCarouselPlugin, } from './carousel';
+export { ScCarouselViewport } from './carousel-viewport';
+export { ScCarouselTrack } from './carousel-track';
+export { ScCarouselItem } from './carousel-item';
+export { ScCarouselPrevious } from './carousel-previous';
+export { ScCarouselNext } from './carousel-next';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@semantic-components/carousel",
-  "version": "0.62.0",
+  "version": "0.64.0",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -14,8 +14,22 @@
   },
   "peerDependencies": {
     "@angular/core": ">=21.1.0",
-    "@semantic-components/ui": "0.62.0",
+    "@semantic-components/ui": "0.64.0",
     "embla-carousel": ">=8.6.0"
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "module": "esm2022/semantic-components-carousel.js",
+  "typings": "semantic-components-carousel.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./semantic-components-carousel.d.ts",
+      "default": "./esm2022/semantic-components-carousel.js"
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
 }

package/semantic-components-carousel.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@semantic-components/carousel" />
+export * from './index';

package/eslint.config.mjs

@@ -1,48 +0,0 @@
-import nx from '@nx/eslint-plugin';
-import baseConfig from '../../eslint.config.mjs';
-
-export default [
-  ...baseConfig,
-  {
-    files: ['**/*.json'],
-    rules: {
-      '@nx/dependency-checks': [
-        'error',
-        {
-          ignoredFiles: ['{projectRoot}/eslint.config.{js,cjs,mjs,ts,cts,mts}'],
-        },
-      ],
-    },
-    languageOptions: {
-      parser: await import('jsonc-eslint-parser'),
-    },
-  },
-  ...nx.configs['flat/angular'],
-  ...nx.configs['flat/angular-template'],
-  {
-    files: ['**/*.ts'],
-    rules: {
-      '@angular-eslint/directive-selector': [
-        'error',
-        {
-          type: 'attribute',
-          prefix: 'sc',
-          style: 'camelCase',
-        },
-      ],
-      '@angular-eslint/component-selector': [
-        'error',
-        {
-          type: 'element',
-          prefix: 'sc',
-          style: 'kebab-case',
-        },
-      ],
-    },
-  },
-  {
-    files: ['**/*.html'],
-    // Override or add rules here
-    rules: {},
-  },
-];

package/ng-package.json

@@ -1,7 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/libs/carousel",
-  "lib": {
-    "entryFile": "src/index.ts"
-  }
-}

package/project.json

@@ -1,28 +0,0 @@
-{
-  "name": "carousel",
-  "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "sourceRoot": "libs/carousel/src",
-  "prefix": "sc",
-  "projectType": "library",
-  "tags": [],
-  "targets": {
-    "build": {
-      "executor": "@nx/angular:ng-packagr-lite",
-      "outputs": ["{workspaceRoot}/dist/{projectRoot}"],
-      "options": {
-        "project": "libs/carousel/ng-package.json",
-        "tsConfig": "libs/carousel/tsconfig.lib.json"
-      },
-      "configurations": {
-        "production": {
-          "tsConfig": "libs/carousel/tsconfig.lib.prod.json"
-        },
-        "development": {}
-      },
-      "defaultConfiguration": "production"
-    },
-    "lint": {
-      "executor": "@nx/eslint:lint"
-    }
-  }
-}