@raqm/ui 0.1.1 → 0.2.0

package/styles/toggle-group.css

@@ -0,0 +1 @@
+.raqm-toggle-group .raqm-toggle-group-item:focus,.raqm-toggle-group .raqm-toggle-group-item:focus-visible{position:relative;z-index:10}.raqm-toggle-group-item svg:not([class*=size-]){inline-size:calc(var(--raqm-spacing)*4);block-size:calc(var(--raqm-spacing)*4);pointer-events:none;flex-shrink:0}.raqm-toggle-group-item[data-raqm-small] svg:not([class*=size-]){inline-size:calc(var(--raqm-spacing)*3.5);block-size:calc(var(--raqm-spacing)*3.5)}.raqm-toggle-group[data-raqm-spacing="0"] .raqm-toggle-group-item{border-radius:0;padding-inline:calc(var(--raqm-spacing)*2)}.raqm-toggle-group:not([data-raqm-vertical])[data-raqm-spacing="0"][data-raqm-variant=outline] .raqm-toggle-group-item{border-inline-start-width:0}.raqm-toggle-group:not([data-raqm-vertical])[data-raqm-spacing="0"][data-raqm-variant=outline] .raqm-toggle-group-item:first-child{border-inline-start-width:1px}.raqm-toggle-group[data-raqm-vertical][data-raqm-spacing="0"][data-raqm-variant=outline] .raqm-toggle-group-item{border-block-start-width:0}.raqm-toggle-group[data-raqm-vertical][data-raqm-spacing="0"][data-raqm-variant=outline] .raqm-toggle-group-item:first-child{border-block-start-width:1px}.raqm-toggle-group:not([data-raqm-vertical])[data-raqm-spacing="0"] .raqm-toggle-group-item:first-child{border-start-start-radius:var(--raqm-radius-lg);border-end-start-radius:var(--raqm-radius-lg)}.raqm-toggle-group:not([data-raqm-vertical])[data-raqm-spacing="0"] .raqm-toggle-group-item:last-child{border-start-end-radius:var(--raqm-radius-lg);border-end-end-radius:var(--raqm-radius-lg)}.raqm-toggle-group[data-raqm-vertical][data-raqm-spacing="0"] .raqm-toggle-group-item:first-child{border-start-start-radius:var(--raqm-radius-lg);border-start-end-radius:var(--raqm-radius-lg)}.raqm-toggle-group[data-raqm-vertical][data-raqm-spacing="0"] .raqm-toggle-group-item:last-child{border-end-start-radius:var(--raqm-radius-lg);border-end-end-radius:var(--raqm-radius-lg)}

package/styles/toggle.css

@@ -0,0 +1 @@
+.raqm-toggle svg:not([class*=size-]){inline-size:calc(var(--raqm-spacing)*4);block-size:calc(var(--raqm-spacing)*4);pointer-events:none;flex-shrink:0}.raqm-toggle[data-raqm-small] svg:not([class*=size-]){inline-size:calc(var(--raqm-spacing)*3.5);block-size:calc(var(--raqm-spacing)*3.5)}

package/styles/tooltip.css

@@ -0,0 +1 @@
+span.raqm-tooltip-trigger{display:inline-block;inline-size:fit-content}.cdk-overlay-pane.raqm-tooltip-overlay-pane{background:none;border:0;padding:0}.raqm-tooltip-content:has(.raqm-kbd){padding-inline-end:calc(var(--raqm-spacing)*1.5)}.raqm-tooltip-content .raqm-kbd{position:relative;isolation:isolate;z-index:50;border-radius:var(--raqm-radius-sm);background-color:var(--raqm-tooltip-kbd-bg);color:var(--raqm-background)}@media(forced-colors: active){.raqm-tooltip-arrow{background-color:CanvasText}}

package/types/raqm-ui-calendar.d.ts

