Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Migrate to Angular 17 #485

Closed
danielwiehl opened this issue Aug 30, 2023 · 1 comment
Closed

Migrate to Angular 17 #485

danielwiehl opened this issue Aug 30, 2023 · 1 comment
Assignees
@Marcarrian
Milestone
2024-02

Comments

@danielwiehl
Copy link
Collaborator

Migrate SCION Workbench to Angular 17.

Angular 17 is expected to be released in the week of 2023-11-06.
For more information, refer to the Angular CHANGELOG and Update Guide.
@danielwiehl danielwiehl added this to the 2024-02 milestone Aug 30, 2023
@Marcarrian Marcarrian self-assigned this Nov 13, 2023
Marcarrian added a commit that referenced this issue Nov 13, 2023
@Marcarrian
deps(workbench): update @scion/workbench to Angular 17
d72c9d9 
closes #485

BREAKING CHANGE: 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;
- `WorkbenchModule#forChild` was deprecated and has been removed; import `WorkbenchModule` or standalone directives directly;
Marcarrian added a commit that referenced this issue Nov 14, 2023
@Marcarrian
deps(workbench): update @scion/workbench to Angular 17
2f5f82f 
closes #485

BREAKING CHANGE: 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;
- `WorkbenchModule#forChild` was deprecated and has been removed; import `WorkbenchModule` or standalone directives directly;
Marcarrian added a commit that referenced this issue Nov 14, 2023
@Marcarrian
deps(workbench): update @scion/workbench to Angular 17
c26d254 
closes #485

BREAKING CHANGE: 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;
- `WorkbenchModule#forChild` was deprecated and has been removed; import `WorkbenchModule` or standalone directives directly;
Marcarrian added a commit that referenced this issue Nov 14, 2023
@Marcarrian
deps(workbench): update @scion/workbench to Angular 17
65ef031 
closes #485

BREAKING CHANGE: 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;
- `WorkbenchModule#forChild` was deprecated and has been removed; import `WorkbenchModule` or standalone directives directly;
- If deploying the application in a subdirectory, you now need to configure the icon font directory as follows:
  Using `@angular-devkit/build-angular:application`:
  ```
  @use '@scion/workbench' with (
    $icon-font: (
      directory: 'path/to/font'
    )
  );
  ```

  And add the paths to the `externalDependencies` build option:
  ```
  "externalDependencies": [
    "path/to/font/scion-workbench-icons.ttf?*",
    "path/to/font/scion-workbench-icons.woff?*",
    "path/to/font/scion-workbench-icons.svg?*"
  ]
  ```

  Using `@angular-devkit/build-angular:browser`:
  ```
  @use '@scion/workbench' with (
    $icon-font: (
      directory: '^path/to/font'
    )
  );
  ```
Marcarrian added a commit that referenced this issue Nov 16, 2023
@Marcarrian
deps(workbench): update @scion/workbench to Angular 17
5d5bb96 
closes #485

BREAKING CHANGE: 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;
- `WorkbenchModule#forChild` was deprecated and has been removed; import `WorkbenchModule` or standalone directives directly;
- If deploying the application in a subdirectory, you now need to configure the icon font directory as follows:
  Using `@angular-devkit/build-angular:application`:
  ```
  @use '@scion/workbench' with (
    $icon-font: (
      directory: 'path/to/font'
    )
  );
  ```

  And add the paths to the `externalDependencies` build option:
  ```
  "externalDependencies": [
    "path/to/font/scion-workbench-icons.ttf?*",
    "path/to/font/scion-workbench-icons.woff?*",
    "path/to/font/scion-workbench-icons.svg?*"
  ]
  ```

  Using `@angular-devkit/build-angular:browser`:
  ```
  @use '@scion/workbench' with (
    $icon-font: (
      directory: '^path/to/font'
    )
  );
  ```
Marcarrian added a commit that referenced this issue Nov 16, 2023
@Marcarrian
deps(workbench): update @scion/workbench to Angular 17
e0dbe2e 
closes #485

