@simplysm/angular 14.0.25 → 14.0.27

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-collapse.d.ts","sourceRoot":"","sources":["../../../../src/ui/navigation/collapse/sd-collapse.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qDAAqD,CAAC;;AAEzF,qBA0Ba,UAAU;IACrB,IAAI,qEAAiD;IAErD,OAAO,CAAC,QAAQ,CAAC,aAAa,CAC6B;IAE3D,aAAa,iDAAa;IAE1B,gBAAgB,yCAEb;IAEH,iBAAiB,yFAEd;;IAcH,eAAe,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;yCA5BhC,UAAU;2CAAV,UAAU;CAiCtB"}

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

@@ -2,7 +2,7 @@ import { afterNextRender, booleanAttribute, ChangeDetectionStrategy, Component,
 import * as i0 from "@angular/core";
 const _c0 = ["contentEl"];
 const _c1 = ["*"];
-export class SdCollapseControl {
+export class SdCollapse {
     open = input(false, { ...(ngDevMode ? { debugName: "open" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     _contentElRef = viewChild.required("contentEl");
     contentHeight = signal(0, ...(ngDevMode ? [{ debugName: "contentHeight" }] : /* istanbul ignore next */ []));
@@ -27,22 +27,22 @@ export class SdCollapseControl {
             this.contentHeight.set(this._contentElRef().nativeElement.offsetHeight);
         }
     }
-    static ɵfac = function SdCollapseControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdCollapseControl)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdCollapseControl, selectors: [["sd-collapse"]], viewQuery: function SdCollapseControl_Query(rf, ctx) { if (rf & 1) {
+    static ɵfac = function SdCollapse_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdCollapse)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdCollapse, selectors: [["sd-collapse"]], viewQuery: function SdCollapse_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuerySignal(ctx._contentElRef, _c0, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
-        } }, inputs: { open: [1, "open"] }, ngContentSelectors: _c1, decls: 3, vars: 4, consts: [["contentEl", ""], [1, "_content", 3, "sdResize"]], template: function SdCollapseControl_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { open: [1, "open"] }, ngContentSelectors: _c1, decls: 3, vars: 4, consts: [["contentEl", ""], [1, "_content", 3, "sdResize"]], template: function SdCollapse_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵdomElementStart(0, "div", 1, 0);
-            i0.ɵɵdomListener("sdResize", function SdCollapseControl_Template_div_sdResize_0_listener($event) { return ctx.onContentResize($event); });
+            i0.ɵɵdomListener("sdResize", function SdCollapse_Template_div_sdResize_0_listener($event) { return ctx.onContentResize($event); });
             i0.ɵɵprojection(2);
             i0.ɵɵdomElementEnd();
         } if (rf & 2) {
             i0.ɵɵstyleProp("margin-top", ctx.contentMarginTop())("transition", ctx.contentTransition());
         } }, styles: ["sd-collapse {\n  display: block;\n  overflow: hidden;\n}"], encapsulation: 2, changeDetection: 0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdCollapseControl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdCollapse, [{
         type: Component,
         args: [{ selector: "sd-collapse", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [], template: `
     <div
@@ -56,4 +56,4 @@ export class SdCollapseControl {
     </div>
   `, styles: ["sd-collapse {\n  display: block;\n  overflow: hidden;\n}"] }]
     }], () => [], { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], _contentElRef: [{ type: i0.ViewChild, args: ["contentEl", { isSignal: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdCollapseControl, { className: "SdCollapseControl", filePath: "packages/angular/src/ui/navigation/collapse/sd-collapse.control.ts", lineNumber: 42, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdCollapse, { className: "SdCollapse", filePath: "packages/angular/src/ui/navigation/collapse/sd-collapse.ts", lineNumber: 42, forbidOrphanRendering: true }); })();

package/dist/ui/navigation/menu-utils.d.ts

@@ -1,8 +1,8 @@
-import type { ISdMenu } from "../../core/providers/sd-app-structure.types";
-export type { ISdMenu } from "../../core/providers/sd-app-structure.types";
-export declare function getMenuRouterLinkOption(menu: ISdMenu): {
+import type { SdMenu } from "../../core/providers/sd-app-structure.types";
+export type { SdMenu } from "../../core/providers/sd-app-structure.types";
+export declare function getMenuRouterLinkOption(menu: SdMenu): {
     link: string;
     queryParams: Record<string, string> | undefined;
 } | undefined;
-export declare function getIsMenuSelected(menu: ISdMenu, fullPageCode: string | undefined, customFn?: (menu: ISdMenu) => boolean): boolean;
+export declare function getIsMenuSelected(menu: SdMenu, fullPageCode: string | undefined, customFn?: (menu: SdMenu) => boolean): boolean;
 //# sourceMappingURL=menu-utils.d.ts.map

package/dist/ui/navigation/menu-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-utils.d.ts","sourceRoot":"","sources":["../../../src/ui/navigation/menu-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,6CAA6C,CAAC;AAE3E,YAAY,EAAE,OAAO,EAAE,MAAM,6CAA6C,CAAC;AAE3E,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,OAAO,GACZ;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAA;CAAE,GAAG,SAAS,CAiB/E;AAED,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,OAAO,EACb,YAAY,EAAE,MAAM,GAAG,SAAS,EAChC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,GACpC,OAAO,CAET"}
+{"version":3,"file":"menu-utils.d.ts","sourceRoot":"","sources":["../../../src/ui/navigation/menu-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,6CAA6C,CAAC;AAE1E,YAAY,EAAE,MAAM,EAAE,MAAM,6CAA6C,CAAC;AAE1E,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,MAAM,GACX;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAA;CAAE,GAAG,SAAS,CAiB/E;AAED,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,MAAM,GAAG,SAAS,EAChC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,GACnC,OAAO,CAET"}

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

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-export declare class SdPaginationControl {
+export declare class SdPagination {
     icons: {
         tablerChevronsLeft: string;
         tablerChevronLeft: string;
@@ -18,7 +18,7 @@ export declare class SdPaginationControl {
     goToPrevGroup(): void;
     goToFirst(): void;
     goToLast(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdPaginationControl, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdPaginationControl, "sd-pagination", never, { "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "totalPageCount": { "alias": "totalPageCount"; "required": false; "isSignal": true; }; "visiblePageCount": { "alias": "visiblePageCount"; "required": false; "isSignal": true; }; }, { "currentPage": "currentPageChange"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdPagination, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdPagination, "sd-pagination", never, { "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "totalPageCount": { "alias": "totalPageCount"; "required": false; "isSignal": true; }; "visiblePageCount": { "alias": "visiblePageCount"; "required": false; "isSignal": true; }; }, { "currentPage": "currentPageChange"; }, never, never, true, never>;
 }
-//# sourceMappingURL=sd-pagination.control.d.ts.map
+//# sourceMappingURL=sd-pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-pagination.d.ts","sourceRoot":"","sources":["../../../../src/ui/navigation/pagination/sd-pagination.ts"],"names":[],"mappings":";AAkBA,qBA2Ca,YAAY;IACvB,KAAK;;;;;MAAsF;IAE3F,WAAW,8CAAY;IACvB,cAAc,oEAA4C;IAC1D,gBAAgB,oEAA6C;IAE7D,OAAO,CAAC,QAAQ,CAAC,UAAU,CAExB;IAEH,OAAO,0CAKJ;IAEH,OAAO,0CAOJ;IAEH,YAAY,2CAeT;IAEH,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAI5B,aAAa,IAAI,IAAI;IAIrB,aAAa,IAAI,IAAI;IAKrB,SAAS,IAAI,IAAI;IAIjB,QAAQ,IAAI,IAAI;yCA7DL,YAAY;2CAAZ,YAAY;CAiExB"}

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

@@ -1,12 +1,12 @@
 import { ChangeDetectionStrategy, Component, computed, input, model, 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, tablerChevronRight, tablerChevronsLeft, tablerChevronsRight, } from "@ng-icons/tabler-icons";
 import * as i0 from "@angular/core";
-function SdPaginationControl_For_5_Template(rf, ctx) { if (rf & 1) {
+function SdPagination_For_5_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "sd-anchor", 6);
-    i0.ɵɵlistener("click", function SdPaginationControl_For_5_Template_sd_anchor_click_0_listener() { const page_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.goToPage(page_r2 - 1)); });
+    i0.ɵɵlistener("click", function SdPagination_For_5_Template_sd_anchor_click_0_listener() { const page_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.goToPage(page_r2 - 1)); });
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -16,7 +16,7 @@ function SdPaginationControl_For_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(page_r2);
 } }
-export class SdPaginationControl {
+export class SdPagination {
     icons = { tablerChevronsLeft, tablerChevronLeft, tablerChevronRight, tablerChevronsRight };
     currentPage = model(0, ...(ngDevMode ? [{ debugName: "currentPage" }] : /* istanbul ignore next */ []));
     totalPageCount = input(0, { ...(ngDevMode ? { debugName: "totalPageCount" } : /* istanbul ignore next */ {}), transform: numberAttribute });
@@ -71,23 +71,23 @@ export class SdPaginationControl {
             return;
         this.currentPage.set(this.totalPageCount() - 1);
     }
-    static ɵfac = function SdPaginationControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdPaginationControl)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdPaginationControl, selectors: [["sd-pagination"]], hostAttrs: [1, "flex-row", "gap-xs"], inputs: { currentPage: [1, "currentPage"], totalPageCount: [1, "totalPageCount"], visiblePageCount: [1, "visiblePageCount"] }, outputs: { currentPage: "currentPageChange" }, decls: 10, vars: 8, consts: [[1, "nav-first", 3, "click", "disabled"], [3, "svg"], [1, "nav-prev-group", 3, "click", "disabled"], [1, "page-anchor", 3, "text-decoration"], [1, "nav-next-group", 3, "click", "disabled"], [1, "nav-last", 3, "click", "disabled"], [1, "page-anchor", 3, "click"]], template: function SdPaginationControl_Template(rf, ctx) { if (rf & 1) {
+    static ɵfac = function SdPagination_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdPagination)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdPagination, selectors: [["sd-pagination"]], hostAttrs: [1, "flex-row", "gap-xs"], inputs: { currentPage: [1, "currentPage"], totalPageCount: [1, "totalPageCount"], visiblePageCount: [1, "visiblePageCount"] }, outputs: { currentPage: "currentPageChange" }, decls: 10, vars: 8, consts: [[1, "nav-first", 3, "click", "disabled"], [3, "svg"], [1, "nav-prev-group", 3, "click", "disabled"], [1, "page-anchor", 3, "text-decoration"], [1, "nav-next-group", 3, "click", "disabled"], [1, "nav-last", 3, "click", "disabled"], [1, "page-anchor", 3, "click"]], template: function SdPagination_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "sd-anchor", 0);
-            i0.ɵɵlistener("click", function SdPaginationControl_Template_sd_anchor_click_0_listener() { return ctx.goToFirst(); });
+            i0.ɵɵlistener("click", function SdPagination_Template_sd_anchor_click_0_listener() { return ctx.goToFirst(); });
             i0.ɵɵelement(1, "ng-icon", 1);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(2, "sd-anchor", 2);
-            i0.ɵɵlistener("click", function SdPaginationControl_Template_sd_anchor_click_2_listener() { return ctx.goToPrevGroup(); });
+            i0.ɵɵlistener("click", function SdPagination_Template_sd_anchor_click_2_listener() { return ctx.goToPrevGroup(); });
             i0.ɵɵelement(3, "ng-icon", 1);
             i0.ɵɵelementEnd();
-            i0.ɵɵrepeaterCreate(4, SdPaginationControl_For_5_Template, 2, 3, "sd-anchor", 3, i0.ɵɵrepeaterTrackByIdentity);
+            i0.ɵɵrepeaterCreate(4, SdPagination_For_5_Template, 2, 3, "sd-anchor", 3, i0.ɵɵrepeaterTrackByIdentity);
             i0.ɵɵelementStart(6, "sd-anchor", 4);
-            i0.ɵɵlistener("click", function SdPaginationControl_Template_sd_anchor_click_6_listener() { return ctx.goToNextGroup(); });
+            i0.ɵɵlistener("click", function SdPagination_Template_sd_anchor_click_6_listener() { return ctx.goToNextGroup(); });
             i0.ɵɵelement(7, "ng-icon", 1);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(8, "sd-anchor", 5);
-            i0.ɵɵlistener("click", function SdPaginationControl_Template_sd_anchor_click_8_listener() { return ctx.goToLast(); });
+            i0.ɵɵlistener("click", function SdPagination_Template_sd_anchor_click_8_listener() { return ctx.goToLast(); });
             i0.ɵɵelement(9, "ng-icon", 1);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
@@ -108,11 +108,11 @@ export class SdPaginationControl {
             i0.ɵɵproperty("disabled", !ctx.hasNext());
             i0.ɵɵadvance();
             i0.ɵɵproperty("svg", ctx.icons.tablerChevronsRight);
-        } }, dependencies: [SdAnchorControl, NgIcon], styles: ["sd-pagination > sd-anchor {\n  display: inline-block;\n  padding: var(--gap-xs);\n}"], encapsulation: 2, changeDetection: 0 });
+        } }, dependencies: [SdAnchor, NgIcon], styles: ["sd-pagination > sd-anchor {\n  display: inline-block;\n  padding: var(--gap-xs);\n}"], encapsulation: 2, changeDetection: 0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdPaginationControl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdPagination, [{
         type: Component,
-        args: [{ selector: "sd-pagination", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [SdAnchorControl, NgIcon], template: `
+        args: [{ selector: "sd-pagination", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [SdAnchor, NgIcon], template: `
     <sd-anchor class="nav-first" [disabled]="!hasPrev()" (click)="goToFirst()">
       <ng-icon [svg]="icons.tablerChevronsLeft" />
     </sd-anchor>
@@ -138,4 +138,4 @@ export class SdPaginationControl {
                     class: "flex-row gap-xs",
                 }, styles: ["sd-pagination > sd-anchor {\n  display: inline-block;\n  padding: var(--gap-xs);\n}"] }]
     }], null, { currentPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentPage", required: false }] }, { type: i0.Output, args: ["currentPageChange"] }], totalPageCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalPageCount", required: false }] }], visiblePageCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "visiblePageCount", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdPaginationControl, { className: "SdPaginationControl", filePath: "packages/angular/src/ui/navigation/pagination/sd-pagination.control.ts", lineNumber: 62, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdPagination, { className: "SdPagination", filePath: "packages/angular/src/ui/navigation/pagination/sd-pagination.ts", lineNumber: 62, forbidOrphanRendering: true }); })();

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

