@scion/components 19.3.0 → 21.0.0

package/dimension/dimension.d.ts

@@ -1,10 +0,0 @@
-/**
- * Represents the dimension of an element.
- */
-export interface SciDimension {
-    offsetWidth: number;
-    offsetHeight: number;
-    clientWidth: number;
-    clientHeight: number;
-    element: HTMLElement;
-}

package/dimension/dimension.directive.d.ts

@@ -1,25 +0,0 @@
-import { SciDimension } from './dimension';
-import * as i0 from "@angular/core";
-/**
- * Observes the size of the host element.
- *
- * ---
- * Usage:
- *
- * ```html
- * <div sciDimension (sciDimensionChange)="onDimensionChange($event)"></div>
- * ```
- */
-export declare class SciDimensionDirective {
-    /**
-     * Controls if to output outside the Angular zone. Defaults to `false`.
-     */
-    readonly emitOutsideAngular: import("@angular/core").InputSignal<boolean>;
-    /**
-     * Outputs the size of the element.
-     */
-    readonly dimensionChange: import("@angular/core").OutputEmitterRef<SciDimension>;
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<SciDimensionDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SciDimensionDirective, "[sciDimension]", never, { "emitOutsideAngular": { "alias": "emitOutsideAngular"; "required": false; "isSignal": true; }; }, { "dimensionChange": "sciDimensionChange"; }, never, never, true, never>;
-}

package/dimension/dimension.module.d.ts

@@ -1,14 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./dimension.directive";
-/**
- * Provides a directive for observing changes to the size of the host element.
- *
- * @deprecated since version 19.0.0; Import standalone directive instead; API will be removed in a future release.
- *
- * @see fromDimension$
- */
-export declare class SciDimensionModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SciDimensionModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SciDimensionModule, never, [typeof i1.SciDimensionDirective], [typeof i1.SciDimensionDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<SciDimensionModule>;
-}

package/dimension/dimension.signal.d.ts

@@ -1,19 +0,0 @@
-import { ElementRef, Injector, Signal } from '@angular/core';
-import { SciDimension } from './dimension';
-/**
- * Creates a signal observing the size of an element.
- *
- * The element can be passed as a signal, enabling observation of view children in the component constructor.
- *
- * The signal subscribes to the native {@link ResizeObserver} to monitor element size changes. Destroying the injection context will unsubscribe the observer.
- *
- * Usage:
- * - Must be called within an injection context or an injector provided. Destroying the injector will unsubscribe the signal.
- * - Must not be called within a reactive context to avoid repeated subscriptions.
- */
-export declare function dimension(elementLike: HTMLElement | ElementRef<HTMLElement> | Signal<HTMLElement | ElementRef<HTMLElement>>, options?: {
-    injector?: Injector;
-}): Signal<SciDimension>;
-export declare function dimension(elementLike: HTMLElement | ElementRef<HTMLElement> | Signal<HTMLElement | ElementRef<HTMLElement> | undefined>, options?: {
-    injector?: Injector;
-}): Signal<SciDimension | undefined>;

package/dimension/index.d.ts

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

package/dimension/public_api.d.ts

@@ -1,5 +0,0 @@
-export { SciDimensionModule } from './dimension.module';
-export { SciDimensionDirective } from './dimension.directive';
-export { dimension } from './dimension.signal';
-export { boundingClientRect } from './bounding-client-rect.signal';
-export { type SciDimension } from './dimension';

package/index.d.ts

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

package/public-api.d.ts

@@ -1,4 +0,0 @@
-/**
- * Primary entry point for all public APIs of this package.
- */
-export {} from '';

package/sashbox/element-ref.directive.d.ts

@@ -1,9 +0,0 @@
-import * as i0 from "@angular/core";
-/**
- * Provides access to the native {@link HTMLElement} of the host.
- */
-export declare class SciElementRefDirective {
-    readonly host: HTMLElement;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SciElementRefDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SciElementRefDirective, "[sciElementRef]", ["sciElementRef"], {}, {}, never, never, true, never>;
-}

package/sashbox/index.d.ts

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

package/sashbox/public_api.d.ts

@@ -1,3 +0,0 @@
-export { SciSashboxModule } from './sashbox.module';
-export { SciSashboxComponent } from './sashbox.component';
-export { SciSashDirective } from './sash.directive';

