@simplysm/angular 14.0.25 → 14.0.27

package/dist/ui/navigation/sidebar/{sd-sidebar.control.js → sd-sidebar.js}

@@ -1,19 +1,19 @@
 import { ChangeDetectionStrategy, Component, computed, forwardRef, inject, ViewEncapsulation, } from "@angular/core";
-import { SdSidebarContainerControl } from "./sd-sidebar-container.control";
+import { SdSidebarContainer } from "./sd-sidebar-container";
 import * as i0 from "@angular/core";
 const _c0 = ["*"];
-export class SdSidebarControl {
-    _parentControl = inject(forwardRef(() => SdSidebarContainerControl));
+export class SdSidebar {
+    _parentControl = inject(forwardRef(() => SdSidebarContainer));
     toggle = computed(() => this._parentControl.toggle(), ...(ngDevMode ? [{ debugName: "toggle" }] : /* istanbul ignore next */ []));
-    static ɵfac = function SdSidebarControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdSidebarControl)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdSidebarControl, selectors: [["sd-sidebar"]], hostVars: 1, hostBindings: function SdSidebarControl_HostBindings(rf, ctx) { if (rf & 2) {
+    static ɵfac = function SdSidebar_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdSidebar)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdSidebar, selectors: [["sd-sidebar"]], hostVars: 1, hostBindings: function SdSidebar_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("data-sd-toggle", ctx.toggle());
-        } }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdSidebarControl_Template(rf, ctx) { if (rf & 1) {
+        } }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdSidebar_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, styles: ["sd-sidebar {\n  position: absolute;\n  z-index: var(--z-index-sidebar);\n  top: 0;\n  left: 0;\n  width: var(--sidebar-width);\n  height: 100%;\n  background: var(--control-color);\n  border-right: 1px solid var(--border-color-lighter);\n}\n@media not all and (max-width: 520px) {\n  sd-sidebar {\n    transition: transform 0.1s ease-out;\n  }\n  sd-sidebar[data-sd-toggle=true] {\n    transform: translateX(-100%);\n    transition: transform 0.1s ease-in;\n  }\n}\n@media all and (max-width: 520px) {\n  sd-sidebar {\n    transition: transform 0.3s ease-in;\n    transform: translateX(-100%);\n  }\n  sd-sidebar[data-sd-toggle=true] {\n    transform: none;\n    transition: transform 0.3s ease-out;\n    box-shadow: 0 calc(16 * var(--elevation-size)) calc(16 * 4 * var(--elevation-size)) var(--trans-lighter), 0 var(--elevation-size) var(--elevation-size) var(--trans-lighter);\n  }\n}"], encapsulation: 2, changeDetection: 0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdSidebarControl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdSidebar, [{
         type: Component,
         args: [{ selector: "sd-sidebar", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [], host: {
                     "[attr.data-sd-toggle]": "toggle()",
@@ -21,4 +21,4 @@ export class SdSidebarControl {
     <ng-content />
   `, styles: ["sd-sidebar {\n  position: absolute;\n  z-index: var(--z-index-sidebar);\n  top: 0;\n  left: 0;\n  width: var(--sidebar-width);\n  height: 100%;\n  background: var(--control-color);\n  border-right: 1px solid var(--border-color-lighter);\n}\n@media not all and (max-width: 520px) {\n  sd-sidebar {\n    transition: transform 0.1s ease-out;\n  }\n  sd-sidebar[data-sd-toggle=true] {\n    transform: translateX(-100%);\n    transition: transform 0.1s ease-in;\n  }\n}\n@media all and (max-width: 520px) {\n  sd-sidebar {\n    transition: transform 0.3s ease-in;\n    transform: translateX(-100%);\n  }\n  sd-sidebar[data-sd-toggle=true] {\n    transform: none;\n    transition: transform 0.3s ease-out;\n    box-shadow: 0 calc(16 * var(--elevation-size)) calc(16 * 4 * var(--elevation-size)) var(--trans-lighter), 0 var(--elevation-size) var(--elevation-size) var(--trans-lighter);\n  }\n}"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSidebarControl, { className: "SdSidebarControl", filePath: "packages/angular/src/ui/navigation/sidebar/sd-sidebar.control.ts", lineNumber: 61, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSidebar, { className: "SdSidebar", filePath: "packages/angular/src/ui/navigation/sidebar/sd-sidebar.ts", lineNumber: 61, forbidOrphanRendering: true }); })();

package/dist/ui/navigation/tab/sd-tab-item.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export declare class SdTabItem {
+    private readonly _parentControl;
+    value: import("@angular/core").InputSignal<any>;
+    isSelected: import("@angular/core").Signal<boolean>;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdTabItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdTabItem, "sd-tab-item", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=sd-tab-item.d.ts.map

package/dist/ui/navigation/tab/sd-tab-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-tab-item.d.ts","sourceRoot":"","sources":["../../../../src/ui/navigation/tab/sd-tab-item.ts"],"names":[],"mappings":";AAWA,qBAiCa,SAAS;IACpB,OAAO,CAAC,QAAQ,CAAC,cAAc,CAA0C;IAEzE,KAAK,2CAAgB;IAErB,UAAU,0CAAgE;IAE1E,OAAO;yCAPI,SAAS;2CAAT,SAAS;CAUrB"}

package/dist/ui/navigation/tab/{sd-tab-item.control.js → sd-tab-item.js}

@@ -1,25 +1,25 @@
 import { ChangeDetectionStrategy, Component, computed, forwardRef, inject, input, ViewEncapsulation, } from "@angular/core";
-import { SdTabControl } from "./sd-tab.control";
+import { SdTab } from "./sd-tab";
 import * as i0 from "@angular/core";
 const _c0 = ["*"];
-export class SdTabItemControl {
-    _parentControl = inject(forwardRef(() => SdTabControl));
+export class SdTabItem {
+    _parentControl = inject(forwardRef(() => SdTab));
     value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
     isSelected = computed(() => this._parentControl.value() === this.value(), ...(ngDevMode ? [{ debugName: "isSelected" }] : /* istanbul ignore next */ []));
     onClick() {
         this._parentControl.value.set(this.value());
     }
-    static ɵfac = function SdTabItemControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdTabItemControl)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdTabItemControl, selectors: [["sd-tab-item"]], hostVars: 1, hostBindings: function SdTabItemControl_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("click", function SdTabItemControl_click_HostBindingHandler() { return ctx.onClick(); });
+    static ɵfac = function SdTabItem_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdTabItem)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdTabItem, selectors: [["sd-tab-item"]], hostVars: 1, hostBindings: function SdTabItem_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("click", function SdTabItem_click_HostBindingHandler() { return ctx.onClick(); });
         } if (rf & 2) {
             i0.ɵɵattribute("data-sd-selected", ctx.isSelected());
-        } }, inputs: { value: [1, "value"] }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdTabItemControl_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { value: [1, "value"] }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdTabItem_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, styles: ["sd-tab-item {\n  display: inline-block;\n  padding: var(--gap-sm) var(--gap-default);\n  cursor: pointer;\n  margin-bottom: -2px;\n  border-bottom: 2px solid transparent !important;\n  font-weight: bold;\n  color: var(--theme-gray-default);\n}\nsd-tab-item[data-sd-selected=true] {\n  border-bottom: 3px solid var(--theme-primary-default) !important;\n  color: var(--theme-primary-default);\n}"], encapsulation: 2, changeDetection: 0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdTabItemControl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdTabItem, [{
         type: Component,
         args: [{ selector: "sd-tab-item", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [], host: {
                     "[attr.data-sd-selected]": "isSelected()",
@@ -28,4 +28,4 @@ export class SdTabItemControl {
     <ng-content></ng-content>
   `, styles: ["sd-tab-item {\n  display: inline-block;\n  padding: var(--gap-sm) var(--gap-default);\n  cursor: pointer;\n  margin-bottom: -2px;\n  border-bottom: 2px solid transparent !important;\n  font-weight: bold;\n  color: var(--theme-gray-default);\n}\nsd-tab-item[data-sd-selected=true] {\n  border-bottom: 3px solid var(--theme-primary-default) !important;\n  color: var(--theme-primary-default);\n}"] }]
     }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdTabItemControl, { className: "SdTabItemControl", filePath: "packages/angular/src/ui/navigation/tab/sd-tab-item.control.ts", lineNumber: 45, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdTabItem, { className: "SdTabItem", filePath: "packages/angular/src/ui/navigation/tab/sd-tab-item.ts", lineNumber: 45, forbidOrphanRendering: true }); })();

package/dist/ui/navigation/tab/sd-tab.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class SdTab {
+    value: import("@angular/core").ModelSignal<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdTab, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdTab, "sd-tab", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, never>;
+}
+//# sourceMappingURL=sd-tab.d.ts.map

package/dist/ui/navigation/tab/sd-tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-tab.d.ts","sourceRoot":"","sources":["../../../../src/ui/navigation/tab/sd-tab.ts"],"names":[],"mappings":";AAEA,qBAoBa,KAAK;IAChB,KAAK,2CAAgB;yCADV,KAAK;2CAAL,KAAK;CAEjB"}

package/dist/ui/navigation/tab/{sd-tab.control.js → sd-tab.js}

@@ -1,18 +1,18 @@
 import { ChangeDetectionStrategy, Component, model, ViewEncapsulation } from "@angular/core";
 import * as i0 from "@angular/core";
 const _c0 = ["*"];
-export class SdTabControl {
+export class SdTab {
     value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
-    static ɵfac = function SdTabControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdTabControl)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdTabControl, selectors: [["sd-tab"]], inputs: { value: [1, "value"] }, outputs: { value: "valueChange" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdTabControl_Template(rf, ctx) { if (rf & 1) {
+    static ɵfac = function SdTab_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdTab)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdTab, selectors: [["sd-tab"]], inputs: { value: [1, "value"] }, outputs: { value: "valueChange" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdTab_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, styles: ["sd-tab {\n  display: block;\n  border-bottom: 2px solid var(--theme-gray-lighter);\n  padding: 0 calc(var(--gap-default) + 1px) 0 calc(var(--gap-default) - 1px);\n}"], encapsulation: 2, changeDetection: 0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdTabControl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdTab, [{
         type: Component,
         args: [{ selector: "sd-tab", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [], template: `
     <ng-content></ng-content>
   `, styles: ["sd-tab {\n  display: block;\n  border-bottom: 2px solid var(--theme-gray-lighter);\n  padding: 0 calc(var(--gap-default) + 1px) 0 calc(var(--gap-default) - 1px);\n}"] }]
     }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdTabControl, { className: "SdTabControl", filePath: "packages/angular/src/ui/navigation/tab/sd-tab.control.ts", lineNumber: 23, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdTab, { className: "SdTab", filePath: "packages/angular/src/ui/navigation/tab/sd-tab.ts", lineNumber: 23, forbidOrphanRendering: true }); })();

package/dist/ui/navigation/tab/sd-tabview-item.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export declare class SdTabviewItem<T> {
+    value: import("@angular/core").InputSignal<T>;
+    header: import("@angular/core").InputSignal<string | undefined>;
+    private readonly _parentControl;
+    isSelected: import("@angular/core").Signal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdTabviewItem<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdTabviewItem<any>, "sd-tabview-item", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=sd-tabview-item.d.ts.map

package/dist/ui/navigation/tab/sd-tabview-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-tabview-item.d.ts","sourceRoot":"","sources":["../../../../src/ui/navigation/tab/sd-tabview-item.ts"],"names":[],"mappings":";AAWA,qBA2Ba,aAAa,CAAC,CAAC;IAC1B,KAAK,yCAAuB;IAC5B,MAAM,0DAAmB;IAEzB,OAAO,CAAC,QAAQ,CAAC,cAAc,CAE7B;IAEF,UAAU,0CAAgE;yCAR/D,aAAa;2CAAb,aAAa;CASzB"}

package/dist/ui/navigation/tab/{sd-tabview-item.control.js → sd-tabview-item.js}

@@ -1,21 +1,21 @@
 import { ChangeDetectionStrategy, Component, computed, forwardRef, inject, input, ViewEncapsulation, } from "@angular/core";
-import { SdTabviewControl } from "./sd-tabview.control";
+import { SdTabview } from "./sd-tabview";
 import * as i0 from "@angular/core";
 const _c0 = ["*"];
-export class SdTabviewItemControl {
+export class SdTabviewItem {
     value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
     header = input(...(ngDevMode ? [undefined, { debugName: "header" }] : /* istanbul ignore next */ []));
-    _parentControl = inject(forwardRef(() => SdTabviewControl));
+    _parentControl = inject(forwardRef(() => SdTabview));
     isSelected = computed(() => this._parentControl.value() === this.value(), ...(ngDevMode ? [{ debugName: "isSelected" }] : /* istanbul ignore next */ []));
-    static ɵfac = function SdTabviewItemControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdTabviewItemControl)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdTabviewItemControl, selectors: [["sd-tabview-item"]], hostVars: 1, hostBindings: function SdTabviewItemControl_HostBindings(rf, ctx) { if (rf & 2) {
+    static ɵfac = function SdTabviewItem_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdTabviewItem)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdTabviewItem, selectors: [["sd-tabview-item"]], hostVars: 1, hostBindings: function SdTabviewItem_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("data-sd-selected", ctx.isSelected());
-        } }, inputs: { value: [1, "value"], header: [1, "header"] }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdTabviewItemControl_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { value: [1, "value"], header: [1, "header"] }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdTabviewItem_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, styles: ["sd-tabview-item {\n  display: none;\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n}\nsd-tabview-item[data-sd-selected=true] {\n  display: block;\n}"], encapsulation: 2, changeDetection: 0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdTabviewItemControl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdTabviewItem, [{
         type: Component,
         args: [{ selector: "sd-tabview-item", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [], template: `
     <ng-content></ng-content>
@@ -23,4 +23,4 @@ export class SdTabviewItemControl {
                     "[attr.data-sd-selected]": "isSelected()",
                 }, styles: ["sd-tabview-item {\n  display: none;\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n}\nsd-tabview-item[data-sd-selected=true] {\n  display: block;\n}"] }]
     }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdTabviewItemControl, { className: "SdTabviewItemControl", filePath: "packages/angular/src/ui/navigation/tab/sd-tabview-item.control.ts", lineNumber: 39, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdTabviewItem, { className: "SdTabviewItem", filePath: "packages/angular/src/ui/navigation/tab/sd-tabview-item.ts", lineNumber: 39, forbidOrphanRendering: true }); })();

package/dist/ui/navigation/tab/sd-tabview.d.ts

@@ -0,0 +1,9 @@
+import { SdTabviewItem } from "./sd-tabview-item";
+import * as i0 from "@angular/core";
+export declare class SdTabview<T> {
+    value: import("@angular/core").ModelSignal<T | undefined>;
+    itemControls: import("@angular/core").Signal<readonly SdTabviewItem<T>[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdTabview<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdTabview<any>, "sd-tabview", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["itemControls"], ["*"], true, never>;
+}
+//# sourceMappingURL=sd-tabview.d.ts.map

package/dist/ui/navigation/tab/sd-tabview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-tabview.d.ts","sourceRoot":"","sources":["../../../../src/ui/navigation/tab/sd-tabview.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;;AAElD,qBAuBa,SAAS,CAAC,CAAC;IACtB,KAAK,qDAAc;IAEnB,YAAY,8DAAoD;yCAHrD,SAAS;2CAAT,SAAS;CAIrB"}

package/dist/ui/navigation/tab/{sd-tabview.control.js → sd-tabview.js}

@@ -1,11 +1,11 @@
 import { ChangeDetectionStrategy, Component, contentChildren, 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";
 import * as i0 from "@angular/core";
 const _c0 = ["*"];
 const _forTrack0 = ($index, $item) => $item.value();
-function SdTabviewControl_For_2_Template(rf, ctx) { if (rf & 1) {
+function SdTabview_For_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "sd-tab-item", 1);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -15,19 +15,19 @@ function SdTabviewControl_For_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", itemControl_r1.header() || itemControl_r1.value(), " ");
 } }
-export class SdTabviewControl {
+export class SdTabview {
     value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
-    itemControls = contentChildren(SdTabviewItemControl, ...(ngDevMode ? [{ debugName: "itemControls" }] : /* istanbul ignore next */ []));
-    static ɵfac = function SdTabviewControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdTabviewControl)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdTabviewControl, selectors: [["sd-tabview"]], contentQueries: function SdTabviewControl_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.itemControls, SdTabviewItemControl, 4);
+    itemControls = contentChildren(SdTabviewItem, ...(ngDevMode ? [{ debugName: "itemControls" }] : /* istanbul ignore next */ []));
+    static ɵfac = function SdTabview_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdTabview)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdTabview, selectors: [["sd-tabview"]], contentQueries: function SdTabview_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
+            i0.ɵɵcontentQuerySignal(dirIndex, ctx.itemControls, SdTabviewItem, 4);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
-        } }, hostAttrs: [1, "flex-column", "fill"], inputs: { value: [1, "value"] }, outputs: { value: "valueChange" }, ngContentSelectors: _c0, decls: 5, vars: 1, consts: [[3, "valueChange", "value"], [3, "value"], [1, "flex-fill"]], template: function SdTabviewControl_Template(rf, ctx) { if (rf & 1) {
+        } }, hostAttrs: [1, "flex-column", "fill"], inputs: { value: [1, "value"] }, outputs: { value: "valueChange" }, ngContentSelectors: _c0, decls: 5, vars: 1, consts: [[3, "valueChange", "value"], [3, "value"], [1, "flex-fill"]], template: function SdTabview_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "sd-tab", 0);
-            i0.ɵɵtwoWayListener("valueChange", function SdTabviewControl_Template_sd_tab_valueChange_0_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.value, $event) || (ctx.value = $event); return $event; });
-            i0.ɵɵrepeaterCreate(1, SdTabviewControl_For_2_Template, 2, 2, "sd-tab-item", 1, _forTrack0);
+            i0.ɵɵtwoWayListener("valueChange", function SdTabview_Template_sd_tab_valueChange_0_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.value, $event) || (ctx.value = $event); return $event; });
+            i0.ɵɵrepeaterCreate(1, SdTabview_For_2_Template, 2, 2, "sd-tab-item", 1, _forTrack0);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(3, "div", 2);
             i0.ɵɵprojection(4);
@@ -36,16 +36,16 @@ export class SdTabviewControl {
             i0.ɵɵtwoWayProperty("value", ctx.value);
             i0.ɵɵadvance();
             i0.ɵɵrepeater(ctx.itemControls());
-        } }, dependencies: [SdTabControl, SdTabItemControl], encapsulation: 2, changeDetection: 0 });
+        } }, dependencies: [SdTab, SdTabItem], encapsulation: 2, changeDetection: 0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdTabviewControl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdTabview, [{
         type: Component,
         args: [{
                 selector: "sd-tabview",
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 encapsulation: ViewEncapsulation.None,
                 standalone: true,
-                imports: [SdTabControl, SdTabItemControl],
+                imports: [SdTab, SdTabItem],
                 host: {
                     class: "flex-column fill",
                 },
@@ -63,5 +63,5 @@ export class SdTabviewControl {
     </div>
   `,
             }]
-    }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], itemControls: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SdTabviewItemControl), { isSignal: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdTabviewControl, { className: "SdTabviewControl", filePath: "packages/angular/src/ui/navigation/tab/sd-tabview.control.ts", lineNumber: 35, forbidOrphanRendering: true }); })();
+    }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], itemControls: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SdTabviewItem), { isSignal: true }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdTabview, { className: "SdTabview", filePath: "packages/angular/src/ui/navigation/tab/sd-tabview.ts", lineNumber: 35, forbidOrphanRendering: true }); })();

