refactor(split): migrate to Angular output function

Author: spliffone

api-goldens/element-ng/split/index.api.md

@@ -6,7 +6,6 @@
 
 import { AfterContentInit } from '@angular/core';
 import * as _angular_core from '@angular/core';
-import { EventEmitter } from '@angular/core';
 import { OnChanges } from '@angular/core';
 import { QueryList } from '@angular/core';
 import { Signal } from '@angular/core';
@@ -48,7 +47,7 @@ export class SiSplitComponent implements AfterContentInit, OnChanges {
     // (undocumented)
     sizes: number[];
     // (undocumented)
-    readonly sizesChange: EventEmitter<number[]>;
+    readonly sizesChange: _angular_core.OutputEmitterRef<number[]>;
     stateId?: string;
 }
 
@@ -61,7 +60,7 @@ export class SiSplitPartComponent implements OnChanges {
     // (undocumented)
     actions: Action[];
     // (undocumented)
-    readonly collapseChanged: EventEmitter<boolean>;
+    readonly collapseChanged: _angular_core.OutputEmitterRef<boolean>;
     get collapsed(): boolean;
     // (undocumented)
     collapseDirection: CollapseTo;
@@ -98,7 +97,7 @@ export class SiSplitPartComponent implements OnChanges {
     showHeader: boolean;
     size?: number;
     // (undocumented)
-    readonly stateChange: EventEmitter<PartState>;
+    readonly stateChange: _angular_core.OutputEmitterRef<PartState>;
     stateId?: string;
     toggleCollapse(): void;
 }

projects/element-ng/split/si-split-part.component.ts

@@ -2,20 +2,18 @@
  * Copyright (c) Siemens 2016 - 2026
  * SPDX-License-Identifier: MIT
  */
-/* eslint-disable @angular-eslint/prefer-output-emitter-ref */
 import { NgTemplateOutlet } from '@angular/common';
 import {
   booleanAttribute,
   ChangeDetectionStrategy,
   Component,
   computed,
   ElementRef,
-  EventEmitter,
   inject,
   Input,
   numberAttribute,
   OnChanges,
-  Output,
+  output,
   signal,
   SimpleChanges,
   TemplateRef
@@ -133,8 +131,8 @@ export class SiSplitPartComponent implements OnChanges {
    */
   @Input({ transform: booleanAttribute }) collapseOthers = false;
 
-  @Output() readonly collapseChanged = new EventEmitter<boolean>();
-  @Output() readonly stateChange = new EventEmitter<PartState>();
+  readonly collapseChanged = output<boolean>();
+  readonly stateChange = output<PartState>();
 
   /** @internal */
   index = 0;

projects/element-ng/split/si-split.component.ts

@@ -2,7 +2,6 @@
  * Copyright (c) Siemens 2016 - 2026
  * SPDX-License-Identifier: MIT
  */
-/* eslint-disable @angular-eslint/prefer-output-emitter-ref */
 import {
   AfterContentInit,
   ChangeDetectionStrategy,
@@ -11,17 +10,16 @@ import {
   computed,
   ContentChildren,
   ElementRef,
-  EventEmitter,
   inject,
   Input,
   NgZone,
   OnChanges,
-  Output,
   QueryList,
   signal,
   Signal,
   SimpleChanges,
-  DOCUMENT
+  DOCUMENT,
+  output
 } from '@angular/core';
 import {
   isRTL,
@@ -83,7 +81,7 @@ export class SiSplitComponent implements AfterContentInit, OnChanges {
    */
   @Input() stateId?: string;
 
-  @Output() readonly sizesChange = new EventEmitter<number[]>();
+  readonly sizesChange = output<number[]>();
 
   @WebComponentContentChildren(SiSplitPartComponent)
   @ContentChildren(SiSplitPartComponent)