Skip to content

feat(migration): Angular 17 → 18 #174

Open
patricia-martinez-imatia wants to merge 20 commits into
18.x.xfrom
migration/18.x.x
Open

feat(migration): Angular 17 → 18 #174
patricia-martinez-imatia wants to merge 20 commits into
18.x.xfrom
migration/18.x.x

Conversation

@patricia-martinez-imatia
Copy link
Copy Markdown
Contributor

No description provided.

…te templates

- Bump all Angular deps to ^18.2.0, ng-packagr 18.2.0, typescript 5.5.4
- Remove @angular/flex-layout from module and dependencies
- Point ontimize-web-ngx to local framework tgz
- Migrate all templates: fxLayout/fxFlex/fxFlexFill → CSS classes (o-flex-*)
- Migrate *ngIf/*ngFor → @if/@for control flow syntax
Documents the completed Angular 15→18 migration phases and pending
standalone migration for all 13 map components. Fixes peerDependency
version from ^18.0.0 to ^18.0.0-next.0.
@patricia-martinez-imatia patricia-martinez-imatia requested a review from a team as a code owner May 5, 2026 17:58
@patricia-martinez-imatia patricia-martinez-imatia requested a review from a team as a code owner May 5, 2026 18:01
patricia-martinez-imatia and others added 9 commits May 5, 2026 20:13
…aitForAsync

- package.json: zone.js ~0.14.0 → ~0.15.0 (Angular 18 requires 0.15)
- tsconfig.lib.json: add compilationMode partial in angularCompilerOptions
- o-map.component.spec.ts: async → waitForAsync (deprecated in Angular 16+)
- ontimize-web-ngx-map-theme.scss: remove M2 map.get($theme, is-dark) API
- o-navigator.component.scss: move search-panel button color to component scope
- All 13 components: standalone: true with explicit imports array
- OMapLayerGroupComponent: forwardRef for recursive self-import
- OMapModule: declarations → imports (wrapper for backwards compat)
- Templates: icon-dark/clickable string literals → boolean bindings
- Templates: fix layer-show-in-menu → layer-in-menu, radius.toString()
- Theme: remove M2 map.get($theme, is-dark), move button color to scss
- navigator scss: search-panel button color always dark (white bg)
- Add projects/ontimize-web-ngx-map-quickstart/ to angular.json
- Remove ngx-highlightjs dependency, stub HighlightComponent
- Migrate flex-layout directives to CSS classes (o-flex-*)
- Migrate *ngIf/*ngFor to Angular 18 control flow (@if/@for)
- Escape @ chars in about.component.html for Angular 18 parser
- Add MatDividerModule, MatToolbarModule, MatIconModule, MatButtonModule, MatMenuModule to SharedModule
- Fix o-map.component.scss and o-navigator.component.html theming

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- index.html: replace Material Icons with Material Symbols Outlined, remove highlight.js CDN
- app.scss: use ontimize-blue theme, fix ontimize-style import (no .scss extension)
- app.scss: reference map theme via relative path (not in dist package)
- example.theme.scss: migrate M2 mat.get-color-from-palette() to M3 CSS tokens (--o-*)
- angular.json: replace theme.scss with app.scss as theming entry point

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- start: serve quickstart app by project name
- build/build-prod: explicit project name for library build
- build-quickstart / build-quickstart-prod: build lib then quickstart
- test / test-watch / test-ci: explicit project name for library tests
- add test-watch script (was missing)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Without leaflet.css markers have no icon/positioning.
Without leaflet.draw.css draw toolbar controls are invisible.
Without leaflet-draw/dist/images the draw toolbar icons are broken.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
… dep

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@patricia-martinez-imatia patricia-martinez-imatia linked an issue May 6, 2026 that may be closed by this pull request
@sonarqubecloud
Copy link
Copy Markdown

sonarqubecloud Bot commented May 6, 2026

Quality Gate Failed Quality Gate failed

Failed conditions
B Reliability Rating on New Code (required ≥ A)

See analysis details on SonarQube Cloud

Catch issues before they fail your Quality Gate with our IDE extension SonarQube for IDE

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Migration Angular 15 to Angular 18

1 participant