19.0.0 (@scion/components)

19.0.0 (2024-11-29)

Dependencies

• components: update @scion/components to Angular 19 (0918769)

Performance Improvements

• components/viewport: avoid change detection cycle when scrolling the viewport (402b408)

BREAKING CHANGES

• components: Updating @scion/components to Angular 19 introduced a breaking change.

  To migrate:

  • Update your application to Angular 19; for detailed migration instructions, refer to https://v19.angular.dev/update-guide;

• components/viewport: Changed viewport to emit scroll events outside the Angular zone.

  To handle scroll events inside the Angular zone, e.g., if updating component bindings, manually synchronize with the Angular zone, as follows:

  inject(NgZone).run(() => {
    ...
  });

Deprecations

• components: SciDimensionModule, SciViewportModule, SciSashboxModule, SciSplitterModule and SciThrobberModule have been deprecated. Import respective standalone components and directives instead. The modules will be removed in a future release.

1.6.0 (@scion/toolkit)

1.6.0 (2024-10-28)

Features

• toolkit/operators: provide replacement for subscribeInside and observeInside operators (4d45a8b)

Performance Improvements

• toolkit/observable: avoid unnecessary change detection cycles (5aea0f1)

18.1.1 (@scion/components)

18.1.1 (2024-10-28)

Performance Improvements

• components/dimension: avoid unnecessary change detection cycles (948061e)

Dependencies

• components: SCION Components requires @scion/toolkit version 1.6.0 or later.

1.5.1 (@scion/toolkit)

1.5.1 (2024-10-22)

Bug Fixes

• toolkit/observable: position document root in CSS layer when using fromBoundingClientRect$ (9af2f48)

18.1.0 (@scion/components)

18.1.0 (2024-10-22)

Features

• components/dimension: provide signal to observe the bounding box of an element (1d1d804)
• components/dimension: provide signal to observe the size of an element (b817e7b)

1.5.0 (@scion/toolkit)

1.5.0 (2024-10-03)

Performance Improvements

• toolkit/observable: optimize position detection in fromBoundingClientRect$ (540b8bb)

Code Refactoring

• toolkit/operators: remove deprecated pluckArray operator (6c84329)
• toolkit/testing: remove deprecated ObserveCaptor#resetValues method (10253e6)

BREAKING CHANGES

• toolkit/testing: ObserveCaptor#resetValues was deprecated and has been removed; use ObserveCaptor#reset instead.
• toolkit/operators: RxJS operator pluckArray was deprecated and has been removed; use mapArray instead.

18.0.1 (@scion/components)

18.0.1 (2024-10-03)

Bug Fixes

• components/sashbox: ensure sash resizes to minimum size (e39a347)
• components/sashbox: prevent overflow when moving splitter (c8a0b57)

BREAKING CHANGES

• components: SCION Components requires @scion/toolkit version 1.5.0 or later.

18.0.0 (@scion/components)

18.0.0 (2024-05-31)

Dependencies

• components: update @scion/components to Angular 18 (dc202c4)

BREAKING CHANGES

• components: Updating @scion/components to Angular 18 introduced a breaking change.

  To migrate:

  • Update your application to Angular 18; for detailed migration instructions, refer to https://v18.angular.dev/update-guide;
  • Deprecations introduced in version 16.2.0 have been removed:
    • SCION components now require the SCSS module @scion/components to be imported in styles.scss. See SCION Design Tokens for more information. Note that this step is not required if using @scion/workbench as imported by the SCION Workbench.
    • CSS variables of sci-splitter and sci-sashbox components have been replaced as follows:
      • --sci-splitter-bgcolor ➜ --sci-splitter-background-color
      • --sci-splitter-bgcolor_hover ➜ --sci-splitter-background-color-hover
      • --sci-splitter-size_hover ➜ --sci-splitter-size-hover
      • --sci-splitter-opacity_active ➜ --sci-splitter-opacity-active
      • --sci-splitter-opacity_hover ➜ --sci-splitter-opacity-hover
      • --sci-sashbox-splitter-bgcolor ➜ --sci-sashbox-splitter-background-color
      • --sci-sashbox-splitter-size_hover ➜ --sci-sashbox-splitter-size-hover
      • --sci-sashbox-splitter-opacity_hover ➜ --sci-sashbox-splitter-opacity-hover
      • --sci-sashbox-splitter-bgcolor_hover ➜ --sci-sashbox-splitter-background-color-hover
      • --sci-sashbox-splitter-opacity_active ➜ --sci-sashbox-splitter-opacity-active

17.0.0 (@scion/components)

17.0.0 (2023-11-15)

Dependencies

• components: update @scion/components to Angular 17 (ac7f284), closes #174

BREAKING CHANGES

• components: Updating @scion/components to Angular 17 introduced a breaking change.

  To migrate:

  • Update your application to Angular 17; for detailed migration instructions, refer to https://v17.angular.io/guide/update-to-latest-version;

  • Scrollbar-related mixins have been moved to the @scion/components/scrollbar SCSS module; migrate as follows:

    Before migration:

    @use '@scion/components' as sci-components;
    @include sci-components.scrollbar-hide-when-inactive();
    @include sci-components.scrollbar-position();

    After migration:

    @use '@scion/components/scrollbar' as sci-scrollbar;
    @include sci-scrollbar.scrollbar-hide-when-inactive();
    @include sci-scrollbar.scrollbar-position();

16.2.0 (@scion/components)

16.2.0 (2023-10-09)

Bug Fixes

• components/viewport: calculate exact scrollbar size (7dd929a)

Features

• components: enable theming of SCION components (e33a358)

DEPRECATIONS

• components: Theming of SCION components has introduced deprecations that will break in the next major release.

  To migrate:

  • Import the @scion/components SCSS module in styles.scss. Optionally, pass a configuration to customize the default look of SCION components or to support multiple themes. See SCION Design Tokens for more information. Note that this step is not required if using @scion/workbench as imported by the SCION Workbench.

  • For consistency, following CSS variables for styling the sci-splitter and sci-sashbox components have been renamed:

    • --sci-splitter-bgcolor ➜ --sci-splitter-background-color
    • --sci-splitter-bgcolor_hover ➜ --sci-splitter-background-color-hover
    • --sci-splitter-size_hover ➜ --sci-splitter-size-hover
    • --sci-splitter-opacity_active ➜ --sci-splitter-opacity-active
    • --sci-splitter-opacity_hover ➜ --sci-splitter-opacity-hover
    • --sci-sashbox-splitter-bgcolor ➜ --sci-sashbox-splitter-background-color
    • --sci-sashbox-splitter-size_hover ➜ --sci-sashbox-splitter-size-hover
    • --sci-sashbox-splitter-opacity_hover ➜ --sci-sashbox-splitter-opacity-hover
    • --sci-sashbox-splitter-bgcolor_hover ➜ --sci-sashbox-splitter-background-color-hover
    • --sci-sashbox-splitter-opacity_active ➜ --sci-sashbox-splitter-opacity-active

  • Scrollbar-related mixins have been moved to the @scion/components/scrollbar SCSS module. Migrate as follows:

    Before:

    @use '@scion/components' as sci-components;
    @include sci-components.scrollbar-hide-when-inactive()
    @include sci-components.scrollbar-position()

    After:

    @use '@scion/components/scrollbar' as sci-scrollbar;
    @include sci-scrollbar.scrollbar-hide-when-inactive()
    @include sci-scrollbar.scrollbar-position()