@simplysm/angular 14.1.20 → 14.2.1

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

@@ -74,41 +74,41 @@ export class SdSidebarUser {
             let tmp_0_0;
             i0.ɵɵadvance(2);
             i0.ɵɵconditional((tmp_0_0 = ctx.userMenu()) ? 2 : -1, tmp_0_0);
-        } }, dependencies: [SdCollapseIcon, SdCollapse, SdRipple, SdList, SdListItem, NgIcon], styles: ["sd-sidebar-user {\n  display: block;\n}\nsd-sidebar-user > ._menu-button {\n  display: block;\n  cursor: pointer;\n  user-select: none;\n  color: var(--text-trans-light);\n  padding: var(--gap-sm) var(--gap-default);\n  border-radius: var(--border-radius-default);\n  margin: 0 var(--gap-sm);\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  margin: 0 var(--gap-sm);\n}"], encapsulation: 2 });
+        } }, dependencies: [SdCollapseIcon, SdCollapse, SdRipple, SdList, SdListItem, NgIcon], styles: ["sd-sidebar-user {\n  display: block;\n}\nsd-sidebar-user > ._menu-button {\n  display: block;\n  cursor: pointer;\n  user-select: none;\n  color: var(--sd-tx-muted);\n  padding: var(--sd-gap-sm) var(--sd-gap-default);\n  border-radius: var(--sd-radius-default);\n  margin: 0 var(--sd-gap-sm);\n}\nsd-sidebar-user > ._menu-button:hover {\n  background-color: var(--sd-bg-state-hover);\n}\nsd-sidebar-user > sd-collapse > ._content > sd-list {\n  background-color: var(--sd-bg-gray-subtle);\n  padding: var(--sd-gap-xs) 0;\n  margin: 0 var(--sd-gap-sm);\n}"], encapsulation: 2 });
 }
 (() => { (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, NgIcon], host: {
-                    "[class]": "'pv-lg'"
-                }, template: `
-    <div class="p-xs-default">
-      <ng-content />
-    </div>
-    @if (userMenu(); as _userMenu) {
-      <div
-        class="_menu-button"
-        tabindex="0"
-        (click)="onMenuOpenButtonClick()"
-        (keydown.enter)="onMenuOpenButtonClick()"
-        [sdRipple]="true"
-      >
-        @if (_userMenu.icon) {
-          <ng-icon [svg]="_userMenu.icon" />
-        }
-        {{ _userMenu.title }}
-        <sd-collapse-icon [open]="menuOpen()" style="float: right;" [openRotate]="180" />
-      </div>
-
-      <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  color: var(--text-trans-light);\n  padding: var(--gap-sm) var(--gap-default);\n  border-radius: var(--border-radius-default);\n  margin: 0 var(--gap-sm);\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  margin: 0 var(--gap-sm);\n}"] }]
+                    "[class]": "'pv-lg'",
+                }, template: `
+    <div class="p-xs-default">
+      <ng-content />
+    </div>
+    @if (userMenu(); as _userMenu) {
+      <div
+        class="_menu-button"
+        tabindex="0"
+        (click)="onMenuOpenButtonClick()"
+        (keydown.enter)="onMenuOpenButtonClick()"
+        [sdRipple]="true"
+      >
+        @if (_userMenu.icon) {
+          <ng-icon [svg]="_userMenu.icon" />
+        }
+        {{ _userMenu.title }}
+        <sd-collapse-icon [open]="menuOpen()" style="float: right;" [openRotate]="180" />
+      </div>
+
+      <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  color: var(--sd-tx-muted);\n  padding: var(--sd-gap-sm) var(--sd-gap-default);\n  border-radius: var(--sd-radius-default);\n  margin: 0 var(--sd-gap-sm);\n}\nsd-sidebar-user > ._menu-button:hover {\n  background-color: var(--sd-bg-state-hover);\n}\nsd-sidebar-user > sd-collapse > ._content > sd-list {\n  background-color: var(--sd-bg-gray-subtle);\n  padding: var(--sd-gap-xs) 0;\n  margin: 0 var(--sd-gap-sm);\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: 83 }); })();

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

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

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