package/dist/ui/navigation/topbar/sd-topbar-container.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class SdTopbarContainer {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdTopbarContainer, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdTopbarContainer, "sd-topbar-container", never, {}, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=sd-topbar-container.d.ts.map

package/dist/ui/navigation/topbar/sd-topbar-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-topbar-container.d.ts","sourceRoot":"","sources":["../../../../src/ui/navigation/topbar/sd-topbar-container.ts"],"names":[],"mappings":";AAEA,qBAmBa,iBAAiB;yCAAjB,iBAAiB;2CAAjB,iBAAiB;CAAG"}

package/dist/ui/navigation/topbar/{sd-topbar-container.control.js → sd-topbar-container.js}

@@ -1,17 +1,17 @@
 import { ChangeDetectionStrategy, Component, ViewEncapsulation } from "@angular/core";
 import * as i0 from "@angular/core";
 const _c0 = ["*"];
-export class SdTopbarContainerControl {
-    static ɵfac = function SdTopbarContainerControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdTopbarContainerControl)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdTopbarContainerControl, selectors: [["sd-topbar-container"]], ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdTopbarContainerControl_Template(rf, ctx) { if (rf & 1) {
+export class SdTopbarContainer {
+    static ɵfac = function SdTopbarContainer_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdTopbarContainer)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdTopbarContainer, selectors: [["sd-topbar-container"]], ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdTopbarContainer_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, styles: ["sd-topbar-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}"], encapsulation: 2, changeDetection: 0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdTopbarContainerControl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdTopbarContainer, [{
         type: Component,
         args: [{ selector: "sd-topbar-container", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [], template: `
     <ng-content />
   `, styles: ["sd-topbar-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdTopbarContainerControl, { className: "SdTopbarContainerControl", filePath: "packages/angular/src/ui/navigation/topbar/sd-topbar-container.control.ts", lineNumber: 22, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdTopbarContainer, { className: "SdTopbarContainer", filePath: "packages/angular/src/ui/navigation/topbar/sd-topbar-container.ts", lineNumber: 22, forbidOrphanRendering: true }); })();

package/dist/ui/navigation/topbar/sd-topbar-menu.d.ts

@@ -0,0 +1,23 @@
+import { type SdMenu } from "../menu-utils";
+import * as i0 from "@angular/core";
+export declare class SdTopbarMenu {
+    menus: import("@angular/core").InputSignal<SdMenu[]>;
+    getMenuIsSelectedFn: import("@angular/core").InputSignal<((menu: SdMenu) => boolean) | undefined>;
+    fullPageCode: import("@angular/core").Signal<string>;
+    private readonly _dropdowns;
+    getMenuRouterLinkOption(menu: SdMenu): {
+        link: string;
+        queryParams: Record<string, string> | undefined;
+    } | undefined;
+    getIsMenuSelected(menu: SdMenu): boolean;
+    onMenuClick(menu: SdMenu, dropdownIndex: number): void;
+    protected readonly itemTemplateType: {
+        menus: SdMenu[];
+        depth: number;
+        dropdownIndex: number;
+    };
+    protected readonly tablerCaretDown = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke-width:var(--ng-icon__stroke-width, 2)\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path><path d=\"M6 10l6 6l6 -6h-12\"></path></svg>";
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdTopbarMenu, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdTopbarMenu, "sd-topbar-menu", never, { "menus": { "alias": "menus"; "required": false; "isSignal": true; }; "getMenuIsSelectedFn": { "alias": "getMenuIsSelectedFn"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=sd-topbar-menu.d.ts.map

package/dist/ui/navigation/topbar/sd-topbar-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-topbar-menu.d.ts","sourceRoot":"","sources":["../../../../src/ui/navigation/topbar/sd-topbar-menu.ts"],"names":[],"mappings":"AAQA,OAAO,EACL,KAAK,MAAM,EAGZ,MAAM,eAAe,CAAC;;AAYvB,qBAkGa,YAAY;IACvB,KAAK,gDAAuB;IAC5B,mBAAmB,8CAAgB,MAAM,KAAK,OAAO,eAAI;IAEzD,YAAY,yCAA8B;IAE1C,OAAO,CAAC,QAAQ,CAAC,UAAU,CAA4B;IAEvD,uBAAuB,CACrB,IAAI,EAAE,MAAM,GACX;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAA;KAAE,GAAG,SAAS;IAIhF,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAIxC,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,GAAG,IAAI;IAUtD,SAAS,CAAC,QAAQ,CAAC,gBAAgB,EAAG;QACpC,KAAK,EAAE,MAAM,EAAE,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,aAAa,EAAE,MAAM,CAAC;KACvB,CAAC;IAEF,SAAS,CAAC,QAAQ,CAAC,eAAe,iUAAmB;yCAlC1C,YAAY;2CAAZ,YAAY;CAmCxB"}

package/dist/ui/navigation/topbar/{sd-topbar-menu.control.js → sd-topbar-menu.js}

@@ -1,14 +1,14 @@
 import { ChangeDetectionStrategy, Component, input, viewChildren, ViewEncapsulation, } from "@angular/core";
-import { useFullPageCodeSignal } from "../../../core/utils/useFullPageCodeSignal";
+import { injectFullPageCodeSignal } from "../../../core/utils/injectFullPageCodeSignal";
 import { 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";
 import * as i0 from "@angular/core";
@@ -16,15 +16,15 @@ const _c0 = (a0, a1) => ({ menus: a0, depth: 0, dropdownIndex: a1 });
 const _c1 = a0 => [a0];
 const _c2 = (a0, a1, a2) => ({ menus: a0, depth: a1, dropdownIndex: a2 });
 const _forTrack0 = ($index, $item) => $item.codeChain.join(".");
-function SdTopbarMenuControl_For_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function SdTopbarMenu_For_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "ng-icon", 3);
 } if (rf & 2) {
     const menu_r1 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵproperty("svg", menu_r1.icon);
 } }
-function SdTopbarMenuControl_For_1_Conditional_7_ng_template_0_Template(rf, ctx) { }
-function SdTopbarMenuControl_For_1_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, SdTopbarMenuControl_For_1_Conditional_7_ng_template_0_Template, 0, 0, "ng-template", 5);
+function SdTopbarMenu_For_1_Conditional_7_ng_template_0_Template(rf, ctx) { }
+function SdTopbarMenu_For_1_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SdTopbarMenu_For_1_Conditional_7_ng_template_0_Template, 0, 0, "ng-template", 5);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     const menu_r1 = ctx_r1.$implicit;
@@ -33,9 +33,9 @@ function SdTopbarMenuControl_For_1_Conditional_7_Template(rf, ctx) { if (rf & 1)
     const itemTpl_r4 = i0.ɵɵreference(3);
     i0.ɵɵproperty("ngTemplateOutlet", itemTpl_r4)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c0, menu_r1.children, ɵ$index_1_r3));
 } }
-function SdTopbarMenuControl_For_1_Conditional_8_ng_template_0_Template(rf, ctx) { }
-function SdTopbarMenuControl_For_1_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, SdTopbarMenuControl_For_1_Conditional_8_ng_template_0_Template, 0, 0, "ng-template", 5);
+function SdTopbarMenu_For_1_Conditional_8_ng_template_0_Template(rf, ctx) { }
+function SdTopbarMenu_For_1_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SdTopbarMenu_For_1_Conditional_8_ng_template_0_Template, 0, 0, "ng-template", 5);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     const menu_r1 = ctx_r1.$implicit;
@@ -44,14 +44,14 @@ function SdTopbarMenuControl_For_1_Conditional_8_Template(rf, ctx) { if (rf & 1)
     const itemTpl_r4 = i0.ɵɵreference(3);
     i0.ɵɵproperty("ngTemplateOutlet", itemTpl_r4)("ngTemplateOutletContext", i0.ɵɵpureFunction2(4, _c0, i0.ɵɵpureFunction1(2, _c1, menu_r1), ɵ$index_1_r3));
 } }
-function SdTopbarMenuControl_For_1_Template(rf, ctx) { if (rf & 1) {
+function SdTopbarMenu_For_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "sd-dropdown")(1, "sd-button", 2);
-    i0.ɵɵconditionalCreate(2, SdTopbarMenuControl_For_1_Conditional_2_Template, 1, 1, "ng-icon", 3);
+    i0.ɵɵconditionalCreate(2, SdTopbarMenu_For_1_Conditional_2_Template, 1, 1, "ng-icon", 3);
     i0.ɵɵtext(3);
     i0.ɵɵelement(4, "ng-icon", 3);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(5, "sd-dropdown-popup")(6, "sd-list", 4);
-    i0.ɵɵconditionalCreate(7, SdTopbarMenuControl_For_1_Conditional_7_Template, 1, 5, null, 5)(8, SdTopbarMenuControl_For_1_Conditional_8_Template, 1, 7, null, 5);
+    i0.ɵɵconditionalCreate(7, SdTopbarMenu_For_1_Conditional_7_Template, 1, 5, null, 5)(8, SdTopbarMenu_For_1_Conditional_8_Template, 1, 7, null, 5);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const menu_r1 = ctx.$implicit;
@@ -69,17 +69,17 @@ function SdTopbarMenuControl_For_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵconditional(menu_r1.children ? 7 : 8);
 } }