@@ -1,11 +1,11 @@
 import * as i0 from "@angular/core";
-export declare class SdSidebarContainerControl {
+export declare class SdSidebarContainer {
     private readonly _router;
     toggle: import("@angular/core").WritableSignal<boolean>;
     private readonly _navStart;
     constructor();
     onBackdropClick(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdSidebarContainerControl, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdSidebarContainerControl, "sd-sidebar-container", never, {}, {}, never, ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdSidebarContainer, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdSidebarContainer, "sd-sidebar-container", never, {}, {}, never, ["*"], true, never>;
 }
-//# sourceMappingURL=sd-sidebar-container.control.d.ts.map
+//# sourceMappingURL=sd-sidebar-container.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-sidebar-container.d.ts","sourceRoot":"","sources":["../../../../src/ui/navigation/sidebar/sd-sidebar-container.ts"],"names":[],"mappings":";AAKA,qBA+Da,kBAAkB;IAC7B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAsC;IAE9D,MAAM,kDAAiB;IAEvB,OAAO,CAAC,QAAQ,CAAC,SAAS,CAEZ;;IAad,eAAe,IAAI,IAAI;yCApBZ,kBAAkB;2CAAlB,kBAAkB;CAuB9B"}

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

@@ -4,7 +4,7 @@ import { NavigationStart, Router } from "@angular/router";
 import { filter } from "rxjs";
 import * as i0 from "@angular/core";
 const _c0 = ["*"];
-export class SdSidebarContainerControl {
+export class SdSidebarContainer {
     _router = inject(Router, { optional: true });
     toggle = signal(false, ...(ngDevMode ? [{ debugName: "toggle" }] : /* istanbul ignore next */ []));
     _navStart = this._router
@@ -23,18 +23,18 @@ export class SdSidebarContainerControl {
     onBackdropClick() {
         this.toggle.set(false);
     }
-    static ɵfac = function SdSidebarContainerControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdSidebarContainerControl)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdSidebarContainerControl, selectors: [["sd-sidebar-container"]], hostVars: 1, hostBindings: function SdSidebarContainerControl_HostBindings(rf, ctx) { if (rf & 2) {
+    static ɵfac = function SdSidebarContainer_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdSidebarContainer)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdSidebarContainer, selectors: [["sd-sidebar-container"]], hostVars: 1, hostBindings: function SdSidebarContainer_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("data-sd-toggle", ctx.toggle());
-        } }, ngContentSelectors: _c0, decls: 2, vars: 0, consts: [[1, "_backdrop", 3, "mousedown"]], template: function SdSidebarContainerControl_Template(rf, ctx) { if (rf & 1) {
+        } }, ngContentSelectors: _c0, decls: 2, vars: 0, consts: [[1, "_backdrop", 3, "mousedown"]], template: function SdSidebarContainer_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
             i0.ɵɵdomElementStart(1, "div", 0);
-            i0.ɵɵdomListener("mousedown", function SdSidebarContainerControl_Template_div_mousedown_1_listener() { return ctx.onBackdropClick(); });
+            i0.ɵɵdomListener("mousedown", function SdSidebarContainer_Template_div_mousedown_1_listener() { return ctx.onBackdropClick(); });
             i0.ɵɵdomElementEnd();
         } }, styles: ["sd-sidebar-container {\n  display: block;\n  position: relative;\n  height: 100%;\n  padding-left: var(--sidebar-width);\n  transition: padding-left 0.1s ease-out;\n}\nsd-sidebar-container[data-sd-toggle=true] {\n  padding-left: 0;\n  transition: padding-left 0.1s ease-in;\n}\nsd-sidebar-container > ._backdrop {\n  display: none;\n}\n\n@media all and (max-width: 520px) {\n  sd-sidebar-container {\n    padding-left: 0;\n  }\n  sd-sidebar-container > ._backdrop {\n    position: absolute;\n    display: block;\n    z-index: calc(var(--z-index-sidebar) - 1);\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: var(--background-rev-color);\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.3s ease-in-out;\n  }\n  sd-sidebar-container[data-sd-toggle=true] > ._backdrop {\n    opacity: 0.6;\n    pointer-events: auto;\n  }\n}"], encapsulation: 2, changeDetection: 0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdSidebarContainerControl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdSidebarContainer, [{
         type: Component,
         args: [{ selector: "sd-sidebar-container", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [], host: {
                     "[attr.data-sd-toggle]": "toggle()",
@@ -43,4 +43,4 @@ export class SdSidebarContainerControl {
     <div class="_backdrop" (mousedown)="onBackdropClick()"></div>
   `, styles: ["sd-sidebar-container {\n  display: block;\n  position: relative;\n  height: 100%;\n  padding-left: var(--sidebar-width);\n  transition: padding-left 0.1s ease-out;\n}\nsd-sidebar-container[data-sd-toggle=true] {\n  padding-left: 0;\n  transition: padding-left 0.1s ease-in;\n}\nsd-sidebar-container > ._backdrop {\n  display: none;\n}\n\n@media all and (max-width: 520px) {\n  sd-sidebar-container {\n    padding-left: 0;\n  }\n  sd-sidebar-container > ._backdrop {\n    position: absolute;\n    display: block;\n    z-index: calc(var(--z-index-sidebar) - 1);\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: var(--background-rev-color);\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.3s ease-in-out;\n  }\n  sd-sidebar-container[data-sd-toggle=true] > ._backdrop {\n    opacity: 0.6;\n    pointer-events: auto;\n  }\n}"] }]
     }], () => [], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSidebarContainerControl, { className: "SdSidebarContainerControl", filePath: "packages/angular/src/ui/navigation/sidebar/sd-sidebar-container.control.ts", lineNumber: 69, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSidebarContainer, { className: "SdSidebarContainer", filePath: "packages/angular/src/ui/navigation/sidebar/sd-sidebar-container.ts", lineNumber: 69, forbidOrphanRendering: true }); })();

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

@@ -0,0 +1,22 @@
+import { type SdMenu } from "../menu-utils";
+import * as i0 from "@angular/core";
+export declare class SdSidebarMenu {
+    menus: import("@angular/core").InputSignal<SdMenu[]>;
+    layout: import("@angular/core").InputSignal<"flat" | "accordion" | undefined>;
+    getMenuIsSelectedFn: import("@angular/core").InputSignal<((menu: SdMenu) => boolean) | undefined>;
+    fullPageCode: import("@angular/core").Signal<string>;
+    rootLayout: import("@angular/core").Signal<"flat" | "accordion">;
+    getMenuRouterLinkOption(menu: SdMenu): {
+        link: string;
+        queryParams: Record<string, string> | undefined;
+    } | undefined;
+    getIsMenuSelected(menu: SdMenu): boolean;
+    onMenuClick(menu: SdMenu): void;
+    protected readonly itemTemplateType: {
+        menus: SdMenu[];
+        depth: number;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdSidebarMenu, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdSidebarMenu, "sd-sidebar-menu", never, { "menus": { "alias": "menus"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "getMenuIsSelectedFn": { "alias": "getMenuIsSelectedFn"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=sd-sidebar-menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-sidebar-menu.d.ts","sourceRoot":"","sources":["../../../../src/ui/navigation/sidebar/sd-sidebar-menu.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,MAAM,EAGZ,MAAM,eAAe,CAAC;;AAQvB,qBA8Ea,aAAa;IACxB,KAAK,gDAAuB;IAC5B,MAAM,wEAAiC;IACvC,mBAAmB,8CAAgB,MAAM,KAAK,OAAO,eAAI;IAEzD,YAAY,yCAA8B;IAE1C,UAAU,uDAAsF;IAEhG,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,GAAG,IAAI;IAM/B,SAAS,CAAC,QAAQ,CAAC,gBAAgB,EAAG;QACpC,KAAK,EAAE,MAAM,EAAE,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;yCA5BS,aAAa;2CAAb,aAAa;CA6BzB"}

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

@@ -1,28 +1,28 @@
 import { ChangeDetectionStrategy, Component, computed, input, 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 { 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";
 import * as i0 from "@angular/core";
 const _c0 = a0 => ({ menus: a0, depth: 0 });
 const _c1 = (a0, a1) => ({ menus: a0, depth: a1 });
 const _forTrack0 = ($index, $item) => $item.codeChain.join(".");
-function SdSidebarMenuControl_ng_template_3_Template(rf, ctx) { }
-function SdSidebarMenuControl_ng_template_4_For_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function SdSidebarMenu_ng_template_3_Template(rf, ctx) { }
+function SdSidebarMenu_ng_template_4_For_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "ng-icon", 8);
     i0.ɵɵtext(1, " \u00A0 ");
 } if (rf & 2) {
     const menu_r2 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵproperty("svg", menu_r2.icon);
 } }
-function SdSidebarMenuControl_ng_template_4_For_1_Conditional_3_ng_template_1_Template(rf, ctx) { }
-function SdSidebarMenuControl_ng_template_4_For_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function SdSidebarMenu_ng_template_4_For_1_Conditional_3_ng_template_1_Template(rf, ctx) { }
+function SdSidebarMenu_ng_template_4_For_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "sd-list", 7);
-    i0.ɵɵtemplate(1, SdSidebarMenuControl_ng_template_4_For_1_Conditional_3_ng_template_1_Template, 0, 0, "ng-template", 3);
+    i0.ɵɵtemplate(1, SdSidebarMenu_ng_template_4_For_1_Conditional_3_ng_template_1_Template, 0, 0, "ng-template", 3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const menu_r2 = i0.ɵɵnextContext().$implicit;
@@ -33,20 +33,20 @@ function SdSidebarMenuControl_ng_template_4_For_1_Conditional_3_Template(rf, ctx
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngTemplateOutlet", itemTpl_r5)("ngTemplateOutletContext", i0.ɵɵpureFunction2(3, _c1, menu_r2.children, depth_r4 + 1));
 } }
-function SdSidebarMenuControl_ng_template_4_For_1_Template(rf, ctx) { if (rf & 1) {
+function SdSidebarMenu_ng_template_4_For_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "sd-list-item", 6);
-    i0.ɵɵlistener("click", function SdSidebarMenuControl_ng_template_4_For_1_Template_sd_list_item_click_0_listener() { const menu_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onMenuClick(menu_r2)); });
-    i0.ɵɵconditionalCreate(1, SdSidebarMenuControl_ng_template_4_For_1_Conditional_1_Template, 2, 1);
+    i0.ɵɵlistener("click", function SdSidebarMenu_ng_template_4_For_1_Template_sd_list_item_click_0_listener() { const menu_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onMenuClick(menu_r2)); });
+    i0.ɵɵconditionalCreate(1, SdSidebarMenu_ng_template_4_For_1_Conditional_1_Template, 2, 1);
     i0.ɵɵtext(2);
-    i0.ɵɵconditionalCreate(3, SdSidebarMenuControl_ng_template_4_For_1_Conditional_3_Template, 2, 6, "sd-list", 7);
+    i0.ɵɵconditionalCreate(3, SdSidebarMenu_ng_template_4_For_1_Conditional_3_Template, 2, 6, "sd-list", 7);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const menu_r2 = ctx.$implicit;
     const depth_r4 = i0.ɵɵnextContext().depth;
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵstyleProp("padding-left", depth_r4 > 0 ? (depth_r4 + 1) * 0.5 : undefined, "em");
-    i0.ɵɵproperty("sd-router-link", ctx_r2.getMenuRouterLinkOption(menu_r2))("selected", ctx_r2.getIsMenuSelected(menu_r2))("layout", depth_r4 === 0 ? ctx_r2.rootLayout() : "accordion");
+    i0.ɵɵproperty("sdRouterLink", ctx_r2.getMenuRouterLinkOption(menu_r2))("selected", ctx_r2.getIsMenuSelected(menu_r2))("layout", depth_r4 === 0 ? ctx_r2.rootLayout() : "accordion");
     i0.ɵɵadvance();
     i0.ɵɵconditional(menu_r2.icon ? 1 : -1);
     i0.ɵɵadvance();
@@ -54,17 +54,17 @@ function SdSidebarMenuControl_ng_template_4_For_1_Template(rf, ctx) { if (rf & 1
     i0.ɵɵadvance();
     i0.ɵɵconditional(menu_r2.children ? 3 : -1);
 } }
-function SdSidebarMenuControl_ng_template_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵrepeaterCreate(0, SdSidebarMenuControl_ng_template_4_For_1_Template, 4, 8, "sd-list-item", 5, _forTrack0);
+function SdSidebarMenu_ng_template_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, SdSidebarMenu_ng_template_4_For_1_Template, 4, 8, "sd-list-item", 5, _forTrack0);
 } if (rf & 2) {
     const currMenus_r6 = ctx.menus;
     i0.ɵɵrepeater(currMenus_r6);
 } }
-export class SdSidebarMenuControl {
+export class SdSidebarMenu {
     menus = input([], ...(ngDevMode ? [{ debugName: "menus" }] : /* istanbul ignore next */ []));
     layout = input(...(ngDevMode ? [undefined, { debugName: "layout" }] : /* istanbul ignore next */ []));
     getMenuIsSelectedFn = input(...(ngDevMode ? [undefined, { debugName: "getMenuIsSelectedFn" }] : /* istanbul ignore next */ []));
-    fullPageCode = useFullPageCodeSignal();
+    fullPageCode = injectFullPageCodeSignal();
     rootLayout = computed(() => this.layout() ?? (this.menus().length <= 3 ? "flat" : "accordion"), ...(ngDevMode ? [{ debugName: "rootLayout" }] : /* istanbul ignore next */ []));
     getMenuRouterLinkOption(menu) {
         return menuRouterLinkOption(menu);
@@ -78,17 +78,17 @@ export class SdSidebarMenuControl {
         }
     }
     itemTemplateType;
-    static ɵfac = function SdSidebarMenuControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdSidebarMenuControl)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdSidebarMenuControl, selectors: [["sd-sidebar-menu"]], hostAttrs: [1, "flex-column", "fill"], hostVars: 1, hostBindings: function SdSidebarMenuControl_HostBindings(rf, ctx) { if (rf & 2) {
+    static ɵfac = function SdSidebarMenu_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdSidebarMenu)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdSidebarMenu, selectors: [["sd-sidebar-menu"]], hostAttrs: [1, "flex-column", "fill"], hostVars: 1, hostBindings: function SdSidebarMenu_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("data-sd-root-layout", ctx.rootLayout());
-        } }, inputs: { menus: [1, "menus"], layout: [1, "layout"], getMenuIsSelectedFn: [1, "getMenuIsSelectedFn"] }, decls: 6, vars: 6, consts: [["itemTpl", ""], [1, "control-header", "p-default"], [1, "flex-fill", 3, "inset"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "typed"], [3, "padding-left", "sd-router-link", "selected", "layout"], [3, "click", "sd-router-link", "selected", "layout"], [3, "inset"], [3, "svg"]], template: function SdSidebarMenuControl_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { menus: [1, "menus"], layout: [1, "layout"], getMenuIsSelectedFn: [1, "getMenuIsSelectedFn"] }, decls: 6, vars: 6, consts: [["itemTpl", ""], [1, "control-header", "p-default"], [1, "flex-fill", 3, "inset"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "typed"], [3, "padding-left", "sdRouterLink", "selected", "layout"], [3, "click", "sdRouterLink", "selected", "layout"], [3, "inset"], [3, "svg"]], template: function SdSidebarMenu_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 1);
             i0.ɵɵtext(1, "MENU");
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(2, "sd-list", 2);
-            i0.ɵɵtemplate(3, SdSidebarMenuControl_ng_template_3_Template, 0, 0, "ng-template", 3);
+            i0.ɵɵtemplate(3, SdSidebarMenu_ng_template_3_Template, 0, 0, "ng-template", 3);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(4, SdSidebarMenuControl_ng_template_4_Template, 2, 0, "ng-template", 4, 0, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵtemplate(4, SdSidebarMenu_ng_template_4_Template, 2, 0, "ng-template", 4, 0, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
             const itemTpl_r5 = i0.ɵɵreference(5);
             i0.ɵɵadvance(2);
@@ -98,20 +98,20 @@ export class SdSidebarMenuControl {
             i0.ɵɵadvance();
             i0.ɵɵproperty("typed", ctx.itemTemplateType);
         } }, dependencies: [NgTemplateOutlet,
-            SdTypedTemplateDirective,
-            SdRouterLinkDirective,
-            SdListControl,
-            SdListItemControl,
+            SdTypedTemplate,
+            SdRouterLink,
+            SdList,
+            SdListItem,
             NgIcon], styles: ["sd-sidebar-menu > sd-list[data-sd-inset=true] sd-list {\n  background: var(--trans-lightest);\n}\nsd-sidebar-menu > sd-list[data-sd-inset=true] > sd-list-item > ._content {\n  padding-block: var(--gap-default);\n}\nsd-sidebar-menu:not([data-sd-root-layout=accordion]) > sd-list[data-sd-inset=true] > sd-list-item > sd-collapse > ._content > sd-list {\n  background: transparent;\n}"], encapsulation: 2, changeDetection: 0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdSidebarMenuControl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdSidebarMenu, [{
         type: Component,
         args: [{ selector: "sd-sidebar-menu", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [
                     NgTemplateOutlet,
-                    SdTypedTemplateDirective,
-                    SdRouterLinkDirective,
-                    SdListControl,
-                    SdListItemControl,
+                    SdTypedTemplate,
+                    SdRouterLink,
+                    SdList,
+                    SdListItem,
                     NgIcon,
                 ], host: {
                     "class": "flex-column fill",
@@ -130,7 +130,7 @@ export class SdSidebarMenuControl {
       @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'"
@@ -156,4 +156,4 @@ export class SdSidebarMenuControl {
     </ng-template>
   `, styles: ["sd-sidebar-menu > sd-list[data-sd-inset=true] sd-list {\n  background: var(--trans-lightest);\n}\nsd-sidebar-menu > sd-list[data-sd-inset=true] > sd-list-item > ._content {\n  padding-block: var(--gap-default);\n}\nsd-sidebar-menu:not([data-sd-root-layout=accordion]) > sd-list[data-sd-inset=true] > sd-list-item > sd-collapse > ._content > sd-list {\n  background: transparent;\n}"] }]
     }], null, { menus: [{ type: i0.Input, args: [{ isSignal: true, alias: "menus", required: false }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], getMenuIsSelectedFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "getMenuIsSelectedFn", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSidebarMenuControl, { className: "SdSidebarMenuControl", filePath: "packages/angular/src/ui/navigation/sidebar/sd-sidebar-menu.control.ts", lineNumber: 93, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSidebarMenu, { className: "SdSidebarMenu", filePath: "packages/angular/src/ui/navigation/sidebar/sd-sidebar-menu.ts", lineNumber: 93, forbidOrphanRendering: true }); })();

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

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+export declare class SdSidebarUser {
+    userMenu: import("@angular/core").InputSignal<SdSidebarUserMenu | undefined>;
+    menuOpen: import("@angular/core").WritableSignal<boolean>;
+    onMenuOpenButtonClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdSidebarUser, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdSidebarUser, "sd-sidebar-user", never, { "userMenu": { "alias": "userMenu"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+export interface SdSidebarUserMenu {
+    title: string;
+    menus: {
+        title: string;
+        onClick: () => void;
+    }[];
+}
+//# sourceMappingURL=sd-sidebar-user.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-sidebar-user.d.ts","sourceRoot":"","sources":["../../../../src/ui/navigation/sidebar/sd-sidebar-user.ts"],"names":[],"mappings":";AAOA,qBA4Da,aAAa;IACxB,QAAQ,qEAA8B;IAEtC,QAAQ,kDAAiB;IAEzB,qBAAqB,IAAI,IAAI;yCALlB,aAAa;2CAAb,aAAa;CAQzB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,EAAE,CAAC;CACL"}

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

@@ -1,32 +1,32 @@
 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";
 import * as i0 from "@angular/core";
 const _c0 = ["*"];
 const _forTrack0 = ($index, $item) => $item.title;
-function SdSidebarUserControl_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function SdSidebarUser_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 3);
-    i0.ɵɵlistener("click", function SdSidebarUserControl_Conditional_2_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onMenuOpenButtonClick()); })("keydown.enter", function SdSidebarUserControl_Conditional_2_Template_div_keydown_enter_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onMenuOpenButtonClick()); });
+    i0.ɵɵlistener("click", function SdSidebarUser_Conditional_2_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onMenuOpenButtonClick()); })("keydown.enter", function SdSidebarUser_Conditional_2_Template_div_keydown_enter_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onMenuOpenButtonClick()); });
     i0.ɵɵtext(1);
     i0.ɵɵelement(2, "sd-collapse-icon", 4);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     let tmp_2_0;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("sd-ripple", true);
