@scion/components 16.0.0 → 16.2.0

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

@@ -3,8 +3,6 @@ import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 /**
  * Provides the native scrollbar tracksize.
- *
- * @dynamic ignore 'strictMetadataEmit' errors due to the usage of {@link Document} as ambient type for DI.
  */
 export declare class SciNativeScrollbarTrackSizeProvider implements OnDestroy {
     private _document;

package/viewport/public_api.d.ts

@@ -1,5 +1,4 @@
 export { SciViewportModule } from './viewport.module';
-export * from './viewport.component';
-export * from './scrollable.directive';
-export * from './scrollbar/scrollbar.component';
-export * from './native-scrollbar-track-size-provider.service';
+export { SciViewportComponent, ScrollbarStyle } from './viewport.component';
+export { SciScrollbarComponent } from './scrollbar/scrollbar.component';
+export { SciScrollableDirective } from './scrollable.directive';

package/viewport/scrollable.directive.d.ts

@@ -35,5 +35,5 @@ export declare class SciScrollableDirective implements OnChanges, OnDestroy {
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SciScrollableDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SciScrollableDirective, "[sciScrollable]", never, { "isDisplayNativeScrollbar": { "alias": "sciScrollableDisplayNativeScrollbar"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SciScrollableDirective, "[sciScrollable]", never, { "isDisplayNativeScrollbar": { "alias": "sciScrollableDisplayNativeScrollbar"; "required": false; }; }, {}, never, never, true, never>;
 }

package/viewport/{_scrollbar.scss → scrollbar/_scrollbar.scss}

@@ -5,9 +5,8 @@
  *
  * Invoke from within the 'sci-scrollbar' selector.
  */
-@mixin position($theme: ()) {
-  $scrollbar-size: map.get($theme, scrollbar-size);
-  $scrollbar-size: 12px !default;
+@mixin position() {
+  $scrollbar-size: 12px;
 
   position: absolute;
   transition-duration: 1s;
@@ -39,7 +38,7 @@
  *
  * Invoke from within the viewport selector.
  */
-@mixin hide-when-inactive($theme: ()) {
+@mixin hide-when-inactive() {
   &:host-context(:not(:hover):not(:active)) sci-scrollbar:not(.scrolling) { // use :host-context to work with shadow DOM, i.e., to select the shadow host of the shadow DOM
     opacity: 0; // do not use 'display' nor 'visibility' property to fade the scrollbar
   }

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

@@ -8,11 +8,12 @@ import * as i0 from "@angular/core";
  * - enlarges the thumb if the mouse pointer is near the thumb
  * - allows paging on mousedown on the scroll track
  *
- * ### CSS styling:
+ * ### Styling:
  *
- * You can override the following CSS variables:
+ * 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 (by default, uses `rgb(78, 78, 78)`).
+ * - sci-scrollbar-color:    Sets the color of the scrollbar.
  *
  * Example:
  *
@@ -48,7 +49,7 @@ export declare class SciScrollbarComponent implements OnDestroy {
      * The viewport to provide scrollbars for.
      */
     set setViewport(viewport: HTMLElement);
-    constructor(_host: ElementRef<HTMLElement>, _document: any, _zone: NgZone);
+    constructor(_host: ElementRef<HTMLElement>, _document: Document, _zone: NgZone);
     /**
      * Computes the scroll position and updates CSS variables to render the scroll position in the UI.
      */
@@ -102,5 +103,5 @@ export declare class SciScrollbarComponent implements OnDestroy {
     private get trackSize();
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SciScrollbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SciScrollbarComponent, "sci-scrollbar", never, { "direction": { "alias": "direction"; "required": false; }; "setViewport": { "alias": "viewport"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SciScrollbarComponent, "sci-scrollbar", never, { "direction": { "alias": "direction"; "required": false; }; "setViewport": { "alias": "viewport"; "required": true; }; }, {}, never, never, true, never>;
 }

package/viewport/viewport.component.d.ts

@@ -17,7 +17,7 @@ import * as i0 from "@angular/core";
  *
  * ## Adding the viewport to a layout
  *
- * Typically you would add the viewport component to a flexible layout, filling the remaining space vertically and horizontally, such as a flexbox container
+ * Typically, you would add the viewport component to a flexible layout, filling the remaining space vertically and horizontally, such as a flexbox container
  * with the viewport's `flex` CSS property set to either `flex: auto` or `flex: 1 1 0`.
  *
  * The viewport is sized according to its content width and height. It grows to absorb any free space, thus overflowing its content only when encountering
@@ -39,7 +39,7 @@ import * as i0 from "@angular/core";
  * By default, the viewport's content is added to a CSS grid container with a single column, filling remaining space vertically and horizontally.
  * Using the `::part(content)` pseudo element selector, you can configure the grid container or apply a different layout, such as a flex or flow layout.
  *
- * #### Example of adding slotted content to a CSS flex container.
+ * #### Example of adding slotted content to a CSS flex container
  * ```css
  * sci-viewport::part(content) {
  *   display: flex;
@@ -55,11 +55,12 @@ import * as i0 from "@angular/core";
  * }
  * ```
  *
- * ## Styling of scrollbars
+ * ## Styling
  *
- * You can override the following CSS variables to control the appearance of the scrollbar:
+ * 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-viewport` component, the following CSS variables can be set directly on the component.
  *
- * - sci-viewport-scrollbar-color:     Sets the color of the scrollbar (by default, uses `rgb(78, 78, 78)`).
+ * - sci-viewport-scrollbar-color:     Sets the color of the scrollbar.
  *
  * ```css
  * sci-viewport {
@@ -155,7 +156,7 @@ export declare class SciViewportComponent {
      */
     computeOffset(element: ElementRef<HTMLElement> | HTMLElement, border: 'left' | 'top'): number | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<SciViewportComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SciViewportComponent, "sci-viewport", never, { "scrollbarStyle": { "alias": "scrollbarStyle"; "required": false; }; }, { "scroll": "scroll"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SciViewportComponent, "sci-viewport", never, { "scrollbarStyle": { "alias": "scrollbarStyle"; "required": false; }; }, { "scroll": "scroll"; }, never, never, true, never>;
 }
 /**
  * Represents a scrollbar style.

package/viewport/viewport.module.d.ts

@@ -2,13 +2,11 @@ import * as i0 from "@angular/core";
 import * as i1 from "./viewport.component";
 import * as i2 from "./scrollbar/scrollbar.component";
 import * as i3 from "./scrollable.directive";
-import * as i4 from "@angular/common";
-import * as i5 from "@angular/cdk/scrolling";
 /**
  * Provides a viewport component with scrollbars that sit on top of the viewport client.
  */
 export declare class SciViewportModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SciViewportModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SciViewportModule, [typeof i1.SciViewportComponent, typeof i2.SciScrollbarComponent, typeof i3.SciScrollableDirective], [typeof i4.CommonModule, typeof i5.ScrollingModule], [typeof i1.SciViewportComponent, typeof i2.SciScrollbarComponent, typeof i3.SciScrollableDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SciViewportModule, never, [typeof i1.SciViewportComponent, typeof i2.SciScrollbarComponent, typeof i3.SciScrollableDirective], [typeof i1.SciViewportComponent, typeof i2.SciScrollbarComponent, typeof i3.SciScrollableDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SciViewportModule>;
 }