-function SdTopbarMenuControl_ng_template_2_For_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function SdTopbarMenu_ng_template_2_For_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "ng-icon", 3);
     i0.ɵɵtext(1, " \u00A0 ");
 } if (rf & 2) {
     const menu_r7 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵproperty("svg", menu_r7.icon);
 } }
-function SdTopbarMenuControl_ng_template_2_For_1_Conditional_3_ng_template_1_Template(rf, ctx) { }
-function SdTopbarMenuControl_ng_template_2_For_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function SdTopbarMenu_ng_template_2_For_1_Conditional_3_ng_template_1_Template(rf, ctx) { }
+function SdTopbarMenu_ng_template_2_For_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "sd-list", 4);
-    i0.ɵɵtemplate(1, SdTopbarMenuControl_ng_template_2_For_1_Conditional_3_ng_template_1_Template, 0, 0, "ng-template", 5);
+    i0.ɵɵtemplate(1, SdTopbarMenu_ng_template_2_For_1_Conditional_3_ng_template_1_Template, 0, 0, "ng-template", 5);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const menu_r7 = i0.ɵɵnextContext().$implicit;
@@ -92,20 +92,20 @@ function SdTopbarMenuControl_ng_template_2_For_1_Conditional_3_Template(rf, ctx)
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngTemplateOutlet", itemTpl_r4)("ngTemplateOutletContext", i0.ɵɵpureFunction3(3, _c2, menu_r7.children, depth_r10 + 1, dropdownIndex_r8));
 } }
