@simplysm/angular 14.0.30 → 14.0.33

package/dist/layout/dock/sd-dock-container.js

@@ -0,0 +1,96 @@
+import { ChangeDetectionStrategy, Component, contentChildren, effect, ElementRef, input, viewChild, ViewEncapsulation, } from "@angular/core";
+import { SdDock } from "./sd-dock";
+import * as i0 from "@angular/core";
+const _c0 = ["content"];
+const _c1 = ["*"];
+const _c2 = a0 => ["_content", a0];
+const arrowFn0 = (ctx, view) => v => v != null;
+export class SdDockContainer {
+    dockControls = contentChildren(SdDock, ...(ngDevMode ? [{ debugName: "dockControls" }] : /* istanbul ignore next */ []));
+    contentElRef = viewChild.required("content", {
+        read: ElementRef,
+    });
+    contentClass = input(...(ngDevMode ? [undefined, { debugName: "contentClass" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            let top = 0;
+            let left = 0;
+            let bottom = 0;
+            let right = 0;
+            for (const dockControl of this.dockControls()) {
+                const position = dockControl.position();
+                const size = dockControl.size();
+                if (position === "top") {
+                    dockControl.assignStyle({
+                        top: top + "px",
+                        bottom: "",
+                        left: left + "px",
+                        right: right + "px",
+                    });
+                    top += size;
+                }
+                else if (position === "bottom") {
+                    dockControl.assignStyle({
+                        top: "",
+                        bottom: bottom + "px",
+                        left: left + "px",
+                        right: right + "px",
+                    });
+                    bottom += size;
+                }
+                else if (position === "left") {
+                    dockControl.assignStyle({
+                        top: top + "px",
+                        bottom: bottom + "px",
+                        left: left + "px",
+                        right: "",
+                    });
+                    left += size;
+                }
+                else {
+                    dockControl.assignStyle({
+                        top: top + "px",
+                        bottom: bottom + "px",
+                        left: "",
+                        right: right + "px",
+                    });
+                    right += size;
+                }
+            }
+            Object.assign(this.contentElRef().nativeElement.style, {
+                paddingTop: top + "px",
+                paddingBottom: bottom + "px",
+                paddingRight: right + "px",
+                paddingLeft: left + "px",
+            });
+        });
+    }
+    static ɵfac = function SdDockContainer_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdDockContainer)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdDockContainer, selectors: [["sd-dock-container"]], contentQueries: function SdDockContainer_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
+            i0.ɵɵcontentQuerySignal(dirIndex, ctx.dockControls, SdDock, 4);
+        } if (rf & 2) {
+            i0.ɵɵqueryAdvance();
+        } }, viewQuery: function SdDockContainer_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuerySignal(ctx.contentElRef, _c0, 5, ElementRef);
+        } if (rf & 2) {
+            i0.ɵɵqueryAdvance();
+        } }, inputs: { contentClass: [1, "contentClass"] }, ngContentSelectors: _c1, decls: 3, vars: 5, consts: [["content", ""]], template: function SdDockContainer_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵdomElementStart(0, "div", null, 0);
+            i0.ɵɵprojection(2);
+            i0.ɵɵdomElementEnd();
+        } if (rf & 2) {
+            i0.ɵɵclassMap(i0.ɵɵpureFunction1(3, _c2, ctx.contentClass()).filter(i0.ɵɵarrowFunction(2, arrowFn0, ctx)).join(" "));
+        } }, styles: ["sd-dock-container {\n  display: block;\n  height: 100%;\n}\nsd-dock-container > ._content {\n  position: relative;\n  height: 100%;\n}"], encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdDockContainer, [{
+        type: Component,
+        args: [{ selector: "sd-dock-container", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [], template: `
+    <div #content [class]="['_content', contentClass()].filter(v => v != null).join(' ')">
+      <ng-content />
+    </div>
+  `, styles: ["sd-dock-container {\n  display: block;\n  height: 100%;\n}\nsd-dock-container > ._content {\n  position: relative;\n  height: 100%;\n}"] }]
+    }], () => [], { dockControls: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SdDock), { isSignal: true }] }], contentElRef: [{ type: i0.ViewChild, args: ["content", { ...{
+                        read: ElementRef,
+                    }, isSignal: true }] }], contentClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentClass", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdDockContainer, { className: "SdDockContainer", filePath: "packages/angular/src/layout/dock/sd-dock-container.ts", lineNumber: 38, forbidOrphanRendering: true }); })();

package/dist/layout/dock/sd-dock.d.ts

