Skip to content

Commit

Permalink
Upgrade to Angular v19 (#304)
Browse files Browse the repository at this point in the history 
* Upgrade Angular core & cli to v19

* Update angular-components

* Update @angular/cdk to v19
  • Loading branch information
@Matthbo
Matthbo authored Feb 12, 2025
1 parent be4a558 commit 80f1dd2
Show file tree
Hide file tree
Showing 30 changed files with 1,868 additions and 2,021 deletions.
28 changes: 14 additions & 14 deletions frank-doc-frontend/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,28 +15,28 @@
},
"private": true,
"dependencies": {
"@angular/animations": "^18.0.5",
"@angular/cdk": "^18.2.8",
"@angular/common": "^18.0.5",
"@angular/compiler": "^18.0.5",
"@angular/core": "^18.0.5",
"@angular/forms": "^18.0.5",
"@angular/platform-browser": "^18.0.5",
"@angular/platform-browser-dynamic": "^18.0.5",
"@angular/router": "^18.0.5",
"@frankframework/angular-components": "^1.0.1",
"@angular/animations": "^19.1.5",
"@angular/cdk": "^19.1.3",
"@angular/common": "^19.1.5",
"@angular/compiler": "^19.1.5",
"@angular/core": "^19.1.5",
"@angular/forms": "^19.1.5",
"@angular/platform-browser": "^19.1.5",
"@angular/platform-browser-dynamic": "^19.1.5",
"@angular/router": "^19.1.5",
"@frankframework/angular-components": "^1.1.0",
"fuse.js": "^7.0.0",
"rxjs": "~7.8.0",
"tslib": "^2.3.0",
"zone.js": "~0.14.7"
"zone.js": "~0.15.0"
},
"devDependencies": {
"@angular-devkit/build-angular": "^18.0.6",
"@angular-devkit/build-angular": "^19.1.6",
"@angular-eslint/eslint-plugin": "^18.0.1",
"@angular-eslint/eslint-plugin-template": "^18.0.1",
"@angular-eslint/template-parser": "^18.0.1",
"@angular/cli": "~18.0.6",
"@angular/compiler-cli": "^18.0.5",
"@angular/cli": "~19.1.6",
"@angular/compiler-cli": "^19.1.5",
"@types/jasmine": "~4.3.0",
"@typescript-eslint/eslint-plugin": "^7.1.0",
"@typescript-eslint/parser": "^7.1.0",
Expand Down
3,799 changes: 1,833 additions & 1,966 deletions frank-doc-frontend/pnpm-lock.yaml
View file

Large diffs are not rendered by default.

1 change: 0 additions & 1 deletion frank-doc-frontend/src/app/app.component.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,6 @@ import { Element, Label } from './frankdoc.types';

@Component({
selector: 'app-root',
standalone: true,
imports: [HeaderComponent, FooterComponent, RouterOutlet, AlertComponent],
templateUrl: './app.component.html',
styleUrl: './app.component.scss',
Expand Down
5 changes: 3 additions & 2 deletions frank-doc-frontend/src/app/components/collapse.directive.spec.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,9 @@ import { By } from '@angular/platform-browser';

@Component({
template: ``,
imports: [CollapseDirective],
standalone: true,
imports: [
/*CollapseDirective*/
],
})
class TestComponent {}

Expand Down
1 change: 0 additions & 1 deletion frank-doc-frontend/src/app/components/footer/footer.component.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,6 @@ import { IconNavigateToExternalComponent } from '../../icons/icon-navigate-to-ex

@Component({
selector: 'app-footer',
standalone: true,
imports: [IconFfLogoFullComponent, IconNavigateToExternalComponent],
templateUrl: './footer.component.html',
styleUrl: './footer.component.scss',
Expand Down
2 changes: 1 addition & 1 deletion frank-doc-frontend/src/app/components/header/header.component.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ header {
}

.version {
color: rgba(30, 30, 30, 0.50);
color: rgba(30, 30, 30, 0.5);
}
}

Expand Down
1 change: 0 additions & 1 deletion frank-doc-frontend/src/app/components/header/header.component.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,6 @@ import { environment } from '../../../environments/environment';

@Component({
selector: 'app-header',
standalone: true,
imports: [IconFfLogoSmallComponent, IconDownloadComponent, RouterLink, RouterLinkActive, IconDarkmodeComponent],
templateUrl: './header.component.html',
styleUrl: './header.component.scss',
Expand Down
5 changes: 3 additions & 2 deletions frank-doc-frontend/src/app/components/javadoc-transform.spec.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,9 @@ import { By } from '@angular/platform-browser';

@Component({
template: ``,
imports: [JavadocTransformDirective],
standalone: true,
imports: [
/*JavadocTransformDirective*/
],
})
class TestComponent {}

Expand Down
1 change: 0 additions & 1 deletion frank-doc-frontend/src/app/icons/icon-arrow-right-up/icon-arrow-right-up.component.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,6 @@ import { IconBaseComponent } from '@frankframework/angular-components';

@Component({
selector: 'app-icon-arrow-right-up',
standalone: true,
imports: [],
templateUrl: './icon-arrow-right-up.component.html',
})
Expand Down
1 change: 0 additions & 1 deletion frank-doc-frontend/src/app/icons/icon-caret-down/icon-caret.component.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,6 @@ type CaretRotation = 'up' | 'down';

@Component({
selector: 'app-icon-caret',
standalone: true,
imports: [],
templateUrl: './icon-caret.component.html',
})
Expand Down
1 change: 0 additions & 1 deletion frank-doc-frontend/src/app/icons/icon-darkmode/icon-darkmode.component.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,6 @@ import { IconBaseComponent } from '@frankframework/angular-components';

@Component({
selector: 'app-icon-darkmode',
standalone: true,
imports: [],
templateUrl: './icon-darkmode.component.html',
})
Expand Down
1 change: 0 additions & 1 deletion frank-doc-frontend/src/app/icons/icon-dislike/icon-dislike.component.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,6 @@ import { IconBaseComponent } from '@frankframework/angular-components';

@Component({
selector: 'app-icon-dislike',
standalone: true,
imports: [],
templateUrl: './icon-dislike.component.html',
})
Expand Down
1 change: 0 additions & 1 deletion frank-doc-frontend/src/app/icons/icon-download/icon-download.component.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,6 @@ import { IconBaseComponent } from '@frankframework/angular-components';

@Component({
selector: 'app-icon-download',
standalone: true,
imports: [],
templateUrl: './icon-download.component.html',
})
Expand Down
1 change: 0 additions & 1 deletion frank-doc-frontend/src/app/icons/icon-ff-logo-full/icon-ff-logo-full.component.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,6 @@ import { IconBaseComponent } from '@frankframework/angular-components';

@Component({
selector: 'app-icon-ff-logo-full',
standalone: true,
imports: [],
templateUrl: './icon-ff-logo-full.component.html',
})
Expand Down
1 change: 0 additions & 1 deletion frank-doc-frontend/src/app/icons/icon-like/icon-like.component.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,6 @@ import { IconBaseComponent } from '@frankframework/angular-components';

@Component({
selector: 'app-icon-like',
standalone: true,
imports: [],
templateUrl: './icon-like.component.html',
})
Expand Down
1 change: 0 additions & 1 deletion ...c-frontend/src/app/icons/icon-navigate-to-external/icon-navigate-to-external.component.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,6 @@ import { IconBaseComponent } from '@frankframework/angular-components';

@Component({
selector: 'app-icon-navigate-to-external',
standalone: true,
imports: [],
templateUrl: './icon-navigate-to-external.component.html',
})
Expand Down
1 change: 0 additions & 1 deletion frank-doc-frontend/src/app/icons/icon-reference/icon-ff-logo-small.component.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,6 @@ import { IconBaseComponent } from '@frankframework/angular-components';

@Component({
selector: 'app-icon-ff-logo-small',
standalone: true,
imports: [],
templateUrl: './icon-ff-logo-small.component.html',
})
Expand Down
1 change: 0 additions & 1 deletion frank-doc-frontend/src/app/icons/icon-smile/icon-smile.component.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,6 @@ import { IconBaseComponent } from '@frankframework/angular-components';

@Component({
selector: 'app-icon-smile',
standalone: true,
imports: [],
templateUrl: './icon-smile.component.html',
})
Expand Down
6 changes: 3 additions & 3 deletions frank-doc-frontend/src/app/views/details/details-element/details-element.component.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ pre {
border: 1px solid var(--ff-bgcolor-gray);
font-size: 16px;
color: var(--ff-color-dark);
background: rgba(237, 237, 237, 0.50);
background: rgba(237, 237, 237, 0.5);
}

code {
Expand Down Expand Up @@ -78,7 +78,7 @@ h3 {
border: 1px solid var(--ff-bgcolor-gray);
font-size: 16px;
color: var(--ff-color-dark);
background: rgba(237, 237, 237, 0.50);
background: rgba(237, 237, 237, 0.5);

button {
position: absolute;
Expand All @@ -94,7 +94,7 @@ h3 {
}

&:active {
background: rgba(216, 216, 216, .5);
background: rgba(216, 216, 216, 0.5);
}
}
}
Expand Down
1 change: 0 additions & 1 deletion frank-doc-frontend/src/app/views/details/details-element/details-element.component.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,6 @@ type InheritedProperties = {

@Component({
selector: 'app-details-element',
standalone: true,
imports: [
ChipComponent,
KeyValuePipe,
Expand Down
1 change: 0 additions & 1 deletion frank-doc-frontend/src/app/views/details/details-search/details-search.component.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,6 @@ import { NameWbrPipe } from '../../../components/name-wbr.pipe';

@Component({
selector: 'app-details-search',
standalone: true,
imports: [SearchComponent, FormsModule, NgClass, RouterLink, NameWbrPipe],
templateUrl: './details-search.component.html',
styleUrl: './details-search.component.scss',
Expand Down
1 change: 0 additions & 1 deletion frank-doc-frontend/src/app/views/details/details.component.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,6 @@ export type HasInheritedProperties = {

@Component({
selector: 'app-details',
standalone: true,
imports: [
DetailsElementComponent,
DetailsSearchComponent,
Expand Down
5 changes: 2 additions & 3 deletions frank-doc-frontend/src/app/views/home/home-component-list/home-component-list.component.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@

.tab {
margin-right: 30px;
padding:0 0 16px;
padding: 0 0 16px;
font-size: 20px;
font-weight: 600;

Expand Down Expand Up @@ -69,7 +69,7 @@

.label,
.element-names {
color: rgba(0, 0, 0, 0.50);
color: rgba(0, 0, 0, 0.5);
font-size: 14px;
font-weight: 500;
}
Expand All @@ -87,4 +87,3 @@
}
}
}

1 change: 0 additions & 1 deletion frank-doc-frontend/src/app/views/home/home-component-list/home-component-list.component.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,6 @@ import { environment } from '../../../../environments/environment';

@Component({
selector: 'app-home-component-list',
standalone: true,
imports: [ButtonComponent, RouterLink, TruncatePipe],
templateUrl: './home-component-list.component.html',
styleUrl: './home-component-list.component.scss',
Expand Down
9 changes: 4 additions & 5 deletions frank-doc-frontend/src/app/views/home/home-filters/home-filters.component.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,7 @@
width: 300px;
margin: 10px 10px 0 0;
border-radius: 15px;
background: #FFF;
background: #fff;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
user-select: none;
overflow: hidden;
Expand Down Expand Up @@ -94,10 +94,9 @@
accent-color: #FDC300;
}
}*/
input[type="checkbox"] {
input[type='checkbox'] {
display: none;
}

}
}
}
Expand All @@ -108,11 +107,11 @@
border: none;
border-top: 1px solid var(--ff-color-light-gray);
border-radius: 0 0 15px 15px;
color: #B2B2B2;
color: #b2b2b2;
font-size: 16px;
font-weight: 500;
text-align: start;
background: #FFF;
background: #fff;
box-shadow: 0px -2px 10px 0px rgba(237, 237, 237, 0.75);
}
}
Expand Down
1 change: 0 additions & 1 deletion frank-doc-frontend/src/app/views/home/home-filters/home-filters.component.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,6 @@ import { ElementLabels } from '../../../frankdoc.types';

@Component({
selector: 'app-home-filters',
standalone: true,
imports: [ButtonComponent, NgClass, CheckboxComponent, InitFilterToggleDirective, KeyValuePipe],
templateUrl: './home-filters.component.html',
styleUrl: './home-filters.component.scss',
Expand Down
5 changes: 3 additions & 2 deletions frank-doc-frontend/src/app/views/home/home-filters/init-filter-toggle.directive.spec.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,9 @@ import { By } from '@angular/platform-browser';

@Component({
template: ``,
imports: [InitFilterToggleDirective],
standalone: true,
imports: [
/*InitFilterToggleDirective*/
],
})
class TestComponent {}

Expand Down
1 change: 0 additions & 1 deletion frank-doc-frontend/src/app/views/home/home.component.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,6 @@ import { SearchQueryParamsService } from '../../search-query-params.service';

@Component({
selector: 'app-home',
standalone: true,
imports: [SearchComponent, FormsModule, HomeComponentListComponent, HomeFiltersComponent],
templateUrl: './home.component.html',
styleUrl: './home.component.scss',
Expand Down
5 changes: 2 additions & 3 deletions frank-doc-frontend/src/app/views/index/index.component.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ ff-chip {
.sidenav {
padding: 20px 20px 20px 0;
border-image: linear-gradient(180deg, #fff 0%, var(--ff-color-light-gray) 50px) 1;
border-width: 0 1px 0 0;
border-width: 0 1px 0 0;
border-style: solid;

.filter-item {
Expand Down Expand Up @@ -53,7 +53,6 @@ ff-chip {
}
}


.page {
padding: 20px 0 0 50px;

Expand Down Expand Up @@ -94,7 +93,7 @@ ff-chip {
.elements {
display: flex;
flex-wrap: wrap;
gap: 5px 50px;
gap: 5px 50px;

a {
display: inline-block;
Expand Down
1 change: 0 additions & 1 deletion frank-doc-frontend/src/app/views/index/index.component.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,6 @@ import { NameWbrPipe } from '../../components/name-wbr.pipe';

@Component({
selector: 'app-index',
standalone: true,
imports: [RouterLink, ChipComponent, IconCaretComponent, CollapseDirective, IconSmileComponent, NgClass, NameWbrPipe],
templateUrl: './index.component.html',
styleUrl: './index.component.scss',
Expand Down

0 comments on commit 80f1dd2

Please sign in to comment.