-function SdTopbarMenuControl_ng_template_2_For_1_Template(rf, ctx) { if (rf & 1) {
+function SdTopbarMenu_ng_template_2_For_1_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "sd-list-item", 7);
-    i0.ɵɵlistener("click", function SdTopbarMenuControl_ng_template_2_For_1_Template_sd_list_item_click_0_listener() { const menu_r7 = i0.ɵɵrestoreView(_r6).$implicit; const dropdownIndex_r8 = i0.ɵɵnextContext().dropdownIndex; const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r4.onMenuClick(menu_r7, dropdownIndex_r8)); });
-    i0.ɵɵconditionalCreate(1, SdTopbarMenuControl_ng_template_2_For_1_Conditional_1_Template, 2, 1);
+    i0.ɵɵlistener("click", function SdTopbarMenu_ng_template_2_For_1_Template_sd_list_item_click_0_listener() { const menu_r7 = i0.ɵɵrestoreView(_r6).$implicit; const dropdownIndex_r8 = i0.ɵɵnextContext().dropdownIndex; const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r4.onMenuClick(menu_r7, dropdownIndex_r8)); });
+    i0.ɵɵconditionalCreate(1, SdTopbarMenu_ng_template_2_For_1_Conditional_1_Template, 2, 1);
     i0.ɵɵtext(2);
