@simplysm/angular 14.0.26 → 14.0.28

package/src/ui/layout/view/{sd-view-item.control.ts → sd-view-item.ts}

@@ -6,7 +6,7 @@ import {
   input,
   ViewEncapsulation,
 } from "@angular/core";
-import { SdViewControl } from "./sd-view.control";
+import { SdView } from "./sd-view";
 
 @Component({
   selector: "sd-view-item",
@@ -36,10 +36,10 @@ import { SdViewControl } from "./sd-view.control";
     "[attr.data-sd-selected]": "isSelected()",
   },
 })
-export class SdViewItemControl {
+export class SdViewItem {
   value = input<any>();
 
-  private readonly _parentControl = inject(SdViewControl);
+  private readonly _parentControl = inject(SdView);
 
   isSelected = computed(() => this._parentControl.value() === this.value());
 }

package/src/ui/layout/view/{sd-view.control.ts → sd-view.ts}

@@ -25,7 +25,7 @@ import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncaps
     "[attr.data-sd-fill]": "fill()",
   },
 })
-export class SdViewControl {
+export class SdView {
   value = input<any>();
   fill = input(false, { transform: booleanAttribute });
 }

package/src/ui/navigation/collapse/{sd-collapse-icon.control.ts → sd-collapse-icon.ts}

@@ -35,7 +35,7 @@ import { tablerChevronRight } from "@ng-icons/tabler-icons";
     "[style.transition]": "transitionStyle()",
   },
 })