BREAKING CHANGE: 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;
- `WorkbenchModule#forChild` was deprecated and has been removed; import `WorkbenchModule` or standalone directives directly;
- If deploying the application in a subdirectory, you now need to configure the icon font directory as follows:
  Using `@angular-devkit/build-angular:application`:
  ```
  @use '@scion/workbench' with (
    $icon-font: (
      directory: 'path/to/font'
    )
  );
  ```

  And add the paths to the `externalDependencies` build option:
  ```
  "externalDependencies": [
    "path/to/font/scion-workbench-icons.ttf?*",
    "path/to/font/scion-workbench-icons.woff?*",
    "path/to/font/scion-workbench-icons.svg?*"
  ]
  ```

  Using `@angular-devkit/build-angular:browser`:
  ```
  @use '@scion/workbench' with (
    $icon-font: (
      directory: '^path/to/font'
    )
  );
  ```
Marcarrian added a commit that referenced this issue Nov 16, 2023
@Marcarrian
deps(workbench): update @scion/workbench to Angular 17
55fe775 
closes #485

BREAKING CHANGE: 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;
- `WorkbenchModule#forChild` was deprecated and has been removed; import `WorkbenchModule` or standalone directives directly;
- If deploying the application in a subdirectory, you now need to configure the icon font directory as follows:
  Using `@angular-devkit/build-angular:application`:
  ```scss
  @use '@scion/workbench' with (
    $icon-font: (
      directory: 'path/to/font'
    )
  );
  ```

  And add the paths to the `externalDependencies` build option:
  ```json
  "externalDependencies": [
    "path/to/font/scion-workbench-icons.ttf?*",
    "path/to/font/scion-workbench-icons.woff?*",
    "path/to/font/scion-workbench-icons.svg?*"
  ]
  ```

  Using `@angular-devkit/build-angular:browser`:
  ```scss
  @use '@scion/workbench' with (
    $icon-font: (
      directory: '^path/to/font'
    )
  );
  ```
Marcarrian added a commit that referenced this issue Nov 17, 2023
@Marcarrian
deps(workbench): update @scion/workbench to Angular 17
f28701a 
closes #485

BREAKING CHANGE: 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;
- `WorkbenchModule#forChild` was deprecated and has been removed; import `WorkbenchModule` or standalone directives directly;
- If deploying the application in a subdirectory, you now need to configure the icon font directory as follows:
  Using `@angular-devkit/build-angular:application`:
  ```scss
  @use '@scion/workbench' with (
    $icon-font: (
      directory: 'path/to/font'
    )
  );
  ```

  And add the paths to the `externalDependencies` build option:
  ```json
  "externalDependencies": [
    "path/to/font/scion-workbench-icons.ttf?*",
    "path/to/font/scion-workbench-icons.woff?*",
    "path/to/font/scion-workbench-icons.svg?*"
  ]
  ```

  Using `@angular-devkit/build-angular:browser`:
  ```scss
  @use '@scion/workbench' with (
    $icon-font: (
      directory: '^path/to/font'
    )
  );
  ```
Marcarrian added a commit that referenced this issue Nov 17, 2023
@Marcarrian
deps(workbench): update @scion/workbench to Angular 17
0f076cc 
closes #485

BREAKING CHANGE: 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;
- `WorkbenchModule#forChild` was deprecated and has been removed; import `WorkbenchModule` or standalone directives directly;
- If deploying the application in a subdirectory, you now need to configure the icon font directory as follows:
  Using `@angular-devkit/build-angular:application`:
  ```scss
  @use '@scion/workbench' with (
    $icon-font: (
      directory: 'path/to/font'
    )
  );
  ```

  And add the paths to the `externalDependencies` build option:
  ```json
  "externalDependencies": [
    "path/to/font/scion-workbench-icons.ttf?*",
    "path/to/font/scion-workbench-icons.woff?*",
    "path/to/font/scion-workbench-icons.svg?*"
  ]
  ```

  Using `@angular-devkit/build-angular:browser`:
  ```scss
  @use '@scion/workbench' with (
    $icon-font: (
      directory: '^path/to/font'
    )
  );
  ```
Marcarrian added a commit that referenced this issue Nov 17, 2023
@Marcarrian
deps(workbench): update @scion/workbench to Angular 17
0bbb3e1 
closes #485