-    i0.ɵɵconditionalCreate(3, SdTopbarMenuControl_ng_template_2_For_1_Conditional_3_Template, 2, 7, "sd-list", 4);
+    i0.ɵɵconditionalCreate(3, SdTopbarMenu_ng_template_2_For_1_Conditional_3_Template, 2, 7, "sd-list", 4);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const menu_r7 = ctx.$implicit;
     const depth_r10 = i0.ɵɵnextContext().depth;
     const ctx_r4 = i0.ɵɵnextContext();
     i0.ɵɵstyleProp("padding-left", depth_r10 > 0 ? (depth_r10 + 1) * 0.5 : undefined, "em")("padding-block", depth_r10 === 0 ? "var(--gap-default)" : undefined);
-    i0.ɵɵproperty("sd-router-link", ctx_r4.getMenuRouterLinkOption(menu_r7))("selected", ctx_r4.getIsMenuSelected(menu_r7))("open", true);
+    i0.ɵɵproperty("sdRouterLink", ctx_r4.getMenuRouterLinkOption(menu_r7))("selected", ctx_r4.getIsMenuSelected(menu_r7))("open", true);
     i0.ɵɵadvance();
     i0.ɵɵconditional(menu_r7.icon ? 1 : -1);
     i0.ɵɵadvance();