+    i0.ɵɵproperty("sdRipple", true);
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", (tmp_2_0 = ctx_r1.userMenu()) == null ? null : tmp_2_0.title, " ");
     i0.ɵɵadvance();
     i0.ɵɵproperty("open", ctx_r1.menuOpen())("openRotate", 180);
 } }
-function SdSidebarUserControl_Conditional_3_For_3_Template(rf, ctx) { if (rf & 1) {
+function SdSidebarUser_Conditional_3_For_3_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "sd-list-item", 6);
-    i0.ɵɵlistener("click", function SdSidebarUserControl_Conditional_3_For_3_Template_sd_list_item_click_0_listener() { const menu_r4 = i0.ɵɵrestoreView(_r3).$implicit; return i0.ɵɵresetView(menu_r4.onClick()); });
+    i0.ɵɵlistener("click", function SdSidebarUser_Conditional_3_For_3_Template_sd_list_item_click_0_listener() { const menu_r4 = i0.ɵɵrestoreView(_r3).$implicit; return i0.ɵɵresetView(menu_r4.onClick()); });
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -34,9 +34,9 @@ function SdSidebarUserControl_Conditional_3_For_3_Template(rf, ctx) { if (rf & 1
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", menu_r4.title, " ");
 } }
-function SdSidebarUserControl_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function SdSidebarUser_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "sd-collapse", 2)(1, "sd-list", 5);
-    i0.ɵɵrepeaterCreate(2, SdSidebarUserControl_Conditional_3_For_3_Template, 2, 1, "sd-list-item", null, _forTrack0);
+    i0.ɵɵrepeaterCreate(2, SdSidebarUser_Conditional_3_For_3_Template, 2, 1, "sd-list-item", null, _forTrack0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     let tmp_3_0;
@@ -47,20 +47,20 @@ function SdSidebarUserControl_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵrepeater((tmp_3_0 = ctx_r1.userMenu()) == null ? null : tmp_3_0.menus);
 } }