BREAKING CHANGE: 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;
- `WorkbenchModule#forChild` was deprecated and has been removed; import `WorkbenchModule` or standalone directives directly;
- If deploying the application in a subdirectory, you now need to configure the icon font directory as follows:
  Using `@angular-devkit/build-angular:application`:
  ```scss
  @use '@scion/workbench' with (
    $icon-font: (
      directory: 'path/to/font'
    )
  );
  ```

  And add the paths to the `externalDependencies` build option:
  ```json
  "externalDependencies": [
    "path/to/font/scion-workbench-icons.ttf?*",
    "path/to/font/scion-workbench-icons.woff?*",
    "path/to/font/scion-workbench-icons.svg?*"
  ]
  ```

  Using `@angular-devkit/build-angular:browser`:
  ```scss
  @use '@scion/workbench' with (
    $icon-font: (
      directory: '^path/to/font'
    )
  );
  ```
Marcarrian added a commit that referenced this issue Nov 17, 2023
@Marcarrian
deps(workbench): update @scion/workbench to Angular 17
9eca191 
closes #485

BREAKING CHANGE: 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;
- `WorkbenchModule#forChild` was deprecated and has been removed; import `WorkbenchModule` or standalone directives directly;
- If deploying the application in a subdirectory, you now need to configure the icon font directory as follows:
  Using `@angular-devkit/build-angular:application`:
  ```scss
  @use '@scion/workbench' with (
    $icon-font: (
      directory: 'path/to/font'
    )
  );
  ```

  And add the paths to the `externalDependencies` build option:
  ```json
  "externalDependencies": [
    "path/to/font/scion-workbench-icons.ttf?*",
    "path/to/font/scion-workbench-icons.woff?*",
    "path/to/font/scion-workbench-icons.svg?*"
  ]
  ```

  Using `@angular-devkit/build-angular:browser`:
  ```scss
  @use '@scion/workbench' with (
    $icon-font: (
      directory: '^path/to/font'
    )
  );
  ```
Marcarrian added a commit that referenced this issue Nov 17, 2023
@Marcarrian
deps(workbench): update @scion/workbench to Angular 17
cfee93a 
closes #485

BREAKING CHANGE: 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;
- `WorkbenchModule#forChild` was deprecated and has been removed; import `WorkbenchModule` or standalone directives directly;
- If deploying the application in a subdirectory, you now need to configure the icon font directory as follows:
  Using `@angular-devkit/build-angular:application`:
  ```scss
  @use '@scion/workbench' with (
    $icon-font: (
      directory: 'path/to/font'
    )
  );
  ```

  And add the paths to the `externalDependencies` build option:
  ```json
  "externalDependencies": [
    "path/to/font/scion-workbench-icons.ttf?*",
    "path/to/font/scion-workbench-icons.woff?*",
    "path/to/font/scion-workbench-icons.svg?*"
  ]
  ```

  Using `@angular-devkit/build-angular:browser`:
  ```scss
  @use '@scion/workbench' with (
    $icon-font: (
      directory: '^path/to/font'
    )
  );
  ```
@Marcarrian Marcarrian mentioned this issue Nov 17, 2023
Merged
17 tasks
Marcarrian added a commit that referenced this issue Nov 17, 2023
@Marcarrian
deps(workbench): update @scion/workbench to Angular 17
48e61d9 
closes #485

BREAKING CHANGE: 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;
- `WorkbenchModule#forChild` was deprecated and has been removed; import `WorkbenchModule` or standalone directives directly;
- If deploying the application in a subdirectory, you now need to configure the icon font directory as follows:
  Using `@angular-devkit/build-angular:application`:
  ```scss
  @use '@scion/workbench' with (
    $icon-font: (
      directory: 'path/to/font'
    )
  );
  ```

  And add the paths to the `externalDependencies` build option:
  ```json
  "externalDependencies": [
    "path/to/font/scion-workbench-icons.ttf?*",
    "path/to/font/scion-workbench-icons.woff?*",
    "path/to/font/scion-workbench-icons.svg?*"
  ]
  ```

  Using `@angular-devkit/build-angular:browser`:
  ```scss
  @use '@scion/workbench' with (
    $icon-font: (
      directory: '^path/to/font'
    )
  );
  ```
Marcarrian added a commit that referenced this issue Nov 17, 2023
@Marcarrian
deps(workbench): update @scion/workbench to Angular 17
0bc5b44 
closes #485