package/sashbox/sash/sash.component.d.ts

@@ -1,31 +0,0 @@
-import { Signal } from '@angular/core';
-import { SciSashDirective } from '../sash.directive';
-import * as i0 from "@angular/core";
-/**
- * Represents a {@link SciSashDirective} in the DOM, displaying the specified sash template.
- */
-export declare class SashComponent {
-    /**
-     * Specifies the sash representing this component.
-     */
-    readonly sash: import("@angular/core").InputSignal<SciSashDirective>;
-    private readonly _host;
-    private readonly _cd;
-    private readonly _sashBoxAccessor;
-    protected readonly animationState: import("@angular/core").WritableSignal<"enter" | "leave" | null>;
-    constructor();
-    /**
-     * Starts the leave animation, returning a signal to track animation completion.
-     */
-    startLeaveAnimation(): Signal<void>;
-    /**
-     * Notifies when ending the animation.
-     */
-    protected onAnimationEnd(): void;
-    /**
-     * Gets the size of this sash in pixel.
-     */
-    get size(): number;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SashComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SashComponent, "sci-sash", never, { "sash": { "alias": "sash"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
-}

package/sashbox/sash.directive.d.ts

@@ -1,70 +0,0 @@
-import * as i0 from "@angular/core";
-/**
- * Use this directive to model a sash for {@link SciSashboxComponent}.
- * The host element of this modelling directive must be a <ng-template> which is used as sash template.
- *
- *
- * ### Usage:
- *
- * <sci-sashbox direction="row">
- *   <!-- fixed size sash -->
- *   <ng-template sciSash size="200px">
- *     ...
- *   </ng-template>
- *
- *   <!-- sash which takes the remaining space -->
- *   <ng-template sciSash>
- *     ...
- *   </ng-template>
- * </sci-sashbox>
- */
-export declare class SciSashDirective {
-    /**
-     * Specifies the sash size, either as fixed size with an explicit unit,
-     * or as a unitless proportion to distribute remaining space. A proportional
-     * sash has the ability to grow or shrink if necessary, and must be >= 1.
-     *
-     * If not set, remaining space is distributed equally.
-     */
-    readonly size: import("@angular/core").InputSignalWithTransform<string | number, string | number | null | undefined>;
-    /**
-     * Specifies the minimal sash size in pixel or percent.
-     * The min-size prevents the user from shrinking the sash below this minimal size.
-     *
-     * If the unit is omitted, the value is interpreted as a pixel value.
-     */
-    readonly minSize: import("@angular/core").InputSignal<string | number | undefined>;
-    /**
-     * Specifies an optional key to identify this sash.
-     *
-     * The key is used as the property key in the object emitted by {@link SciSashboxComponent.sashEnd2} to associate the size of this sash.
-     */
-    readonly key: import("@angular/core").InputSignal<string | undefined>;
-    /**
-     * Controls whether to animate the entering and leaving of this sash, only if fixed-sized. Defaults to `false`.
-     *
-     * Enabling animation will mimic the behavior of a side panel that slides in or out.
-     *
-     * Note: Animates only sashes added or removed after the initial rendering.
-     */
-    readonly animate: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    private readonly _sashBoxAccessor;
-    private readonly _component;
-    /**
-     * Flex properties computed based on the configured {@link size}. Properties are updated when moving this sash.
-     */
-    private readonly _flexProperties;
-    /**
-     * Computes the flex properties to lay out this sash in the sashbox's flex layout based on the configured {@link size}.
-     */
-    private computeFlexProperties;
-    /**
-     * Normalizes the 'flex-grow' of the passed {@link FlexProperties} to ensure that the sum of the 'flex-grow' proportions of all sashes is 1.
-     *
-     * If the sum of all flex-grow proportions were less than 1, the sashes would not fill the entire sash-box space.
-     * Without normalization, this could occur when a sash is removed.
-     */
-    private normalizeFlexGrow;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SciSashDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SciSashDirective, "ng-template[sciSash]", ["sciSash"], { "size": { "alias": "size"; "required": false; "isSignal": true; }; "minSize": { "alias": "minSize"; "required": false; "isSignal": true; }; "key": { "alias": "key"; "required": false; "isSignal": true; }; "animate": { "alias": "animate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}

package/sashbox/sashbox-accessor.d.ts

@@ -1,10 +0,0 @@
-import { SciSashDirective } from './sash.directive';
-import { Signal } from '@angular/core';
-/**
- * Allows accessing the sashbox component from sashes.
- */
-export declare abstract class SciSashBoxAccessor {
-    abstract readonly sashes: Signal<readonly SciSashDirective[]>;
-    abstract readonly direction: Signal<'column' | 'row'>;
-    abstract readonly afterFirstRender: Signal<boolean>;
-}

package/sashbox/sashbox.component.d.ts

@@ -1,110 +0,0 @@
-import { SplitterMoveEvent } from '@scion/components/splitter';
-import * as i0 from "@angular/core";
-/**
- * The <sci-sashbox> is like a CSS flexbox container that lays out its content children (sashes) in a row (which is by default)
- * or column arrangement (as specified by the direction property). A splitter is added between each child to allow the user to
- * shrink or stretch the individual sashes.
- *
- * Sashes are modelled as <ng-template> decorated with the 'sciSash' directive.
- * A sash can have a fixed size with an explicit unit, or a unitless proportion to distribute remaining space.
- * A proportional sash has the ability to grow or shrink if necessary.
- *
- * Sash content is added to a CSS grid container with a single column, stretching the content vertically and horizontally.
- *
- * ### Usage
- *
- * ```html
- * <sci-sashbox direction="row">
- *   <ng-template sciSash size="1">
- *     ...
- *   </ng-template>
- *
- *   <ng-template sciSash size="2">
- *     ...
- *   </ng-template>
- *
- *   <ng-template sciSash size="1">
- *     ...
- *   </ng-template>
- * </sci-sashbox>
- * ```
- *
- * ### Styling
- *
- * To customize the default look of SCION components or support different themes, configure the `@scion/components` SCSS module in `styles.scss`.
- * To style a specific `sci-sashbox` component, the following CSS variables can be set directly on the component.
- *
- * - --sci-sashbox-gap: Sets the gaps (gutters) between sashes.
- * - --sci-sashbox-splitter-background-color: Sets the background color of the splitter.
- * - --sci-sashbox-splitter-background-color-hover: Sets the background color of the splitter when hovering it.
- * - --sci-sashbox-splitter-size: Sets the size of the splitter along the main axis.
- * - --sci-sashbox-splitter-size-hover: Sets the size of the splitter along the main axis when hovering it.
- * - --sci-sashbox-splitter-touch-target-size: Sets the touch target size to move the splitter (accessibility).
- * - --sci-sashbox-splitter-cross-axis-size: Sets the splitter size along the cross axis.
- * - --sci-sashbox-splitter-border-radius: Sets the border radius of the splitter.
- * - --sci-sashbox-splitter-opacity-active: Sets the opacity of the splitter while the user moves the splitter.
- * - --sci-sashbox-splitter-opacity-hover: Sets the opacity of the splitter when hovering it.
- *
- * Example:
- *
- * ```scss
- * sci-sashbox {
- *   --sci-sashbox-splitter-background-color: black;
- *   --sci-sashbox-splitter-background-color-hover: black;
- * }
- * ```
- */
-export declare class SciSashboxComponent {
-    /**
-     * Specifies if to lay out sashes in a row (which is by default) or column arrangement.
-     */
-    readonly direction: import("@angular/core").InputSignal<"column" | "row">;
-    /**
-     * Notifies when start sashing.
-     */
-    readonly sashStart: import("@angular/core").OutputEmitterRef<void>;
-    /**
-     * Emits an array with new sash sizes when sashing ends.
-     *
-     * The array contains the sash sizes in display order.
-     *
-     * TODO [Angular 20] BREAKING CHANGE: Change signature from `number[]` to `{[key: string]: number}` and remove {@link sashEnd2}.
-     */
-    readonly sashEnd: import("@angular/core").OutputEmitterRef<number[]>;
-    /**
-     * Emits an object with new sash sizes when sashing ends.
-     *
-     * Each sash size is associated with its {@link SciSashDirective.key} or its display position (zero-based) if not set.
-     *
-     * Note: This output will be renamed to `sashEnd` in version 20, changing the signature of {@link sashEnd} from `number[]` to `{[key: string]: number}`.
-     *
-     * TODO [Angular 20] BREAKING CHANGE: Replace with {@link sashEnd}.
-     */
-    readonly sashEnd2: import("@angular/core").OutputEmitterRef<{
-        [key: string]: number;
-    }>;
-    private readonly _host;
-    private readonly _contentChildren;
-    protected sashing: boolean;
-    protected maxHeight: number | undefined;
-    protected maxWidth: number | undefined;
-    constructor();
-    protected onSashStart(): void;
-    protected onSashEnd(): void;
-    protected onSash(splitter: HTMLElement, sashIndex: number, moveEvent: SplitterMoveEvent): void;
-    protected onSashReset(sashIndex: number): void;
-    private toPixel;
-    /**
-     * Detects when rendered this component for the first time.
-     */
-    private detectFirstRendering;
-    /**
-     * Mirrors the provided signal. If animated sashes are being removed, delays emission until the animation completes,
-     * effectively removing the element after the animation.
-     *
-     * Delayed removal is required for CDK Portals to not remove displayed content immediately.
-     */
-    private computeSashes;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SciSashboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SciSashboxComponent, "sci-sashbox", never, { "direction": { "alias": "direction"; "required": false; "isSignal": true; }; }, { "sashStart": "sashStart"; "sashEnd": "sashEnd"; "sashEnd2": "sashEnd2"; }, ["_contentChildren"], never, true, never>;
-}

package/sashbox/sashbox.module.d.ts

@@ -1,31 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./sashbox.component";
-import * as i2 from "./sash.directive";
-/**
- * Provides a sashbox component that lays out its children in a row or column arrangement and places a splitter between each child.
- *
- * ### Usage:
- *
- * ```html
- * <sci-sashbox direction="row">
- *   <ng-template sciSash size="1">
- *     ...
- *   </ng-template>
- *
- *   <ng-template sciSash size="2">
- *     ...
- *   </ng-template>
- *
- *   <ng-template sciSash size="1">
- *     ...
- *   </ng-template>
- * </sci-sashbox>
- * ```
- *
- * @deprecated since version 19.0.0; Import standalone component and directive instead; API will be removed in a future release.
- */
-export declare class SciSashboxModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SciSashboxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SciSashboxModule, never, [typeof i1.SciSashboxComponent, typeof i2.SciSashDirective], [typeof i1.SciSashboxComponent, typeof i2.SciSashDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<SciSashboxModule>;
-}

package/splitter/index.d.ts

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

package/splitter/public_api.d.ts

@@ -1,2 +0,0 @@
-export { SciSplitterModule } from './splitter.module';
-export { SciSplitterComponent, type SplitterMoveEvent, type EventPosition } from './splitter.component';

package/splitter/splitter.module.d.ts

@@ -1,18 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./splitter.component";
-/**
- * Provides a splitter, a visual element that allows the user to control the size of elements next to it.
- *
- * ### Usage:
- *
- * ```html
- * <sci-splitter (move)="onSplitterMove($event.distance)"></sci-splitter>
- * ```
- *
- * @deprecated since version 19.0.0; Import standalone component; API will be removed in a future release.
- */
-export declare class SciSplitterModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SciSplitterModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SciSplitterModule, never, [typeof i1.SciSplitterComponent], [typeof i1.SciSplitterComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<SciSplitterModule>;
-}

package/throbber/ellipsis-throbber/ellipsis-throbber.component.d.ts

@@ -1,10 +0,0 @@
-import * as i0 from "@angular/core";
-/**
- * Represents a throbber as an ellipsis consisting of three horizontally arranged points that appear one after the other.
- *
- * Throbber type: `ellipsis`
- */
-export declare class SciEllipsisThrobberComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SciEllipsisThrobberComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SciEllipsisThrobberComponent, "sci-ellipsis-throbber", never, {}, {}, never, never, true, never>;
-}

package/throbber/index.d.ts

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

package/throbber/public_api.d.ts

@@ -1,2 +0,0 @@
-export { SciThrobberModule } from './throbber.module';
-export { SciThrobberComponent } from './throbber.component';

package/throbber/ripple-throbber/ripple-throbber.component.d.ts

@@ -1,10 +0,0 @@
-import * as i0 from "@angular/core";
-/**
- * Represents a throbber with a rippled, centric wave effect, similar to throwing a stone into water.
- *
- * Throbber type: `ripple`
- */
-export declare class SciRippleThrobberComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SciRippleThrobberComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SciRippleThrobberComponent, "sci-ripple-throbber", never, {}, {}, never, never, true, never>;
-}

package/throbber/roller-throbber/roller-throbber.component.d.ts

@@ -1,10 +0,0 @@
-import * as i0 from "@angular/core";
-/**
- * Represents a circular throbber with points rotating around the center of a circle. Points have a delayed acceleration, which leads to an accordion effect.
- *
- * Throbber type: `roller`
- */
-export declare class SciRollerThrobberComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SciRollerThrobberComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SciRollerThrobberComponent, "sci-roller-throbber", never, {}, {}, never, never, true, never>;
-}

package/throbber/spinner-throbber/spinner-throbber.component.d.ts

@@ -1,11 +0,0 @@
-import * as i0 from "@angular/core";
-/**
- * Represents a classic spinner throbber with strokes arranged radially. The strokes light up one after the other in clockwise direction
- * and then fade out again.
- *
- * Throbber type: `spinner`
- */
-export declare class SciSpinnerThrobberComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SciSpinnerThrobberComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SciSpinnerThrobberComponent, "sci-spinner-throbber", never, {}, {}, never, never, true, never>;
-}

package/throbber/throbber.module.d.ts

@@ -1,12 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./throbber.component";
-/**
- * Provides {@link SciThrobberComponent}, an animated graphical control to indicate the execution of an action.
- *
- * @deprecated since version 19.0.0; Import standalone component instead; API will be removed in a future release.
- */
-export declare class SciThrobberModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SciThrobberModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SciThrobberModule, never, [typeof i1.SciThrobberComponent], [typeof i1.SciThrobberComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<SciThrobberModule>;
-}

package/viewport/index.d.ts

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

package/viewport/native-scrollbar-track-size-provider.service.d.ts

@@ -1,30 +0,0 @@
-import { Signal } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Provides the native scrollbar tracksize.
- */
-export declare class SciNativeScrollbarTrackSizeProvider {
-    private readonly _document;
-    private readonly _zone;
-    /**
-     * Provides the track size of the native scrollbar, or `null` if the native scrollbars sit on top of the content.
-     */
-    trackSize: Signal<NativeScrollbarTrackSize | null>;
-    constructor();
-    /**
-     * Computes the native scrollbar track size.
-     *
-     * @returns native track size, or `null` if the native scrollbars sit on top of the content.
-     */
-    private computeTrackSize;
-    private createNativeScrollbarTrackSizeSignal;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SciNativeScrollbarTrackSizeProvider, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<SciNativeScrollbarTrackSizeProvider>;
-}
-/**
- * Represents the native scrollbar track size.
- */
-export interface NativeScrollbarTrackSize {
-    hScrollbarTrackHeight: number;
-    vScrollbarTrackWidth: number;
-}

package/viewport/public_api.d.ts

@@ -1,4 +0,0 @@
-export { SciViewportModule } from './viewport.module';
-export { SciViewportComponent, type ScrollbarStyle } from './viewport.component';
-export { SciScrollbarComponent } from './scrollbar/scrollbar.component';
-export { SciScrollableDirective } from './scrollable.directive';

package/viewport/scrollable.directive.d.ts

@@ -1,38 +0,0 @@
-import * as i0 from "@angular/core";
-/**
- * Makes the host element natively scrollable and hides native scrollbars by default, unless native scrollbars
- * already sit on top of the viewport (e.g. in OS X).
- *
- * Because there is no cross-browser API to hide scrollbars without losing native scroll support, we set 'overflow'
- * to 'scroll' but shift the native scrollbars out of the visible viewport area. The shift offset is computed upfront.
- *
- * This directive expects its host element to be the only child in document flow in its parent DOM element. It makes the host element
- * fill up the entire space (width and height set to 100%). The parent element must have its CSS `overflow` property set to `hidden`
- * to hide the pushed out native scrollbars.
- */
-export declare class SciScrollableDirective {
-    /**
-     * Controls whether to display native scrollbars.
-     * Has no effect if the native scrollbar sits on top of the content, e.g. in OS X.
-     */
-    readonly displayNativeScrollbar: import("@angular/core").InputSignal<boolean>;
-    private readonly _host;
-    private readonly _renderer;
-    private readonly _nativeScrollbarTrackSizeProvider;
-    constructor();
-    /**
-     * Controls the display of the native scrollbar based on this directive's configuration.
-     */
-    private controlDisplayOfNativeScrollbar;
-    /**
-     * Uses the native scrollbars when content overflows.
-     */
-    private useNativeScrollbars;
-    /**
-     * Shifts the native scrollbars out of the visible viewport area.
-     */
-    private shiftNativeScrollbars;
-    private setStyle;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SciScrollableDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SciScrollableDirective, "[sciScrollable]", never, { "displayNativeScrollbar": { "alias": "sciScrollableDisplayNativeScrollbar"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}

package/viewport/scrollbar/scrollbar.component.d.ts

@@ -1,86 +0,0 @@
-import * as i0 from "@angular/core";
-/**
- * Renders a vertical or horizontal scrollbar.
- *
- * The scrollbar features the following functionality:
- * - allows to move the thumb by mouse or touch
- * - enlarges the thumb if the mouse pointer is near the thumb
- * - allows paging on mousedown on the scroll track
- *
- * ### Styling:
- *
- * To customize the default look of SCION components or support different themes, configure the `@scion/components` SCSS module in `styles.scss`.
- * To style a specific `sci-scrollbar` component, the following CSS variables can be set directly on the component.
- *
- * - sci-scrollbar-color:    Sets the color of the scrollbar.
- *
- * Example:
- *
- * ```css
- *
- * sci-scrollbar {
- *   --sci-scrollbar-color: blue;
- * }
- * ```
- */
-export declare class SciScrollbarComponent {
-    /**
-     * Specifies the direction of the scrollbar. Defaults to a vertical scrollbar.
-     */
-    readonly direction: import("@angular/core").InputSignal<"vscroll" | "hscroll">;
-    /**
-     * The viewport to provide scrollbars for.
-     */
-    readonly viewport: import("@angular/core").InputSignal<HTMLElement>;
-    private readonly _host;
-    private readonly _document;
-    private readonly _zone;
-    private readonly _destroyRef;
-    private readonly _thumbElement;
-    private readonly _vertical;
-    private _lastDragPosition;
-    private _overflow;
-    private _thumbSizeFr;
-    private _thumbPositionFr;
-    protected get vertical(): boolean;
-    protected get horizontal(): boolean;
-    protected get scrolling(): boolean;
-    constructor();
-    /**
-     * Computes the scroll position and updates CSS variables to render the scroll position in the UI.
-     */
-    private renderScrollPosition;
-    protected onTouchStart(event: TouchEvent): void;
-    protected onTouchMove(event: TouchEvent): void;
-    protected onTouchEnd(event: TouchEvent): void;
-    protected onMouseDown(mousedownEvent: MouseEvent): void;
-    protected onScrollTrackMouseDown(event: MouseEvent, direction: 'up' | 'down'): void;
-    /**
-     * Renders the current scroll position when the viewport is scrolled.
-     */
-    private installScrollPositionRenderer;
-    /**
-     * Projects the given scrollbar scroll pixels into viewport scroll pixels.
-     */
-    private toViewportPanPx;
-    /**
-     * Moves the viewport client by the specified numbers of pixels.
-     */
-    private moveViewportClient;
-    /**
-     * Indicates if the content overflows.
-     */
-    get overflow(): boolean;
-    /**
-     * Scrolls continuously while holding the mouse pressed, or until the mouse leaves the scrolltrack.
-     */
-    private scrollWhileMouseDown;
-    private setCssVariable;
-    private get viewportSize();
-    private get viewportClientSize();
-    private get scrollPosition();
-    private get thumbSize();
-    private get trackSize();
-    static ɵfac: i0.ɵɵFactoryDeclaration<SciScrollbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SciScrollbarComponent, "sci-scrollbar", never, { "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "viewport": { "alias": "viewport"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
-}