@scion/components 13.0.0 → 14.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scion/components",
-  "version": "13.0.0",
+  "version": "14.0.0",
   "description": "Provides a collection of Angular components and directives primarily for use in SCION libraries such as `@scion/workbench` and `@scion/microfrontend-platform`. This library is not a comprehensive component library as its focus is on SCION requirements.",
   "license": "EPL-2.0",
   "private": false,
@@ -17,7 +17,7 @@
   "exports": {
     ".": {
       "sass": "./_components.scss",
-      "types": "./scion-components.d.ts",
+      "types": "./index.d.ts",
       "esm2020": "./esm2020/scion-components.mjs",
       "es2020": "./fesm2020/scion-components.mjs",
       "es2015": "./fesm2015/scion-components.mjs",
@@ -28,7 +28,7 @@
       "default": "./package.json"
     },
     "./dimension": {
-      "types": "./dimension/scion-components-dimension.d.ts",
+      "types": "./dimension/index.d.ts",
       "esm2020": "./esm2020/dimension/scion-components-dimension.mjs",
       "es2020": "./fesm2020/scion-components-dimension.mjs",
       "es2015": "./fesm2015/scion-components-dimension.mjs",
@@ -36,7 +36,7 @@
       "default": "./fesm2020/scion-components-dimension.mjs"
     },
     "./sashbox": {
-      "types": "./sashbox/scion-components-sashbox.d.ts",
+      "types": "./sashbox/index.d.ts",
       "esm2020": "./esm2020/sashbox/scion-components-sashbox.mjs",
       "es2020": "./fesm2020/scion-components-sashbox.mjs",
       "es2015": "./fesm2015/scion-components-sashbox.mjs",
@@ -44,7 +44,7 @@
       "default": "./fesm2020/scion-components-sashbox.mjs"
     },
     "./splitter": {
-      "types": "./splitter/scion-components-splitter.d.ts",
+      "types": "./splitter/index.d.ts",
       "esm2020": "./esm2020/splitter/scion-components-splitter.mjs",
       "es2020": "./fesm2020/scion-components-splitter.mjs",
       "es2015": "./fesm2015/scion-components-splitter.mjs",
@@ -52,7 +52,7 @@
       "default": "./fesm2020/scion-components-splitter.mjs"
     },
     "./throbber": {
-      "types": "./throbber/scion-components-throbber.d.ts",
+      "types": "./throbber/index.d.ts",
       "esm2020": "./esm2020/throbber/scion-components-throbber.mjs",
       "es2020": "./fesm2020/scion-components-throbber.mjs",
       "es2015": "./fesm2015/scion-components-throbber.mjs",
@@ -60,7 +60,7 @@
       "default": "./fesm2020/scion-components-throbber.mjs"
     },
     "./viewport": {
-      "types": "./viewport/scion-components-viewport.d.ts",
+      "types": "./viewport/index.d.ts",
       "esm2020": "./esm2020/viewport/scion-components-viewport.mjs",
       "es2020": "./fesm2020/scion-components-viewport.mjs",
       "es2015": "./fesm2015/scion-components-viewport.mjs",
@@ -69,12 +69,12 @@
     }
   },
   "dependencies": {
-    "tslib": "^2.0.0"
+    "tslib": "^2.3.0"
   },
   "peerDependencies": {
-    "@angular/common": "^13.0.0",
-    "@angular/core": "^13.0.0",
-    "@angular/cdk": "^13.0.0",
+    "@angular/common": "^14.0.0",
+    "@angular/core": "^14.0.0",
+    "@angular/cdk": "^14.0.0",
     "@scion/toolkit": "^1.0.0",
     "rxjs": "^7.5.0"
   },
@@ -88,6 +88,6 @@
   "esm2020": "esm2020/scion-components.mjs",
   "fesm2020": "fesm2020/scion-components.mjs",
   "fesm2015": "fesm2015/scion-components.mjs",
