@porscheinformatik/clr-addons 19.20.2 → 19.21.0

package/image-gallery/image-carousel.d.ts

@@ -0,0 +1,36 @@
+import { ClrImageGalleryImage } from './image-gallery.types';
+import * as i0 from "@angular/core";
+export declare class ClrImageCarousel {
+    private thumbStripRef?;
+    readonly images: import("@angular/core").InputSignal<ClrImageGalleryImage[]>;
+    readonly productName: import("@angular/core").InputSignal<string>;
+    readonly initialIndex: import("@angular/core").InputSignal<number>;
+    /** When true the header row (title + close button) is not rendered. */
+    readonly hideHeader: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Size in pixels of the active (spotlight) image square.
+     * When 0 (default), the image fills the available container width automatically.
+     */
+    readonly imageSize: import("@angular/core").InputSignal<number>;
+    /**
+     * Size in pixels of each thumbnail square.
+     * Defaults to 64px.
+     */
+    readonly thumbnailSize: import("@angular/core").InputSignal<number>;
+    readonly closeCarousel: import("@angular/core").OutputEmitterRef<void>;
+    protected activeIndex: import("@angular/core").WritableSignal<number>;
+    protected needsScroll: import("@angular/core").WritableSignal<boolean>;
+    protected showFadeLeft: import("@angular/core").WritableSignal<boolean>;
+    protected showFadeRight: import("@angular/core").WritableSignal<boolean>;
+    constructor();
+    private updateScrollState;
+    protected onThumbStripScroll(): void;
+    private updateFades;
+    private scrollThumbIntoCenter;
+    protected prev(): void;
+    protected next(): void;
+    protected setActive(index: number): void;
+    protected onKeydown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrImageCarousel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrImageCarousel, "clr-image-carousel", never, { "images": { "alias": "images"; "required": false; "isSignal": true; }; "productName": { "alias": "productName"; "required": false; "isSignal": true; }; "initialIndex": { "alias": "initialIndex"; "required": false; "isSignal": true; }; "hideHeader": { "alias": "hideHeader"; "required": false; "isSignal": true; }; "imageSize": { "alias": "imageSize"; "required": false; "isSignal": true; }; "thumbnailSize": { "alias": "thumbnailSize"; "required": false; "isSignal": true; }; }, { "closeCarousel": "closeCarousel"; }, never, never, false, never>;
+}

package/image-gallery/image-gallery.d.ts

@@ -0,0 +1,31 @@
+import { ClrImageGalleryImage, ClrImageGalleryOpenEvent } from './image-gallery.types';
+import * as i0 from "@angular/core";
+export { ClrImageGalleryImage, ClrImageGalleryOpenEvent };
+export declare class ClrImageGallery {
+    readonly images: import("@angular/core").InputSignal<ClrImageGalleryImage[]>;
+    readonly productName: import("@angular/core").InputSignal<string>;
+    /** Size in pixels of the spotlighted image in the static view */
+    readonly spotlightSize: import("@angular/core").InputSignal<number>;
+    /**
+     * When true (default), clicking opens a built-in full-screen modal.
+     * When false, emits `galleryOpen` so the parent can embed the carousel.
+     */
+    readonly useBuiltInModal: import("@angular/core").InputSignal<boolean>;
+    /** Emitted when useBuiltInModal is false and the user clicks an image. */
+    readonly galleryOpen: import("@angular/core").OutputEmitterRef<ClrImageGalleryOpenEvent>;
+    /** Size in pixels of the active image in the carousel. 0 (default) = auto-fit container width. */
+    readonly carouselImageSize: import("@angular/core").InputSignal<number>;
+    /** Size in pixels of each thumbnail in the carousel. Defaults to 64px. */
+    readonly carouselThumbnailSize: import("@angular/core").InputSignal<number>;
+    protected modalOpen: import("@angular/core").WritableSignal<boolean>;
+    protected activeIndex: import("@angular/core").WritableSignal<number>;
+    protected maxThumbnails: number;
+    protected readonly thumbnailSize: import("@angular/core").Signal<number>;
+    protected readonly staticThumbnails: import("@angular/core").Signal<ClrImageGalleryImage[]>;
+    protected readonly remainingCount: import("@angular/core").Signal<number>;
+    protected openModal(index?: number): void;
+    protected closeModal(): void;
+    protected onBackdropClick(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrImageGallery, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrImageGallery, "clr-image-gallery", never, { "images": { "alias": "images"; "required": false; "isSignal": true; }; "productName": { "alias": "productName"; "required": false; "isSignal": true; }; "spotlightSize": { "alias": "spotlightSize"; "required": false; "isSignal": true; }; "useBuiltInModal": { "alias": "useBuiltInModal"; "required": false; "isSignal": true; }; "carouselImageSize": { "alias": "carouselImageSize"; "required": false; "isSignal": true; }; "carouselThumbnailSize": { "alias": "carouselThumbnailSize"; "required": false; "isSignal": true; }; }, { "galleryOpen": "galleryOpen"; }, never, never, false, never>;
+}

package/image-gallery/image-gallery.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./image-gallery";
+import * as i2 from "./image-carousel";
+import * as i3 from "@angular/common";
+import * as i4 from "@clr/angular";
+export declare class ClrImageGalleryModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrImageGalleryModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ClrImageGalleryModule, [typeof i1.ClrImageGallery, typeof i2.ClrImageCarousel], [typeof i3.CommonModule, typeof i4.ClarityModule, typeof i3.NgOptimizedImage], [typeof i1.ClrImageGallery, typeof i2.ClrImageCarousel]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ClrImageGalleryModule>;
+}

package/image-gallery/image-gallery.types.d.ts

@@ -0,0 +1,8 @@
+export interface ClrImageGalleryImage {
+    src: string;
+    alt?: string;
+}
+export interface ClrImageGalleryOpenEvent {
+    images: ClrImageGalleryImage[];
+    index: number;
+}

package/image-gallery/index.d.ts

@@ -0,0 +1,3 @@
+export * from './image-gallery';
+export * from './image-carousel';
+export * from './image-gallery.module';

package/index.d.ts

@@ -41,3 +41,4 @@ export * from './signpost/index';
 export * from './focus-first-invalid-field/index';
 export * from './control-enter-submit/index';
 export * from './keyboard-nav/index';
+export * from './image-gallery/index';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porscheinformatik/clr-addons",
-  "version": "19.20.2",
+  "version": "19.21.0",
   "description": "Addon components for Clarity Angular",
   "es2015": "esm2015/clr-addons.js",
   "homepage": "https://porscheinformatik.github.io/clarity-addons/",