@@ -113,17 +113,17 @@ function SdTopbarMenuControl_ng_template_2_For_1_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance();
     i0.ɵɵconditional(menu_r7.children ? 3 : -1);
 } }
-function SdTopbarMenuControl_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵrepeaterCreate(0, SdTopbarMenuControl_ng_template_2_For_1_Template, 4, 10, "sd-list-item", 6, _forTrack0);
+function SdTopbarMenu_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, SdTopbarMenu_ng_template_2_For_1_Template, 4, 10, "sd-list-item", 6, _forTrack0);
 } if (rf & 2) {
     const currMenus_r11 = ctx.menus;
     i0.ɵɵrepeater(currMenus_r11);
 } }
-export class SdTopbarMenuControl {
+export class SdTopbarMenu {
     menus = input([], ...(ngDevMode ? [{ debugName: "menus" }] : /* istanbul ignore next */ []));
     getMenuIsSelectedFn = input(...(ngDevMode ? [undefined, { debugName: "getMenuIsSelectedFn" }] : /* istanbul ignore next */ []));
-    fullPageCode = useFullPageCodeSignal();
-    _dropdowns = viewChildren(SdDropdownControl, ...(ngDevMode ? [{ debugName: "_dropdowns" }] : /* istanbul ignore next */ []));
+    fullPageCode = injectFullPageCodeSignal();
+    _dropdowns = viewChildren(SdDropdown, ...(ngDevMode ? [{ debugName: "_dropdowns" }] : /* istanbul ignore next */ []));
     getMenuRouterLinkOption(menu) {
         return menuRouterLinkOption(menu);
     }
@@ -140,39 +140,39 @@ export class SdTopbarMenuControl {
     }
     itemTemplateType;
     tablerCaretDown = tablerCaretDown;
-    static ɵfac = function SdTopbarMenuControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdTopbarMenuControl)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdTopbarMenuControl, selectors: [["sd-topbar-menu"]], viewQuery: function SdTopbarMenuControl_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx._dropdowns, SdDropdownControl, 5);
+    static ɵfac = function SdTopbarMenu_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdTopbarMenu)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdTopbarMenu, selectors: [["sd-topbar-menu"]], viewQuery: function SdTopbarMenu_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuerySignal(ctx._dropdowns, SdDropdown, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
-        } }, hostAttrs: [1, "flex-row", "gap-sm"], inputs: { menus: [1, "menus"], getMenuIsSelectedFn: [1, "getMenuIsSelectedFn"] }, decls: 4, vars: 1, consts: [["itemTpl", ""], [3, "typed"], [3, "theme"], [3, "svg"], [3, "inset"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "padding-left", "padding-block", "sd-router-link", "selected", "open"], [3, "click", "sd-router-link", "selected", "open"]], template: function SdTopbarMenuControl_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵrepeaterCreate(0, SdTopbarMenuControl_For_1_Template, 9, 6, "sd-dropdown", null, _forTrack0);
-            i0.ɵɵtemplate(2, SdTopbarMenuControl_ng_template_2_Template, 2, 0, "ng-template", 1, 0, i0.ɵɵtemplateRefExtractor);
+        } }, hostAttrs: [1, "flex-row", "gap-sm"], inputs: { menus: [1, "menus"], getMenuIsSelectedFn: [1, "getMenuIsSelectedFn"] }, decls: 4, vars: 1, consts: [["itemTpl", ""], [3, "typed"], [3, "theme"], [3, "svg"], [3, "inset"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "padding-left", "padding-block", "sdRouterLink", "selected", "open"], [3, "click", "sdRouterLink", "selected", "open"]], template: function SdTopbarMenu_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵrepeaterCreate(0, SdTopbarMenu_For_1_Template, 9, 6, "sd-dropdown", null, _forTrack0);
+            i0.ɵɵtemplate(2, SdTopbarMenu_ng_template_2_Template, 2, 0, "ng-template", 1, 0, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
             i0.ɵɵrepeater(ctx.menus());
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("typed", ctx.itemTemplateType);
         } }, dependencies: [NgTemplateOutlet,
-            SdTypedTemplateDirective,
-            SdRouterLinkDirective,
-            SdDropdownControl,
-            SdDropdownPopupControl,
-            SdListControl,
-            SdListItemControl,
-            SdButtonControl,
+            SdTypedTemplate,
+            SdRouterLink,
+            SdDropdown,
+            SdDropdownPopup,
+            SdList,
+            SdListItem,
+            SdButton,
             NgIcon], styles: ["sd-topbar-menu sd-dropdown-popup sd-list[data-sd-inset=true] sd-list {\n  background: var(--trans-lightest);\n}"], encapsulation: 2, changeDetection: 0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdTopbarMenuControl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdTopbarMenu, [{
         type: Component,
         args: [{ selector: "sd-topbar-menu", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [
                     NgTemplateOutlet,
-                    SdTypedTemplateDirective,
-                    SdRouterLinkDirective,
-                    SdDropdownControl,
-                    SdDropdownPopupControl,
-                    SdListControl,
-                    SdListItemControl,
-                    SdButtonControl,
+                    SdTypedTemplate,
+                    SdRouterLink,
+                    SdDropdown,
+                    SdDropdownPopup,
+                    SdList,
+                    SdListItem,
+                    SdButton,
                     NgIcon,
                 ], host: {
                     "class": "flex-row gap-sm",
@@ -215,7 +215,7 @@ export class SdTopbarMenuControl {
         <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"
@@ -241,5 +241,5 @@ export class SdTopbarMenuControl {
       }
     </ng-template>
   `, styles: ["sd-topbar-menu sd-dropdown-popup sd-list[data-sd-inset=true] sd-list {\n  background: var(--trans-lightest);\n}"] }]
-    }], null, { menus: [{ type: i0.Input, args: [{ isSignal: true, alias: "menus", required: false }] }], getMenuIsSelectedFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "getMenuIsSelectedFn", required: false }] }], _dropdowns: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => SdDropdownControl), { isSignal: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdTopbarMenuControl, { className: "SdTopbarMenuControl", filePath: "packages/angular/src/ui/navigation/topbar/sd-topbar-menu.control.ts", lineNumber: 123, forbidOrphanRendering: true }); })();
+    }], null, { menus: [{ type: i0.Input, args: [{ isSignal: true, alias: "menus", required: false }] }], getMenuIsSelectedFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "getMenuIsSelectedFn", required: false }] }], _dropdowns: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => SdDropdown), { isSignal: true }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdTopbarMenu, { className: "SdTopbarMenu", filePath: "packages/angular/src/ui/navigation/topbar/sd-topbar-menu.ts", lineNumber: 123, forbidOrphanRendering: true }); })();

package/dist/ui/navigation/topbar/sd-topbar-user.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+export declare class SdTopbarUser {
+    menus: import("@angular/core").InputSignal<SdTopbarUserMenu[]>;
+    private readonly _dropdown;
+    onMenuClick(menu: SdTopbarUserMenu): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdTopbarUser, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdTopbarUser, "sd-topbar-user", never, { "menus": { "alias": "menus"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+export interface SdTopbarUserMenu {
+    title: string;
+    onClick: () => void;
+}
+//# sourceMappingURL=sd-topbar-user.d.ts.map

package/dist/ui/navigation/topbar/sd-topbar-user.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-topbar-user.d.ts","sourceRoot":"","sources":["../../../../src/ui/navigation/topbar/sd-topbar-user.ts"],"names":[],"mappings":";AAaA,qBA8Ba,YAAY;IACvB,KAAK,0DAAwC;IAE7C,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAyB;IAEnD,WAAW,CAAC,IAAI,EAAE,gBAAgB,GAAG,IAAI;yCAL9B,YAAY;2CAAZ,YAAY;CASxB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB"}