@semantic-components/ui-lab 0.69.0 → 0.70.0

package/types/semantic-components-ui-lab.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { InjectionToken, ElementRef, TemplateRef, model, signal, output, OnDestroy, ModelSignal, WritableSignal, OnInit, DoCheck } from '@angular/core';
+import { InjectionToken, ElementRef, TemplateRef, model, output, signal, ModelSignal, WritableSignal, DoCheck } from '@angular/core';
 import * as _semantic_components_ui_lab from '@semantic-components/ui-lab';
 import * as i1 from '@angular/aria/combobox';
 import * as i1$1 from '@angular/aria/listbox';
@@ -83,6 +83,8 @@ declare const SC_AUDIO_PLAYER: InjectionToken<ScAudioPlayer>;
 declare class ScAudioPlayer {
     private readonly destroyRef;
     private audioElement;
+    readonly classInput: _angular_core.InputSignal<string>;
+    protected readonly class: _angular_core.Signal<string>;
     readonly tracks: _angular_core.InputSignal<ScAudioTrack[]>;
     readonly autoplay: _angular_core.InputSignal<boolean>;
     readonly currentIndex: _angular_core.ModelSignal<number>;
@@ -97,9 +99,10 @@ declare class ScAudioPlayer {
     readonly isMuted: _angular_core.WritableSignal<boolean>;
     readonly currentTime: _angular_core.WritableSignal<number>;
     readonly duration: _angular_core.WritableSignal<number>;
-    private previousVolume;
+    readonly buffered: _angular_core.WritableSignal<number>;
     readonly currentTrack: _angular_core.Signal<ScAudioTrack>;
     readonly progressPercent: _angular_core.Signal<number>;
+    readonly bufferedPercent: _angular_core.Signal<number>;
     readonly canGoPrevious: _angular_core.Signal<boolean>;
     readonly canGoNext: _angular_core.Signal<boolean>;
     registerAudioElement(element: HTMLAudioElement): void;
@@ -110,12 +113,13 @@ declare class ScAudioPlayer {
     toggleMute(): void;
     cycleRepeat(): void;
     onTimeUpdate(): void;
+    onProgress(): void;
     onLoadedMetadata(): void;
     onEnded(): void;
     setVolume(value: number): void;
     formatTime(seconds: number): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScAudioPlayer, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScAudioPlayer, "[scAudioPlayer]", ["scAudioPlayer"], { "tracks": { "alias": "tracks"; "required": false; "isSignal": true; }; "autoplay": { "alias": "autoplay"; "required": false; "isSignal": true; }; "currentIndex": { "alias": "currentIndex"; "required": false; "isSignal": true; }; "volume": { "alias": "volume"; "required": false; "isSignal": true; }; "shuffle": { "alias": "shuffle"; "required": false; "isSignal": true; }; "repeat": { "alias": "repeat"; "required": false; "isSignal": true; }; }, { "currentIndex": "currentIndexChange"; "volume": "volumeChange"; "shuffle": "shuffleChange"; "repeat": "repeatChange"; "trackChange": "trackChange"; "play": "play"; "pause": "pause"; "ended": "ended"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScAudioPlayer, "[scAudioPlayer]", ["scAudioPlayer"], { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "tracks": { "alias": "tracks"; "required": false; "isSignal": true; }; "autoplay": { "alias": "autoplay"; "required": false; "isSignal": true; }; "currentIndex": { "alias": "currentIndex"; "required": false; "isSignal": true; }; "volume": { "alias": "volume"; "required": false; "isSignal": true; }; "shuffle": { "alias": "shuffle"; "required": false; "isSignal": true; }; "repeat": { "alias": "repeat"; "required": false; "isSignal": true; }; }, { "currentIndex": "currentIndexChange"; "volume": "volumeChange"; "shuffle": "shuffleChange"; "repeat": "repeatChange"; "trackChange": "trackChange"; "play": "play"; "pause": "pause"; "ended": "ended"; }, never, ["*"], true, never>;
 }
 
 declare class ScAudioPlayerCover {
@@ -126,30 +130,36 @@ declare class ScAudioPlayerCover {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScAudioPlayerCover, "div[scAudioPlayerCover]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class ScAudioPlayerInfo {
+declare class ScAudioPlayerTrackInfo {
     readonly player: _semantic_components_ui_lab.ScAudioPlayer;
     readonly classInput: _angular_core.InputSignal<string>;
     protected readonly class: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScAudioPlayerInfo, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScAudioPlayerInfo, "div[scAudioPlayerInfo]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScAudioPlayerTrackInfo, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScAudioPlayerTrackInfo, "div[scAudioPlayerTrackInfo]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class ScAudioPlayerProgress {
     readonly player: _semantic_components_ui_lab.ScAudioPlayer;
     readonly classInput: _angular_core.InputSignal<string>;
     protected readonly class: _angular_core.Signal<string>;
-    protected onProgressClick(event: MouseEvent): void;
-    protected onProgressKeydown(event: KeyboardEvent): void;
+    protected onSeek(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScAudioPlayerProgress, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScAudioPlayerProgress, "div[scAudioPlayerProgress]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class ScAudioPlayerPlayButton {
+declare class ScAudioPlayerControls {
+    readonly classInput: _angular_core.InputSignal<string>;
+    protected readonly class: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScAudioPlayerControls, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScAudioPlayerControls, "div[scAudioPlayerControls]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class ScAudioPlayerPlay {
     readonly player: _semantic_components_ui_lab.ScAudioPlayer;
     readonly classInput: _angular_core.InputSignal<string>;
     protected readonly class: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScAudioPlayerPlayButton, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScAudioPlayerPlayButton, "button[scAudioPlayerPlayButton]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScAudioPlayerPlay, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScAudioPlayerPlay, "button[scAudioPlayerPlay]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class ScAudioPlayerPrevious {
@@ -187,8 +197,10 @@ declare class ScAudioPlayerRepeat {
 declare class ScAudioPlayerVolume {
     readonly player: _semantic_components_ui_lab.ScAudioPlayer;
     readonly classInput: _angular_core.InputSignal<string>;
+    protected readonly iconButtonClass: string;
     protected readonly class: _angular_core.Signal<string>;
     protected onVolumeChange(event: Event): void;
+    protected onMaxVolume(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScAudioPlayerVolume, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScAudioPlayerVolume, "div[scAudioPlayerVolume]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -881,7 +893,7 @@ declare class ScCopyButton {
     readonly value: _angular_core.InputSignal<string>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly timeout: _angular_core.InputSignal<number>;
-    readonly variant: _angular_core.InputSignal<"default" | "ghost" | "outline">;
+    readonly variant: _angular_core.InputSignal<"default" | "outline" | "ghost">;
     readonly size: _angular_core.InputSignal<"default" | "sm" | "lg" | "icon">;
     readonly copySuccess: _angular_core.OutputEmitterRef<string>;
     readonly copyError: _angular_core.OutputEmitterRef<Error>;
@@ -901,7 +913,7 @@ declare class ScCopyButtonWithText {
     readonly value: _angular_core.InputSignal<string>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly timeout: _angular_core.InputSignal<number>;
-    readonly variant: _angular_core.InputSignal<"default" | "ghost" | "outline">;
+    readonly variant: _angular_core.InputSignal<"default" | "outline" | "ghost">;
     readonly size: _angular_core.InputSignal<"default" | "sm" | "lg">;
     readonly copyText: _angular_core.InputSignal<string>;
     readonly copiedText: _angular_core.InputSignal<string>;
@@ -1434,22 +1446,8 @@ declare class ScImageAnnotator {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScImageAnnotator, "sc-image-annotator", never, { "src": { "alias": "src"; "required": true; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "annotationsChange": "annotationsChange"; "save": "save"; }, never, never, true, never>;
 }
 
-/**
- * Injection token for ScImageCompare
- */
-interface ScImageCompare {
-    orientation: () => 'horizontal' | 'vertical';
-    position: ReturnType<typeof model<number>>;
-    isDragging: ReturnType<typeof signal<boolean>>;
-    startDragging: () => void;
-    stopDragging: () => void;
-    updatePosition: (clientX: number, clientY: number, rect: DOMRect) => void;
-    moveSlider: (direction: 'forward' | 'backward', step?: number) => void;
-    setPositionToStart: () => void;
-    setPositionToEnd: () => void;
-}
 declare const SC_IMAGE_COMPARE: InjectionToken<ScImageCompare>;
-declare class ScImageCompareDirective implements ScImageCompare {
+declare class ScImageCompare {
     readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
     readonly position: _angular_core.ModelSignal<number>;
     readonly isDragging: _angular_core.WritableSignal<boolean>;
@@ -1459,12 +1457,12 @@ declare class ScImageCompareDirective implements ScImageCompare {
     moveSlider(direction: 'forward' | 'backward', step?: number): void;
     setPositionToStart(): void;
     setPositionToEnd(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScImageCompareDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScImageCompareDirective, "[scImageCompare]", ["scImageCompare"], { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, { "position": "positionChange"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScImageCompare, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScImageCompare, "[scImageCompare]", ["scImageCompare"], { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, { "position": "positionChange"; }, never, never, true, never>;
 }
 
-declare class ScImageCompareContainer {
-    readonly imageCompare: ScImageCompare;
+declare class ScImageCompareArea {
+    readonly imageCompare: _semantic_components_ui_lab.ScImageCompare;
     private readonly elementRef;
     readonly classInput: _angular_core.InputSignal<string>;
     readonly ariaLabel: _angular_core.InputSignal<string>;
@@ -1476,12 +1474,12 @@ declare class ScImageCompareContainer {
     protected onTouchMove(event: TouchEvent): void;
     protected onKeydown(event: KeyboardEvent): void;
     private updatePosition;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScImageCompareContainer, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScImageCompareContainer, "[scImageCompareContainer]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScImageCompareArea, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScImageCompareArea, "[scImageCompareArea]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class ScImageCompareBefore {
-    readonly imageCompare: ScImageCompare;
+    readonly imageCompare: _semantic_components_ui_lab.ScImageCompare;
     readonly classInput: _angular_core.InputSignal<string>;
     protected readonly class: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScImageCompareBefore, never>;
@@ -1489,7 +1487,7 @@ declare class ScImageCompareBefore {
 }
 
 declare class ScImageCompareAfter {
-    readonly imageCompare: ScImageCompare;
+    readonly imageCompare: _semantic_components_ui_lab.ScImageCompare;
     readonly classInput: _angular_core.InputSignal<string>;
     protected readonly class: _angular_core.Signal<string>;
     protected readonly clipPath: _angular_core.Signal<string>;
@@ -1498,7 +1496,7 @@ declare class ScImageCompareAfter {
 }
 
 declare class ScImageCompareSlider {
-    readonly imageCompare: ScImageCompare;
+    readonly imageCompare: _semantic_components_ui_lab.ScImageCompare;
     readonly classInput: _angular_core.InputSignal<string>;
     protected readonly lineClass: _angular_core.Signal<string>;
     protected readonly lineStyle: _angular_core.Signal<string>;
@@ -1508,186 +1506,259 @@ declare class ScImageCompareSlider {
 }
 
 declare class ScImageCompareLabel {
-    readonly imageCompare: ScImageCompare;
+    readonly imageCompare: _semantic_components_ui_lab.ScImageCompare;
     readonly classInput: _angular_core.InputSignal<string>;
     protected readonly class: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScImageCompareLabel, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScImageCompareLabel, "[scImageCompareLabel]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-interface CropArea {
+interface ScImageCropperArea {
     x: number;
     y: number;
     width: number;
     height: number;
 }
-interface CropResult {
+interface ScImageCropperResult {
     dataUrl: string;
     blob: Blob | null;
     width: number;
     height: number;
 }
-/**
- * Injection token for ScImageCropper
- */
-interface ScImageCropper {
-    src: () => string;
-    aspectRatio: () => number | null;
-    minWidth: () => number;
-    minHeight: () => number;
-    containerHeight: () => number;
-    showGrid: () => boolean;
-    disabled: () => boolean;
-    outputType: () => 'image/png' | 'image/jpeg' | 'image/webp';
-    outputQuality: () => number;
-    cropArea: ReturnType<typeof model<CropArea>>;
-    zoom: ReturnType<typeof model<number>>;
-    cropChange: ReturnType<typeof output<CropArea>>;
-    imageLoaded: ReturnType<typeof output<{
-        width: number;
-        height: number;
-    }>>;
-    imageNaturalWidth: ReturnType<typeof signal<number>>;
-    imageNaturalHeight: ReturnType<typeof signal<number>>;
-    imageLoaded$: ReturnType<typeof signal<boolean>>;
-    isDragging: boolean;
-    isResizing: boolean;
-    resizeHandle: string;
-    startX: number;
-    startY: number;
-    startCropArea: CropArea;
-    onImageLoad: (width: number, height: number) => void;
-    initializeCropArea: (containerWidth: number) => void;
-    getScaledImageWidth: () => number;
-    getScaledImageHeight: () => number;
-    startDragging: (clientX: number, clientY: number) => void;
-    startResizing: (clientX: number, clientY: number, handle: string) => void;
-    handleDrag: (clientX: number, clientY: number, containerWidth: number) => void;
-    handleResize: (clientX: number, clientY: number, containerWidth: number) => void;
-    stopInteraction: () => void;
-    crop: (imageElement: HTMLImageElement, canvasElement: HTMLCanvasElement, containerWidth: number) => Promise<CropResult>;
-    resetCropArea: (containerWidth: number) => void;
-    setZoom: (value: number) => void;
-    zoomIn: () => void;
-    zoomOut: () => void;
-}
 declare const SC_IMAGE_CROPPER: InjectionToken<ScImageCropper>;
-declare class ScImageCropperDirective implements ScImageCropper, OnDestroy {
-    readonly src: _angular_core.InputSignal<string>;
-    readonly aspectRatio: _angular_core.InputSignal<number | null>;
+declare class ScImageCropper {
+    readonly aspectRatio: _angular_core.ModelSignal<number | null>;
     readonly minWidth: _angular_core.InputSignal<number>;
     readonly minHeight: _angular_core.InputSignal<number>;
     readonly containerHeight: _angular_core.InputSignal<number>;
-    readonly showGrid: _angular_core.InputSignal<boolean>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly outputType: _angular_core.InputSignal<"image/png" | "image/jpeg" | "image/webp">;
     readonly outputQuality: _angular_core.InputSignal<number>;
-    readonly cropArea: _angular_core.ModelSignal<CropArea>;
+    readonly cropShape: _angular_core.InputSignal<"circle" | "rect">;
+    readonly cropArea: _angular_core.ModelSignal<ScImageCropperArea>;
     readonly zoom: _angular_core.ModelSignal<number>;
-    readonly cropChange: _angular_core.OutputEmitterRef<CropArea>;
+    readonly rotation: _angular_core.ModelSignal<number>;
+    readonly cropChange: _angular_core.OutputEmitterRef<ScImageCropperArea>;
     readonly imageLoaded: _angular_core.OutputEmitterRef<{
         width: number;
         height: number;
     }>;
+    readonly imageSrc: _angular_core.WritableSignal<string>;
     readonly imageNaturalWidth: _angular_core.WritableSignal<number>;
     readonly imageNaturalHeight: _angular_core.WritableSignal<number>;
     readonly imageLoaded$: _angular_core.WritableSignal<boolean>;
+    readonly containerWidth: _angular_core.WritableSignal<number>;
+    readonly flipH: _angular_core.WritableSignal<boolean>;
+    readonly flipV: _angular_core.WritableSignal<boolean>;
+    readonly baseScale: _angular_core.Signal<number>;
+    readonly scaledImageWidth: _angular_core.Signal<number>;
+    readonly scaledImageHeight: _angular_core.Signal<number>;
+    readonly imageBoundsX: _angular_core.Signal<number>;
+    readonly imageBoundsY: _angular_core.Signal<number>;
+    readonly imageBoundsW: _angular_core.Signal<number>;
+    readonly imageBoundsH: _angular_core.Signal<number>;
+    readonly imageTransform: _angular_core.Signal<string>;
     isDragging: boolean;
     isResizing: boolean;
     resizeHandle: string;
     startX: number;
     startY: number;
-    startCropArea: CropArea;
-    private readonly boundMouseMove;
-    private readonly boundMouseUp;
-    private readonly boundTouchMove;
-    private readonly boundTouchEnd;
-    constructor();
-    ngOnDestroy(): void;
-    getScaledImageWidth(): number;
-    getScaledImageHeight(): number;
+    startCropArea: ScImageCropperArea;
     onImageLoad(width: number, height: number): void;
-    initializeCropArea(containerWidth: number): void;
+    setImageSrc(src: string): void;
+    initializeCropArea(): void;
     startDragging(clientX: number, clientY: number): void;
     startResizing(clientX: number, clientY: number, handle: string): void;
-    handleDrag(clientX: number, clientY: number, containerWidth: number): void;
-    handleResize(clientX: number, clientY: number, containerWidth: number): void;
+    handleDrag(clientX: number, clientY: number): void;
+    handleResize(clientX: number, clientY: number): void;
     stopInteraction(): void;
-    private onMouseMove;
-    private onTouchMove;
-    private onMouseUp;
-    private onTouchEnd;
-    crop(imageElement: HTMLImageElement, canvasElement: HTMLCanvasElement, containerWidth: number): Promise<CropResult>;
-    resetCropArea(containerWidth: number): void;
+    crop(imageElement: HTMLImageElement, canvasElement: HTMLCanvasElement): Promise<ScImageCropperResult>;
     setZoom(value: number): void;
     zoomIn(): void;
     zoomOut(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScImageCropperDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScImageCropperDirective, "[scImageCropper]", ["scImageCropper"], { "src": { "alias": "src"; "required": true; "isSignal": true; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "containerHeight": { "alias": "containerHeight"; "required": false; "isSignal": true; }; "showGrid": { "alias": "showGrid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "outputType": { "alias": "outputType"; "required": false; "isSignal": true; }; "outputQuality": { "alias": "outputQuality"; "required": false; "isSignal": true; }; "cropArea": { "alias": "cropArea"; "required": false; "isSignal": true; }; "zoom": { "alias": "zoom"; "required": false; "isSignal": true; }; }, { "cropArea": "cropAreaChange"; "zoom": "zoomChange"; "cropChange": "cropChange"; "imageLoaded": "imageLoaded"; }, never, never, true, never>;
+    rotateLeft(): void;
+    rotateRight(): void;
+    toggleFlipH(): void;
+    toggleFlipV(): void;
+    setAspectRatio(ratio: number | null): void;
+    reset(): void;
+    protected onMouseMove(event: MouseEvent): void;
+    protected onTouchMove(event: TouchEvent): void;
+    protected onMouseUp(): void;
+    protected onTouchEnd(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScImageCropper, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScImageCropper, "[scImageCropper]", ["scImageCropper"], { "aspectRatio": { "alias": "aspectRatio"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "containerHeight": { "alias": "containerHeight"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "outputType": { "alias": "outputType"; "required": false; "isSignal": true; }; "outputQuality": { "alias": "outputQuality"; "required": false; "isSignal": true; }; "cropShape": { "alias": "cropShape"; "required": false; "isSignal": true; }; "cropArea": { "alias": "cropArea"; "required": false; "isSignal": true; }; "zoom": { "alias": "zoom"; "required": false; "isSignal": true; }; "rotation": { "alias": "rotation"; "required": false; "isSignal": true; }; }, { "aspectRatio": "aspectRatioChange"; "cropArea": "cropAreaChange"; "zoom": "zoomChange"; "rotation": "rotationChange"; "cropChange": "cropChange"; "imageLoaded": "imageLoaded"; }, never, never, true, never>;
 }
 
-declare class ScImageCropperContainer {
-    readonly cropper: ScImageCropper;
+declare class ScImageCropperCanvas {
+    readonly cropper: _semantic_components_ui_lab.ScImageCropper;
     private readonly elementRef;
-    private readonly injector;
+    private readonly destroyRef;
     readonly classInput: _angular_core.InputSignal<string>;
     protected readonly class: _angular_core.Signal<string>;
-    private readonly imageEl;
-    readonly canvasEl: _angular_core.Signal<ElementRef<HTMLCanvasElement> | undefined>;
-    protected readonly scaledImageWidth: _angular_core.Signal<number>;
-    protected readonly scaledImageHeight: _angular_core.Signal<number>;
-    protected readonly imageTransform: _angular_core.Signal<string>;
+    readonly maskId: string;
+    private readonly canvasEl;
+    private resizeObserver;
     constructor();
-    private getContainerWidth;
-    protected onImageLoad(): void;
-    protected onCropAreaMouseDown(event: MouseEvent): void;
-    protected onCropAreaTouchStart(event: TouchEvent): void;
-    protected onHandleMouseDown(event: MouseEvent, handle: string): void;
-    protected onHandleTouchStart(event: TouchEvent, handle: string): void;
-    private onDocumentMouseMove;
-    protected onMouseMove(event: MouseEvent): void;
-    protected onTouchMove(event: TouchEvent): void;
-    crop(): Promise<ReturnType<typeof this$1.cropper.crop>>;
-    resetCropArea(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScImageCropperContainer, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScImageCropperContainer, "[scImageCropperContainer]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    private updateContainerWidth;
+    protected onWheel(event: WheelEvent): void;
+    crop(): Promise<ScImageCropperResult>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScImageCropperCanvas, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScImageCropperCanvas, "[scImageCropperCanvas]", ["scImageCropperCanvas"], { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["img[scImageCropperImage]", "*"], true, never>;
 }
 
-declare class ScImageCropperControls {
-    readonly cropper: ScImageCropper;
+declare class ScImageCropperImage {
+    private readonly cropper;
+    private readonly elementRef;
+    private readonly injector;
+    readonly initialSrc: _angular_core.InputSignal<string>;
+    protected readonly src: _angular_core.Signal<string>;
+    protected readonly scaledWidth: _angular_core.Signal<number>;
+    protected readonly scaledHeight: _angular_core.Signal<number>;
+    protected readonly transform: _angular_core.Signal<string>;
+    protected onLoad(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScImageCropperImage, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScImageCropperImage, "img[scImageCropperImage]", never, { "initialSrc": { "alias": "src"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ScImageCropperOverlay {
+    protected readonly cropper: _semantic_components_ui_lab.ScImageCropper;
+    readonly maskId: string;
+    protected readonly isCircle: _angular_core.Signal<boolean>;
+    protected readonly cropCenterX: _angular_core.Signal<number>;
+    protected readonly cropCenterY: _angular_core.Signal<number>;
+    protected readonly cropRadiusX: _angular_core.Signal<number>;
+    protected readonly cropRadiusY: _angular_core.Signal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScImageCropperOverlay, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScImageCropperOverlay, "[scImageCropperOverlay]", never, {}, {}, never, never, true, never>;
+}
+
+declare class ScImageCropperSelection {
+    readonly cropper: _semantic_components_ui_lab.ScImageCropper;
     readonly classInput: _angular_core.InputSignal<string>;
     protected readonly class: _angular_core.Signal<string>;
-    onZoomChange(event: Event): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScImageCropperControls, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScImageCropperControls, "[scImageCropperControls]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    protected readonly isCircle: _angular_core.Signal<boolean>;
+    protected onKeyDown(event: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScImageCropperSelection, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScImageCropperSelection, "[scImageCropperSelection]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ScImageCropperDragRegion {
+    private readonly cropper;
+    protected onMouseDown(event: MouseEvent): void;
+    protected onTouchStart(event: TouchEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScImageCropperDragRegion, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScImageCropperDragRegion, "[scImageCropperDragRegion]", never, {}, {}, never, never, true, never>;
+}
+
+type ScImageCropperHandlePosition = 'top-left' | 'top' | 'top-right' | 'right' | 'bottom-right' | 'bottom' | 'bottom-left' | 'left';
+declare class ScImageCropperHandle {
+    private readonly cropper;
+    readonly position: _angular_core.InputSignal<ScImageCropperHandlePosition>;
+    protected readonly cursor: _angular_core.Signal<string>;
+    protected readonly hostClass: _angular_core.Signal<string>;
+    protected onMouseDown(event: MouseEvent): void;
+    protected onTouchStart(event: TouchEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScImageCropperHandle, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScImageCropperHandle, "[scImageCropperHandle]", never, { "position": { "alias": "position"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ScImageCropperGrid {
+    readonly columns: _angular_core.InputSignal<number>;
+    readonly rows: _angular_core.InputSignal<number>;
+    protected readonly verticalLines: _angular_core.Signal<number[]>;
+    protected readonly horizontalLines: _angular_core.Signal<number[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScImageCropperGrid, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScImageCropperGrid, "[scImageCropperGrid]", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ScImageCropperZoomSlider {
+    protected readonly cropper: _semantic_components_ui_lab.ScImageCropper;
+    readonly classInput: _angular_core.InputSignal<string>;
+    protected readonly class: _angular_core.Signal<string>;
+    protected readonly zoomPercentage: _angular_core.Signal<string>;
+    private readonly sliderEl;
+    constructor();
+    protected onInput(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScImageCropperZoomSlider, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScImageCropperZoomSlider, "[scImageCropperZoomSlider]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ScImageCropperZoomIn {
+    protected readonly cropper: _semantic_components_ui_lab.ScImageCropper;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScImageCropperZoomIn, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScImageCropperZoomIn, "button[scImageCropperZoomIn]", never, {}, {}, never, never, true, never>;
+}
+
+declare class ScImageCropperZoomOut {
+    protected readonly cropper: _semantic_components_ui_lab.ScImageCropper;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScImageCropperZoomOut, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScImageCropperZoomOut, "button[scImageCropperZoomOut]", never, {}, {}, never, never, true, never>;
+}
+
+declare class ScImageCropperRotateLeft {
+    protected readonly cropper: _semantic_components_ui_lab.ScImageCropper;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScImageCropperRotateLeft, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScImageCropperRotateLeft, "button[scImageCropperRotateLeft]", never, {}, {}, never, never, true, never>;
+}
+
+declare class ScImageCropperRotateRight {
+    protected readonly cropper: _semantic_components_ui_lab.ScImageCropper;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScImageCropperRotateRight, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScImageCropperRotateRight, "button[scImageCropperRotateRight]", never, {}, {}, never, never, true, never>;
+}
+
+declare class ScImageCropperFlipH {
+    protected readonly cropper: _semantic_components_ui_lab.ScImageCropper;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScImageCropperFlipH, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScImageCropperFlipH, "button[scImageCropperFlipH]", never, {}, {}, never, never, true, never>;
+}
+
+declare class ScImageCropperFlipV {
+    protected readonly cropper: _semantic_components_ui_lab.ScImageCropper;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScImageCropperFlipV, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScImageCropperFlipV, "button[scImageCropperFlipV]", never, {}, {}, never, never, true, never>;
 }
 
 declare class ScImageCropperPreview {
-    readonly cropper: ScImageCropper;
+    private readonly cropper;
     readonly classInput: _angular_core.InputSignal<string>;
     readonly width: _angular_core.InputSignal<number>;
     readonly height: _angular_core.InputSignal<number>;
     protected readonly class: _angular_core.Signal<string>;
+    protected readonly src: _angular_core.Signal<string>;
+    protected readonly scale: _angular_core.Signal<number>;
+    protected readonly previewWidth: _angular_core.Signal<number>;
+    protected readonly previewHeight: _angular_core.Signal<number>;
     protected readonly imageWidth: _angular_core.Signal<number>;
     protected readonly imageHeight: _angular_core.Signal<number>;
-    protected readonly transform: _angular_core.Signal<string>;
+    protected readonly previewTransform: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScImageCropperPreview, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScImageCropperPreview, "[scImageCropperPreview]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class ScImageCropperAspectRatio {
-    readonly cropper: ScImageCropper;
+    private readonly cropper;
     readonly classInput: _angular_core.InputSignal<string>;
-    readonly options: _angular_core.InputSignal<{
-        label: string;
-        value: number | null;
-    }[]>;
-    readonly aspectRatioChange: _angular_core.OutputEmitterRef<number | null>;
     protected readonly class: _angular_core.Signal<string>;
-    isSelected(value: number | null): boolean;
-    selectAspectRatio(value: number | null): void;
+    readonly value: _angular_core.InputSignal<number | null>;
+    readonly selected: _angular_core.Signal<boolean>;
+    selectAspectRatio(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScImageCropperAspectRatio, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScImageCropperAspectRatio, "[scImageCropperAspectRatio]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "aspectRatioChange": "aspectRatioChange"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScImageCropperAspectRatio, "button[scImageCropperAspectRatio]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "scImageCropperAspectRatio"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ScImageCropperReset {
+    protected readonly cropper: _semantic_components_ui_lab.ScImageCropper;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScImageCropperReset, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScImageCropperReset, "button[scImageCropperReset]", never, {}, {}, never, never, true, never>;
+}
+
+declare class ScImageCropperFileInput {
+    private readonly cropper;
+    protected onFileChange(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScImageCropperFileInput, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScImageCropperFileInput, "input[scImageCropperFileInput]", never, {}, {}, never, never, true, never>;
 }
 
 declare class ScInfiniteScroll {
@@ -3327,53 +3398,6 @@ declare class ScRatingFieldItem {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScRatingFieldItem, "[scRatingItem]", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-type ResizableDirection = 'horizontal' | 'vertical';
-
-declare class ScResizablePanel {
-    readonly group: ScResizablePanelGroup;
-    readonly classInput: _angular_core.InputSignal<string>;
-    readonly defaultSize: _angular_core.InputSignal<number>;
-    readonly minSize: _angular_core.InputSignal<number>;
-    readonly maxSize: _angular_core.InputSignal<number>;
-    readonly size: _angular_core.WritableSignal<number>;
-    protected readonly class: _angular_core.Signal<string>;
-    protected readonly minSizePx: _angular_core.Signal<string>;
-    protected readonly maxSizePx: _angular_core.Signal<string>;
-    constructor();
-    setSize(newSize: number): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScResizablePanel, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScResizablePanel, "[scResizablePanel]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "defaultSize": { "alias": "defaultSize"; "required": false; "isSignal": true; }; "minSize": { "alias": "minSize"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class ScResizableHandle {
-    readonly group: ScResizablePanelGroup;
-    private readonly elementRef;
-    readonly classInput: _angular_core.InputSignal<string>;
-    readonly withHandle: _angular_core.InputSignal<boolean>;
-    private dragging;
-    private startPos;
-    private startSizes;
-    protected readonly class: _angular_core.Signal<string>;
-    protected onMouseDown(event: MouseEvent): void;
-    protected onTouchStart(event: TouchEvent): void;
-    private startDrag;
-    private onDrag;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScResizableHandle, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScResizableHandle, "[scResizableHandle]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "withHandle": { "alias": "withHandle"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class ScResizablePanelGroup {
-    readonly classInput: _angular_core.InputSignal<string>;
-    readonly direction: _angular_core.InputSignal<ResizableDirection>;
-    private readonly panels;
-    private readonly handles;
-    protected readonly class: _angular_core.Signal<string>;
-    getPanels(): readonly ScResizablePanel[];
-    getHandles(): readonly ScResizableHandle[];
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScResizablePanelGroup, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScResizablePanelGroup, "[scResizablePanelGroup]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; }, {}, ["panels", "handles"], never, true, never>;
-}
-
 interface SearchSuggestion {
     id: string;
     label: string;
@@ -3425,214 +3449,6 @@ declare class ScSearchInput {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScSearchInput, "sc-search-input", never, { "suggestions": { "alias": "suggestions"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "debounceMs": { "alias": "debounceMs"; "required": false; "isSignal": true; }; "minChars": { "alias": "minChars"; "required": false; "isSignal": true; }; "maxSuggestions": { "alias": "maxSuggestions"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "search": "search"; "suggestionSelect": "suggestionSelect"; "queryChange": "queryChange"; }, never, never, true, never>;
 }
 
-declare class ScSidebarState {
-    readonly open: _angular_core.WritableSignal<boolean>;
-    readonly openMobile: _angular_core.WritableSignal<boolean>;
-    readonly isMobile: _angular_core.WritableSignal<boolean>;
-    readonly state: _angular_core.Signal<"expanded" | "collapsed">;
-    toggle(): void;
-    toggleMobile(): void;
-    setOpen(value: boolean): void;
-    setOpenMobile(value: boolean): void;
-    setIsMobile(value: boolean): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScSidebarState, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ScSidebarState>;
-}
-
-declare class ScSidebarProvider implements OnInit, OnDestroy {
-    readonly state: ScSidebarState;
-    readonly classInput: _angular_core.InputSignal<string>;
-    readonly open: _angular_core.ModelSignal<boolean>;
-    protected readonly class: _angular_core.Signal<string>;
-    private keydownHandler?;
-    private resizeHandler?;
-    private readonly router;
-    constructor();
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    private saveToStorage;
-    private loadFromStorage;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScSidebarProvider, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScSidebarProvider, "div[scSidebarProvider]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, never, ["*"], true, never>;
-}
-
-declare class ScSidebar {
-    readonly state: ScSidebarState;
-    readonly side: _angular_core.InputSignal<"left" | "right">;
-    readonly variant: _angular_core.InputSignal<"sidebar" | "floating" | "inset">;
-    readonly collapsible: _angular_core.InputSignal<"none" | "icon" | "offcanvas">;
-    protected readonly isMobile: _angular_core.Signal<boolean>;
-    protected readonly gapClass: _angular_core.Signal<string>;
-    protected readonly containerClass: _angular_core.Signal<string>;
-    protected readonly innerClass: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScSidebar, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScSidebar, "div[scSidebar]", never, { "side": { "alias": "side"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-declare class ScSidebarTrigger {
-    readonly state: ScSidebarState;
-    readonly classInput: _angular_core.InputSignal<string>;
-    readonly variant: _angular_core.InputSignal<"link" | "default" | "ghost" | "outline" | "destructive" | "secondary" | null | undefined>;
-    readonly size: _angular_core.InputSignal<"default" | "sm" | "lg" | "icon" | "xs" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined>;
-    protected readonly class: _angular_core.Signal<string>;
-    protected onClick(event: MouseEvent): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScSidebarTrigger, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScSidebarTrigger, "button[scSidebarTrigger]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class ScSidebarRail {
-    readonly state: ScSidebarState;
-    readonly classInput: _angular_core.InputSignal<string>;
-    protected readonly class: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScSidebarRail, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScSidebarRail, "button[scSidebarRail]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class ScSidebarInset {
-    readonly classInput: _angular_core.InputSignal<string>;
-    protected readonly class: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScSidebarInset, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScSidebarInset, "main[scSidebarInset]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class ScSidebarHeader {
-    readonly classInput: _angular_core.InputSignal<string>;
-    protected readonly class: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScSidebarHeader, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScSidebarHeader, "div[scSidebarHeader]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class ScSidebarFooter {
-    readonly classInput: _angular_core.InputSignal<string>;
-    protected readonly class: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScSidebarFooter, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScSidebarFooter, "div[scSidebarFooter]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class ScSidebarBody {
-    readonly classInput: _angular_core.InputSignal<string>;
-    protected readonly class: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScSidebarBody, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScSidebarBody, "div[scSidebarBody]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class ScSidebarSeparator {
-    readonly classInput: _angular_core.InputSignal<string>;
-    protected readonly class: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScSidebarSeparator, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScSidebarSeparator, "div[scSidebarSeparator]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class ScSidebarInput {
-    readonly classInput: _angular_core.InputSignal<string>;
-    protected readonly class: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScSidebarInput, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScSidebarInput, "input[scSidebarInput]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class ScSidebarGroup {
-    readonly classInput: _angular_core.InputSignal<string>;
-    protected readonly class: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScSidebarGroup, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScSidebarGroup, "div[scSidebarGroup]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class ScSidebarGroupLabel {
-    readonly classInput: _angular_core.InputSignal<string>;
-    readonly asChild: _angular_core.InputSignal<boolean>;
-    protected readonly class: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScSidebarGroupLabel, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScSidebarGroupLabel, "div[scSidebarGroupLabel]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "asChild": { "alias": "asChild"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class ScSidebarGroupAction {
-    readonly classInput: _angular_core.InputSignal<string>;
-    readonly asChild: _angular_core.InputSignal<boolean>;
-    protected readonly class: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScSidebarGroupAction, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScSidebarGroupAction, "button[scSidebarGroupAction]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "asChild": { "alias": "asChild"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class ScSidebarGroupContent {
-    readonly classInput: _angular_core.InputSignal<string>;
-    protected readonly class: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScSidebarGroupContent, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScSidebarGroupContent, "div[scSidebarGroupContent]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class ScSidebarMenu {
-    readonly classInput: _angular_core.InputSignal<string>;
-    protected readonly class: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScSidebarMenu, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScSidebarMenu, "ul[scSidebarMenu]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class ScSidebarMenuItem {
-    readonly classInput: _angular_core.InputSignal<string>;
-    protected readonly class: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScSidebarMenuItem, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScSidebarMenuItem, "li[scSidebarMenuItem]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class ScSidebarMenuButton {
-    readonly classInput: _angular_core.InputSignal<string>;
-    readonly variant: _angular_core.InputSignal<"default" | "outline" | null | undefined>;
-    readonly size: _angular_core.InputSignal<"default" | "sm" | "lg" | null | undefined>;
-    readonly isActive: _angular_core.InputSignal<boolean>;
-    readonly tooltip: _angular_core.InputSignal<string | undefined>;
-    protected readonly class: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScSidebarMenuButton, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScSidebarMenuButton, "button[scSidebarMenuButton], a[scSidebarMenuButton]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "isActive": { "alias": "isActive"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class ScSidebarMenuAction {
-    readonly classInput: _angular_core.InputSignal<string>;
-    readonly asChild: _angular_core.InputSignal<boolean>;
-    readonly showOnHover: _angular_core.InputSignal<boolean>;
-    protected readonly class: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScSidebarMenuAction, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScSidebarMenuAction, "button[scSidebarMenuAction]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "asChild": { "alias": "asChild"; "required": false; "isSignal": true; }; "showOnHover": { "alias": "showOnHover"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class ScSidebarMenuBadge {
-    readonly classInput: _angular_core.InputSignal<string>;
-    protected readonly class: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScSidebarMenuBadge, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScSidebarMenuBadge, "div[scSidebarMenuBadge]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class ScSidebarMenuSkeleton {
-    readonly classInput: _angular_core.InputSignal<string>;
-    readonly showIcon: _angular_core.InputSignal<boolean>;
-    protected readonly width: string;
-    protected readonly class: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScSidebarMenuSkeleton, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScSidebarMenuSkeleton, "div[scSidebarMenuSkeleton]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class ScSidebarMenuSub {
-    readonly classInput: _angular_core.InputSignal<string>;
-    protected readonly class: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScSidebarMenuSub, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScSidebarMenuSub, "ul[scSidebarMenuSub]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class ScSidebarMenuSubItem {
-    readonly classInput: _angular_core.InputSignal<string>;
-    protected readonly class: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScSidebarMenuSubItem, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScSidebarMenuSubItem, "li[scSidebarMenuSubItem]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class ScSidebarMenuSubButton {
-    readonly classInput: _angular_core.InputSignal<string>;
-    readonly size: _angular_core.InputSignal<"sm" | "md">;
-    readonly isActive: _angular_core.InputSignal<boolean>;
-    protected readonly class: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScSidebarMenuSubButton, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScSidebarMenuSubButton, "a[scSidebarMenuSubButton], button[scSidebarMenuSubButton]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "isActive": { "alias": "isActive"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
 interface ScSignaturePoint {
     x: number;
     y: number;
@@ -4263,7 +4079,10 @@ declare class ScTimePickerClock {
     readonly timePicker: _semantic_components_ui.ScTimePicker;
     readonly classInput: _angular_core.InputSignal<string>;
     readonly mode: _angular_core.InputSignal<"hours" | "minutes">;
+    readonly valueSelected: _angular_core.OutputEmitterRef<number>;
     readonly hoveredValue: _angular_core.WritableSignal<number | null>;
+    readonly isDragging: _angular_core.WritableSignal<boolean>;
+    private readonly clockSvg;
     protected readonly class: _angular_core.Signal<string>;
     protected readonly markers: _angular_core.Signal<{
         value: number;
@@ -4276,8 +4095,15 @@ declare class ScTimePickerClock {
     protected readonly handX: _angular_core.Signal<number>;
     protected readonly handY: _angular_core.Signal<number>;
     selectValue(value: number): void;
+    protected onPointerDown(event: MouseEvent): void;
+    protected onPointerMove(event: MouseEvent): void;
+    protected onPointerUp(): void;
+    protected onTouchStart(event: TouchEvent): void;
+    protected onTouchMove(event: TouchEvent): void;
+    private selectValueFromPosition;
+    private emitValueSelected;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScTimePickerClock, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScTimePickerClock, "[scTimePickerClock]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScTimePickerClock, "[scTimePickerClock]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, { "valueSelected": "valueSelected"; }, never, never, true, never>;
 }
 
 declare class ScTimeline {
@@ -4303,7 +4129,7 @@ declare class ScTimelineConnector {
 
 declare class ScTimelineDot {
     readonly classInput: _angular_core.InputSignal<string>;
-    readonly variant: _angular_core.InputSignal<"error" | "default" | "outline" | "warning" | "success">;
+    readonly variant: _angular_core.InputSignal<"default" | "outline" | "error" | "warning" | "success">;
     readonly size: _angular_core.InputSignal<"default" | "sm" | "lg">;
     protected readonly class: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScTimelineDot, never>;
@@ -4688,6 +4514,13 @@ declare class ScTreeItemIcon {
 }
 
 declare class ScVideoPlayer {
+    private readonly el;
+    private cursorTimer;
+    private touchTimer;
+    readonly src: _angular_core.InputSignal<string>;
+    readonly poster: _angular_core.InputSignal<string>;
+    readonly classInput: _angular_core.InputSignal<string>;
+    protected readonly class: _angular_core.Signal<string>;
     readonly videoElement: _angular_core.WritableSignal<HTMLVideoElement | null>;
     readonly isPlaying: _angular_core.WritableSignal<boolean>;
     readonly isBuffering: _angular_core.WritableSignal<boolean>;
@@ -4711,9 +4544,13 @@ declare class ScVideoPlayer {
     seek(percent: number): void;
     toggleFullscreen(): void;
     togglePiP(): void;
+    onTouch(): void;
+    onFullscreenChange(): void;
+    onMouseMove(): void;
+    private clearCursorTimer;
     formatTime(seconds: number): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScVideoPlayer, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScVideoPlayer, "[scVideoPlayer]", ["scVideoPlayer"], {}, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScVideoPlayer, "[scVideoPlayer]", ["scVideoPlayer"], { "src": { "alias": "src"; "required": false; "isSignal": true; }; "poster": { "alias": "poster"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 interface ScVideoSource {
@@ -4763,19 +4600,19 @@ declare class ScVideoPlayerControls {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScVideoPlayerControls, "div[scVideoPlayerControls]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-declare class ScVideoPlayerPlayButton {
+declare class ScVideoPlayerPlayPause {
     protected readonly player: _semantic_components_ui_lab.ScVideoPlayer;
     readonly classInput: _angular_core.InputSignal<string>;
     protected readonly class: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScVideoPlayerPlayButton, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScVideoPlayerPlayButton, "button[scVideoPlayerPlay]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScVideoPlayerPlayPause, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScVideoPlayerPlayPause, "button[scVideoPlayerPlayPause]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class ScVideoPlayerProgress {
     protected readonly player: _semantic_components_ui_lab.ScVideoPlayer;
     readonly classInput: _angular_core.InputSignal<string>;
     protected readonly class: _angular_core.Signal<string>;
-    protected onClick(event: MouseEvent): void;
+    protected onSeek(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScVideoPlayerProgress, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScVideoPlayerProgress, "div[scVideoPlayerProgress]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -4798,60 +4635,71 @@ declare class ScVideoPlayerTime {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScVideoPlayerTime, "span[scVideoPlayerTime]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class ScVideoPlayerFullscreenButton {
+declare class ScVideoPlayerFullscreen {
     protected readonly player: _semantic_components_ui_lab.ScVideoPlayer;
     readonly classInput: _angular_core.InputSignal<string>;
     protected readonly class: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScVideoPlayerFullscreenButton, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScVideoPlayerFullscreenButton, "button[scVideoPlayerFullscreen]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScVideoPlayerFullscreen, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScVideoPlayerFullscreen, "button[scVideoPlayerFullscreen]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-declare class ScVideoPlayerSkipButton {
+declare class ScVideoPlayerSkip {
     protected readonly player: _semantic_components_ui_lab.ScVideoPlayer;
     readonly seconds: _angular_core.InputSignal<number>;
     readonly ariaLabel: _angular_core.InputSignal<string>;
     readonly classInput: _angular_core.InputSignal<string>;
     protected readonly class: _angular_core.Signal<string>;
     protected onClick(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScVideoPlayerSkipButton, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScVideoPlayerSkipButton, "button[scVideoPlayerSkip]", never, { "seconds": { "alias": "seconds"; "required": true; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScVideoPlayerSkip, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScVideoPlayerSkip, "button[scVideoPlayerSkip]", never, { "seconds": { "alias": "seconds"; "required": true; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-declare class ScVideoPlayerSpeedButton {
+declare class ScVideoPlayerSpeed {
     protected readonly player: _semantic_components_ui_lab.ScVideoPlayer;
+    private readonly popoverProvider;
     readonly speeds: _angular_core.InputSignal<number[]>;
     readonly classInput: _angular_core.InputSignal<string>;
-    protected readonly showMenu: _angular_core.WritableSignal<boolean>;
     protected readonly class: _angular_core.Signal<string>;
-    protected readonly buttonClass: _angular_core.Signal<string>;
     protected getSpeedItemClass(speed: number): string;
     protected setSpeed(speed: number): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScVideoPlayerSpeedButton, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScVideoPlayerSpeedButton, "div[scVideoPlayerSpeed]", never, { "speeds": { "alias": "speeds"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScVideoPlayerSpeed, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScVideoPlayerSpeed, "div[scVideoPlayerSpeed]", never, { "speeds": { "alias": "speeds"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class ScVideoPlayerPipButton {
+declare class ScVideoPlayerPip {
     protected readonly player: _semantic_components_ui_lab.ScVideoPlayer;
     readonly classInput: _angular_core.InputSignal<string>;
     protected readonly class: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScVideoPlayerPipButton, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScVideoPlayerPipButton, "button[scVideoPlayerPip]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScVideoPlayerPip, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScVideoPlayerPip, "button[scVideoPlayerPip]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-declare class ScVideoPlayerBigPlayButton {
+declare class ScVideoPlayerBigPlay {
     protected readonly player: _semantic_components_ui_lab.ScVideoPlayer;
     readonly classInput: _angular_core.InputSignal<string>;
     protected readonly class: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScVideoPlayerBigPlayButton, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScVideoPlayerBigPlayButton, "button[scVideoPlayerBigPlay]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScVideoPlayerBigPlay, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScVideoPlayerBigPlay, "button[scVideoPlayerBigPlay]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-declare class ScVideoPlayerBuffering {
+declare class ScVideoPlayerBufferingIndicator {
     protected readonly player: _semantic_components_ui_lab.ScVideoPlayer;
     readonly classInput: _angular_core.InputSignal<string>;
     protected readonly class: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScVideoPlayerBuffering, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScVideoPlayerBuffering, "div[scVideoPlayerBuffering]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScVideoPlayerBufferingIndicator, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScVideoPlayerBufferingIndicator, "svg[scVideoPlayerBufferingIndicator]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ScVideoPlayerToolbar {
+    readonly classInput: _angular_core.InputSignal<string>;
+    protected readonly class: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScVideoPlayerToolbar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScVideoPlayerToolbar, "div[scVideoPlayerToolbar]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class ScVideoPlayerSpacer {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScVideoPlayerSpacer, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScVideoPlayerSpacer, "div[scVideoPlayerSpacer]", never, {}, {}, never, never, true, never>;
 }
 
 interface VirtualListRange {
@@ -5067,5 +4915,5 @@ declare class ScLanguageButton {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScLanguageButton, "button[scLanguageButton], a[scLanguageButton]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showNativeLabels": { "alias": "showNativeLabels"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { AuthLayout, CHART_COLORS, COUNTRIES, DEFAULT_BREAKPOINTS, DEFAULT_CONFETTI_OPTIONS, DEFAULT_CONFIG, DEFAULT_COUNTER_OPTIONS, DEFAULT_DOCK_OPTIONS, DEFAULT_SEARCH_OPTIONS, DEFAULT_TOOLBAR_CONFIG, SC_AUDIO_PLAYER, SC_CHART, SC_COLOR_PICKER, SC_DATA_TABLE, SC_IMAGE_COMPARE, SC_IMAGE_CROPPER, SC_LANGUAGE_CONFIG, SC_LIGHTBOX, SC_NOTIFICATION_CENTER, SC_NUMBER_FIELD, SC_PASSWORD_FIELD, SC_PDF_VIEWER, SC_RATING_FIELD, SC_RATING_ITEM_GROUP, SC_SIGNATURE_PAD, SC_SORTABLE_ITEM, SC_SORTABLE_LIST, SC_STEPPER, SC_STEPPER_ITEM, SC_TAG_INPUT, SC_TIMEZONE_CONFIG, SC_TREE_ITEM, ScAnimatedCounter, ScAudioPlayer, ScAudioPlayerCover, ScAudioPlayerInfo, ScAudioPlayerNext, ScAudioPlayerPlayButton, ScAudioPlayerPrevious, ScAudioPlayerProgress, ScAudioPlayerRepeat, ScAudioPlayerShuffle, ScAudioPlayerVolume, ScAutoMarquee, ScBarChart, ScBarcodeScanner, ScBarcodeScannerSimple, ScButtonPattern, ScChartContainer, ScChartLegend, ScChartTooltip, ScColorPicker, ScColorPickerArea, ScColorPickerEyeDropper, ScColorPickerHue, ScColorPickerInput, ScColorPickerPreview, ScColorPickerSwatches, ScCombobox, ScComboboxEmpty, ScComboboxIcon, ScComboboxInput, ScComboboxItem, ScComboboxItemIndicator, ScComboboxList, ScComboboxPortal, ScComboboxTrigger, ScCommand, ScCommandEmpty, ScCommandGroup, ScCommandGroupHeading, ScCommandInput, ScCommandItem, ScCommandList, ScCommandSeparator, ScCommandShortcut, ScConfetti, ScContextMenu, ScContextMenuContent, ScContextMenuItem, ScContextMenuLabel, ScContextMenuSeparator, ScContextMenuShortcut, ScContextMenuSub, ScContextMenuSubContent, ScContextMenuSubTrigger, ScContextMenuTrigger, ScCopyButton, ScCopyButtonWithText, ScCopyCode, ScCopyInput, ScCountdown, ScCountdownSimple, ScDataTable, ScDataTableBody, ScDataTableCell, ScDataTableColumnToggle, ScDataTableFilter, ScDataTableHead, ScDataTableHeader, ScDataTablePagination, ScDataTableRow, ScDateRangePicker, ScDiffViewer, ScDock, ScDockBadge, ScDockItem, ScDockItems, ScDonutChart, ScEmojiPicker, ScEmojiPickerTrigger, ScImageAnnotator, ScImageCompareDirective as ScImageCompare, ScImageCompareAfter, ScImageCompareBefore, ScImageCompareContainer, ScImageCompareDirective, ScImageCompareLabel, ScImageCompareSlider, ScImageCropperDirective as ScImageCropper, ScImageCropperAspectRatio, ScImageCropperContainer, ScImageCropperControls, ScImageCropperDirective, ScImageCropperPreview, ScInfiniteScroll, ScInfiniteScrollEnd, ScInfiniteScrollLoader, ScKanbanBoard, ScKanbanCard, ScKanbanColumn, ScLanguageButton, ScLanguageSelect, ScLanguageService, ScLanguageToggle, ScLightboxDirective as ScLightbox, ScLightboxContainer, ScLightboxDirective, ScLightboxGallery, ScLightboxTrigger, ScLineChart, ScMarquee, ScMarqueeClone, ScMarqueeFade, ScMarqueeItem, ScMarqueeText, ScMasonryGrid, ScMasonryItem, ScMentionInput, ScMultiSelect, ScNativeCheckbox, ScNavbar, ScNavbarActions, ScNavbarBrand, ScNavbarGroup, ScNavbarMobileLink, ScNavbarMobileMenu, ScNavbarMobilePortal, ScNavbarMobileTrigger, ScNavbarProvider, ScNotificationCenterDirective as ScNotificationCenter, ScNotificationCenterContainer, ScNotificationCenterDirective, ScNotificationGroup, ScNotificationItem, ScNumberField, ScNumberFieldDecrement, ScNumberFieldIncrement, ScNumberFieldInput, ScNumberFieldInputGroup, ScNumberFieldScrubArea, ScOptField, ScOptFieldSeparator, ScOptFieldSlot, ScOptFieldSlotCaret, ScOptFieldSlotChar, ScOptFieldSlotGroup, ScOptFieldSlotInput, ScOrgChart, ScOrgChartNode, ScPasswordField, ScPasswordFieldInput, ScPasswordFieldInputGroup, ScPasswordFieldRequirements, ScPasswordFieldStrength, ScPasswordFieldStrengthBar, ScPasswordFieldToggle, ScPdfViewer, ScPdfViewerContainer, ScPdfViewerContent, ScPdfViewerDownload, ScPdfViewerEmpty, ScPdfViewerError, ScPdfViewerFullscreen, ScPdfViewerLoading, ScPdfViewerNav, ScPdfViewerNextPage, ScPdfViewerPageInfo, ScPdfViewerPrevPage, ScPdfViewerPrint, ScPdfViewerRetry, ScPdfViewerRoot, ScPdfViewerRotateLeft, ScPdfViewerRotateRight, ScPdfViewerSeparator, ScPdfViewerSpacer, ScPdfViewerToolbar$1 as ScPdfViewerToolbar, ScPdfViewerToolbar as ScPdfViewerToolbarLegacy, ScPdfViewerZoom, ScPdfViewerZoomIn, ScPdfViewerZoomOut, ScPdfViewerZoomSelect, ScPhoneInput, ScPhoneInputSimple, ScPieChart, ScQrCode, ScQrCodeDownload, ScRatingField, ScRatingFieldItem, ScRatingItemGroup, ScResizableHandle, ScResizablePanel, ScResizablePanelGroup, ScSearchInput, ScSidebar, ScSidebarBody, ScSidebarFooter, ScSidebarGroup, ScSidebarGroupAction, ScSidebarGroupContent, ScSidebarGroupLabel, ScSidebarHeader, ScSidebarInput, ScSidebarInset, ScSidebarLayout, ScSidebarMenu, ScSidebarMenuAction, ScSidebarMenuBadge, ScSidebarMenuButton, ScSidebarMenuItem, ScSidebarMenuSkeleton, ScSidebarMenuSub, ScSidebarMenuSubButton, ScSidebarMenuSubItem, ScSidebarProvider, ScSidebarRail, ScSidebarSeparator, ScSidebarState, ScSidebarTrigger, ScSignaturePad, ScSignaturePadCanvas, ScSignaturePadClearButton, ScSignaturePadColorButton, ScSignaturePadControls, ScSignaturePadToolbar, ScSignaturePadUndoButton, ScSignaturePadWidthButton, ScSortableHandle, ScSortableItem, ScSortableList, ScSortableOverlay, ScSpeedDial, ScSpeedDialAction, ScSplitButton, ScSpotlight, ScSpotlightActions, ScSpotlightDescription, ScSpotlightTitle, ScStackedLayout, ScStatCard, ScStatCardChange, ScStatCardDescription, ScStatCardIcon, ScStatCardLabel, ScStatCardValue, ScStepper, ScStepperContent, ScStepperDescription, ScStepperItem, ScStepperList, ScStepperNext, ScStepperPrevious, ScStepperSeparator, ScStepperTitle, ScStepperTrigger, ScTagInput, ScTagInputClear, ScTagInputCount, ScTagInputField, ScTagInputTag, ScTheme, ScThemeField, ScThemeSelect, ScThemeToggle, ScTimePickerClock, ScTimeline, ScTimelineConnector, ScTimelineContent, ScTimelineDescription, ScTimelineDot, ScTimelineItem, ScTimelineTime, ScTimelineTitle, ScTimezoneBadge, ScTimezoneButton, ScTimezoneDisplay, ScTimezoneSelect, ScTimezoneService, ScTourGuide, ScTransferList, ScTree, ScTreeItem, ScTreeItemGroup, ScTreeItemIcon, ScTreeItemTrigger, ScTreeItemTriggerIcon, ScVideoPlayer, ScVideoPlayerBigPlayButton, ScVideoPlayerBuffering, ScVideoPlayerControls, ScVideoPlayerFullscreenButton, ScVideoPlayerPipButton, ScVideoPlayerPlayButton, ScVideoPlayerProgress, ScVideoPlayerSkipButton, ScVideoPlayerSpeedButton, ScVideoPlayerTime, ScVideoPlayerVideo, ScVideoPlayerVolume, ScVirtualList, ScVirtualScroll, TourService, ZOOM_LEVELS, computeDiff, computeWordDiff, createScDateRangePresets, createUnifiedDiff, getCountryByCode, getCountryByDialCode, sizeStyles, variantStyles };
-export type { AnimatedCounterEasing, AnimatedCounterOptions, Annotation, AnnotationPoint, AnnotationTool, BarcodeFormat, BarcodeResult, ChartConfig, ChartDataPoint, ColumnDef, ColumnVisibilityState, ConfettiOptions, ConfettiParticle, ConfettiShape, CountdownTime, Country, CropArea, CropResult, DiffLine, DiffOptions, DiffResult, DiffViewMode, DockItem, DockOptions, DockPosition, DockSize, Emoji, EmojiCategory, HSL, HSV, ImageAnnotatorState, KanbanAssignee, KanbanCard, KanbanCardAddEvent, KanbanCardDeleteEvent, KanbanColumn, KanbanDragEvent, KanbanLabel, Language, LanguageConfig, LightboxImage, MasonryBreakpoint, MasonryConfig, MasonryLayoutMode, MentionUser, MultiSelectOption, Notification, NotificationAction, NotificationActionEvent, NotificationDismissEvent, NotificationFilter, NotificationGroup, NotificationGroupCollapseEvent, NotificationMarkReadEvent, NotificationType, OrgChartDirection, OrgChartNode, OrgChartNodeClickEvent, OrgChartNodeExpandEvent, PdfErrorEvent, PdfLoadEvent, PdfPageChangeEvent, PdfToolbarConfig, PdfZoomChangeEvent, PdfZoomLevel, QRErrorCorrectionLevel, RGB, ResizableDirection, ScAudioTrack, ScDateRangePreset, ScNotificationCenter as ScNotificationCenterType, ScPasswordFieldContext, ScPasswordRequirement, ScSignatureLine, ScSignaturePoint, ScVideoSource, ScVideoTrack, SearchInputOptions, SearchSuggestion, SortDirection, SortableEvent, SortingState, SpeedDialAction, SpeedDialActionClickEvent, SpeedDialDirection, SplitButtonAction, SplitButtonSize, SplitButtonVariant, SpotlightOptions, StatCardSize, StatCardTrend, StatCardVariant, StepperOrientation, Theme, ThemeToggleSize, ThemeToggleVariant, Timezone, TimezoneConfig, TimezoneSize, TimezoneVariant, TourOptions, TourStep, TransferListItem, TransferListState, VirtualListItem, VirtualListRange };
+export { AuthLayout, CHART_COLORS, COUNTRIES, DEFAULT_BREAKPOINTS, DEFAULT_CONFETTI_OPTIONS, DEFAULT_CONFIG, DEFAULT_COUNTER_OPTIONS, DEFAULT_DOCK_OPTIONS, DEFAULT_SEARCH_OPTIONS, DEFAULT_TOOLBAR_CONFIG, SC_AUDIO_PLAYER, SC_CHART, SC_COLOR_PICKER, SC_DATA_TABLE, SC_IMAGE_COMPARE, SC_IMAGE_CROPPER, SC_LANGUAGE_CONFIG, SC_LIGHTBOX, SC_NOTIFICATION_CENTER, SC_NUMBER_FIELD, SC_PASSWORD_FIELD, SC_PDF_VIEWER, SC_RATING_FIELD, SC_RATING_ITEM_GROUP, SC_SIGNATURE_PAD, SC_SORTABLE_ITEM, SC_SORTABLE_LIST, SC_STEPPER, SC_STEPPER_ITEM, SC_TAG_INPUT, SC_TIMEZONE_CONFIG, SC_TREE_ITEM, ScAnimatedCounter, ScAudioPlayer, ScAudioPlayerControls, ScAudioPlayerCover, ScAudioPlayerNext, ScAudioPlayerPlay, ScAudioPlayerPrevious, ScAudioPlayerProgress, ScAudioPlayerRepeat, ScAudioPlayerShuffle, ScAudioPlayerTrackInfo, ScAudioPlayerVolume, ScAutoMarquee, ScBarChart, ScBarcodeScanner, ScBarcodeScannerSimple, ScButtonPattern, ScChartContainer, ScChartLegend, ScChartTooltip, ScColorPicker, ScColorPickerArea, ScColorPickerEyeDropper, ScColorPickerHue, ScColorPickerInput, ScColorPickerPreview, ScColorPickerSwatches, ScCombobox, ScComboboxEmpty, ScComboboxIcon, ScComboboxInput, ScComboboxItem, ScComboboxItemIndicator, ScComboboxList, ScComboboxPortal, ScComboboxTrigger, ScCommand, ScCommandEmpty, ScCommandGroup, ScCommandGroupHeading, ScCommandInput, ScCommandItem, ScCommandList, ScCommandSeparator, ScCommandShortcut, ScConfetti, ScContextMenu, ScContextMenuContent, ScContextMenuItem, ScContextMenuLabel, ScContextMenuSeparator, ScContextMenuShortcut, ScContextMenuSub, ScContextMenuSubContent, ScContextMenuSubTrigger, ScContextMenuTrigger, ScCopyButton, ScCopyButtonWithText, ScCopyCode, ScCopyInput, ScCountdown, ScCountdownSimple, ScDataTable, ScDataTableBody, ScDataTableCell, ScDataTableColumnToggle, ScDataTableFilter, ScDataTableHead, ScDataTableHeader, ScDataTablePagination, ScDataTableRow, ScDateRangePicker, ScDiffViewer, ScDock, ScDockBadge, ScDockItem, ScDockItems, ScDonutChart, ScEmojiPicker, ScEmojiPickerTrigger, ScImageAnnotator, ScImageCompare, ScImageCompareAfter, ScImageCompareArea, ScImageCompareBefore, ScImageCompareLabel, ScImageCompareSlider, ScImageCropper, ScImageCropperAspectRatio, ScImageCropperCanvas, ScImageCropperDragRegion, ScImageCropperFileInput, ScImageCropperFlipH, ScImageCropperFlipV, ScImageCropperGrid, ScImageCropperHandle, ScImageCropperImage, ScImageCropperOverlay, ScImageCropperPreview, ScImageCropperReset, ScImageCropperRotateLeft, ScImageCropperRotateRight, ScImageCropperSelection, ScImageCropperZoomIn, ScImageCropperZoomOut, ScImageCropperZoomSlider, ScInfiniteScroll, ScInfiniteScrollEnd, ScInfiniteScrollLoader, ScKanbanBoard, ScKanbanCard, ScKanbanColumn, ScLanguageButton, ScLanguageSelect, ScLanguageService, ScLanguageToggle, ScLightboxDirective as ScLightbox, ScLightboxContainer, ScLightboxDirective, ScLightboxGallery, ScLightboxTrigger, ScLineChart, ScMarquee, ScMarqueeClone, ScMarqueeFade, ScMarqueeItem, ScMarqueeText, ScMasonryGrid, ScMasonryItem, ScMentionInput, ScMultiSelect, ScNativeCheckbox, ScNavbar, ScNavbarActions, ScNavbarBrand, ScNavbarGroup, ScNavbarMobileLink, ScNavbarMobileMenu, ScNavbarMobilePortal, ScNavbarMobileTrigger, ScNavbarProvider, ScNotificationCenterDirective as ScNotificationCenter, ScNotificationCenterContainer, ScNotificationCenterDirective, ScNotificationGroup, ScNotificationItem, ScNumberField, ScNumberFieldDecrement, ScNumberFieldIncrement, ScNumberFieldInput, ScNumberFieldInputGroup, ScNumberFieldScrubArea, ScOptField, ScOptFieldSeparator, ScOptFieldSlot, ScOptFieldSlotCaret, ScOptFieldSlotChar, ScOptFieldSlotGroup, ScOptFieldSlotInput, ScOrgChart, ScOrgChartNode, ScPasswordField, ScPasswordFieldInput, ScPasswordFieldInputGroup, ScPasswordFieldRequirements, ScPasswordFieldStrength, ScPasswordFieldStrengthBar, ScPasswordFieldToggle, ScPdfViewer, ScPdfViewerContainer, ScPdfViewerContent, ScPdfViewerDownload, ScPdfViewerEmpty, ScPdfViewerError, ScPdfViewerFullscreen, ScPdfViewerLoading, ScPdfViewerNav, ScPdfViewerNextPage, ScPdfViewerPageInfo, ScPdfViewerPrevPage, ScPdfViewerPrint, ScPdfViewerRetry, ScPdfViewerRoot, ScPdfViewerRotateLeft, ScPdfViewerRotateRight, ScPdfViewerSeparator, ScPdfViewerSpacer, ScPdfViewerToolbar$1 as ScPdfViewerToolbar, ScPdfViewerToolbar as ScPdfViewerToolbarLegacy, ScPdfViewerZoom, ScPdfViewerZoomIn, ScPdfViewerZoomOut, ScPdfViewerZoomSelect, ScPhoneInput, ScPhoneInputSimple, ScPieChart, ScQrCode, ScQrCodeDownload, ScRatingField, ScRatingFieldItem, ScRatingItemGroup, ScSearchInput, ScSidebarLayout, ScSignaturePad, ScSignaturePadCanvas, ScSignaturePadClearButton, ScSignaturePadColorButton, ScSignaturePadControls, ScSignaturePadToolbar, ScSignaturePadUndoButton, ScSignaturePadWidthButton, ScSortableHandle, ScSortableItem, ScSortableList, ScSortableOverlay, ScSpeedDial, ScSpeedDialAction, ScSplitButton, ScSpotlight, ScSpotlightActions, ScSpotlightDescription, ScSpotlightTitle, ScStackedLayout, ScStatCard, ScStatCardChange, ScStatCardDescription, ScStatCardIcon, ScStatCardLabel, ScStatCardValue, ScStepper, ScStepperContent, ScStepperDescription, ScStepperItem, ScStepperList, ScStepperNext, ScStepperPrevious, ScStepperSeparator, ScStepperTitle, ScStepperTrigger, ScTagInput, ScTagInputClear, ScTagInputCount, ScTagInputField, ScTagInputTag, ScTheme, ScThemeField, ScThemeSelect, ScThemeToggle, ScTimePickerClock, ScTimeline, ScTimelineConnector, ScTimelineContent, ScTimelineDescription, ScTimelineDot, ScTimelineItem, ScTimelineTime, ScTimelineTitle, ScTimezoneBadge, ScTimezoneButton, ScTimezoneDisplay, ScTimezoneSelect, ScTimezoneService, ScTourGuide, ScTransferList, ScTree, ScTreeItem, ScTreeItemGroup, ScTreeItemIcon, ScTreeItemTrigger, ScTreeItemTriggerIcon, ScVideoPlayer, ScVideoPlayerBigPlay, ScVideoPlayerBufferingIndicator, ScVideoPlayerControls, ScVideoPlayerFullscreen, ScVideoPlayerPip, ScVideoPlayerPlayPause, ScVideoPlayerProgress, ScVideoPlayerSkip, ScVideoPlayerSpacer, ScVideoPlayerSpeed, ScVideoPlayerTime, ScVideoPlayerToolbar, ScVideoPlayerVideo, ScVideoPlayerVolume, ScVirtualList, ScVirtualScroll, TourService, ZOOM_LEVELS, computeDiff, computeWordDiff, createScDateRangePresets, createUnifiedDiff, getCountryByCode, getCountryByDialCode, sizeStyles, variantStyles };
+export type { AnimatedCounterEasing, AnimatedCounterOptions, Annotation, AnnotationPoint, AnnotationTool, BarcodeFormat, BarcodeResult, ChartConfig, ChartDataPoint, ColumnDef, ColumnVisibilityState, ConfettiOptions, ConfettiParticle, ConfettiShape, CountdownTime, Country, DiffLine, DiffOptions, DiffResult, DiffViewMode, DockItem, DockOptions, DockPosition, DockSize, Emoji, EmojiCategory, HSL, HSV, ImageAnnotatorState, KanbanAssignee, KanbanCard, KanbanCardAddEvent, KanbanCardDeleteEvent, KanbanColumn, KanbanDragEvent, KanbanLabel, Language, LanguageConfig, LightboxImage, MasonryBreakpoint, MasonryConfig, MasonryLayoutMode, MentionUser, MultiSelectOption, Notification, NotificationAction, NotificationActionEvent, NotificationDismissEvent, NotificationFilter, NotificationGroup, NotificationGroupCollapseEvent, NotificationMarkReadEvent, NotificationType, OrgChartDirection, OrgChartNode, OrgChartNodeClickEvent, OrgChartNodeExpandEvent, PdfErrorEvent, PdfLoadEvent, PdfPageChangeEvent, PdfToolbarConfig, PdfZoomChangeEvent, PdfZoomLevel, QRErrorCorrectionLevel, RGB, ScAudioTrack, ScDateRangePreset, ScImageCropperArea, ScImageCropperHandlePosition, ScImageCropperResult, ScNotificationCenter as ScNotificationCenterType, ScPasswordFieldContext, ScPasswordRequirement, ScSignatureLine, ScSignaturePoint, ScVideoSource, ScVideoTrack, SearchInputOptions, SearchSuggestion, SortDirection, SortableEvent, SortingState, SpeedDialAction, SpeedDialActionClickEvent, SpeedDialDirection, SplitButtonAction, SplitButtonSize, SplitButtonVariant, SpotlightOptions, StatCardSize, StatCardTrend, StatCardVariant, StepperOrientation, Theme, ThemeToggleSize, ThemeToggleVariant, Timezone, TimezoneConfig, TimezoneSize, TimezoneVariant, TourOptions, TourStep, TransferListItem, TransferListState, VirtualListItem, VirtualListRange };