feat: update to angular 19

Author: ky-one

package-lock.json

@@ -41,49 +41,49 @@
     },
     "private": true,
     "dependencies": {
-        "@angular/animations": "^18.0.0",
-        "@angular/common": "^18.0.0",
-        "@angular/compiler": "^18.0.0",
-        "@angular/core": "^18.0.0",
-        "@angular/forms": "^18.0.0",
-        "@angular/platform-browser": "^18.0.0",
-        "@angular/platform-browser-dynamic": "^18.0.0",
-        "@angular/router": "^18.0.0",
+        "@angular/animations": "^19.0.0",
+        "@angular/common": "^19.0.0",
+        "@angular/compiler": "^19.0.0",
+        "@angular/core": "^19.0.0",
+        "@angular/forms": "^19.0.0",
+        "@angular/platform-browser": "^19.0.0",
+        "@angular/platform-browser-dynamic": "^19.0.0",
+        "@angular/router": "^19.0.0",
         "@fortawesome/angular-fontawesome": "^0.15.0",
-        "@fortawesome/fontawesome-svg-core": "^6.5.2",
-        "@fortawesome/pro-solid-svg-icons": "^6.5.2",
+        "@fortawesome/fontawesome-svg-core": "^6.7.0",
+        "@fortawesome/pro-solid-svg-icons": "^6.7.0",
         "highlight.js": "^11.8.0",
         "ngx-highlightjs": "^10.0.0",
         "rxjs": "~7.8.0",
         "tslib": "^2.3.0",
-        "zone.js": "~0.14.2"
+        "zone.js": "~0.15.0"
     },
     "devDependencies": {
-        "@angular-devkit/build-angular": "^18.0.1",
-        "@angular-eslint/builder": "18.0.1",
-        "@angular-eslint/eslint-plugin": "18.0.1",
-        "@angular-eslint/eslint-plugin-template": "18.0.1",
-        "@angular-eslint/schematics": "18.0.1",
-        "@angular-eslint/template-parser": "18.0.1",
-        "@angular/cli": "^18.0.1",
-        "@angular/compiler-cli": "^18.0.0",
-        "@ky/eslint-config": "^18.0.0",
+        "@angular-devkit/build-angular": "^19.0.0",
+        "@angular-eslint/builder": "18.4.1",
+        "@angular-eslint/eslint-plugin": "18.4.1",
+        "@angular-eslint/eslint-plugin-template": "18.4.1",
+        "@angular-eslint/schematics": "18.4.1",
+        "@angular-eslint/template-parser": "18.4.1",
+        "@angular/cli": "^19.0.0",
+        "@angular/compiler-cli": "^19.0.0",
+        "@ky/eslint-config": "^18.2.0",
         "@types/jasmine": "~5.1.0",
         "@types/resize-observer-browser": "^0.1.7",
-        "@typescript-eslint/eslint-plugin": "^7.10.0",
-        "@typescript-eslint/parser": "^7.10.0",
+        "@typescript-eslint/eslint-plugin": "^8.15.0",
+        "@typescript-eslint/parser": "^8.15.0",
         "eslint": "^8.57.0",
         "eslint-plugin-no-null": "^1.0.2",
         "eslint-plugin-prefer-arrow": "^1.2.3",
-        "eslint-plugin-unicorn": "^53.0.0",
+        "eslint-plugin-unicorn": "^56.0.1",
         "jasmine-core": "~5.1.0",
         "karma": "~6.4.0",
         "karma-chrome-launcher": "~3.2.0",
         "karma-coverage": "~2.2.0",
         "karma-jasmine": "~5.1.0",
         "karma-jasmine-html-reporter": "~2.1.0",
         "license-to-json": "^1.1.0",
-        "ng-packagr": "^18.0.0",
-        "typescript": "~5.4.5"
+        "ng-packagr": "^19.0.0",
+        "typescript": "~5.6.3"
     }
 }

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@mantic-ui/fomantic-ui-angular",
-    "version": "18.3.0",
+    "version": "19.0.0",
     "scripts": {
         "copy:fomantic": "npm run copy:accordion && npm run copy:button && npm run copy:checkbox && npm run copy:container && npm run copy:dimmer && npm run copy:divider && npm run copy:dropdown && npm run copy:flag && npm run copy:form && npm run copy:grid && npm run copy:header && npm run copy:icon && npm run copy:image && npm run copy:input && npm run copy:label && npm run copy:list && npm run copy:loader && npm run copy:menu && npm run copy:message && npm run copy:modal && npm run copy:reset && npm run copy:segment && npm run copy:sidebar && npm run copy:site && npm run copy:table && npm run copy:transition",
         "copy:accordion": "copy ..\\..\\node_modules\\fomantic-ui\\dist\\components\\accordion.css .\\src\\lib\\styles\\components\\accordion.less",
@@ -68,9 +68,9 @@
         "url": "https://github.com/KY-Programming/mantic-ui.git"
     },
     "peerDependencies": {
-        "@angular/common": "^18.0.0",
-        "@angular/core": "^18.0.0",
-        "@mantic-ui/angular": "18.3.0"
+        "@angular/common": "^19.0.0",
+        "@angular/core": "^19.0.0",
+        "@mantic-ui/angular": "19.0.0"
     },
     "dependencies": {
         "tslib": "^2.3.0"

projects/fomantic-ui/package.json

@@ -3,7 +3,6 @@ import { ThemeService } from '@mantic-ui/angular';
 
 @Component({
     selector: 'm-fomantic-ui-theme',
-    standalone: true,
     template: '',
     styleUrls: ['./fomantic-ui-theme.component.less'],
     encapsulation: ViewEncapsulation.None

projects/fomantic-ui/src/lib/fomantic-ui-theme/fomantic-ui-theme.component.ts

@@ -1,6 +1,6 @@
 {
     "name": "@mantic-ui/angular-doc",
-    "version": "18.3.0",
+    "version": "19.0.0",
     "description": "mantic UI Components for Documentation for Angular",
     "author": "KY-Programming",
     "license": "MIT",
@@ -10,9 +10,9 @@
         "Angular"
     ],
     "peerDependencies": {
-        "@angular/common": "^18.0.0",
-        "@angular/core": "^18.0.0",
-        "@mantic-ui/angular": "18.3.0",
+        "@angular/common": "^19.0.0",
+        "@angular/core": "^19.0.0",
+        "@mantic-ui/angular": "19.0.0",
         "ngx-highlightjs": "> 4",
         "highlight.js": "> 10"
     },

projects/mantic-ui-doc/package.json

@@ -7,7 +7,6 @@ import { HighlightModule } from 'ngx-highlightjs';
     selector: 'm-example-code',
     templateUrl: './example-code.component.html',
     styleUrls: ['./example-code.component.scss'],
-    standalone: true,
     imports: [
         CommonModule,
         HighlightModule,

projects/mantic-ui-doc/src/lib/components/example-code/example-code.component.ts

@@ -5,7 +5,6 @@ import { SafePipe } from '@mantic-ui/angular';
     selector: 'm-example-frame',
     templateUrl: './example-frame.component.html',
     styleUrls: ['./example-frame.component.scss'],
-    standalone: true,
     imports: [
         SafePipe
     ]

projects/mantic-ui-doc/src/lib/components/example-frame/example-frame.component.ts

@@ -7,7 +7,6 @@ import { HighlightModule } from 'ngx-highlightjs';
     selector: 'm-example',
     templateUrl: './example.component.html',
     styleUrls: ['./example.component.scss'],
-    standalone: true,
     imports: [
         CommonModule,
         HighlightModule,

projects/mantic-ui-doc/src/lib/components/example/example.component.ts

@@ -7,7 +7,6 @@ import { CommonModule } from '@angular/common';
     selector: 'm-npm-install',
     templateUrl: './npm-install.component.html',
     styleUrls: ['./npm-install.component.scss'],
-    standalone: true,
     imports: [
         CommonModule,
         SegmentComponent

projects/mantic-ui-doc/src/lib/components/npm-install/npm-install.component.ts

@@ -6,7 +6,6 @@ import { CommonModule } from '@angular/common';
     selector: 'm-npm',
     templateUrl: './npm.component.html',
     styleUrls: ['./npm.component.scss'],
-    standalone: true,
     imports: [
         CommonModule
     ]

projects/mantic-ui-doc/src/lib/components/npm/npm.component.ts

@@ -7,7 +7,6 @@ import { TabComponent, TabGroupComponent } from '@mantic-ui/angular';
     selector: 'm-nuget-install',
     templateUrl: './nuget-install.component.html',
     styleUrls: ['./nuget-install.component.scss'],
-    standalone: true,
     imports: [
         CommonModule,
         TabComponent,

projects/mantic-ui-doc/src/lib/components/nuget-install/nuget-install.component.ts

@@ -6,7 +6,6 @@ import { CommonModule } from '@angular/common';
     selector: 'm-nuget',
     templateUrl: './nuget.component.html',
     styleUrls: ['./nuget.component.scss'],
-    standalone: true,
     imports: [
         CommonModule
     ]

projects/mantic-ui-doc/src/lib/components/nuget/nuget.component.ts

@@ -1,6 +1,6 @@
 {
     "name": "@mantic-ui/angular",
-    "version": "18.3.0",
+    "version": "19.0.0",
     "description": "mantic UI for Angular",
     "keywords": [
         "mantic-ui",
@@ -37,15 +37,15 @@
         "url": "https://github.com/KY-Programming/mantic-ui.git"
     },
     "peerDependencies": {
-        "@angular/common": "^18.0.0",
-        "@angular/core": "^18.0.0",
-        "@angular/forms": "^18.0.0",
-        "@angular/platform-browser": "^18.0.0",
-        "@angular/router": "^18.0.0",
+        "@angular/common": "^19.0.0",
+        "@angular/core": "^19.0.0",
+        "@angular/forms": "^19.0.0",
+        "@angular/platform-browser": "^19.0.0",
+        "@angular/router": "^19.0.0",
         "rxjs": "^7.0.0"
     },
     "optionalDependencies": {
-        "@fortawesome/angular-fontawesome": "~0.15.0"
+        "@fortawesome/angular-fontawesome": "~0.16.0"
     },
     "dependencies": {
         "tslib": "^2.3.0"

projects/mantic-ui/package.json

@@ -5,7 +5,6 @@ import { SortedClassesService } from '../services/sorted-classes.service';
 import { Destroyable } from './destroyable';
 
 @Directive({
-    standalone: true,
     providers: BaseComponent.providers
 })
 export abstract class BaseComponent extends Destroyable implements OnInit {

projects/mantic-ui/src/lib/base/base.component.ts

@@ -2,10 +2,7 @@
 import { BooleanLike } from '../models/boolean-like';
 import { BaseComponent } from './base.component';
 
-@Directive({
-    // TODO: Use InvertedDirective
-    // hostDirectives: [InvertedDirective]
-})
+@Directive()
 export abstract class InvertibleComponent extends BaseComponent {
     protected static override readonly providers = [...BaseComponent.providers];
 

projects/mantic-ui/src/lib/base/invertible.component.ts

@@ -6,7 +6,6 @@ import { AnimationDirection } from './animation-direction';
     selector: 'm-animation',
     templateUrl: './animation.component.html',
     styleUrls: ['./animation.component.scss'],
-    standalone: true,
     providers: [...BaseComponent.providers]
 })
 export class AnimationComponent extends BaseComponent {

projects/mantic-ui/src/lib/components/animation/animation.component.ts

@@ -5,7 +5,6 @@ import { BaseComponent } from '../../base/base.component';
     selector: 'm-breadcrumb',
     templateUrl: './breadcrumb.component.html',
     styleUrls: ['./breadcrumb.component.scss'],
-    standalone: true,
     providers: [...BaseComponent.providers]
 })
 export class BreadcrumbComponent extends BaseComponent {

projects/mantic-ui/src/lib/components/breadcrumb/breadcrumb.component.ts

@@ -9,7 +9,6 @@ import { ToggleButtonComponent } from '../toggle-button/toggle-button.component'
     selector: 'm-button-group',
     templateUrl: './button-group.component.html',
     styleUrls: ['./button-group.component.scss'],
-    standalone: true,
     hostDirectives: [ColorDirective.default],
     providers: [...BaseComponent.providers]
 })

projects/mantic-ui/src/lib/components/button-group/button-group.component.ts

@@ -3,8 +3,7 @@ import { ButtonComponent } from './button.component';
 
 @Component({
     selector: 'm-button-defaults',
-    template: '',
-    standalone: true
+    template: ''
 })
 export class ButtonDefaultsComponent {
     @Input()

projects/mantic-ui/src/lib/components/button/button-defaults.component.ts

@@ -27,7 +27,6 @@ export declare type Pointing =
     selector: 'm-button',
     templateUrl: './button.component.html',
     styleUrls: ['./button.component.scss'],
-    standalone: true,
     imports: [
         CommonModule,
         IconComponent

projects/mantic-ui/src/lib/components/button/button.component.ts

@@ -3,7 +3,6 @@ import { CommonModule } from '@angular/common';
 
 @Component({
     selector: 'm-card-group',
-    standalone: true,
     imports: [CommonModule],
     templateUrl: './card-group.component.html',
     styleUrls: ['./card-group.component.scss']

projects/mantic-ui/src/lib/components/card-group/card-group.component.ts

@@ -5,7 +5,6 @@ import { CommonModule } from '@angular/common';
     selector: 'm-card',
     templateUrl: './card.component.html',
     styleUrls: ['./card.component.scss'],
-    standalone: true,
     imports: [CommonModule]
 })
 export class CardComponent {

projects/mantic-ui/src/lib/components/card/card.component.ts

@@ -14,7 +14,6 @@ export declare type CellAlign =
     selector: 'm-cell',
     templateUrl: './cell.component.html',
     styleUrls: ['./cell.component.scss'],
-    standalone: true,
     providers: [...BaseComponent.providers]
 })
 export class CellComponent extends BaseComponent {

projects/mantic-ui/src/lib/components/cell/cell.component.ts

@@ -14,8 +14,7 @@ import { RouterLink } from '@angular/router';
         ButtonComponent,
         ButtonDirective,
         RouterLink
-    ],
-    standalone: true
+    ]
 })
 export class ChatMessageComponent {
 

projects/mantic-ui/src/lib/components/chat-message/chat-message.component.ts

@@ -5,8 +5,7 @@ import { IconSize } from '../icon/icon-size';
 
 @Component({
     selector: 'm-chat-defaults',
-    template: '',
-    standalone: true
+    template: ''
 })
 export class ChatDefaultsComponent implements OnDestroy {
     private readonly previousSendIcon = ChatComponent.defaults.sendIcon;

projects/mantic-ui/src/lib/components/chat/chat-defaults.component.ts

@@ -15,7 +15,6 @@ import { InputComponent } from '../input/text/input.component';
     selector: 'm-chat',
     templateUrl: './chat.component.html',
     styleUrls: ['./chat.component.scss'],
-    standalone: true,
     imports: [
         CommonModule,
         ChatMessageComponent,

projects/mantic-ui/src/lib/components/chat/chat.component.ts

@@ -5,8 +5,7 @@ import { CheckboxComponent } from './checkbox.component';
 
 @Component({
     selector: 'm-checkbox-defaults',
-    template: '',
-    standalone: true
+    template: ''
 })
 export class CheckboxDefaultsComponent implements OnDestroy {
     private readonly previousDropdownIcon = CheckboxComponent.defaults.checkIcon;

projects/mantic-ui/src/lib/components/checkbox/checkbox-defaults.component.ts

@@ -16,7 +16,6 @@ import { IconComponent } from '../icon/icon.component';
     selector: 'm-checkbox',
     templateUrl: './checkbox.component.html',
     styleUrls: ['./checkbox.component.scss'],
-    standalone: true,
     imports: [
         CommonModule,
         IconComponent,

projects/mantic-ui/src/lib/components/checkbox/checkbox.component.ts

@@ -7,7 +7,6 @@ import { ColorName } from '../../models/color';
 
 @Component({
     selector: 'm-circular-progress',
-    standalone: true,
     imports: [CommonModule],
     templateUrl: './circular-progress.component.html',
     styleUrls: ['./circular-progress.component.scss'],

projects/mantic-ui/src/lib/components/circular-progress/circular-progress.component.ts

@@ -15,7 +15,6 @@ import { ContextMenuMouseEvent } from './models/context-menu-mouse-event';
     selector: 'm-context-menu',
     templateUrl: './context-menu.component.html',
     styleUrls: ['./context-menu.component.scss'],
-    standalone: true,
     imports: [
         CommonModule,
         MenuComponent,

projects/mantic-ui/src/lib/components/context-menu/context-menu.component.ts

@@ -9,7 +9,6 @@ import { ContextMenuComponent } from '../context-menu.component';
     selector: 'm-context-menu-item',
     templateUrl: './context-menu-item.component.html',
     styleUrls: ['./context-menu-item.component.scss'],
-    standalone: true,
     imports: [
         IconComponent
     ],

projects/mantic-ui/src/lib/components/context-menu/item/context-menu-item.component.ts

@@ -4,8 +4,7 @@ import { DataSourceRequest } from './data-source-request';
 
 @Component({
     selector: 'm-data-source',
-    template: '',
-    standalone: true
+    template: ''
 })
 export class DataSourceComponent {
     private readonly requestSubject = new Subject<DataSourceRequest>();

projects/mantic-ui/src/lib/components/data-source/data-source.component.ts

@@ -3,8 +3,7 @@ import { DimmerComponent } from './dimmer.component';
 
 @Component({
     selector: 'm-dimmer-defaults',
-    template: '',
-    standalone: true
+    template: ''
 })
 export class DimmerDefaultsComponent {
 

projects/mantic-ui/src/lib/components/dimmer/dimmer-defaults.component.ts

@@ -10,7 +10,6 @@ import { BooleanLike } from '../../models/boolean-like';
     selector: 'm-dimmer',
     templateUrl: './dimmer.component.html',
     styleUrls: ['./dimmer.component.scss'],
-    standalone: true,
     providers: [...InvertibleComponent.providers]
 })
 export class DimmerComponent extends InvertibleComponent implements OnInit, OnDestroy {