@@ -0,0 +1,19 @@
+import type { SdResizeEvent } from "../../core/events/sd-resize-event.plugin";
+import * as i0 from "@angular/core";
+export declare class SdDock {
+    private readonly _elRef;
+    private readonly _destroyRef;
+    private _dragCleanup;
+    key: import("@angular/core").InputSignal<string | undefined>;
+    position: import("@angular/core").InputSignal<"bottom" | "left" | "right" | "top">;
+    resizable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    size: import("@angular/core").WritableSignal<number>;
+    private readonly _config;
+    constructor();
+    assignStyle(style: Partial<CSSStyleDeclaration>): void;
+    onHostResize(event: SdResizeEvent): void;
+    onResizeBarMousedown(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdDock, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdDock, "sd-dock", never, { "key": { "alias": "key"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=sd-dock.d.ts.map

package/dist/layout/dock/sd-dock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-dock.d.ts","sourceRoot":"","sources":["../../../src/layout/dock/sd-dock.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;;AAE9E,qBAyEa,MAAM;IACjB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAmC;IAC1D,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAsB;IAElD,OAAO,CAAC,YAAY,CAA2B;IAE/C,GAAG,0DAAmB;IACtB,QAAQ,2EAAqD;IAC7D,SAAS,qEAAiD;IAE1D,IAAI,iDAAa;IAEjB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAsE;;IAoB9F,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC;IAI/C,YAAY,CAAC,KAAK,EAAE,aAAa;IASjC,oBAAoB,CAAC,KAAK,EAAE,UAAU;yCA7C3B,MAAM;2CAAN,MAAM;CA+FlB"}

package/dist/layout/dock/sd-dock.js

@@ -0,0 +1,120 @@
+import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, effect, ElementRef, inject, input, signal, ViewEncapsulation, } from "@angular/core";
+import { injectSdSystemConfigResource } from "../../core/config/injectSdSystemConfigResource";
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+function SdDock_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵdomElementStart(0, "div", 1);
+    i0.ɵɵdomListener("mousedown", function SdDock_Conditional_1_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onResizeBarMousedown($event)); });
+    i0.ɵɵdomElementEnd();
+} }
+export class SdDock {
+    _elRef = inject((ElementRef));
+    _destroyRef = inject(DestroyRef);
+    _dragCleanup;
+    key = input(...(ngDevMode ? [undefined, { debugName: "key" }] : /* istanbul ignore next */ []));
+    position = input("top", ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+    resizable = input(false, { ...(ngDevMode ? { debugName: "resizable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    size = signal(0, ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    _config = injectSdSystemConfigResource({ key: this.key });
+    constructor() {
+        this._destroyRef.onDestroy(() => {
+            this._dragCleanup?.();
+        });
+        effect(() => {
+            const conf = this._config.value();
+            if (this.resizable() && conf && conf.size != null) {
+                if (["right", "left"].includes(this.position())) {
+                    this._elRef.nativeElement.style.width = conf.size;
+                }
+                if (["top", "bottom"].includes(this.position())) {
+                    this._elRef.nativeElement.style.height = conf.size;
+                }
+            }
+        });
+    }
+    assignStyle(style) {
+        Object.assign(this._elRef.nativeElement.style, style);
+    }
+    onHostResize(event) {
+        if (["top", "bottom"].includes(this.position()) && event.heightChanged) {
+            this.size.set(this._elRef.nativeElement.clientHeight);
+        }
+        if (["right", "left"].includes(this.position()) && event.widthChanged) {
+            this.size.set(this._elRef.nativeElement.clientWidth);
+        }
+    }
+    onResizeBarMousedown(event) {
+        const thisEl = this._elRef.nativeElement;
+        const startX = event.clientX;
+        const startY = event.clientY;
+        const startHeight = thisEl.clientHeight;
+        const startWidth = thisEl.clientWidth;
+        const doDrag = (e) => {
+            e.stopPropagation();
+            e.preventDefault();
+            if (this.position() === "bottom") {
+                thisEl.style.height = `${Math.max(0, startHeight - e.clientY + startY)}px`;
+            }
+            else if (this.position() === "right") {
+                thisEl.style.width = `${Math.max(0, startWidth - e.clientX + startX)}px`;
+            }
+            else if (this.position() === "top") {
+                thisEl.style.height = `${Math.max(0, startHeight + e.clientY - startY)}px`;
+            }
+            else {
+                // left
+                thisEl.style.width = `${Math.max(0, startWidth + e.clientX - startX)}px`;
+            }
+        };
+        const stopDrag = (e) => {
+            e.stopPropagation();
+            e.preventDefault();
+            this._dragCleanup?.();
+            if (this.key() != null) {
+                const newConf = {};
+                if (["right", "left"].includes(this.position())) {
+                    newConf.size = thisEl.style.width;
+                }
+                else {
+                    newConf.size = thisEl.style.height;
+                }
+                this._config.set(newConf);
+            }
+        };
+        document.addEventListener("mousemove", doDrag);
+        document.addEventListener("mouseup", stopDrag);
+        this._dragCleanup = () => {
+            document.removeEventListener("mousemove", doDrag);
+            document.removeEventListener("mouseup", stopDrag);
+            this._dragCleanup = undefined;
+        };
+    }
+    static ɵfac = function SdDock_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdDock)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdDock, selectors: [["sd-dock"]], hostVars: 2, hostBindings: function SdDock_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("sdResize", function SdDock_sdResize_HostBindingHandler($event) { return ctx.onHostResize($event); });
+        } if (rf & 2) {
+            i0.ɵɵattribute("data-sd-position", ctx.position())("data-sd-resizable", ctx.resizable());
+        } }, inputs: { key: [1, "key"], position: [1, "position"], resizable: [1, "resizable"] }, ngContentSelectors: _c0, decls: 2, vars: 1, consts: [[1, "_resize-bar"], [1, "_resize-bar", 3, "mousedown"]], template: function SdDock_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+            i0.ɵɵconditionalCreate(1, SdDock_Conditional_1_Template, 1, 0, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.resizable() ? 1 : -1);
+        } }, styles: ["sd-dock {\n  display: block;\n  position: absolute;\n  overflow: auto;\n}\nsd-dock[data-sd-resizable=true] > ._resize-bar {\n  position: absolute;\n}\nsd-dock[data-sd-resizable=true][data-sd-position=top] > ._resize-bar {\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 2px;\n  cursor: ns-resize;\n}\nsd-dock[data-sd-resizable=true][data-sd-position=bottom] > ._resize-bar {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 2px;\n  cursor: ns-resize;\n}\nsd-dock[data-sd-resizable=true][data-sd-position=left] > ._resize-bar {\n  top: 0;\n  right: 0;\n  height: 100%;\n  width: 2px;\n  cursor: ew-resize;\n}\nsd-dock[data-sd-resizable=true][data-sd-position=right] > ._resize-bar {\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 2px;\n  cursor: ew-resize;\n}"], encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdDock, [{
+        type: Component,
+        args: [{ selector: "sd-dock", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [], host: {
+                    "[attr.data-sd-position]": "position()",
+                    "[attr.data-sd-resizable]": "resizable()",
+                    "(sdResize)": "onHostResize($any($event))",
+                }, template: `
+    <ng-content></ng-content>
+    @if (resizable()) {
+      <div class="_resize-bar" (mousedown)="onResizeBarMousedown($event)"></div>
+    }
+  `, styles: ["sd-dock {\n  display: block;\n  position: absolute;\n  overflow: auto;\n}\nsd-dock[data-sd-resizable=true] > ._resize-bar {\n  position: absolute;\n}\nsd-dock[data-sd-resizable=true][data-sd-position=top] > ._resize-bar {\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 2px;\n  cursor: ns-resize;\n}\nsd-dock[data-sd-resizable=true][data-sd-position=bottom] > ._resize-bar {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 2px;\n  cursor: ns-resize;\n}\nsd-dock[data-sd-resizable=true][data-sd-position=left] > ._resize-bar {\n  top: 0;\n  right: 0;\n  height: 100%;\n  width: 2px;\n  cursor: ew-resize;\n}\nsd-dock[data-sd-resizable=true][data-sd-position=right] > ._resize-bar {\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 2px;\n  cursor: ew-resize;\n}"] }]
+    }], () => [], { key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], resizable: [{ type: i0.Input, args: [{ isSignal: true, alias: "resizable", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdDock, { className: "SdDock", filePath: "packages/angular/src/layout/dock/sd-dock.ts", lineNumber: 89, forbidOrphanRendering: true }); })();

package/dist/layout/sidebar/sd-sidebar-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-sidebar-container.d.ts","sourceRoot":"","sources":["../../../src/layout/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/layout/sidebar/sd-sidebar-container.js

@@ -0,0 +1,46 @@
+import { ChangeDetectionStrategy, Component, effect, inject, signal, ViewEncapsulation } from "@angular/core";
+import { toSignal } from "@angular/core/rxjs-interop";
+import { NavigationStart, Router } from "@angular/router";
+import { filter } from "rxjs";
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+export class SdSidebarContainer {
+    _router = inject(Router, { optional: true });
+    toggle = signal(false, ...(ngDevMode ? [{ debugName: "toggle" }] : /* istanbul ignore next */ []));
+    _navStart = this._router
+        ? toSignal(this._router.events.pipe(filter((e) => e instanceof NavigationStart)))
+        : undefined;
+    constructor() {
+        const navStart = this._navStart;
+        if (navStart) {
+            effect(() => {
+                if (navStart()) {
+                    this.toggle.set(false);
+                }
+            });
+        }
+    }
+    onBackdropClick() {
+        this.toggle.set(false);
+    }
+    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 SdSidebarContainer_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+            i0.ɵɵdomElementStart(1, "div", 0);
+            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(SdSidebarContainer, [{
+        type: Component,
+        args: [{ selector: "sd-sidebar-container", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [], host: {
+                    "[attr.data-sd-toggle]": "toggle()",
+                }, template: `
+    <ng-content />
+    <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(SdSidebarContainer, { className: "SdSidebarContainer", filePath: "packages/angular/src/layout/sidebar/sd-sidebar-container.ts", lineNumber: 69, forbidOrphanRendering: true }); })();

package/dist/layout/sidebar/sd-sidebar-menu.d.ts

@@ -0,0 +1,22 @@
+import { type SdMenu } from "../../core/routing/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/layout/sidebar/sd-sidebar-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-sidebar-menu.d.ts","sourceRoot":"","sources":["../../../src/layout/sidebar/sd-sidebar-menu.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,MAAM,EAGZ,MAAM,+BAA+B,CAAC;;AAQvC,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/layout/sidebar/sd-sidebar-menu.js

@@ -0,0 +1,159 @@
+import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from "@angular/core";
+import { injectFullPageCodeSignal } from "../../core/routing/injectFullPageCodeSignal";
+import { getMenuRouterLinkOption as menuRouterLinkOption, getIsMenuSelected as menuIsSelected, } from "../../core/routing/menu-utils";
+import { NgTemplateOutlet } from "@angular/common";
+import { SdTypedTemplate } from "../../core/template/sd-typed-template";
+import { SdRouterLink } from "../../core/routing/sd-router-link";
+import { SdList } from "../../controls/list/sd-list";
+import { SdListItem } from "../../controls/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 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 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, 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;
+    const depth_r4 = i0.ɵɵnextContext().depth;
+    i0.ɵɵnextContext();
+    const itemTpl_r5 = i0.ɵɵreference(5);
+    i0.ɵɵproperty("inset", true);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngTemplateOutlet", itemTpl_r5)("ngTemplateOutletContext", i0.ɵɵpureFunction2(3, _c1, menu_r2.children, depth_r4 + 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 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, 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("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();
+    i0.ɵɵtextInterpolate1(" ", menu_r2.title, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(menu_r2.children ? 3 : -1);
+} }
+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 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 = injectFullPageCodeSignal();
+    rootLayout = computed(() => this.layout() ?? (this.menus().length <= 3 ? "flat" : "accordion"), ...(ngDevMode ? [{ debugName: "rootLayout" }] : /* istanbul ignore next */ []));
+    getMenuRouterLinkOption(menu) {
+        return menuRouterLinkOption(menu);
+    }
+    getIsMenuSelected(menu) {
+        return menuIsSelected(menu, this.fullPageCode(), this.getMenuIsSelectedFn());
+    }
+    onMenuClick(menu) {
+        if (menu.url != null) {
+            window.open(menu.url, "_blank");
+        }
+    }
+    itemTemplateType;
+    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", "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, SdSidebarMenu_ng_template_3_Template, 0, 0, "ng-template", 3);
+            i0.ɵɵelementEnd();
+            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);
+            i0.ɵɵproperty("inset", true);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngTemplateOutlet", itemTpl_r5)("ngTemplateOutletContext", i0.ɵɵpureFunction1(4, _c0, ctx.menus()));
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("typed", ctx.itemTemplateType);
+        } }, dependencies: [NgTemplateOutlet,
+            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(SdSidebarMenu, [{
+        type: Component,
+        args: [{ selector: "sd-sidebar-menu", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [
+                    NgTemplateOutlet,
+                    SdTypedTemplate,
+                    SdRouterLink,
+                    SdList,
+                    SdListItem,
+                    NgIcon,
+                ], host: {
+                    "class": "flex-column fill",
+                    "[attr.data-sd-root-layout]": "rootLayout()",
+                }, template: `
+    <div class="control-header p-default">MENU</div>
+
+    <sd-list class="flex-fill" [inset]="true">
+      <ng-template
+        [ngTemplateOutlet]="itemTpl"
+        [ngTemplateOutletContext]="{ menus: menus(), depth: 0 }"
+      ></ng-template>
+    </sd-list>
+
+    <ng-template #itemTpl [typed]="itemTemplateType" let-currMenus="menus" let-depth="depth">
+      @for (menu of currMenus; track menu.codeChain.join(".")) {
+        <sd-list-item
+          [style.padding-left.em]="depth > 0 ? (depth + 1) * 0.5 : undefined"
+          [sdRouterLink]="getMenuRouterLinkOption(menu)"
+          (click)="onMenuClick(menu)"
+          [selected]="getIsMenuSelected(menu)"
+          [layout]="depth === 0 ? rootLayout() : 'accordion'"
+        >
+          @if (menu.icon) {
+            <ng-icon [svg]="menu.icon" />
+            &nbsp;
+          }
+          {{ menu.title }}
+          @if (menu.children) {
+            <sd-list [inset]="true">
+              <ng-template
+                [ngTemplateOutlet]="itemTpl"
+                [ngTemplateOutletContext]="{
+                  menus: menu.children,
+                  depth: depth + 1,
+                }"
+              ></ng-template>
+            </sd-list>
+          }
+        </sd-list-item>
+      }
+    </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(SdSidebarMenu, { className: "SdSidebarMenu", filePath: "packages/angular/src/layout/sidebar/sd-sidebar-menu.ts", lineNumber: 93, forbidOrphanRendering: true }); })();

package/dist/layout/sidebar/sd-sidebar-user.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-sidebar-user.d.ts","sourceRoot":"","sources":["../../../src/layout/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/layout/sidebar/sd-sidebar-user.js

@@ -0,0 +1,109 @@
+import { ChangeDetectionStrategy, Component, input, signal, ViewEncapsulation } from "@angular/core";
+import { SdCollapseIcon } from "../../controls/collapse/sd-collapse-icon";
+import { SdCollapse } from "../../controls/collapse/sd-collapse";
+import { SdRipple } from "../../core/ripple/sd-ripple";
+import { SdList } from "../../controls/list/sd-list";
+import { SdListItem } from "../../controls/list/sd-list-item";
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+const _forTrack0 = ($index, $item) => $item.title;
+function SdSidebarUser_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 3);
+    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("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 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 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) {
+    const menu_r4 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", menu_r4.title, " ");
+} }
+function SdSidebarUser_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "sd-collapse", 2)(1, "sd-list", 5);
+    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;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("open", ctx_r1.menuOpen());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("inset", true);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater((tmp_3_0 = ctx_r1.userMenu()) == null ? null : tmp_3_0.menus);
+} }
+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 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, 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;
+            i0.ɵɵadvance(2);
+            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: [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(SdSidebarUser, [{
+        type: Component,
+        args: [{ selector: "sd-sidebar-user", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [
+                    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()" [sdRipple]="true">
+        {{ userMenu()?.title }}
+        <sd-collapse-icon [open]="menuOpen()" style="float: right;" [openRotate]="180" />
+      </div>
+    }
+
+    @if (userMenu()?.title) {
+      <sd-collapse [open]="menuOpen()">
+        <sd-list [inset]="true">
+          @for (menu of userMenu()?.menus; track menu.title) {
+            <sd-list-item (click)="menu.onClick()">
+              {{ menu.title }}
+            </sd-list-item>
+          }
+        </sd-list>
+      </sd-collapse>
+    }
+  `, 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(SdSidebarUser, { className: "SdSidebarUser", filePath: "packages/angular/src/layout/sidebar/sd-sidebar-user.ts", lineNumber: 68, forbidOrphanRendering: true }); })();

package/dist/layout/sidebar/sd-sidebar.d.ts.map

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

package/dist/layout/sidebar/sd-sidebar.js

@@ -0,0 +1,24 @@
+import { ChangeDetectionStrategy, Component, computed, forwardRef, inject, ViewEncapsulation, } from "@angular/core";
+import { SdSidebarContainer } from "./sd-sidebar-container";
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+export class SdSidebar {
+    _parentControl = inject(forwardRef(() => SdSidebarContainer));
+    toggle = computed(() => this._parentControl.toggle(), ...(ngDevMode ? [{ debugName: "toggle" }] : /* istanbul ignore next */ []));
+    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 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(SdSidebar, [{
+        type: Component,
+        args: [{ selector: "sd-sidebar", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [], host: {
+                    "[attr.data-sd-toggle]": "toggle()",
+                }, template: `
+    <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(SdSidebar, { className: "SdSidebar", filePath: "packages/angular/src/layout/sidebar/sd-sidebar.ts", lineNumber: 61, forbidOrphanRendering: true }); })();

package/dist/layout/topbar/sd-topbar-container.d.ts.map

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