-export class SdSidebarUserControl {
+export class SdSidebarUser {
     userMenu = input(...(ngDevMode ? [undefined, { debugName: "userMenu" }] : /* istanbul ignore next */ []));
     menuOpen = signal(false, ...(ngDevMode ? [{ debugName: "menuOpen" }] : /* istanbul ignore next */ []));
     onMenuOpenButtonClick() {
         this.menuOpen.update((v) => !v);
     }
-    static ɵfac = function SdSidebarUserControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdSidebarUserControl)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdSidebarUserControl, selectors: [["sd-sidebar-user"]], inputs: { userMenu: [1, "userMenu"] }, ngContentSelectors: _c0, decls: 4, vars: 2, consts: [[1, "p-lg"], ["tabindex", "0", 1, "_menu-button", 3, "sd-ripple"], [3, "open"], ["tabindex", "0", 1, "_menu-button", 3, "click", "keydown.enter", "sd-ripple"], [2, "float", "right", 3, "open", "openRotate"], [3, "inset"], [3, "click"]], template: function SdSidebarUserControl_Template(rf, ctx) { if (rf & 1) {
+    static ɵfac = function SdSidebarUser_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdSidebarUser)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdSidebarUser, selectors: [["sd-sidebar-user"]], inputs: { userMenu: [1, "userMenu"] }, ngContentSelectors: _c0, decls: 4, vars: 2, consts: [[1, "p-lg"], ["tabindex", "0", 1, "_menu-button", 3, "sdRipple"], [3, "open"], ["tabindex", "0", 1, "_menu-button", 3, "click", "keydown.enter", "sdRipple"], [2, "float", "right", 3, "open", "openRotate"], [3, "inset"], [3, "click"]], template: function SdSidebarUser_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵprojection(1);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(2, SdSidebarUserControl_Conditional_2_Template, 3, 4, "div", 1);
-            i0.ɵɵconditionalCreate(3, SdSidebarUserControl_Conditional_3_Template, 4, 2, "sd-collapse", 2);
+            i0.ɵɵconditionalCreate(2, SdSidebarUser_Conditional_2_Template, 3, 4, "div", 1);
+            i0.ɵɵconditionalCreate(3, SdSidebarUser_Conditional_3_Template, 4, 2, "sd-collapse", 2);
         } if (rf & 2) {
             let tmp_0_0;
             let tmp_1_0;
@@ -68,26 +68,26 @@ export class SdSidebarUserControl {
             i0.ɵɵconditional(((tmp_0_0 = ctx.userMenu()) == null ? null : tmp_0_0.title) ? 2 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(((tmp_1_0 = ctx.userMenu()) == null ? null : tmp_1_0.title) ? 3 : -1);
-        } }, dependencies: [SdCollapseIconControl,
-            SdCollapseControl,
-            SdRippleDirective,
-            SdListControl,
-            SdListItemControl], styles: ["sd-sidebar-user {\n  display: block;\n}\nsd-sidebar-user > ._menu-button {\n  display: block;\n  cursor: pointer;\n  user-select: none;\n  padding: var(--gap-default);\n}\nsd-sidebar-user > ._menu-button:hover {\n  background: var(--trans-lighter);\n}\nsd-sidebar-user > sd-collapse > ._content > sd-list {\n  background: var(--trans-lightest);\n  padding: var(--gap-xs) 0;\n}"], encapsulation: 2, changeDetection: 0 });
+        } }, dependencies: [SdCollapseIcon,
+            SdCollapse,
+            SdRipple,
+            SdList,
+            SdListItem], styles: ["sd-sidebar-user {\n  display: block;\n}\nsd-sidebar-user > ._menu-button {\n  display: block;\n  cursor: pointer;\n  user-select: none;\n  padding: var(--gap-default);\n}\nsd-sidebar-user > ._menu-button:hover {\n  background: var(--trans-lighter);\n}\nsd-sidebar-user > sd-collapse > ._content > sd-list {\n  background: var(--trans-lightest);\n  padding: var(--gap-xs) 0;\n}"], encapsulation: 2, changeDetection: 0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdSidebarUserControl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdSidebarUser, [{
         type: Component,
         args: [{ selector: "sd-sidebar-user", changeDetection: ChangeDetectionStrategy.OnPush, 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>
@@ -106,4 +106,4 @@ export class SdSidebarUserControl {
     }
   `, styles: ["sd-sidebar-user {\n  display: block;\n}\nsd-sidebar-user > ._menu-button {\n  display: block;\n  cursor: pointer;\n  user-select: none;\n  padding: var(--gap-default);\n}\nsd-sidebar-user > ._menu-button:hover {\n  background: var(--trans-lighter);\n}\nsd-sidebar-user > sd-collapse > ._content > sd-list {\n  background: var(--trans-lightest);\n  padding: var(--gap-xs) 0;\n}"] }]
     }], null, { userMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "userMenu", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSidebarUserControl, { className: "SdSidebarUserControl", filePath: "packages/angular/src/ui/navigation/sidebar/sd-sidebar-user.control.ts", lineNumber: 68, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSidebarUser, { className: "SdSidebarUser", filePath: "packages/angular/src/ui/navigation/sidebar/sd-sidebar-user.ts", lineNumber: 68, forbidOrphanRendering: true }); })();

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

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class SdSidebar {
+    private readonly _parentControl;
+    toggle: import("@angular/core").Signal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdSidebar, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdSidebar, "sd-sidebar", never, {}, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=sd-sidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-sidebar.d.ts","sourceRoot":"","sources":["../../../../src/ui/navigation/sidebar/sd-sidebar.ts"],"names":[],"mappings":";AAUA,qBAkDa,SAAS;IACpB,OAAO,CAAC,QAAQ,CAAC,cAAc,CAE7B;IAEF,MAAM,0CAAgD;yCAL3C,SAAS;2CAAT,SAAS;CAMrB"}