chore: update to support Forge 3.5.0 (#72)

generate-proxies.json

@@ -13,12 +13,14 @@
         "forge-chip-set": ["forge-chip"],
         "forge-expansion-panel": ["forge-open-icon"],
         "forge-icon-button": ["forge-icon"],
+        "forge-key": ["forge-key-item"],
         "forge-list": ["forge-list-item"],
+        "forge-meter-group": ["forge-meter"],
         "forge-radio-group": ["forge-radio"],
         "forge-select": ["forge-option"],
         "forge-split-view": ["forge-split-view-panel"],
         "forge-stepper": ["forge-step"],
         "forge-tab-bar": ["forge-tab"],
         "forge-view-switcher": ["forge-view"]
     }
-}
+}

package.json

@@ -27,7 +27,7 @@
     "@angular/platform-browser": "^18.2.12",
     "@angular/platform-browser-dynamic": "^18.2.12",
     "@angular/router": "^18.2.12",
-    "@tylertech/forge": "^3.3.5",
+    "@tylertech/forge": "^3.5.0",
     "@tylertech/tyler-icons": "^1.18.1",
     "rxjs": "^7.8.1",
     "tslib": "^2.8.1",

projects/forge-angular/package.json

@@ -8,7 +8,7 @@
   "peerDependencies": {
     "@angular/common": ">=18.0.0 < 20.0.0",
     "@angular/core": ">=18.0.0 < 20.0.0",
-    "@tylertech/forge": "^3.1.0"
+    "@tylertech/forge": "^3.5.0"
   },
   "dependencies": {
     "tslib": "^2.6.3"

projects/forge-angular/src/lib/button/button.component.ts

@@ -123,11 +123,6 @@ export class ButtonComponent {
 		return this.nativeElement.dense;
 	}
 
-	/** The form reference of the button if within a `<form>` element. */
-	public get form(): ButtonComponentCustomElement['form'] {
-		return this.nativeElement.form;
-	}
-
 	/** Clicks the button. */
 	public click(...args: Parameters<ButtonComponentCustomElement['click']>): ReturnType<ButtonComponentCustomElement['click']> {
 		return this.zone.runOutsideAngular(() => this.nativeElement.click(...args));

projects/forge-angular/src/lib/fab/floating-action-button.component.ts

@@ -46,11 +46,6 @@ export class FloatingActionButtonComponent {
 		return this.nativeElement.elevation;
 	}
 
-
-	public get form(): FloatingActionButtonComponentCustomElement['form'] {
-		return this.nativeElement.form;
-	}
-
 	/** The name of the button. */
 	@Input()
 	public set name(value: FloatingActionButtonComponentCustomElement['name']) {

projects/forge-angular/src/lib/forge.module.ts

@@ -15,14 +15,14 @@ import { ForgeBannerModule } from './banner';
 import { ForgeBottomSheetModule } from './bottom-sheet';
 import { ForgeButtonModule } from './button';
 import { ForgeButtonAreaModule } from './button-area';
-import { ForgeButtonToggleGroupModule } from './button-toggle-group';
 import { ForgeButtonToggleModule } from './button-toggle';
+import { ForgeButtonToggleGroupModule } from './button-toggle-group';
 import { ForgeCalendarModule } from './calendar';
 import { ForgeCardModule } from './card';
 import { ForgeCheckboxModule } from './checkbox';
+import { ForgeChipModule } from './chip';
 import { ForgeChipFieldModule } from './chip-field';
 import { ForgeChipSetModule } from './chip-set';
-import { ForgeChipModule } from './chip';
 import { ForgeCircularProgressModule } from './circular-progress';
 import { ForgeColorPickerModule } from './color-picker';
 import { ForgeDatePickerModule } from './date-picker';
@@ -40,13 +40,15 @@ import { ForgeFocusIndicatorModule } from './focus-indicator';
 import { ForgeIconModule } from './icon';
 import { ForgeIconButtonModule } from './icon-button';
 import { ForgeInlineMessageModule } from './inline-message';
+import { ForgeKeyModule } from './key/key.module';
 import { ForgeKeyboardShortcutModule } from './keyboard-shortcut';
 import { ForgeLabelModule } from './label';
 import { ForgeLabelValueModule } from './label-value';
 import { ForgeLinearProgressModule } from './linear-progress';
 import { ForgeListModule } from './list';
 import { ForgeListItemModule } from './list-item';
 import { ForgeMenuModule } from './menu';
+import { ForgeMeterGroupModule } from './meter-group/meter-group.module';
 import { ForgeMiniDrawerModule } from './mini-drawer';
 import { ForgeModalDrawerModule } from './modal-drawer';
 import { ForgeOpenIconModule } from './open-icon';
@@ -60,8 +62,8 @@ import { ForgeProfileCardModule } from './profile-card';
 import { ForgeRadioModule } from './radio';
 import { ForgeRadioGroupModule } from './radio-group';
 import { ForgeScaffoldModule } from './scaffold';
-import { ForgeSelectDropdownModule } from './select-dropdown';
 import { ForgeSelectModule } from './select';
+import { ForgeSelectDropdownModule } from './select-dropdown';
 import { ForgeSkeletonModule } from './skeleton';
 import { ForgeSkipLinkModule } from './skip-link/skip-link.module';
 import { ForgeSliderModule } from './slider';
@@ -126,13 +128,15 @@ import { ForgeViewSwitcherModule } from './view-switcher';
     ForgeIconModule,
     ForgeIconButtonModule,
     ForgeInlineMessageModule,
+    ForgeKeyModule,
     ForgeKeyboardShortcutModule,
     ForgeLabelModule,
     ForgeLabelValueModule,
     ForgeLinearProgressModule,
     ForgeListModule,
     ForgeListItemModule,
     ForgeMenuModule,
+    ForgeMeterGroupModule,
     ForgeMiniDrawerModule,
     ForgeModalDrawerModule,
     ForgeOpenIconModule,

projects/forge-angular/src/lib/icon-button/icon-button.component.ts

@@ -145,11 +145,6 @@ export class IconButtonComponent {
 		return this.nativeElement.value;
 	}
 
-	/** The form reference of the button if within a `<form>` element. */
-	public get form(): IconButtonComponentCustomElement['form'] {
-		return this.nativeElement.form;
-	}
-
 	/** Clicks the button. */
 	public click(...args: Parameters<IconButtonComponentCustomElement['click']>): ReturnType<IconButtonComponentCustomElement['click']> {
 		return this.zone.runOutsideAngular(() => this.nativeElement.click(...args));

projects/forge-angular/src/lib/key-item/index.ts

@@ -0,0 +1,2 @@
+export * from './key-item.component';
+export * from './key-item.module';

projects/forge-angular/src/lib/key-item/key-item.component.ts

@@ -0,0 +1,35 @@
+// This code was generated by the angular-custom-elements-schematic.  Any changes will be overwritten next time it runs.
+import { booleanAttribute, Component, ElementRef, ChangeDetectionStrategy, ChangeDetectorRef, NgZone, Input } from '@angular/core';
+import { KeyItemComponent as KeyItemComponentCustomElement, defineKeyItemComponent } from '@tylertech/forge';
+
+/**  */
+@Component({
+  selector: 'forge-key-item',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>'
+})
+export class KeyItemComponent {
+
+	/** The forge-key-item element. */
+	public readonly nativeElement = this.elementRef.nativeElement;
+
+	/** Whether the label and value dislay on one line. */
+	@Input({ transform: booleanAttribute })
+	public set inline(value: KeyItemComponentCustomElement['inline']) {
+		this.zone.runOutsideAngular(() => {
+			this.nativeElement.inline = value;
+		});
+	}
+	public get inline(): KeyItemComponentCustomElement['inline'] {
+		return this.nativeElement.inline;
+	}
+
+	constructor(
+		changeDetectorRef: ChangeDetectorRef,
+		protected elementRef: ElementRef<KeyItemComponentCustomElement>,
+		protected zone: NgZone
+	) {
+		defineKeyItemComponent();
+		changeDetectorRef.detach();
+	}
+}

projects/forge-angular/src/lib/key-item/key-item.module.ts

@@ -0,0 +1,17 @@
+// This code was generated by the angular-custom-elements-schematic.  Any changes will be overwritten next time it runs.
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core'; 
+import { defineKeyItemComponent } from '@tylertech/forge';
+
+import { KeyItemComponent } from './key-item.component';
+
+@NgModule({
+	imports: [CommonModule],
+	declarations: [KeyItemComponent],
+	exports: [KeyItemComponent]
+})
+export class ForgeKeyItemModule {
+	constructor() {
+		defineKeyItemComponent();
+	}
+}

projects/forge-angular/src/lib/key/index.ts

@@ -0,0 +1,2 @@
+export * from './key.component';
+export * from './key.module';

projects/forge-angular/src/lib/key/key.component.ts

@@ -0,0 +1,24 @@
+// This code was generated by the angular-custom-elements-schematic.  Any changes will be overwritten next time it runs.
+import { Component, ElementRef, ChangeDetectionStrategy, ChangeDetectorRef, NgZone, Input } from '@angular/core';
+import { KeyComponent as KeyComponentCustomElement, defineKeyComponent } from '@tylertech/forge';
+
+/**  */
+@Component({
+  selector: 'forge-key',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>'
+})
+export class KeyComponent {
+
+	/** The forge-key element. */
+	public readonly nativeElement = this.elementRef.nativeElement;
+
+	constructor(
+		changeDetectorRef: ChangeDetectorRef,
+		protected elementRef: ElementRef<KeyComponentCustomElement>,
+		protected zone: NgZone
+	) {
+		defineKeyComponent();
+		changeDetectorRef.detach();
+	}
+}

projects/forge-angular/src/lib/key/key.module.ts

@@ -0,0 +1,18 @@
+// This code was generated by the angular-custom-elements-schematic.  Any changes will be overwritten next time it runs.
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core'; 
+import { defineKeyComponent } from '@tylertech/forge';
+
+import { ForgeKeyItemModule } from '../key-item/key-item.module';
+import { KeyComponent } from './key.component';
+
+@NgModule({
+	imports: [CommonModule, ForgeKeyItemModule],
+	declarations: [KeyComponent],
+	exports: [KeyComponent, ForgeKeyItemModule]
+})
+export class ForgeKeyModule {
+	constructor() {
+		defineKeyComponent();
+	}
+}

projects/forge-angular/src/lib/meter-group/index.ts

@@ -0,0 +1,2 @@
+export * from './meter-group.component';
+export * from './meter-group.module';