17.0.0-beta.1 (@scion/workbench)

17.0.0-beta.1 (2023-11-21)

Dependencies

• workbench: update @scion/workbench to Angular 17 (637e8bd), closes #485

Features

• workbench: provide workbench dialog (34e5acc)

BREAKING CHANGES

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

  To migrate:

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

  • update @scion/components to version 17; for detailed migration instructions, refer to https://github.com/SchweizerischeBundesbahnen/scion-toolkit/blob/master/CHANGELOG_COMPONENTS.md;

  • If deploying the application in a subdirectory, use a relative directory path for the browser to load the icon files relative to the document base URL (as specified in the <base> HTML tag). Note that using a relative path requires to exclude the icon files from the application build. Depending on building the application with esbuild @angular-devkit/build-angular:application or webpack @angular-devkit/build-angular:browser, different steps are required to exclude the icons from the build.

    Using @angular-devkit/build-angular:application (esbuild)

    Configure the @scion/workbench SCSS module to load the icon font relative to the document base URL:

    @use '@scion/workbench' with (
     $icon-font: (
       directory: 'path/to/font' // no leading slash, typically `assets/fonts`
     )
    );

    Add the path to the externalDependencies build option in the angular.json file:

    "externalDependencies": [
      "path/to/font/scion-workbench-icons.*"
    ]

    Using @angular-devkit/build-angular:browser (webpack)

    Configure the @scion/workbench SCSS module to load the icon font relative to the document base URL:

    @use '@scion/workbench' with (
      $icon-font: (
        directory: '^path/to/font' // no leading slash but with a caret (^), typically `^assets/fonts`
      )
    );