chore(deps-dev): bump the builder-io group with 2 updates

package.json

@@ -103,14 +103,14 @@
     "tsx": "^4.19.4",
     "typescript": "^5.4.5",
     "validate-branch-name": "^1.3.2",
-    "vite": "^6.3.5",
+    "vite": "6.3.5",
     "vitest": "^3.1.4",
     "xo": "^0.60.0",
     "zone.js": "~0.15.1"
   },
   "overrides": {
     "cross-spawn": "~7.0.5",
-    "vite": "$vite"
+    "vite": "6.3.5"
   },
   "validate-branch-name": {
     "pattern": "((dbux-3)|(dependabot-)|^((test|feat|fix|chore|docs|refactor|style|ci|perf|[0-9]+)\\-[a-zA-Z0-9\\-]+)$)",

packages/components/configs/angular/index.cjs

@@ -1,6 +1,7 @@
 module.exports = {
 	typescript: true,
 	attributePassing: {
+		enabled: true,
 		customRef: '_ref'
 	},
 	api: 'signals'

packages/components/package.json

@@ -46,8 +46,8 @@
   },
   "devDependencies": {
     "@builder.io/eslint-plugin-mitosis": "0.0.17",
-    "@builder.io/mitosis": "0.10.0",
-    "@builder.io/mitosis-cli": "0.10.0",
+    "@builder.io/mitosis": "0.11.0",
+    "@builder.io/mitosis-cli": "0.11.0",
     "@typescript-eslint/eslint-plugin": "8.33.0",
     "cpr": "3.0.1",
     "cssnano": "^7.0.7",

packages/components/scripts/post-build/angular.ts

@@ -21,7 +21,7 @@ const setControlValueAccessorReplacements = (
 	replacements.push({
 		from: '} from "@angular/core";',
 		to:
-			`Renderer2, model } from "@angular/core";\n` +
+			`Renderer2 } from "@angular/core";\n` +
 			`import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n`
 	});
 
@@ -58,7 +58,7 @@ const setControlValueAccessorReplacements = (
 	// insert custom interface functions before ngOnInit
 	// TODO update attribute by config if necessary (e.g. for checked attribute?)
 	replacements.push({
-		from: 'ngOnInit()',
+		from: 'ngAfterViewInit()',
 		to: `
 		writeValue(value: any) {
 			${valueAccessorRequired ? 'if(value){' : ''}
@@ -85,7 +85,7 @@ const setControlValueAccessorReplacements = (
 		  this.disabled.set(disabled);
 		}
 
-		ngOnInit()`
+		ngAfterViewInit()`
 	});
 };
 
@@ -177,29 +177,22 @@ export default (tmp?: boolean) => {
 		});
 
 		const replacements: Overwrite[] = [
-			// TODO: We don't need this after Angular drops support for v17 in may 2025
+			// TODO: Below Should be fixed in https://github.com/BuilderIO/mitosis/pull/1750
 			{
 				from: /allowSignalWrites: true,/g,
 				to: ''
+			},
+			{
+				from: `export class ${upperComponentName} {\n`,
+				to: `export class ${upperComponentName} implements AfterViewInit {\n`
+			},
+			{
+				from: '} from "@angular/core";',
+				to: `AfterViewInit,
+				 } from "@angular/core";`
 			}
 		];
 
-		if (
-			readFileSync(file)
-				.toString()
-				.includes('this.initialized.set(true);')
-		) {
-			// TODO: Solve this in mitosis by splitting onInit and onMount into ngOnInit and ngAfterViewInit
-			replacements.push({
-				from: 'this.initialized.set(true);',
-				to: ''
-			});
-			replacements.push({
-				from: 'ngAfterViewInit() {',
-				to: 'ngAfterViewInit() {\nthis.initialized.set(true);\n'
-			});
-		}
-
 		if (component.config?.angular?.controlValueAccessor) {
 			setControlValueAccessorReplacements(
 				replacements,

packages/components/scripts/post-build/components.ts

@@ -82,11 +82,7 @@ export const getComponents = (): Component[] => [
         {{label() ?? DEFAULT_LABEL}}
         <select`,
 					to: `<label [attr.id]="_labelId()">{{label() ?? DEFAULT_LABEL}}<select`
-				},
-				// TODO: Move this to mitosis
-				{ from: 'trackByOption0', to: 'trackByOption0(i,option)' },
-				{ from: 'trackByOption1', to: 'trackByOption1(index,option)' },
-				{ from: 'trackByOption2', to: 'trackByOption2(i,option)' }
+				}
 			],
 			react: [
 				{ from: 'key={uuid()}', to: 'key={getOptionLabel(option)}' }

packages/components/src/components/checkbox/checkbox.lite.tsx

@@ -34,7 +34,10 @@ import {
 
 useMetadata({
 	angular: {
-		nativeAttributes: ['disabled', 'required', 'checked', 'indeterminate']
+		nativeAttributes: ['disabled', 'required', 'checked', 'indeterminate'],
+		signals: {
+			writeable: ['disabled', 'checked']
+		}
 	}
 });
 

packages/components/src/components/custom-select-list-item/custom-select-list-item.lite.tsx

@@ -27,7 +27,10 @@ import {
 
 useMetadata({
 	angular: {
-		nativeAttributes: ['disabled', 'checked', 'value', 'name']
+		nativeAttributes: ['disabled', 'checked', 'value', 'name'],
+		signals: {
+			writeable: ['disabled', 'checked']
+		}
 	}
 });
 

packages/components/src/components/custom-select/custom-select.lite.tsx

@@ -59,7 +59,10 @@ import { DocumentClickListener } from '../../utils/document-click-listener';
 
 useMetadata({
 	angular: {
-		nativeAttributes: ['disabled']
+		nativeAttributes: ['disabled'],
+		signals: {
+			writeable: ['disabled', 'values']
+		}
 	}
 });
 

packages/components/src/components/input/input.lite.tsx

@@ -46,7 +46,10 @@ import {
 
 useMetadata({
 	angular: {
-		nativeAttributes: ['disabled', 'required']
+		nativeAttributes: ['disabled', 'required'],
+		signals: {
+			writeable: ['disabled', 'value']
+		}
 	}
 });
 

packages/components/src/components/radio/radio.lite.tsx

@@ -18,7 +18,10 @@ import {
 
 useMetadata({
 	angular: {
-		nativeAttributes: ['disabled', 'required', 'checked', 'indeterminate']
+		nativeAttributes: ['disabled', 'required', 'checked', 'indeterminate'],
+		signals: {
+			writeable: ['disabled', 'value']
+		}
 	}
 });
 useDefaultProps<DBRadioProps>({});

packages/components/src/components/select/select.lite.tsx

@@ -42,7 +42,10 @@ import {
 
 useMetadata({
 	angular: {
-		nativeAttributes: ['disabled', 'required', 'value']
+		nativeAttributes: ['disabled', 'required', 'value'],
+		signals: {
+			writeable: ['disabled', 'value']
+		}
 	}
 });
 useDefaultProps<DBSelectProps>({});

packages/components/src/components/switch/switch.lite.tsx

@@ -24,7 +24,10 @@ import {
 
 useMetadata({
 	angular: {
-		nativeAttributes: ['disabled', 'required', 'checked', 'indeterminate']
+		nativeAttributes: ['disabled', 'required', 'checked', 'indeterminate'],
+		signals: {
+			writeable: ['disabled', 'checked']
+		}
 	}
 });
 useDefaultProps<DBSwitchProps>({});

packages/components/src/components/tab-item/tab-item.lite.tsx

@@ -17,7 +17,10 @@ import {
 
 useMetadata({
 	angular: {
-		nativeAttributes: ['disabled']
+		nativeAttributes: ['disabled'],
+		signals: {
+			writeable: ['disabled', 'checked']
+		}
 	}
 });
 useDefaultProps<DBTabItemProps>({});

packages/components/src/components/textarea/textarea.lite.tsx

@@ -38,7 +38,10 @@ import {
 
 useMetadata({
 	angular: {
-		nativeAttributes: ['disabled', 'required']
+		nativeAttributes: ['disabled', 'required'],
+		signals: {
+			writeable: ['disabled', 'value']
+		}
 	}
 });
 useDefaultProps<DBTextareaProps>({});