@@ -12,7 +12,7 @@ export class SdSidebar {
         } }, 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  border-right: 1px solid var(--border-color-lighter);\n}\n@media not all and (max-width: 520px) {\n  sd-sidebar {\n    transition: transform var(--animation-duration) ease-out;\n  }\n  sd-sidebar[data-sd-toggle=true] {\n    transform: translateX(-100%);\n    transition: transform var(--animation-duration) ease-in;\n  }\n}\n@media all and (max-width: 520px) {\n  sd-sidebar {\n    transition: transform var(--animation-duration) ease-in;\n    transform: translateX(-100%);\n  }\n  sd-sidebar[data-sd-toggle=true] {\n    transform: none;\n    transition: transform var(--animation-duration) ease-out;\n    box-shadow: 0 calc(16 * var(--elevation-size)) calc(16 * 4 * var(--elevation-size) * var(--elevation-blur-mult)) var(--trans-lighter), 0 var(--elevation-size) calc(var(--elevation-size) * var(--elevation-blur-mult)) var(--trans-lighter);\n  }\n}"], encapsulation: 2 });
+        } }, styles: ["sd-sidebar {\n  position: absolute;\n  z-index: var(--sd-z-sidebar);\n  top: 0;\n  left: 0;\n  width: var(--sd-sidebar-width);\n  height: 100%;\n  border-right: 1px solid var(--sd-bd-soft);\n}\n@media not all and (max-width: 520px) {\n  sd-sidebar {\n    transition: transform var(--sd-animation-duration) ease-out;\n  }\n  sd-sidebar[data-sd-toggle=true] {\n    transform: translateX(-100%);\n    transition: transform var(--sd-animation-duration) ease-in;\n  }\n}\n@media all and (max-width: 520px) {\n  sd-sidebar {\n    transition: transform var(--sd-animation-duration) ease-in;\n    transform: translateX(-100%);\n  }\n  sd-sidebar[data-sd-toggle=true] {\n    transform: none;\n    transition: transform var(--sd-animation-duration) ease-out;\n    box-shadow: 0 calc(16 * var(--sd-shadow-size)) calc(16 * 4 * var(--sd-shadow-size) * var(--sd-shadow-blur-mult)) var(--sd-shadow-color), 0 var(--sd-shadow-size) calc(var(--sd-shadow-size) * var(--sd-shadow-blur-mult)) var(--sd-shadow-color);\n  }\n}"], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdSidebar, [{
         type: Component,
@@ -20,6 +20,6 @@ export class SdSidebar {
                     "[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  border-right: 1px solid var(--border-color-lighter);\n}\n@media not all and (max-width: 520px) {\n  sd-sidebar {\n    transition: transform var(--animation-duration) ease-out;\n  }\n  sd-sidebar[data-sd-toggle=true] {\n    transform: translateX(-100%);\n    transition: transform var(--animation-duration) ease-in;\n  }\n}\n@media all and (max-width: 520px) {\n  sd-sidebar {\n    transition: transform var(--animation-duration) ease-in;\n    transform: translateX(-100%);\n  }\n  sd-sidebar[data-sd-toggle=true] {\n    transform: none;\n    transition: transform var(--animation-duration) ease-out;\n    box-shadow: 0 calc(16 * var(--elevation-size)) calc(16 * 4 * var(--elevation-size) * var(--elevation-blur-mult)) var(--trans-lighter), 0 var(--elevation-size) calc(var(--elevation-size) * var(--elevation-blur-mult)) var(--trans-lighter);\n  }\n}"] }]
