refactor(multiple): remove unnecessary fields from examples

src/components-examples/aria/accordion/accordion-configurable/accordion-configurable-example.ts

@@ -15,10 +15,8 @@ import {
 /** @title Configurable Accordion using UI Patterns. */
 @Component({
   selector: 'accordion-configurable-example',
-  exportAs: 'AccordionConfigurableExample',
   templateUrl: 'accordion-configurable-example.html',
-  styleUrl: '../accordion-examples.css', // Point to shared CSS
-  standalone: true,
+  styleUrl: '../accordion-examples.css',
   imports: [
     ReactiveFormsModule,
     MatIconModule,

src/components-examples/aria/accordion/accordion-disabled-focusable/accordion-disabled-focusable-example.ts

@@ -12,7 +12,6 @@ import {
   selector: 'accordion-disabled-focusable-example',
   templateUrl: 'accordion-disabled-focusable-example.html',
   styleUrl: '../accordion-examples.css',
-  standalone: true,
   imports: [MatIconModule, AccordionGroup, AccordionTrigger, AccordionPanel, AccordionContent],
 })
 export class AccordionDisabledFocusableExample {

src/components-examples/aria/accordion/accordion-disabled-skipped/accordion-disabled-skipped-example.ts

@@ -12,7 +12,6 @@ import {
   selector: 'accordion-disabled-skipped-example',
   templateUrl: 'accordion-disabled-skipped-example.html',
   styleUrl: '../accordion-examples.css',
-  standalone: true,
   imports: [MatIconModule, AccordionGroup, AccordionTrigger, AccordionPanel, AccordionContent],
 })
 export class AccordionDisabledSkippedExample {

src/components-examples/aria/accordion/accordion-disabled/accordion-disabled-example.ts

@@ -12,7 +12,6 @@ import {
   selector: 'accordion-disabled-example',
   templateUrl: 'accordion-disabled-example.html',
   styleUrl: '../accordion-examples.css',
-  standalone: true,
   imports: [MatIconModule, AccordionGroup, AccordionTrigger, AccordionPanel, AccordionContent],
 })
 export class AccordionDisabledExample {

src/components-examples/aria/accordion/accordion-multi-expansion/accordion-multi-expansion-example.ts

@@ -12,7 +12,6 @@ import {
   selector: 'accordion-multi-expansion-example',
   templateUrl: 'accordion-multi-expansion-example.html',
   styleUrl: '../accordion-examples.css',
-  standalone: true,
   imports: [MatIconModule, AccordionGroup, AccordionTrigger, AccordionPanel, AccordionContent],
 })
 export class AccordionMultiExpansionExample {

src/components-examples/aria/accordion/accordion-single-expansion/accordion-single-expansion-example.ts

@@ -12,7 +12,6 @@ import {
   selector: 'accordion-single-expansion-example',
   templateUrl: 'accordion-single-expansion-example.html',
   styleUrl: '../accordion-examples.css',
-  standalone: true,
   imports: [MatIconModule, AccordionGroup, AccordionTrigger, AccordionPanel, AccordionContent],
 })
 export class AccordionSingleExpansionExample {

src/components-examples/aria/listbox/listbox-active-descendant/listbox-active-descendant-example.ts

@@ -7,10 +7,8 @@ import {MatPseudoCheckbox} from '@angular/material/core';
  */
 @Component({
   selector: 'listbox-active-descendant-example',
-  exportAs: 'ListboxActiveDescendantExample',
   templateUrl: 'listbox-active-descendant-example.html',
   styleUrl: '../listbox-configurable/listbox-configurable-example.css',
-  standalone: true,
   imports: [Listbox, Option, MatPseudoCheckbox],
 })
 export class ListboxActiveDescendantExample {

src/components-examples/aria/listbox/listbox-configurable/listbox-configurable-example.ts

@@ -9,10 +9,8 @@ import {MatPseudoCheckbox} from '@angular/material/core';
 /** @title Configurable Listbox. */
 @Component({
   selector: 'listbox-configurable-example',
-  exportAs: 'ListboxConfigurableExample',
   templateUrl: 'listbox-configurable-example.html',
   styleUrl: 'listbox-configurable-example.css',
-  standalone: true,
   imports: [
     Listbox,
     Option,

src/components-examples/aria/listbox/listbox-disabled-focusable/listbox-disabled-focusable-example.ts

@@ -7,10 +7,8 @@ import {MatPseudoCheckbox} from '@angular/material/core';
  */
 @Component({
   selector: 'listbox-disabled-focusable-example',
-  exportAs: 'ListboxDisabledFocusableExample',
   templateUrl: 'listbox-disabled-focusable-example.html',
   styleUrl: '../listbox-configurable/listbox-configurable-example.css',
-  standalone: true,
   imports: [Listbox, Option, MatPseudoCheckbox],
 })
 export class ListboxDisabledFocusableExample {

src/components-examples/aria/listbox/listbox-disabled-skipped/listbox-disabled-skipped-example.ts

@@ -7,10 +7,8 @@ import {MatPseudoCheckbox} from '@angular/material/core';
  */
 @Component({
   selector: 'listbox-disabled-skipped-example',
-  exportAs: 'ListboxDisabledSkippedExample',
   templateUrl: 'listbox-disabled-skipped-example.html',
   styleUrl: '../listbox-configurable/listbox-configurable-example.css',
-  standalone: true,
   imports: [Listbox, Option, MatPseudoCheckbox],
 })
 export class ListboxDisabledSkippedExample {

src/components-examples/aria/listbox/listbox-disabled/listbox-disabled-example.ts

@@ -7,10 +7,8 @@ import {MatPseudoCheckbox} from '@angular/material/core';
  */
 @Component({
   selector: 'listbox-disabled-example',
-  exportAs: 'ListboxDisabledExample',
   templateUrl: 'listbox-disabled-example.html',
   styleUrl: '../listbox-configurable/listbox-configurable-example.css',
-  standalone: true,
   imports: [Listbox, Option, MatPseudoCheckbox],
 })
 export class ListboxDisabledExample {

src/components-examples/aria/listbox/listbox-horizontal/listbox-horizontal-example.ts

@@ -7,10 +7,8 @@ import {MatPseudoCheckbox} from '@angular/material/core';
  */
 @Component({
   selector: 'listbox-horizontal-example',
-  exportAs: 'ListboxHorizontalExample',
   templateUrl: 'listbox-horizontal-example.html',
   styleUrl: '../listbox-configurable/listbox-configurable-example.css',
-  standalone: true,
   imports: [Listbox, Option, MatPseudoCheckbox],
 })
 export class ListboxHorizontalExample {

src/components-examples/aria/listbox/listbox-multi-select-follow-focus/listbox-multi-select-follow-focus-example.ts

@@ -7,10 +7,8 @@ import {MatPseudoCheckbox} from '@angular/material/core';
  */
 @Component({
   selector: 'listbox-multi-select-follow-focus-example',
-  exportAs: 'ListboxMultiSelectFollowFocusExample',
   templateUrl: 'listbox-multi-select-follow-focus-example.html',
   styleUrl: '../listbox-configurable/listbox-configurable-example.css',
-  standalone: true,
   imports: [Listbox, Option, MatPseudoCheckbox],
 })
 export class ListboxMultiSelectFollowFocusExample {

src/components-examples/aria/listbox/listbox-multi-select/listbox-multi-select-example.ts

@@ -9,7 +9,6 @@ import {MatPseudoCheckbox} from '@angular/material/core';
   selector: 'listbox-multi-select-example',
   templateUrl: './listbox-multi-select-example.html',
   styleUrl: '../listbox-configurable/listbox-configurable-example.css',
-  standalone: true,
   imports: [Listbox, Option, MatPseudoCheckbox],
 })
 export class ListboxMultiSelectExample {

src/components-examples/aria/listbox/listbox-readonly/listbox-readonly-example.ts

@@ -7,10 +7,8 @@ import {MatPseudoCheckbox} from '@angular/material/core';
  */
 @Component({
   selector: 'listbox-readonly-example',
-  exportAs: 'ListboxReadonlyExample',
   templateUrl: 'listbox-readonly-example.html',
   styleUrl: '../listbox-configurable/listbox-configurable-example.css',
-  standalone: true,
   imports: [Listbox, Option, MatPseudoCheckbox],
 })
 export class ListboxReadonlyExample {

src/components-examples/aria/listbox/listbox-rtl-horizontal/listbox-rtl-horizontal-example.ts

@@ -8,10 +8,8 @@ import {MatPseudoCheckbox} from '@angular/material/core';
  */
 @Component({
   selector: 'listbox-rtl-horizontal-example',
-  exportAs: 'ListboxRtlHorizontalExample',
   templateUrl: 'listbox-rtl-horizontal-example.html',
   styleUrl: '../listbox-configurable/listbox-configurable-example.css',
-  standalone: true,
   imports: [Listbox, Option, Dir, MatPseudoCheckbox],
 })
 export class ListboxRtlHorizontalExample {

src/components-examples/aria/listbox/listbox-single-select-follow-focus/listbox-single-select-follow-focus-example.ts

@@ -5,10 +5,8 @@ import {MatPseudoCheckbox} from '@angular/material/core';
 /** @title Listbox with single selection and selection follows focus. */
 @Component({
   selector: 'listbox-single-select-follow-focus-example',
-  exportAs: 'ListboxSingleSelectFollowFocusExample',
   templateUrl: 'listbox-single-select-follow-focus-example.html',
-  styleUrl: '../listbox-configurable/listbox-configurable-example.css', // Reuse common styles
-  standalone: true,
+  styleUrl: '../listbox-configurable/listbox-configurable-example.css',
   imports: [Listbox, Option, MatPseudoCheckbox],
 })
 export class ListboxSingleSelectFollowFocusExample {

src/components-examples/aria/listbox/listbox-single-select/listbox-single-select-example.ts

@@ -5,10 +5,8 @@ import {MatPseudoCheckbox} from '@angular/material/core';
 /** @title Listbox with single selection. */
 @Component({
   selector: 'listbox-single-select-example',
-  exportAs: 'ListboxSingleSelectExample',
   templateUrl: 'listbox-single-select-example.html',
-  styleUrl: '../listbox-configurable/listbox-configurable-example.css', // Reuse common styles
-  standalone: true,
+  styleUrl: '../listbox-configurable/listbox-configurable-example.css',
   imports: [Listbox, Option, MatPseudoCheckbox],
 })
 export class ListboxSingleSelectExample {

src/components-examples/aria/radio-group/radio-group-active-descendant/radio-group-active-descendant-example.ts

@@ -5,9 +5,7 @@ import {RadioGroup, RadioButton} from '@angular/aria/radio-group';
 /** @title Active descendant radio group. */
 @Component({
   selector: 'radio-group-active-descendant-example',
-  exportAs: 'RadioActiveDescendantExample',
   templateUrl: 'radio-group-active-descendant-example.html',
-  standalone: true,
   styleUrl: '../radio-common.css',
   imports: [RadioGroup, RadioButton, FormsModule],
 })

src/components-examples/aria/radio-group/radio-group-configurable/radio-group-configurable-example.ts

@@ -8,10 +8,8 @@ import {FormControl, FormsModule, ReactiveFormsModule} from '@angular/forms';
 /** @title Configurable CDK Radio Group */
 @Component({
   selector: 'radio-group-configurable-example',
-  exportAs: 'RadioConfigurableExample',
   templateUrl: 'radio-group-configurable-example.html',
   styleUrl: '../radio-common.css',
-  standalone: true,
   imports: [
     RadioGroup,
     RadioButton,

src/components-examples/aria/radio-group/radio-group-disabled-focusable/radio-group-disabled-focusable-example.ts

@@ -5,10 +5,8 @@ import {RadioGroup, RadioButton} from '@angular/aria/radio-group';
 /** @title Radio group with disabled options that are focusable. */
 @Component({
   selector: 'radio-group-disabled-focusable-example',
-  exportAs: 'RadioDisabledFocusableExample',
   templateUrl: 'radio-group-disabled-focusable-example.html',
   styleUrl: '../radio-common.css',
-  standalone: true,
   imports: [RadioGroup, RadioButton, FormsModule],
 })
 export class RadioGroupDisabledFocusableExample {

src/components-examples/aria/radio-group/radio-group-disabled-skipped/radio-group-disabled-skipped-example.ts

@@ -5,10 +5,8 @@ import {RadioGroup, RadioButton} from '@angular/aria/radio-group';
 /** @title Radio group with disabled options that are skipped. */
 @Component({
   selector: 'radio-group-disabled-skipped-example',
-  exportAs: 'RadioDisabledSkippedExample',
   templateUrl: 'radio-group-disabled-skipped-example.html',
   styleUrl: '../radio-common.css',
-  standalone: true,
   imports: [RadioGroup, RadioButton, FormsModule],
 })
 export class RadioGroupDisabledSkippedExample {

src/components-examples/aria/radio-group/radio-group-disabled/radio-group-disabled-example.ts

@@ -5,10 +5,8 @@ import {RadioGroup, RadioButton} from '@angular/aria/radio-group';
 /** @title Disabled radio group. */
 @Component({
   selector: 'radio-group-disabled-example',
-  exportAs: 'RadioDisabledExample',
   templateUrl: 'radio-group-disabled-example.html',
   styleUrl: '../radio-common.css',
-  standalone: true,
   imports: [RadioGroup, RadioButton, FormsModule],
 })
 export class RadioGroupDisabledExample {

src/components-examples/aria/radio-group/radio-group-horizontal/radio-group-horizontal-example.ts

@@ -5,10 +5,8 @@ import {RadioGroup, RadioButton} from '@angular/aria/radio-group';
 /** @title Horizontal radio group. */
 @Component({
   selector: 'radio-group-horizontal-example',
-  exportAs: 'RadioHorizontalExample',
   templateUrl: 'radio-group-horizontal-example.html',
   styleUrl: '../radio-common.css',
-  standalone: true,
   imports: [RadioGroup, RadioButton, FormsModule],
 })
 export class RadioGroupHorizontalExample {

src/components-examples/aria/radio-group/radio-group-readonly/radio-group-readonly-example.ts

@@ -5,10 +5,8 @@ import {RadioGroup, RadioButton} from '@angular/aria/radio-group';
 /** @title Readonly radio group. */
 @Component({
   selector: 'radio-group-readonly-example',
-  exportAs: 'RadioReadonlyExample',
   templateUrl: 'radio-group-readonly-example.html',
   styleUrl: '../radio-common.css',
-  standalone: true,
   imports: [RadioGroup, RadioButton, FormsModule],
 })
 export class RadioGroupReadonlyExample {

src/components-examples/aria/radio-group/radio-group-rtl-horizontal/radio-group-rtl-horizontal-example.ts

@@ -6,10 +6,8 @@ import {RadioGroup, RadioButton} from '@angular/aria/radio-group';
 /** @title RTL horizontal radio group. */
 @Component({
   selector: 'radio-group-rtl-horizontal-example',
-  exportAs: 'RadioRtlHorizontalExample',
   templateUrl: 'radio-group-rtl-horizontal-example.html',
   styleUrl: '../radio-common.css',
-  standalone: true,
   imports: [RadioGroup, RadioButton, Dir, FormsModule],
 })
 export class RadioGroupRtlHorizontalExample {

src/components-examples/aria/radio-group/radio-group-standard/radio-group-standard-example.ts

@@ -5,10 +5,8 @@ import {RadioGroup, RadioButton} from '@angular/aria/radio-group';
 /** @title Basic radio group. */
 @Component({
   selector: 'radio-group-standard-example',
-  exportAs: 'RadioStandardExample',
   templateUrl: 'radio-group-standard-example.html',
   styleUrl: '../radio-common.css',
-  standalone: true,
   imports: [RadioGroup, RadioButton, FormsModule],
 })
 export class RadioGroupStandardExample {

src/components-examples/aria/tabs/active-descendant/tabs-active-descendant-example.ts

@@ -4,10 +4,8 @@ import {Tab, Tabs, TabList, TabPanel, TabContent} from '@angular/aria/tabs';
 /** @title Active Descendant */
 @Component({
   selector: 'tabs-active-descendant-example',
-  exportAs: 'TabsActiveDescendantExample',
   templateUrl: 'tabs-active-descendant-example.html',
   styleUrls: ['../tabs-common.css'],
-  standalone: true,
   imports: [TabList, Tab, Tabs, TabPanel, TabContent],
 })
 export class TabsActiveDescendantExample {}

src/components-examples/aria/tabs/disabled-focusable/tabs-disabled-focusable-example.ts

@@ -4,10 +4,8 @@ import {Tab, Tabs, TabList, TabPanel, TabContent} from '@angular/aria/tabs';
 /** @title Disabled Tabs are Focusable */
 @Component({
   selector: 'tabs-disabled-focusable-example',
-  exportAs: 'TabsDisabledFocusableExample',
   templateUrl: 'tabs-disabled-focusable-example.html',
   styleUrls: ['../tabs-common.css'],
-  standalone: true,
   imports: [TabList, Tab, Tabs, TabPanel, TabContent],
 })
 export class TabsDisabledFocusableExample {}

src/components-examples/aria/tabs/disabled-skipped/tabs-disabled-skipped-example.ts

@@ -4,10 +4,8 @@ import {Tab, Tabs, TabList, TabPanel, TabContent} from '@angular/aria/tabs';
 /** @title Disabled Tabs are Skipped */
 @Component({
   selector: 'tabs-disabled-skipped-example',
-  exportAs: 'TabsDisabledSkippedExample',
   templateUrl: 'tabs-disabled-skipped-example.html',
   styleUrls: ['../tabs-common.css'],
-  standalone: true,
   imports: [TabList, Tab, Tabs, TabPanel, TabContent],
 })
 export class TabsDisabledSkippedExample {}

src/components-examples/aria/tabs/disabled/tabs-disabled-example.ts

@@ -4,10 +4,8 @@ import {Tab, Tabs, TabList, TabPanel, TabContent} from '@angular/aria/tabs';
 /** @title Disabled */
 @Component({
   selector: 'tabs-disabled-example',
-  exportAs: 'TabsDisabledExample',
   templateUrl: 'tabs-disabled-example.html',
   styleUrls: ['../tabs-common.css'],
-  standalone: true,
   imports: [TabList, Tab, Tabs, TabPanel, TabContent],
 })
 export class TabsDisabledExample {}

src/components-examples/aria/tabs/explicit-selection/tabs-explicit-selection-example.ts

@@ -4,10 +4,8 @@ import {Tab, Tabs, TabList, TabPanel, TabContent} from '@angular/aria/tabs';
 /** @title Explicit selection */
 @Component({
   selector: 'tabs-explicit-selection-example',
-  exportAs: 'TabsExplicitSelectionExample',
   templateUrl: 'tabs-explicit-selection-example.html',
   styleUrls: ['../tabs-common.css'],
-  standalone: true,
   imports: [TabList, Tab, Tabs, TabPanel, TabContent],
 })
 export class TabsExplicitSelectionExample {}

src/components-examples/aria/tabs/rtl/tabs-rtl-example.ts

@@ -5,10 +5,8 @@ import {Tab, Tabs, TabList, TabPanel, TabContent} from '@angular/aria/tabs';
 /** * @title RTL */
 @Component({
   selector: 'tabs-rtl-example',
-  exportAs: 'TabsRtlExample',
   templateUrl: 'tabs-rtl-example.html',
   styleUrls: ['../tabs-common.css'],
-  standalone: true,
   imports: [TabList, Tab, Tabs, TabPanel, TabContent, Dir],
 })
 export class TabsRtlExample {

src/components-examples/aria/tabs/selection-follows-focus/tabs-selection-follows-focus-example.ts

@@ -4,10 +4,8 @@ import {Tab, Tabs, TabList, TabPanel, TabContent} from '@angular/aria/tabs';
 /** @title Selection Follows Focus */
 @Component({
   selector: 'tabs-selection-follows-focus-example',
-  exportAs: 'TabsSelectionFollowsFocusExample',
   templateUrl: 'tabs-selection-follows-focus-example.html',
   styleUrls: ['../tabs-common.css'],
-  standalone: true,
   imports: [TabList, Tab, Tabs, TabPanel, TabContent],
 })
 export class TabsSelectionFollowsFocusExample {}

src/components-examples/aria/tabs/tabs-configurable/tabs-configurable-example.ts

@@ -8,10 +8,8 @@ import {FormControl, ReactiveFormsModule} from '@angular/forms';
 /** @title Configurable Tabs. */
 @Component({
   selector: 'tabs-configurable-example',
-  exportAs: 'TabsConfigurableExample',
   templateUrl: 'tabs-configurable-example.html',
   styleUrls: ['../tabs-common.css'],
-  standalone: true,
   imports: [
     Tabs,
     TabList,

src/components-examples/aria/tabs/vertical-orientation/tabs-vertical-example.ts

@@ -4,10 +4,8 @@ import {Tab, Tabs, TabList, TabPanel, TabContent} from '@angular/aria/tabs';
 /** @title Vertical */
 @Component({
   selector: 'tabs-vertical-example',
-  exportAs: 'TabsVerticalExample',
   templateUrl: 'tabs-vertical-example.html',
   styleUrls: ['../tabs-common.css'],
-  standalone: true,
   imports: [TabList, Tab, Tabs, TabPanel, TabContent],
 })
 export class TabsVerticalExample {}

src/components-examples/aria/toolbar/toolbar-configurable/toolbar-configurable-example.ts

@@ -9,10 +9,8 @@ import {Toolbar, ToolbarWidget} from '@angular/aria/toolbar';
 /** @title Configurable CDK Radio Group */
 @Component({
   selector: 'toolbar-configurable-example',
-  exportAs: 'ToolbarConfigurableExample',
   templateUrl: 'toolbar-configurable-example.html',
   styleUrl: '../toolbar-common.css',
-  standalone: true,
   imports: [
     RadioGroup,
     RadioButton,