-export class SdCollapseIconControl {
+export class SdCollapseIcon {
   open = input(false, { transform: booleanAttribute });
   openRotate = input(90, { transform: numberAttribute });
 

package/src/ui/navigation/collapse/{sd-collapse.control.ts → sd-collapse.ts}

@@ -11,7 +11,7 @@ import {
   viewChild,
   ViewEncapsulation,
 } from "@angular/core";
-import type { ISdResizeEvent } from "../../../core/plugins/events/sd-resize-event.plugin";
+import type { SdResizeEvent } from "../../../core/plugins/events/sd-resize-event.plugin";
 
 @Component({
   selector: "sd-collapse",
@@ -39,7 +39,7 @@ import type { ISdResizeEvent } from "../../../core/plugins/events/sd-resize-even
     `,
   ],
 })
-export class SdCollapseControl {
+export class SdCollapse {
   open = input(false, { transform: booleanAttribute });
 
   private readonly _contentElRef =
@@ -67,7 +67,7 @@ export class SdCollapseControl {
     });
   }
 
-  onContentResize(event: ISdResizeEvent): void {
+  onContentResize(event: SdResizeEvent): void {
     if (event.heightChanged) {
       this.contentHeight.set(this._contentElRef().nativeElement.offsetHeight);
     }

package/src/ui/navigation/menu-utils.ts

@@ -1,9 +1,9 @@
-import type { ISdMenu } from "../../core/providers/sd-app-structure.types";
+import type { SdMenu } from "../../core/providers/sd-app-structure.types";
 
-export type { ISdMenu } from "../../core/providers/sd-app-structure.types";
+export type { SdMenu } from "../../core/providers/sd-app-structure.types";
 
 export function getMenuRouterLinkOption(
-  menu: ISdMenu,
+  menu: SdMenu,
 ): { link: string; queryParams: Record<string, string> | undefined } | undefined {
   if (menu.children !== undefined || menu.url != null) {
     return undefined;
@@ -24,9 +24,9 @@ export function getMenuRouterLinkOption(
 }
 
 export function getIsMenuSelected(
-  menu: ISdMenu,
+  menu: SdMenu,
   fullPageCode: string | undefined,
-  customFn?: (menu: ISdMenu) => boolean,
+  customFn?: (menu: SdMenu) => boolean,
 ): boolean {
   return customFn ? customFn(menu) : fullPageCode === menu.codeChain.join(".");
 }

package/src/ui/navigation/pagination/{sd-pagination.control.ts → sd-pagination.ts}

@@ -7,7 +7,7 @@ import {
   numberAttribute,
   ViewEncapsulation,
 } from "@angular/core";
-import { SdAnchorControl } from "../../form/button/sd-anchor.control";
+import { SdAnchor } from "../../form/button/sd-anchor";
 import { NgIcon } from "@ng-icons/core";
 import {
   tablerChevronLeft,
@@ -21,7 +21,7 @@ import {
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
   standalone: true,
-  imports: [SdAnchorControl, NgIcon],
+  imports: [SdAnchor, NgIcon],
   template: `
     <sd-anchor class="nav-first" [disabled]="!hasPrev()" (click)="goToFirst()">
       <ng-icon [svg]="icons.tablerChevronsLeft" />
@@ -59,7 +59,7 @@ import {
     class: "flex-row gap-xs",
   },
 })
-export class SdPaginationControl {
+export class SdPagination {
   icons = { tablerChevronsLeft, tablerChevronLeft, tablerChevronRight, tablerChevronsRight };
 
   currentPage = model(0);

package/src/ui/navigation/sidebar/{sd-sidebar-container.control.ts → sd-sidebar-container.ts}

@@ -66,7 +66,7 @@ import { filter } from "rxjs";
     `,
   ],
 })
-export class SdSidebarContainerControl {
+export class SdSidebarContainer {
   private readonly _router = inject(Router, { optional: true });
 
   toggle = signal(false);

package/src/ui/navigation/sidebar/{sd-sidebar-menu.control.ts → sd-sidebar-menu.ts}

@@ -1,15 +1,15 @@
 import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from "@angular/core";
-import { useFullPageCodeSignal } from "../../../core/utils/useFullPageCodeSignal";
+import { injectFullPageCodeSignal } from "../../../core/utils/injectFullPageCodeSignal";
 import {
-  type ISdMenu,
+  type SdMenu,
   getMenuRouterLinkOption as menuRouterLinkOption,
   getIsMenuSelected as menuIsSelected,
 } from "../menu-utils";
 import { NgTemplateOutlet } from "@angular/common";
-import { SdTypedTemplateDirective } from "../../../core/directives/sd-typed-template.directive";
-import { SdRouterLinkDirective } from "../../../core/directives/sd-router-link.directive";
-import { SdListControl } from "../../data/list/sd-list.control";
-import { SdListItemControl } from "../../data/list/sd-list-item.control";
+import { SdTypedTemplate } from "../../../core/directives/sd-typed-template";
+import { SdRouterLink } from "../../../core/directives/sd-router-link";
+import { SdList } from "../../data/list/sd-list";
+import { SdListItem } from "../../data/list/sd-list-item";
 import { NgIcon } from "@ng-icons/core";
 
 @Component({
@@ -19,10 +19,10 @@ import { NgIcon } from "@ng-icons/core";
   standalone: true,
   imports: [
     NgTemplateOutlet,
-    SdTypedTemplateDirective,
-    SdRouterLinkDirective,
-    SdListControl,
-    SdListItemControl,
+    SdTypedTemplate,
+    SdRouterLink,
+    SdList,
+    SdListItem,
     NgIcon,
   ],
   host: {
@@ -43,7 +43,7 @@ import { NgIcon } from "@ng-icons/core";
       @for (menu of currMenus; track menu.codeChain.join(".")) {
         <sd-list-item
           [style.padding-left.em]="depth > 0 ? (depth + 1) * 0.5 : undefined"
-          [sd-router-link]="getMenuRouterLinkOption(menu)"
+          [sdRouterLink]="getMenuRouterLinkOption(menu)"
           (click)="onMenuClick(menu)"
           [selected]="getIsMenuSelected(menu)"
           [layout]="depth === 0 ? rootLayout() : 'accordion'"
@@ -90,33 +90,33 @@ import { NgIcon } from "@ng-icons/core";
     `,
   ],
 })
-export class SdSidebarMenuControl {
-  menus = input<ISdMenu[]>([]);
+export class SdSidebarMenu {
+  menus = input<SdMenu[]>([]);
   layout = input<"accordion" | "flat">();
-  getMenuIsSelectedFn = input<(menu: ISdMenu) => boolean>();
+  getMenuIsSelectedFn = input<(menu: SdMenu) => boolean>();
 
-  fullPageCode = useFullPageCodeSignal();
+  fullPageCode = injectFullPageCodeSignal();
 
   rootLayout = computed(() => this.layout() ?? (this.menus().length <= 3 ? "flat" : "accordion"));
 
   getMenuRouterLinkOption(
-    menu: ISdMenu,
+    menu: SdMenu,
   ): { link: string; queryParams: Record<string, string> | undefined } | undefined {
     return menuRouterLinkOption(menu);
   }
 
-  getIsMenuSelected(menu: ISdMenu): boolean {
+  getIsMenuSelected(menu: SdMenu): boolean {
     return menuIsSelected(menu, this.fullPageCode(), this.getMenuIsSelectedFn());
   }
 
-  onMenuClick(menu: ISdMenu): void {
+  onMenuClick(menu: SdMenu): void {
     if (menu.url != null) {
       window.open(menu.url, "_blank");
     }
   }
 
   protected readonly itemTemplateType!: {
-    menus: ISdMenu[];
+    menus: SdMenu[];
     depth: number;
   };
 }

package/src/ui/navigation/sidebar/{sd-sidebar-user.control.ts → sd-sidebar-user.ts}

@@ -1,9 +1,9 @@
 import { ChangeDetectionStrategy, Component, input, signal, ViewEncapsulation } from "@angular/core";
-import { SdCollapseIconControl } from "../collapse/sd-collapse-icon.control";
-import { SdCollapseControl } from "../collapse/sd-collapse.control";
-import { SdRippleDirective } from "../../../core/directives/sd-ripple.directive";
-import { SdListControl } from "../../data/list/sd-list.control";
-import { SdListItemControl } from "../../data/list/sd-list-item.control";
+import { SdCollapseIcon } from "../collapse/sd-collapse-icon";
+import { SdCollapse } from "../collapse/sd-collapse";
+import { SdRipple } from "../../../core/directives/sd-ripple";
+import { SdList } from "../../data/list/sd-list";
+import { SdListItem } from "../../data/list/sd-list-item";
 
 @Component({
   selector: "sd-sidebar-user",
@@ -11,18 +11,18 @@ import { SdListItemControl } from "../../data/list/sd-list-item.control";
   encapsulation: ViewEncapsulation.None,
   standalone: true,
   imports: [
-    SdCollapseIconControl,
-    SdCollapseControl,
-    SdRippleDirective,
-    SdListControl,
-    SdListItemControl,
+    SdCollapseIcon,
+    SdCollapse,
+    SdRipple,
+    SdList,
+    SdListItem,
   ],
   template: `
     <div class="p-lg">
       <ng-content />
     </div>
     @if (userMenu()?.title) {
-      <div class="_menu-button" tabindex="0" (click)="onMenuOpenButtonClick()" (keydown.enter)="onMenuOpenButtonClick()" [sd-ripple]="true">
+      <div class="_menu-button" tabindex="0" (click)="onMenuOpenButtonClick()" (keydown.enter)="onMenuOpenButtonClick()" [sdRipple]="true">
         {{ userMenu()?.title }}
         <sd-collapse-icon [open]="menuOpen()" style="float: right;" [openRotate]="180" />
       </div>
@@ -65,8 +65,8 @@ import { SdListItemControl } from "../../data/list/sd-list-item.control";
     `,
   ],
 })
-export class SdSidebarUserControl {
-  userMenu = input<ISidebarUserMenu>();
+export class SdSidebarUser {
+  userMenu = input<SdSidebarUserMenu>();
 
   menuOpen = signal(false);
 
@@ -75,7 +75,7 @@ export class SdSidebarUserControl {
   }
 }
 
-export interface ISidebarUserMenu {
+export interface SdSidebarUserMenu {
   title: string;
   menus: {
     title: string;

package/src/ui/navigation/sidebar/{sd-sidebar.control.ts → sd-sidebar.ts}

@@ -6,7 +6,7 @@ import {
   inject,
   ViewEncapsulation,
 } from "@angular/core";
-import { SdSidebarContainerControl } from "./sd-sidebar-container.control";
+import { SdSidebarContainer } from "./sd-sidebar-container";
 
 @Component({
   selector: "sd-sidebar",
@@ -58,9 +58,9 @@ import { SdSidebarContainerControl } from "./sd-sidebar-container.control";
     `,
   ],
 })
-export class SdSidebarControl {
-  private readonly _parentControl = inject<SdSidebarContainerControl>(
-    forwardRef(() => SdSidebarContainerControl),
+export class SdSidebar {
+  private readonly _parentControl = inject<SdSidebarContainer>(
+    forwardRef(() => SdSidebarContainer),
   );
 
   toggle = computed(() => this._parentControl.toggle());

package/src/ui/navigation/tab/{sd-tab-item.control.ts → sd-tab-item.ts}

@@ -7,7 +7,7 @@ import {
   input,
   ViewEncapsulation,
 } from "@angular/core";
-import { SdTabControl } from "./sd-tab.control";
+import { SdTab } from "./sd-tab";
 
 @Component({
   selector: "sd-tab-item",
@@ -42,8 +42,8 @@ import { SdTabControl } from "./sd-tab.control";
     `,
   ],
 })
-export class SdTabItemControl {
-  private readonly _parentControl = inject<SdTabControl>(forwardRef(() => SdTabControl));
+export class SdTabItem {
+  private readonly _parentControl = inject<SdTab>(forwardRef(() => SdTab));
 
   value = input<any>();
 

package/src/ui/navigation/tab/{sd-tab.control.ts → sd-tab.ts}

@@ -20,6 +20,6 @@ import { ChangeDetectionStrategy, Component, model, ViewEncapsulation } from "@a
     <ng-content></ng-content>
   `,
 })
-export class SdTabControl {
+export class SdTab {
   value = model<any>();
 }

package/src/ui/navigation/tab/{sd-tabview-item.control.ts → sd-tabview-item.ts}

@@ -7,7 +7,7 @@ import {
   input,
   ViewEncapsulation,
 } from "@angular/core";
-import { SdTabviewControl } from "./sd-tabview.control";
+import { SdTabview } from "./sd-tabview";
 
 @Component({
   selector: "sd-tabview-item",
@@ -36,12 +36,12 @@ import { SdTabviewControl } from "./sd-tabview.control";
     "[attr.data-sd-selected]": "isSelected()",
   },
 })
-export class SdTabviewItemControl<T> {
+export class SdTabviewItem<T> {
   value = input.required<T>();
   header = input<string>();
 
-  private readonly _parentControl = inject<SdTabviewControl<T>>(
-    forwardRef(() => SdTabviewControl),
+  private readonly _parentControl = inject<SdTabview<T>>(
+    forwardRef(() => SdTabview),
   );
 
   isSelected = computed(() => this._parentControl.value() === this.value());

package/src/ui/navigation/tab/{sd-tabview.control.ts → sd-tabview.ts}

@@ -5,16 +5,16 @@ import {
   model,
   ViewEncapsulation,
 } from "@angular/core";
-import { SdTabItemControl } from "./sd-tab-item.control";
-import { SdTabControl } from "./sd-tab.control";
-import { SdTabviewItemControl } from "./sd-tabview-item.control";
+import { SdTabItem } from "./sd-tab-item";
+import { SdTab } from "./sd-tab";
+import { SdTabviewItem } from "./sd-tabview-item";
 
 @Component({
   selector: "sd-tabview",
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
   standalone: true,
-  imports: [SdTabControl, SdTabItemControl],
+  imports: [SdTab, SdTabItem],
   host: {
     class: "flex-column fill",
   },
@@ -32,8 +32,8 @@ import { SdTabviewItemControl } from "./sd-tabview-item.control";
     </div>
   `,
 })
-export class SdTabviewControl<T> {
+export class SdTabview<T> {
   value = model<T>();
 
-  itemControls = contentChildren<SdTabviewItemControl<T>>(SdTabviewItemControl);
+  itemControls = contentChildren<SdTabviewItem<T>>(SdTabviewItem);
 }

package/src/ui/navigation/topbar/{sd-topbar-container.control.ts → sd-topbar-container.ts}

@@ -19,4 +19,4 @@ import { ChangeDetectionStrategy, Component, ViewEncapsulation } from "@angular/
     `,
   ],
 })
-export class SdTopbarContainerControl {}
+export class SdTopbarContainer {}

package/src/ui/navigation/topbar/{sd-topbar-menu.control.ts → sd-topbar-menu.ts}

@@ -5,20 +5,20 @@ import {
   viewChildren,
   ViewEncapsulation,
 } from "@angular/core";
-import { useFullPageCodeSignal } from "../../../core/utils/useFullPageCodeSignal";
+import { injectFullPageCodeSignal } from "../../../core/utils/injectFullPageCodeSignal";
 import {
-  type ISdMenu,
+  type SdMenu,
   getMenuRouterLinkOption as menuRouterLinkOption,
   getIsMenuSelected as menuIsSelected,
 } from "../menu-utils";
 import { NgTemplateOutlet } from "@angular/common";
-import { SdTypedTemplateDirective } from "../../../core/directives/sd-typed-template.directive";
-import { SdRouterLinkDirective } from "../../../core/directives/sd-router-link.directive";
-import { SdDropdownControl } from "../../overlay/dropdown/sd-dropdown.control";
-import { SdDropdownPopupControl } from "../../overlay/dropdown/sd-dropdown-popup.control";
-import { SdListControl } from "../../data/list/sd-list.control";
-import { SdListItemControl } from "../../data/list/sd-list-item.control";
-import { SdButtonControl } from "../../form/button/sd-button.control";
+import { SdTypedTemplate } from "../../../core/directives/sd-typed-template";
+import { SdRouterLink } from "../../../core/directives/sd-router-link";
+import { SdDropdown } from "../../overlay/dropdown/sd-dropdown";
+import { SdDropdownPopup } from "../../overlay/dropdown/sd-dropdown-popup";
+import { SdList } from "../../data/list/sd-list";
+import { SdListItem } from "../../data/list/sd-list-item";
+import { SdButton } from "../../form/button/sd-button";
 import { NgIcon } from "@ng-icons/core";
 import { tablerCaretDown } from "@ng-icons/tabler-icons";
 
@@ -29,13 +29,13 @@ import { tablerCaretDown } from "@ng-icons/tabler-icons";
   standalone: true,
   imports: [
     NgTemplateOutlet,
-    SdTypedTemplateDirective,
-    SdRouterLinkDirective,
-    SdDropdownControl,
-    SdDropdownPopupControl,
-    SdListControl,
-    SdListItemControl,
-    SdButtonControl,
+    SdTypedTemplate,
+    SdRouterLink,
+    SdDropdown,
+    SdDropdownPopup,
+    SdList,
+    SdListItem,
+    SdButton,
     NgIcon,
   ],
   host: {
@@ -80,7 +80,7 @@ import { tablerCaretDown } from "@ng-icons/tabler-icons";
         <sd-list-item
           [style.padding-left.em]="depth > 0 ? (depth + 1) * 0.5 : undefined"
           [style.padding-block]="depth === 0 ? 'var(--gap-default)' : undefined"
-          [sd-router-link]="getMenuRouterLinkOption(menu)"
+          [sdRouterLink]="getMenuRouterLinkOption(menu)"
           (click)="onMenuClick(menu, dropdownIndex)"
           [selected]="getIsMenuSelected(menu)"
           [open]="true"
@@ -120,25 +120,25 @@ import { tablerCaretDown } from "@ng-icons/tabler-icons";
     `,
   ],
 })
-export class SdTopbarMenuControl {
-  menus = input<ISdMenu[]>([]);
-  getMenuIsSelectedFn = input<(menu: ISdMenu) => boolean>();
+export class SdTopbarMenu {
+  menus = input<SdMenu[]>([]);
+  getMenuIsSelectedFn = input<(menu: SdMenu) => boolean>();
 
-  fullPageCode = useFullPageCodeSignal();
+  fullPageCode = injectFullPageCodeSignal();
 
-  private readonly _dropdowns = viewChildren(SdDropdownControl);
+  private readonly _dropdowns = viewChildren(SdDropdown);
 
   getMenuRouterLinkOption(
-    menu: ISdMenu,
+    menu: SdMenu,
   ): { link: string; queryParams: Record<string, string> | undefined } | undefined {
     return menuRouterLinkOption(menu);
   }
 
-  getIsMenuSelected(menu: ISdMenu): boolean {
+  getIsMenuSelected(menu: SdMenu): boolean {
     return menuIsSelected(menu, this.fullPageCode(), this.getMenuIsSelectedFn());
   }
 
-  onMenuClick(menu: ISdMenu, dropdownIndex: number): void {
+  onMenuClick(menu: SdMenu, dropdownIndex: number): void {
     if (menu.url != null) {
       window.open(menu.url, "_blank");
     }
@@ -149,7 +149,7 @@ export class SdTopbarMenuControl {
   }
 
   protected readonly itemTemplateType!: {
-    menus: ISdMenu[];
+    menus: SdMenu[];
     depth: number;
     dropdownIndex: number;
   };

package/src/ui/navigation/topbar/{sd-topbar-user.control.ts → sd-topbar-user.ts}

@@ -5,11 +5,11 @@ import {
   viewChild,
   ViewEncapsulation,
 } from "@angular/core";
-import { SdDropdownControl } from "../../overlay/dropdown/sd-dropdown.control";
-import { SdDropdownPopupControl } from "../../overlay/dropdown/sd-dropdown-popup.control";
-import { SdListControl } from "../../data/list/sd-list.control";
-import { SdListItemControl } from "../../data/list/sd-list-item.control";
-import { SdButtonControl } from "../../form/button/sd-button.control";
+import { SdDropdown } from "../../overlay/dropdown/sd-dropdown";
+import { SdDropdownPopup } from "../../overlay/dropdown/sd-dropdown-popup";
+import { SdList } from "../../data/list/sd-list";
+import { SdListItem } from "../../data/list/sd-list-item";
+import { SdButton } from "../../form/button/sd-button";
 
 @Component({
   selector: "sd-topbar-user",
@@ -17,11 +17,11 @@ import { SdButtonControl } from "../../form/button/sd-button.control";
   encapsulation: ViewEncapsulation.None,
   standalone: true,
   imports: [
-    SdDropdownControl,
-    SdDropdownPopupControl,
-    SdListControl,
-    SdListItemControl,
-    SdButtonControl,
+    SdDropdown,
+    SdDropdownPopup,
+    SdList,
+    SdListItem,
+    SdButton,
   ],
   template: `
     <sd-dropdown>
@@ -41,18 +41,18 @@ import { SdButtonControl } from "../../form/button/sd-button.control";
   `,
   styles: [],
 })
-export class SdTopbarUserControl {
-  menus = input.required<ISdTopbarUserMenu[]>();
+export class SdTopbarUser {
+  menus = input.required<SdTopbarUserMenu[]>();
 
-  private readonly _dropdown = viewChild(SdDropdownControl);
+  private readonly _dropdown = viewChild(SdDropdown);
 
-  onMenuClick(menu: ISdTopbarUserMenu): void {
+  onMenuClick(menu: SdTopbarUserMenu): void {
     menu.onClick();
     this._dropdown()?.open.set(false);
   }
 }
 
-export interface ISdTopbarUserMenu {
+export interface SdTopbarUserMenu {
   title: string;
   onClick: () => void;
 }

package/src/ui/navigation/topbar/{sd-topbar.control.ts → sd-topbar.ts}

@@ -6,8 +6,8 @@ import {
   input,
   ViewEncapsulation,
 } from "@angular/core";
-import { SdSidebarContainerControl } from "../sidebar/sd-sidebar-container.control";
-import { SdButtonControl } from "../../form/button/sd-button.control";
+import { SdSidebarContainer } from "../sidebar/sd-sidebar-container";
+import { SdButton } from "../../form/button/sd-button";
 import { NgIcon } from "@ng-icons/core";
 import { tablerMenu2 } from "@ng-icons/tabler-icons";
 
@@ -16,7 +16,7 @@ import { tablerMenu2 } from "@ng-icons/tabler-icons";
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
   standalone: true,
-  imports: [SdButtonControl, NgIcon],
+  imports: [SdButton, NgIcon],
   host: {
     "class": "flex-row gap-default cross-align-center main-align-start"
   },
@@ -73,12 +73,12 @@ import { tablerMenu2 } from "@ng-icons/tabler-icons";
     `,
   ],
 })
-export class SdTopbarControl {
-  private readonly _injectedSidebarContainer = inject(SdSidebarContainerControl, {
+export class SdTopbar {
+  private readonly _injectedSidebarContainer = inject(SdSidebarContainer, {
     optional: true,
   });
 
-  sidebarContainer = input<SdSidebarContainerControl>();
+  sidebarContainer = input<SdSidebarContainer>();
 
   hasSidebar = computed(
     () => this.sidebarContainer() != null || this._injectedSidebarContainer != null,

package/src/ui/overlay/busy/{sd-busy-container.control.ts → sd-busy-container.ts}

@@ -8,7 +8,7 @@ import {
   input,
   ViewEncapsulation,
 } from "@angular/core";
-import { SdBusyProvider, type TSdBusyType } from "../../../core/providers/sd-busy.provider";
+import { SdBusyProvider, type SdBusyType } from "../../../core/providers/sd-busy.provider";
 
 @Component({
   selector: "sd-busy-container",
@@ -217,12 +217,12 @@ import { SdBusyProvider, type TSdBusyType } from "../../../core/providers/sd-bus
     `,
   ],
 })
-export class SdBusyContainerControl {
+export class SdBusyContainer {
   private readonly _sdBusy = inject(SdBusyProvider);
 
   busy = input(false, { transform: booleanAttribute });
   message = input<string | undefined>(undefined);
-  type = input<TSdBusyType | undefined>(undefined);
+  type = input<SdBusyType | undefined>(undefined);
   progressPercent = input<number | undefined>(undefined);
 
   currType = computed(() => this.type() ?? this._sdBusy.type());

package/src/ui/overlay/dropdown/{sd-dropdown-popup.control.ts → sd-dropdown-popup.ts}

@@ -5,7 +5,7 @@ import {
   inject,
   ViewEncapsulation,
 } from "@angular/core";
-import { SdDropdownControl } from "./sd-dropdown.control";
+import { SdDropdown } from "./sd-dropdown";
 
 @Component({
   selector: "sd-dropdown-popup",
@@ -84,9 +84,9 @@ import { SdDropdownControl } from "./sd-dropdown.control";
     `,
   ],
 })
-export class SdDropdownPopupControl {
-  private readonly _parentControl = inject<SdDropdownControl>(
-    forwardRef(() => SdDropdownControl),
+export class SdDropdownPopup {
+  private readonly _parentControl = inject<SdDropdown>(
+    forwardRef(() => SdDropdown),
   );
 
   onKeydown(event: KeyboardEvent): void {