+  `, styles: ["sd-sidebar {\n  position: absolute;\n  z-index: var(--sd-z-sidebar);\n  top: 0;\n  left: 0;\n  width: var(--sd-sidebar-width);\n  height: 100%;\n  border-right: 1px solid var(--sd-bd-soft);\n}\n@media not all and (max-width: 520px) {\n  sd-sidebar {\n    transition: transform var(--sd-animation-duration) ease-out;\n  }\n  sd-sidebar[data-sd-toggle=true] {\n    transform: translateX(-100%);\n    transition: transform var(--sd-animation-duration) ease-in;\n  }\n}\n@media all and (max-width: 520px) {\n  sd-sidebar {\n    transition: transform var(--sd-animation-duration) ease-in;\n    transform: translateX(-100%);\n  }\n  sd-sidebar[data-sd-toggle=true] {\n    transform: none;\n    transition: transform var(--sd-animation-duration) ease-out;\n    box-shadow: 0 calc(16 * var(--sd-shadow-size)) calc(16 * 4 * var(--sd-shadow-size) * var(--sd-shadow-blur-mult)) var(--sd-shadow-color), 0 var(--sd-shadow-size) calc(var(--sd-shadow-size) * var(--sd-shadow-blur-mult)) var(--sd-shadow-color);\n  }\n}"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSidebar, { className: "SdSidebar", filePath: "packages/angular/src/layout/sidebar/sd-sidebar.ts", lineNumber: 62 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSidebar, { className: "SdSidebar", filePath: "packages/angular/src/layout/sidebar/sd-sidebar.ts", lineNumber: 60 }); })();

package/dist/layout/topbar/sd-topbar-menu.js

@@ -104,7 +104,7 @@ function SdTopbarMenu_ng_template_2_For_1_Template(rf, ctx) { if (rf & 1) {
     const menu_r7 = ctx.$implicit;
     const depth_r10 = i0.ɵɵnextContext().depth;
     const ctx_r4 = i0.ɵɵnextContext();
-    i0.ɵɵstyleProp("padding-left", depth_r10 > 0 ? (depth_r10 + 1) * 0.5 : undefined, "em")("padding-block", depth_r10 === 0 ? "var(--gap-default)" : undefined);
+    i0.ɵɵstyleProp("padding-left", depth_r10 > 0 ? (depth_r10 + 1) * 0.5 : undefined, "em")("padding-block", depth_r10 === 0 ? "var(--sd-gap-default)" : undefined);
     i0.ɵɵproperty("sdRouterLink", ctx_r4.getMenuRouterLinkOption(menu_r7))("selected", ctx_r4.getIsMenuSelected(menu_r7))("layout", "flat");
     i0.ɵɵadvance();
     i0.ɵɵconditional(menu_r7.icon ? 1 : -1);
@@ -163,7 +163,7 @@ export class SdTopbarMenu {
             SdList,
             SdListItem,
             SdButton,
-            NgIcon], styles: ["sd-topbar-menu sd-list sd-list {\n  background: var(--trans-lightest);\n}"], encapsulation: 2 });
+            NgIcon], styles: ["sd-topbar-menu sd-list sd-list {\n  background-color: var(--sd-bg-gray-subtle);\n}"], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdTopbarMenu, [{
         type: Component,
@@ -178,7 +178,7 @@ export class SdTopbarMenu {
                     SdButton,
                     NgIcon,
                 ], host: {
-                    "class": "flex-row gap-sm",
+                    class: "flex-row gap-sm",
                 }, template: `
     @for (menu of menus(); track menu.codeChain.join("."); let i = $index) {
       <sd-dropdown>
@@ -217,7 +217,7 @@ export class SdTopbarMenu {
       @for (menu of currMenus; track menu.codeChain.join(".")) {
         <sd-list-item
           [style.padding-left.em]="depth > 0 ? (depth + 1) * 0.5 : undefined"
-          [style.padding-block]="depth === 0 ? 'var(--gap-default)' : undefined"
+          [style.padding-block]="depth === 0 ? 'var(--sd-gap-default)' : undefined"
           [sdRouterLink]="getMenuRouterLinkOption(menu)"
           (click)="onMenuClick(menu, dropdownIndex)"
           [selected]="getIsMenuSelected(menu)"
@@ -243,6 +243,6 @@ export class SdTopbarMenu {
         </sd-list-item>
       }
     </ng-template>
-  `, styles: ["sd-topbar-menu sd-list sd-list {\n  background: var(--trans-lightest);\n}"] }]
+  `, styles: ["sd-topbar-menu sd-list sd-list {\n  background-color: var(--sd-bg-gray-subtle);\n}"] }]
     }], null, { menus: [{ type: i0.Input, args: [{ isSignal: true, alias: "menus", required: false }] }], getMenuIsSelectedFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "getMenuIsSelectedFn", required: false }] }], _dropdowns: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => SdDropdown), { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdTopbarMenu, { className: "SdTopbarMenu", filePath: "packages/angular/src/layout/topbar/sd-topbar-menu.ts", lineNumber: 119 }); })();

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