@@ -130,6 +130,7 @@ export declare class RaqmCalendarComponent {
   private readonly keyboard;
   constructor();
   ngOnChanges(changes: SimpleChanges): void;
+  ngDoCheck(): void;
   ngOnInit(): void;
   isDisabled(date: Date): boolean;
   format(date: Date, options: Intl.DateTimeFormatOptions): string;

package/types/raqm-ui-combobox.d.ts

@@ -54,11 +54,13 @@ interface RaqmComboboxChipView {
 declare function flattenItems(items: readonly RaqmComboboxEntry[]): readonly RaqmComboboxOption[];
 declare function filterOptions(items: readonly RaqmComboboxOption[], query: string, mode: RaqmComboboxMode, selectedLabel: string | null): readonly RaqmComboboxOption[];
 declare function optionDomId(inputId: string, value: string): string;
-declare function buildOptionViews(items: readonly RaqmComboboxOption[], inputId: string): readonly RaqmComboboxOptionView[];
+declare function createOptionIdResolver(inputId: string): (value: string) => string;
+declare function buildOptionViews(items: readonly RaqmComboboxOption[], optionIdFor: (value: string) => string): readonly RaqmComboboxOptionView[];
 declare function buildRenderEntries(items: readonly RaqmComboboxEntry[], views: readonly RaqmComboboxOptionView[], listboxId: string): readonly RaqmComboboxRenderEntry[];
-declare function buildSelectedLabel(selected: RaqmComboboxModel, items: readonly RaqmComboboxOption[]): string | null;
-declare function buildSelectionRemovable(selected: RaqmComboboxModel, items: readonly RaqmComboboxOption[]): boolean;
-declare function buildChipViews(selected: RaqmComboboxModel, items: readonly RaqmComboboxOption[]): readonly RaqmComboboxChipView[];
+declare function indexOptionsByValue(items: readonly RaqmComboboxOption[]): ReadonlyMap<string, RaqmComboboxOption>;
+declare function buildSelectedLabel(selected: RaqmComboboxModel, itemsByValue: ReadonlyMap<string, RaqmComboboxOption>): string | null;
+declare function buildSelectionRemovable(selected: RaqmComboboxModel, itemsByValue: ReadonlyMap<string, RaqmComboboxOption>): boolean;
+declare function buildChipViews(selected: RaqmComboboxModel, itemsByValue: ReadonlyMap<string, RaqmComboboxOption>): readonly RaqmComboboxChipView[];
 interface RaqmComboboxFieldHost {
   open(): boolean;
   disabled(): boolean;
@@ -67,6 +69,8 @@ interface RaqmComboboxFieldHost {
   optionViews(): readonly RaqmComboboxOptionView[];
   activeId(): string | null;
   selected(): RaqmComboboxModel;
+  /** Precomputed selection membership, so per-option checks are O(1). */
+  selectedValues(): ReadonlySet<string>;
   isOptionDisabled(item: RaqmComboboxOption): boolean;
   trigger(): HTMLButtonElement | null;
   element(): HTMLElement;

package/types/raqm-ui-command.d.ts

@@ -34,6 +34,8 @@ export declare class RaqmCommandComponent {
   readonly visibleItems: import("@angular/core").Signal<RaqmCommandOption[]>;
   /** Whether any registered row is checked; switches the list to multi-select. */
   readonly hasChecked: import("@angular/core").Signal<boolean>;
+  private readonly normalizedSearch;
+  private readonly preparedItems;
   private readonly scores;
   private readonly rankedItems;
   private readonly injector;
@@ -44,6 +46,8 @@ export declare class RaqmCommandComponent {
   private readonly originalChildren;
   constructor();
   private lastSearch;
+  /** Appends in order, but only when the matching suffix is not already in place. */
+  private placeAtEnd;
   register(item: RaqmCommandOption): void;
   unregister(item: RaqmCommandOption): void;
   mintId(): string;

package/types/raqm-ui-dialog.d.ts

@@ -67,7 +67,13 @@ declare class RaqmDialogScrollLease implements ScrollStrategy {
 }
 /** @internal Root-scoped token so every dialog root shares one scroll-lock count. */
 declare const RAQM_DIALOG_SCROLL_LOCK: InjectionToken<RaqmDialogScrollLock>;
-/** Modal dialog root shared by Dialog, Alert Dialog, Sheet, Drawer and Command Dialog. */
+/**
+ * Modal dialog root shared by Dialog, Alert Dialog, Sheet, Drawer and Command Dialog.
+ *
+ * No `styleUrl` here: the abstract base is never rendered. Every concrete subclass
+ * declares the shared surface stylesheet itself, so decorating the base would compile a
+ * duplicate, unused copy of the dialog surface into the `dialog` entrypoint.
+ */
 export declare abstract class RaqmDialogBaseComponent implements RaqmDialogContext, OnDestroy {
   protected readonly policy: import("@raqm/ui/dialog").RaqmDialogPolicy | null;
   private readonly host;

package/types/raqm-ui-icon.d.ts

@@ -0,0 +1,65 @@
+import * as i0 from "@angular/core";
+import { InjectionToken, Provider } from "@angular/core";
+/**
+ * One icon artwork, expressed as SVG path data. The package ships no icons; consumers
+ * register their own map with {@link provideRaqmIcons}.
+ */
+interface RaqmIconDefinition {
+  /** The SVG `viewBox`, for example `0 0 24 24`. */
+  readonly viewBox: string;
+  /** One or more path `d` values; every path is filled with `currentColor`. */
+  readonly paths: readonly string[];
+  /** Fill rule for multi-path marks that rely on even-odd holes. */
+  readonly fillRule?: 'nonzero' | 'evenodd';
+  /** Clip rule for multi-path marks that rely on even-odd holes. */
+  readonly clipRule?: 'nonzero' | 'evenodd';
+  /** Fallback accessible name used when the consumer does not pass `label`. */
+  readonly title?: string;
+}
+/** Consumer icon registry, keyed by the `name` used on `<raqm-icon>`. */
+type RaqmIconMap = Readonly<Record<string, RaqmIconDefinition>>;
+/** Icon registry token. Empty by default; fill it with {@link provideRaqmIcons}. */
+export declare const RAQM_ICONS: InjectionToken<Readonly<Record<string, RaqmIconDefinition>>>;
+/**
+ * Registers consumer icon data for `RaqmIcon`.
+ *
+ * ```ts
+ * bootstrapApplication(App, {
+ *   providers: [provideRaqmIcons({ home: HOME_ICON })],
+ * });
+ * ```
+ *
+ * Call it once at the application or route level; a later call replaces the whole map.
+ */
+export declare function provideRaqmIcons(icons: RaqmIconMap): Provider;
+/**
+ * Inline SVG icon rendered from consumer-supplied path data.
+ *
+ * Decorative by default (`aria-hidden`); pass `label` (or set `title` on the definition)
+ * to expose it as `role="img"` with an accessible name. Unknown names render nothing and
+ * warn in development.
+ */
+export declare class RaqmIcon {
+  /** Registry key of the artwork to render. */
+  readonly name: import("@angular/core").InputSignal<string>;
+  /** Accessible name. Omit it for decorative icons. */
+  readonly label: import("@angular/core").InputSignal<string | null>;
+  private readonly icons;
+  protected readonly definition: import("@angular/core").Signal<RaqmIconDefinition | null>;
+  protected readonly accessibleName: import("@angular/core").Signal<string | null>;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<RaqmIcon, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<RaqmIcon, "raqm-icon", never, {
+    "name": {
+      "alias": "name";
+      "required": true;
+      "isSignal": true;
+    };
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+export type { RaqmIconDefinition, RaqmIconMap };

package/types/raqm-ui-input-otp.d.ts

@@ -81,6 +81,7 @@ export declare class RaqmInputOtpComponent {
   readonly length: import("@angular/core").Signal<number>;
   readonly currentValue: import("@angular/core").Signal<string>;
   readonly patternSource: import("@angular/core").Signal<string | null>;
+  private readonly validationRegex;
   readonly invalidState: import("@angular/core").Signal<boolean>;
   constructor();
   private matches;

package/types/raqm-ui-resizable.d.ts

@@ -10,8 +10,12 @@ export declare class RaqmResizablePanelGroupComponent {
   readonly element: ElementRef<any>;
   readonly panels: import("@angular/core").Signal<readonly RaqmResizablePanelDirective[]>;
   readonly handles: import("@angular/core").Signal<readonly RaqmResizableHandleDirective[]>;
+  private readonly panelIndices;
+  private readonly handleIndices;
   private readonly changed;
   readonly sizes: import("@angular/core").Signal<number[]>;
+  private indexByPanel;
+  private indexByHandle;
   panelIndex(panel: RaqmResizablePanelDirective): number;
   handleIndex(handle: RaqmResizableHandleDirective): number;
   bounds(index: number): {

package/types/raqm-ui-scroll-area.d.ts

@@ -41,7 +41,9 @@ export declare class RaqmScrollAreaComponent {
   readonly vertical: import("@angular/core").Signal<boolean>;
   readonly scrolling: import("@angular/core").WritableSignal<boolean>;
   readonly hovering: import("@angular/core").WritableSignal<boolean>;
+  private geometry;
   private scrollTimer;
+  private frame;
   readonly edges: import("@angular/core").Signal<{
     xStart: boolean;
     xEnd: boolean;
@@ -51,7 +53,12 @@ export declare class RaqmScrollAreaComponent {
   constructor();
   /** Tracks the native scroll lifecycle without changing wheel or touch events. */
   protected onScroll(): void;
+  /** Coalesces scroll and observer notifications; callers that need fresh data call `refresh` directly. */
+  private scheduleRefresh;
+  /** Re-reads layout and direction, then publishes the current offsets. */
   refresh(): void;
+  /** Reads only the offsets, reusing the last measured layout. */
+  private refreshOffsets;
   /** Sets a clamped native offset measured from the logical start of the chosen axis. */
   scrollTo(orientation: 'horizontal' | 'vertical', offset: number): void;
   static ɵfac: i0.ɵɵFactoryDeclaration<RaqmScrollAreaComponent, never>;
@@ -92,6 +99,8 @@ export declare class RaqmScrollBarComponent {
   private readonly destroyRef;
   private readonly trackSize;
   private drag;
+  private coordinates;
+  private coordinateFrame;
   protected readonly overflow: import("@angular/core").Signal<boolean>;
   private readonly geometry;
   protected readonly thumbStyle: import("@angular/core").Signal<{
@@ -110,6 +119,8 @@ export declare class RaqmScrollBarComponent {
   private onTrackWheel;
   private measure;
   private coordinate;
+  private measureCoordinates;
+  private clearCoordinates;
   protected onPointerDown(event: PointerEvent): void;
   protected onPointerMove(event: PointerEvent): void;
   protected endPointer(event: PointerEvent): void;

package/types/raqm-ui-slider.d.ts

@@ -42,7 +42,7 @@ export declare class RaqmSlider {
   private readonly lastUsedIndex;
   private readonly thumbElements;
   private readonly thumbInputs;
-  protected readonly orientation: import("@angular/core").Signal<"horizontal" | "vertical">;
+  protected readonly orientation: import("@angular/core").Signal<"vertical" | "horizontal">;
   protected readonly values: import("@angular/core").Signal<readonly number[]>;
   protected readonly thumbs: import("@angular/core").Signal<readonly SliderThumb[]>;
   /** min → thumb for one value, first → last thumb for a range. */

package/types/raqm-ui-toast.d.ts

@@ -147,6 +147,10 @@ export declare class RaqmToasterComponent implements OnDestroy {
   private readonly panel;
   private overlayRef?;
   private observer?;
+  private observedContents;
+  private appliedDirection;
+  private renderedSnapshot;
+  private measuredRootsKey;
   private announcementTimer?;
   private previousFocus;
   private hovered;
@@ -168,6 +172,8 @@ export declare class RaqmToasterComponent implements OnDestroy {
   protected toastIndex(toast: RaqmToastRecord): number;
   protected swipe(value: boolean): void;
   private syncPause;
+  private resolveDirection;
+  private syncObservedContents;
   private measure;
   private ensureFocus;
   private restoreFocus;

package/types/raqm-ui.d.ts

@@ -19,6 +19,7 @@ export * from "@raqm/ui/dropdown-menu";
 export * from "@raqm/ui/empty";
 export * from "@raqm/ui/field";
 export * from "@raqm/ui/hover-card";
+export * from "@raqm/ui/icon";
 export * from "@raqm/ui/input";
 export * from "@raqm/ui/input-group";
 export * from "@raqm/ui/input-otp";

package/fesm2022/raqm-ui-carousel.mjs

@@ -1,410 +0,0 @@
-import * as i0 from "@angular/core";
-import { ChangeDetectionStrategy, Component, Directive, ElementRef, afterRenderEffect, booleanAttribute, computed, contentChild, inject, input, output, signal, untracked } from "@angular/core";
-import EmblaCarousel from "embla-carousel";
-var RaqmCarouselItemDirective = class RaqmCarouselItemDirective {
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.2",
-		ngImport: i0,
-		type: RaqmCarouselItemDirective,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Directive
-	});
-	static ɵdir = i0.ɵɵngDeclareDirective({
-		minVersion: "14.0.0",
-		version: "22.2.2",
-		type: RaqmCarouselItemDirective,
-		isStandalone: true,
-		selector: "[raqm-carousel-item]",
-		host: {
-			attributes: {
-				"role": "group",
-				"aria-roledescription": "slide"
-			},
-			classAttribute: "raqm-carousel-item"
-		},
-		ngImport: i0
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.2",
-	ngImport: i0,
-	type: RaqmCarouselItemDirective,
-	decorators: [{
-		type: Directive,
-		args: [{
-			selector: "[raqm-carousel-item]",
-			host: {
-				class: "raqm-carousel-item",
-				role: "group",
-				"aria-roledescription": "slide"
-			}
-		}]
-	}]
-});
-var RaqmCarouselContentComponent = class RaqmCarouselContentComponent {
-	element = inject(ElementRef);
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.2",
-		ngImport: i0,
-		type: RaqmCarouselContentComponent,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Component
-	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "14.0.0",
-		version: "22.2.2",
-		type: RaqmCarouselContentComponent,
-		isStandalone: true,
-		selector: "[raqm-carousel-content]",
-		host: { classAttribute: "raqm-carousel-content" },
-		ngImport: i0,
-		template: "<div class=\"raqm-carousel-track\"><ng-content /></div>",
-		isInline: true,
-		styles: [":host{display:block;overflow:hidden}.raqm-carousel-track{display:flex;touch-action:pan-y pinch-zoom}\n"]
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.2",
-	ngImport: i0,
-	type: RaqmCarouselContentComponent,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "[raqm-carousel-content]",
-			template: "<div class=\"raqm-carousel-track\"><ng-content /></div>",
-			host: { class: "raqm-carousel-content" },
-			styles: [":host{display:block;overflow:hidden}.raqm-carousel-track{display:flex;touch-action:pan-y pinch-zoom}\n"]
-		}]
-	}]
-});
-var RaqmCarouselComponent = class RaqmCarouselComponent {
-	vertical = input(false, {
-		...ngDevMode ? { debugName: "vertical" } : /* istanbul ignore next */ {},
-		transform: booleanAttribute
-	});
-	options = input({}, ...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
-	plugins = input([], ...ngDevMode ? [{ debugName: "plugins" }] : /* istanbul ignore next */ []);
-	apiReady = output();
-	selectedIndexChange = output();
-	content = contentChild(RaqmCarouselContentComponent, {
-		...ngDevMode ? { debugName: "content" } : /* istanbul ignore next */ {},
-		descendants: true
-	});
-	api = signal(void 0, ...ngDevMode ? [{ debugName: "api" }] : /* istanbul ignore next */ []);
-	index = signal(0, ...ngDevMode ? [{ debugName: "index" }] : /* istanbul ignore next */ []);
-	previousAvailable = signal(false, ...ngDevMode ? [{ debugName: "previousAvailable" }] : /* istanbul ignore next */ []);
-	nextAvailable = signal(false, ...ngDevMode ? [{ debugName: "nextAvailable" }] : /* istanbul ignore next */ []);
-	viewport;
-	update = (api) => {
-		const index = api.selectedScrollSnap();
-		if (index !== this.index()) {
-			this.index.set(index);
-			this.selectedIndexChange.emit(index);
-		}
-		this.previousAvailable.set(api.canScrollPrev());
-		this.nextAvailable.set(api.canScrollNext());
-	};
-	constructor() {
-		afterRenderEffect(() => {
-			const content = this.content();
-			const options = this.options();
-			const plugins = this.plugins();
-			const vertical = this.vertical();
-			const element = content?.element.nativeElement;
-			if (!element) {
-				untracked(() => {
-					this.api()?.destroy();
-					this.api.set(void 0);
-					this.viewport = void 0;
-					this.previousAvailable.set(false);
-					this.nextAvailable.set(false);
-					this.index.set(0);
-				});
-				return;
-			}
-			const direction = options.direction ?? (getComputedStyle(element).direction === "rtl" ? "rtl" : "ltr");
-			const effectiveOptions = {
-				...options,
-				axis: vertical ? "y" : "x",
-				direction
-			};
-			untracked(() => {
-				const existing = this.api();
-				if (existing && this.viewport === element) existing.reInit(effectiveOptions, plugins);
-				else {
-					existing?.destroy();
-					const api = EmblaCarousel(element, effectiveOptions, plugins);
-					this.viewport = element;
-					api.on("select", this.update).on("reInit", this.update);
-					this.api.set(api);
-					this.update(api);
-					this.apiReady.emit(api);
-				}
-			});
-		});
-	}
-	ngOnDestroy() {
-		this.api()?.destroy();
-	}
-	canPrevious() {
-		return this.previousAvailable();
-	}
-	canNext() {
-		return this.nextAvailable();
-	}
-	previous() {
-		this.api()?.scrollPrev();
-	}
-	next() {
-		this.api()?.scrollNext();
-	}
-	go(index) {
-		this.api()?.scrollTo(index);
-	}
-	selectedScrollSnap() {
-		return this.api()?.selectedScrollSnap() ?? 0;
-	}
-	scrollSnapList() {
-		return this.api()?.scrollSnapList() ?? [];
-	}
-	onKey(event) {
-		if (event.target instanceof HTMLElement && (/^(INPUT|TEXTAREA|SELECT)$/.test(event.target.tagName) || event.target.isContentEditable)) return;
-		const rtl = (this.api()?.internalEngine().options.direction ?? getComputedStyle(event.currentTarget).direction) === "rtl";
-		const previous = this.vertical() ? "ArrowUp" : rtl ? "ArrowRight" : "ArrowLeft";
-		const next = this.vertical() ? "ArrowDown" : rtl ? "ArrowLeft" : "ArrowRight";
-		if (event.key === previous || event.key === next) {
-			event.preventDefault();
-			if (event.key === next) this.next();
-			else this.previous();
-		}
-	}
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.2",
-		ngImport: i0,
-		type: RaqmCarouselComponent,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Component
-	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "17.2.0",
-		version: "22.2.2",
-		type: RaqmCarouselComponent,
-		isStandalone: true,
-		selector: "raqm-carousel",
-		inputs: {
-			vertical: {
-				classPropertyName: "vertical",
-				publicName: "vertical",
-				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
-			}
-		},
-		outputs: {
-			apiReady: "apiReady",
-			selectedIndexChange: "selectedIndexChange"
-		},
-		host: {
-			attributes: {
-				"role": "region",
-				"aria-roledescription": "carousel"
-			},
-			listeners: { "keydown": "onKey($event)" },
-			properties: { "attr.data-raqm-vertical": "vertical() ? \"\" : null" },
-			classAttribute: "raqm-carousel"
-		},
-		queries: [{
-			propertyName: "content",
-			first: true,
-			predicate: RaqmCarouselContentComponent,
-			descendants: true,
-			isSignal: true
-		}],
-		ngImport: i0,
-		template: "<ng-content />",
-		isInline: true,
-		styles: [":host{position:relative;display:block;min-inline-size:0}\n"],
-		changeDetection: i0.ChangeDetectionStrategy.OnPush
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.2",
-	ngImport: i0,
-	type: RaqmCarouselComponent,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "raqm-carousel",
-			template: "<ng-content />",
-			changeDetection: ChangeDetectionStrategy.OnPush,
-			host: {
-				class: "raqm-carousel",
-				role: "region",
-				"aria-roledescription": "carousel",
-				"[attr.data-raqm-vertical]": "vertical() ? \"\" : null",
-				"(keydown)": "onKey($event)"
-			},
-			styles: [":host{position:relative;display:block;min-inline-size:0}\n"]
-		}]
-	}],
-	ctorParameters: () => [],
-	propDecorators: {
-		vertical: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "vertical",
-				required: false
-			}]
-		}],
-		options: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "options",
-				required: false
-			}]
-		}],
-		plugins: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "plugins",
-				required: false
-			}]
-		}],
-		apiReady: [{
-			type: i0.Output,
-			args: ["apiReady"]
-		}],
-		selectedIndexChange: [{
-			type: i0.Output,
-			args: ["selectedIndexChange"]
-		}],
-		content: [{
-			type: i0.ContentChild,
-			args: [i0.forwardRef(() => RaqmCarouselContentComponent), {
-				descendants: true,
-				isSignal: true
-			}]
-		}]
-	}
-});
-var RaqmCarouselPreviousDirective = class RaqmCarouselPreviousDirective {
-	carousel = inject(RaqmCarouselComponent);
-	host = inject(ElementRef);
-	authoredDisabled = this.host.nativeElement.disabled;
-	unavailable = computed(() => this.authoredDisabled || !this.carousel.canPrevious(), ...ngDevMode ? [{ debugName: "unavailable" }] : /* istanbul ignore next */ []);
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.2",
-		ngImport: i0,
-		type: RaqmCarouselPreviousDirective,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Directive
-	});
-	static ɵdir = i0.ɵɵngDeclareDirective({
-		minVersion: "14.0.0",
-		version: "22.2.2",
-		type: RaqmCarouselPreviousDirective,
-		isStandalone: true,
-		selector: "button[raqm-carousel-previous]",
-		host: {
-			attributes: { "type": "button" },
-			listeners: { "click": "carousel.previous()" },
-			properties: { "disabled": "unavailable()" }
-		},
-		ngImport: i0
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.2",
-	ngImport: i0,
-	type: RaqmCarouselPreviousDirective,
-	decorators: [{
-		type: Directive,
-		args: [{
-			selector: "button[raqm-carousel-previous]",
-			host: {
-				type: "button",
-				"[disabled]": "unavailable()",
-				"(click)": "carousel.previous()"
-			}
-		}]
-	}]
-});
-var RaqmCarouselNextDirective = class RaqmCarouselNextDirective {
-	carousel = inject(RaqmCarouselComponent);
-	host = inject(ElementRef);
-	authoredDisabled = this.host.nativeElement.disabled;
-	unavailable = computed(() => this.authoredDisabled || !this.carousel.canNext(), ...ngDevMode ? [{ debugName: "unavailable" }] : /* istanbul ignore next */ []);
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.2",
-		ngImport: i0,
-		type: RaqmCarouselNextDirective,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Directive
-	});
-	static ɵdir = i0.ɵɵngDeclareDirective({
-		minVersion: "14.0.0",
-		version: "22.2.2",
-		type: RaqmCarouselNextDirective,
-		isStandalone: true,
-		selector: "button[raqm-carousel-next]",
-		host: {
-			attributes: { "type": "button" },
-			listeners: { "click": "carousel.next()" },
-			properties: { "disabled": "unavailable()" }
-		},
-		ngImport: i0
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.2",
-	ngImport: i0,
-	type: RaqmCarouselNextDirective,
-	decorators: [{
-		type: Directive,
-		args: [{
-			selector: "button[raqm-carousel-next]",
-			host: {
-				type: "button",
-				"[disabled]": "unavailable()",
-				"(click)": "carousel.next()"
-			}
-		}]
-	}]
-});
-const RaqmCarousel = [
-	RaqmCarouselComponent,
-	RaqmCarouselContentComponent,
-	RaqmCarouselItemDirective,
-	RaqmCarouselPreviousDirective,
-	RaqmCarouselNextDirective
-];
-export { RaqmCarousel, RaqmCarouselComponent, RaqmCarouselContentComponent, RaqmCarouselItemDirective, RaqmCarouselNextDirective, RaqmCarouselPreviousDirective };
-
-//# sourceMappingURL=raqm-ui-carousel.mjs.map