-  "typings": "scion-components.d.ts",
+  "typings": "index.d.ts",
   "sideEffects": false
 }

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

@@ -8,5 +8,5 @@ export declare class SciElementRefDirective {
     readonly nativeElement: HTMLElement;
     constructor(host: ElementRef<HTMLElement>);
     static ɵfac: i0.ɵɵFactoryDeclaration<SciElementRefDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SciElementRefDirective, "[sciElementRef]", ["sciElementRef"], {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SciElementRefDirective, "[sciElementRef]", ["sciElementRef"], {}, {}, never, never, false>;
 }

package/sashbox/sash-initializer.directive.d.ts

@@ -10,5 +10,5 @@ export declare class SciSashInitializerDirective implements OnChanges {
     constructor(_host: ElementRef<HTMLDivElement>);
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SciSashInitializerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SciSashInitializerDirective, "div[sciSashInitializer].sash", never, { "sash": "sciSashInitializer"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SciSashInitializerDirective, "div[sciSashInitializer].sash", never, { "sash": "sciSashInitializer"; }, {}, never, never, false>;
 }

package/sashbox/sash.directive.d.ts

@@ -32,7 +32,7 @@ export declare class SciSashDirective implements OnInit, OnChanges {
      *
      * If not set, remaining space is distributed equally.
      */
-    set size(size: string | number);
+    set size(size: string | number | null | undefined);
     get size(): string | number;
     /**
      * Specifies the minimal sash size in pixel or percent.
@@ -56,5 +56,5 @@ export declare class SciSashDirective implements OnInit, OnChanges {
      */
     private normalizeFlexGrow;
     static ɵfac: i0.ɵɵFactoryDeclaration<SciSashDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SciSashDirective, "ng-template[sciSash]", ["sciSash"], { "size": "size"; "minSize": "minSize"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SciSashDirective, "ng-template[sciSash]", ["sciSash"], { "size": "size"; "minSize": "minSize"; }, {}, never, never, false>;
 }

package/sashbox/sashbox.component.d.ts

@@ -85,6 +85,6 @@ export declare class SciSashboxComponent implements OnDestroy {
     ngOnDestroy(): void;
     private toPixel;
     static ɵfac: i0.ɵɵFactoryDeclaration<SciSashboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SciSashboxComponent, "sci-sashbox", never, { "direction": "direction"; }, { "sashStart": "sashStart"; "sashEnd": "sashEnd"; }, ["setSashes"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SciSashboxComponent, "sci-sashbox", never, { "direction": "direction"; }, { "sashStart": "sashStart"; "sashEnd": "sashEnd"; }, ["setSashes"], never, false>;
 }
 export declare function provideSashBoxAccessor(component: SciSashboxComponent): SciSashBoxAccessor;

package/splitter/splitter.component.d.ts

@@ -82,7 +82,7 @@ export declare class SciSplitterComponent implements OnInit, OnDestroy {
     private installMoveListener;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SciSplitterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SciSplitterComponent, "sci-splitter", never, { "orientation": "orientation"; }, { "start": "start"; "move": "move"; "end": "end"; "reset": "reset"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SciSplitterComponent, "sci-splitter", never, { "orientation": "orientation"; }, { "start": "start"; "move": "move"; "end": "end"; "reset": "reset"; }, never, never, false>;
 }
 export interface EventPosition {
     clientPos: number;

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

@@ -6,5 +6,5 @@ import * as i0 from "@angular/core";
  */
 export declare class SciEllipsisThrobberComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<SciEllipsisThrobberComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SciEllipsisThrobberComponent, "sci-ellipsis-throbber", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SciEllipsisThrobberComponent, "sci-ellipsis-throbber", never, {}, {}, never, never, false>;
 }

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

@@ -6,5 +6,5 @@ import * as i0 from "@angular/core";
  */
 export declare class SciRippleThrobberComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<SciRippleThrobberComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SciRippleThrobberComponent, "sci-ripple-throbber", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SciRippleThrobberComponent, "sci-ripple-throbber", never, {}, {}, never, never, false>;
 }

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

@@ -6,5 +6,5 @@ import * as i0 from "@angular/core";
  */
 export declare class SciRollerThrobberComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<SciRollerThrobberComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SciRollerThrobberComponent, "sci-roller-throbber", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SciRollerThrobberComponent, "sci-roller-throbber", never, {}, {}, never, never, false>;
 }

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

@@ -7,5 +7,5 @@ import * as i0 from "@angular/core";
  */
 export declare class SciSpinnerThrobberComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<SciSpinnerThrobberComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SciSpinnerThrobberComponent, "sci-spinner-throbber", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SciSpinnerThrobberComponent, "sci-spinner-throbber", never, {}, {}, never, never, false>;
 }

package/throbber/throbber.component.d.ts

@@ -39,5 +39,5 @@ export declare class SciThrobberComponent {
      */
     type: 'ellipsis' | 'ripple' | 'roller' | 'spinner';
     static ɵfac: i0.ɵɵFactoryDeclaration<SciThrobberComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SciThrobberComponent, "sci-throbber", never, { "type": "type"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SciThrobberComponent, "sci-throbber", never, { "type": "type"; }, {}, never, never, false>;
 }

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": "sciScrollableDisplayNativeScrollbar"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SciScrollableDirective, "[sciScrollable]", never, { "isDisplayNativeScrollbar": "sciScrollableDisplayNativeScrollbar"; }, {}, never, never, false>;
 }

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

@@ -102,5 +102,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": "direction"; "setViewport": "viewport"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SciScrollbarComponent, "sci-scrollbar", never, { "direction": "direction"; "setViewport": "viewport"; }, {}, never, never, false>;
 }

package/viewport/viewport.component.d.ts

@@ -2,7 +2,7 @@ import { ElementRef, EventEmitter } from '@angular/core';
 import { SciNativeScrollbarTrackSizeProvider } from './native-scrollbar-track-size-provider.service';
 import * as i0 from "@angular/core";
 /**
- * Represents a viewport with the `<ng-content>` used as scrollable content. Content is added to a CSS grid layout.
+ * Represents a viewport with slotted content (`<ng-content>`) used as scrollable content. By default, content is added to a CSS grid layout.
  *
  * The viewport component displays scrollbars when its content overflows. Scrollbars are displayed on top of the content, not next to it.
  * The component uses the native scrollbars of the operating system if they are already sitting on top, or falls back and renders scrollbars on top otherwise.
@@ -34,24 +34,24 @@ import * as i0 from "@angular/core";
  *   For the complete documentation on the flex layout and its features, refer to https://developer.mozilla.org/en-US/docs/Web/CSS/flex.
  *
  *
- * ## Layouting the viewport content
+ * ## Layouting the viewport's slotted content
  *
- * `NgContent` is added to a CSS grid container with, by default, a single column, filling remaining space vertically and horizontally.
+ * 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.
  *
- * You can override the following CSS variables to control the grid:
- *
- * - sci-viewport-content-grid-template-columns:   Defines the columns and their track sizes (by default, single column with track size auto)
- * - sci-viewport-content-grid-template-rows:      Defines the rows and their track sizes (by default, single row with track size auto)
- * - sci-viewport-content-grid-auto-columns:       Defines the track size of not explicitly declared columns.
- * - sci-viewport-content-grid-auto-rows:          Defines the track size of not explicitly declared rows.
- * - sci-viewport-content-grid-gap:                Sets the gaps (gutters) between rows and columns.
- *
- * Example of how to control the CSS grid:
+ * #### Example of adding slotted content to a CSS flex container.
+ * ```css
+ * sci-viewport::part(content) {
+ *   display: flex;
+ *   flex-direction: column;
+ * }
+ * ```
  *
+ * #### Example of configuring CSS grid container with two columns
  * ```css
- * sci-viewport {
- *   --sci-viewport-content-grid-auto-rows: min-content;
- *   --sci-viewport-content-grid-gap: .5em; // specifies the row and column gap
+ * sci-viewport::part(content) {
+ *   grid-template-columns: 1fr 1fr;
+ *   gap: 1em;
  * }
  * ```
  *
@@ -152,7 +152,7 @@ export declare class SciViewportComponent {
      */
     computeOffset(element: HTMLElement, border: 'left' | 'top'): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<SciViewportComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SciViewportComponent, "sci-viewport", never, { "scrollbarStyle": "scrollbarStyle"; }, { "scroll": "scroll"; }, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SciViewportComponent, "sci-viewport", never, { "scrollbarStyle": "scrollbarStyle"; }, { "scroll": "scroll"; }, never, never, false>;
 }
 /**
  * Represents a scrollbar style.

package/dimension/package.json

@@ -1,10 +0,0 @@
-{
-  "module": "../fesm2015/scion-components-dimension.mjs",
-  "es2020": "../fesm2020/scion-components-dimension.mjs",
-  "esm2020": "../esm2020/dimension/scion-components-dimension.mjs",
-  "fesm2020": "../fesm2020/scion-components-dimension.mjs",
-  "fesm2015": "../fesm2015/scion-components-dimension.mjs",
-  "typings": "scion-components-dimension.d.ts",
-  "sideEffects": false,
-  "name": "@scion/components/dimension"
-}

package/sashbox/package.json

@@ -1,10 +0,0 @@
-{
-  "module": "../fesm2015/scion-components-sashbox.mjs",
-  "es2020": "../fesm2020/scion-components-sashbox.mjs",
-  "esm2020": "../esm2020/sashbox/scion-components-sashbox.mjs",
-  "fesm2020": "../fesm2020/scion-components-sashbox.mjs",
-  "fesm2015": "../fesm2015/scion-components-sashbox.mjs",
-  "typings": "scion-components-sashbox.d.ts",
-  "sideEffects": false,
-  "name": "@scion/components/sashbox"
-}

package/splitter/package.json

@@ -1,10 +0,0 @@
-{
-  "module": "../fesm2015/scion-components-splitter.mjs",
-  "es2020": "../fesm2020/scion-components-splitter.mjs",
-  "esm2020": "../esm2020/splitter/scion-components-splitter.mjs",
-  "fesm2020": "../fesm2020/scion-components-splitter.mjs",
-  "fesm2015": "../fesm2015/scion-components-splitter.mjs",
-  "typings": "scion-components-splitter.d.ts",
-  "sideEffects": false,
-  "name": "@scion/components/splitter"
-}

package/throbber/package.json

@@ -1,10 +0,0 @@
-{
-  "module": "../fesm2015/scion-components-throbber.mjs",
-  "es2020": "../fesm2020/scion-components-throbber.mjs",
-  "esm2020": "../esm2020/throbber/scion-components-throbber.mjs",
-  "fesm2020": "../fesm2020/scion-components-throbber.mjs",
-  "fesm2015": "../fesm2015/scion-components-throbber.mjs",
-  "typings": "scion-components-throbber.d.ts",
-  "sideEffects": false,
-  "name": "@scion/components/throbber"
-}

package/viewport/package.json

@@ -1,10 +0,0 @@
-{
-  "module": "../fesm2015/scion-components-viewport.mjs",
-  "es2020": "../fesm2020/scion-components-viewport.mjs",
-  "esm2020": "../esm2020/viewport/scion-components-viewport.mjs",
-  "fesm2020": "../fesm2020/scion-components-viewport.mjs",
-  "fesm2015": "../fesm2015/scion-components-viewport.mjs",
-  "typings": "scion-components-viewport.d.ts",
-  "sideEffects": false,
-  "name": "@scion/components/viewport"
-}