BREAKING CHANGE: 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;
- `WorkbenchModule#forChild` was deprecated and has been removed; import `WorkbenchModule` or standalone directives directly;
- If deploying the application in a subdirectory, you now need to configure the icon font directory as follows:
  Using `@angular-devkit/build-angular:application`:
  ```scss
  @use '@scion/workbench' with (
    $icon-font: (
      directory: 'path/to/font'
    )
  );
  ```

  And add the paths to the `externalDependencies` build option:
  ```json
  "externalDependencies": [
    "path/to/font/scion-workbench-icons.*"
  ]
  ```

  Using `@angular-devkit/build-angular:browser`:
  ```scss
  @use '@scion/workbench' with (
    $icon-font: (
      directory: '^path/to/font'
    )
  );
  ```
Marcarrian added a commit that referenced this issue Nov 17, 2023
@Marcarrian
deps(workbench): update @scion/workbench to Angular 17
23617e4 
closes #485

BREAKING CHANGE: 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;
- `WorkbenchModule#forChild` was deprecated and has been removed; import `WorkbenchModule` or standalone directives directly;
- If deploying the application in a subdirectory, you now need to configure the icon font directory as follows:
  Using `@angular-devkit/build-angular:application`:
  ```scss
  @use '@scion/workbench' with (
    $icon-font: (
      directory: 'path/to/font'
    )
  );
  ```

  And add the paths to the `externalDependencies` build option:
  ```json
  "externalDependencies": [
    "path/to/font/scion-workbench-icons.*"
  ]
  ```

  Using `@angular-devkit/build-angular:browser`:
  ```scss
  @use '@scion/workbench' with (
    $icon-font: (
      directory: '^path/to/font'
    )
  );
  ```
Marcarrian added a commit that referenced this issue Nov 17, 2023
@Marcarrian
deps(workbench): update @scion/workbench to Angular 17
bb60f44 
closes #485

BREAKING CHANGE: 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;
- `WorkbenchModule#forChild` was deprecated and has been removed; import `WorkbenchModule` or standalone directives directly;
- If deploying the application in a subdirectory, you now need to configure the icon font directory as follows:
  Using `@angular-devkit/build-angular:application`:
  ```scss
  @use '@scion/workbench' with (
    $icon-font: (
      directory: 'path/to/font'
    )
  );
  ```

  And add the paths to the `externalDependencies` build option:
  ```json
  "externalDependencies": [
    "path/to/font/scion-workbench-icons.*"
  ]
  ```

  Using `@angular-devkit/build-angular:browser`:
  ```scss
  @use '@scion/workbench' with (
    $icon-font: (
      directory: '^path/to/font'
    )
  );
  ```
Marcarrian added a commit that referenced this issue Nov 17, 2023
@Marcarrian
deps(workbench): update @scion/workbench to Angular 17
946850b 
closes #485

BREAKING CHANGE: 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, you now need to configure the icon font directory as follows:
  Using `@angular-devkit/build-angular:application`:
  ```scss
  @use '@scion/workbench' with (
    $icon-font: (
      directory: 'path/to/font'
    )
  );
  ```

  And add the paths to the `externalDependencies` build option:
  ```json
  "externalDependencies": [
    "path/to/font/scion-workbench-icons.*"
  ]
  ```

  Using `@angular-devkit/build-angular:browser`:
  ```scss
  @use '@scion/workbench' with (
    $icon-font: (
      directory: '^path/to/font'
    )
  );
  ```
Marcarrian added a commit that referenced this issue Nov 21, 2023
@Marcarrian
deps(workbench): update @scion/workbench to Angular 17
eab9fb6 
closes #485

BREAKING CHANGE: 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:
  ```scss
  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:
  ```json
  "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:

  ```scss
  use '@scion/workbench' with (
    $icon-font: (
      directory: '^path/to/font' // no leading slash but with a caret (^), typically `^assets/fonts`
    )
  );
  ```
Marcarrian added a commit that referenced this issue Nov 21, 2023
@Marcarrian
deps(workbench): update @scion/workbench to Angular 17
2b6449f 
closes #485

BREAKING CHANGE: 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:
  ```scss
  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:
  ```json
  "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:

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

done 637e8bd

@github-project-automation github-project-automation bot moved this to Done in SCION Aug 28, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@Marcarrian Marcarrian

Labels
None yet
Projects
SCION
Status: Done
Milestone
2024-02
Development

No branches or pull requests
2 participants
@danielwiehl @Marcarrian