@@ -1 +1 @@
-{"version":3,"file":"sd-topbar.d.ts","sourceRoot":"","sources":["../../../src/layout/topbar/sd-topbar.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;;AAKrE,qBAgEa,QAAQ;IACnB,OAAO,CAAC,QAAQ,CAAC,yBAAyB,CAEvC;IAEH,gBAAgB,sEAA+B;IAE/C,UAAU,0CAER;IAEF,mBAAmB,IAAI,IAAI;IAO3B,SAAS,CAAC,QAAQ,CAAC,WAAW,oXAAe;yCAlBlC,QAAQ;2CAAR,QAAQ;CAmBpB"}
+{"version":3,"file":"sd-topbar.d.ts","sourceRoot":"","sources":["../../../src/layout/topbar/sd-topbar.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;;AAKrE,qBA8Da,QAAQ;IACnB,OAAO,CAAC,QAAQ,CAAC,yBAAyB,CAEvC;IAEH,gBAAgB,sEAA+B;IAE/C,UAAU,0CAER;IAEF,mBAAmB,IAAI,IAAI;IAO3B,SAAS,CAAC,QAAQ,CAAC,WAAW,oXAAe;yCAlBlC,QAAQ;2CAAR,QAAQ;CAmBpB"}

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

@@ -39,12 +39,12 @@ export class SdTopbar {
             i0.ɵɵprojection(1);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.hasSidebar() ? 0 : -1);
-        } }, dependencies: [SdButton, NgIcon], styles: ["sd-topbar {\n  min-height: var(--topbar-height);\n  overflow-x: auto;\n  overflow-y: hidden;\n  user-select: none;\n  color: var(--text-trans-default);\n  border-bottom: 1px solid var(--border-color-lighter);\n  padding-left: var(--gap-xs);\n}\nsd-topbar > h1 {\n  padding-right: var(--gap-xl);\n}\nsd-topbar > h2 {\n  padding-right: var(--gap-xl);\n}\nsd-topbar > h3 {\n  padding-right: var(--gap-xl);\n}\nsd-topbar > h4 {\n  padding-right: var(--gap-xl);\n}\nsd-topbar > h5 {\n  padding-right: var(--gap-xl);\n}\nsd-topbar > h6 {\n  padding-right: var(--gap-xl);\n}\nsd-topbar::-webkit-scrollbar-track {\n  background-color: var(--trans-light);\n}\nsd-topbar::-webkit-scrollbar-corner {\n  background-color: var(--trans-light);\n}\nsd-topbar::-webkit-scrollbar {\n  width: var(--gap-sm);\n  height: var(--gap-sm);\n  background-color: transparent;\n}\nsd-topbar::-webkit-scrollbar-thumb {\n  background-color: var(--trans-default);\n}"], encapsulation: 2 });
+        } }, dependencies: [SdButton, NgIcon], styles: ["sd-topbar {\n  min-height: var(--sd-topbar-height);\n  overflow-x: auto;\n  overflow-y: hidden;\n  user-select: none;\n  color: var(--sd-tx-default);\n  border-bottom: 1px solid var(--sd-bd-soft);\n  padding-left: var(--sd-gap-xs);\n}\nsd-topbar > h1 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar > h2 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar > h3 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar > h4 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar > h5 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar > h6 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar::-webkit-scrollbar-track {\n  background-color: var(--sd-scrollbar-track);\n}\nsd-topbar::-webkit-scrollbar-corner {\n  background-color: var(--sd-scrollbar-track);\n}\nsd-topbar::-webkit-scrollbar {\n  width: var(--sd-gap-sm);\n  height: var(--sd-gap-sm);\n  background-color: transparent;\n}\nsd-topbar::-webkit-scrollbar-thumb {\n  background-color: var(--sd-scrollbar-thumb-hover);\n}"], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdTopbar, [{
         type: Component,
         args: [{ selector: "sd-topbar", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [SdButton, NgIcon], host: {
-                    "class": "flex-row gap-sm cross-align-center main-align-start"
+                    class: "flex-row gap-sm cross-align-center main-align-start",
                 }, template: `
     @if (hasSidebar()) {
       <sd-button
@@ -56,8 +56,8 @@ export class SdTopbar {
         <ng-icon [svg]="tablerMenu2" />
       </sd-button>
     }
-    
+
     <ng-content />
-  `, styles: ["sd-topbar {\n  min-height: var(--topbar-height);\n  overflow-x: auto;\n  overflow-y: hidden;\n  user-select: none;\n  color: var(--text-trans-default);\n  border-bottom: 1px solid var(--border-color-lighter);\n  padding-left: var(--gap-xs);\n}\nsd-topbar > h1 {\n  padding-right: var(--gap-xl);\n}\nsd-topbar > h2 {\n  padding-right: var(--gap-xl);\n}\nsd-topbar > h3 {\n  padding-right: var(--gap-xl);\n}\nsd-topbar > h4 {\n  padding-right: var(--gap-xl);\n}\nsd-topbar > h5 {\n  padding-right: var(--gap-xl);\n}\nsd-topbar > h6 {\n  padding-right: var(--gap-xl);\n}\nsd-topbar::-webkit-scrollbar-track {\n  background-color: var(--trans-light);\n}\nsd-topbar::-webkit-scrollbar-corner {\n  background-color: var(--trans-light);\n}\nsd-topbar::-webkit-scrollbar {\n  width: var(--gap-sm);\n  height: var(--gap-sm);\n  background-color: transparent;\n}\nsd-topbar::-webkit-scrollbar-thumb {\n  background-color: var(--trans-default);\n}"] }]
+  `, styles: ["sd-topbar {\n  min-height: var(--sd-topbar-height);\n  overflow-x: auto;\n  overflow-y: hidden;\n  user-select: none;\n  color: var(--sd-tx-default);\n  border-bottom: 1px solid var(--sd-bd-soft);\n  padding-left: var(--sd-gap-xs);\n}\nsd-topbar > h1 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar > h2 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar > h3 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar > h4 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar > h5 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar > h6 {\n  padding-right: var(--sd-gap-xl);\n}\nsd-topbar::-webkit-scrollbar-track {\n  background-color: var(--sd-scrollbar-track);\n}\nsd-topbar::-webkit-scrollbar-corner {\n  background-color: var(--sd-scrollbar-track);\n}\nsd-topbar::-webkit-scrollbar {\n  width: var(--sd-gap-sm);\n  height: var(--sd-gap-sm);\n  background-color: transparent;\n}\nsd-topbar::-webkit-scrollbar-thumb {\n  background-color: var(--sd-scrollbar-thumb-hover);\n}"] }]
     }], null, { sidebarContainer: [{ type: i0.Input, args: [{ isSignal: true, alias: "sidebarContainer", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdTopbar, { className: "SdTopbar", filePath: "packages/angular/src/layout/topbar/sd-topbar.ts", lineNumber: 78 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdTopbar, { className: "SdTopbar", filePath: "packages/angular/src/layout/topbar/sd-topbar.ts", lineNumber: 76 }); })();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplysm/angular",
-  "version": "14.1.20",
+  "version": "14.2.1",
   "description": "심플리즘 패키지 - Angular",
   "author": "심플리즘",
   "license": "Apache-2.0",
@@ -58,10 +58,10 @@
     "jspdf": "^4.2.1",
     "rxjs": "^7.8.2",
     "tabbable": "^6.5.0",
-    "@simplysm/core-browser": "14.1.20",
-    "@simplysm/core-common": "14.1.20",
-    "@simplysm/service-client": "14.1.20",
-    "@simplysm/service-common": "14.1.20"
+    "@simplysm/core-browser": "14.2.1",
+    "@simplysm/service-common": "14.2.1",
+    "@simplysm/core-common": "14.2.1",
+    "@simplysm/service-client": "14.2.1"
   },
   "devDependencies": {
     "@angular/compiler": "^22.0.6"