@simplysm/angular 14.1.21 → 14.2.2

package/dist/index.js

@@ -9,7 +9,7 @@ export { FormatPipe } from "./core/format.pipe";
 // core/events
 export { SdOptionEventPlugin } from "./core/events/sd-option-event.plugin";
 export { SdResizeDirective } from "./core/events/sd-resize";
-export { SdIntersectionDirective, } from "./core/events/sd-intersection";
+export { SdIntersectionDirective } from "./core/events/sd-intersection";
 export { SdEvents } from "./core/events/sd-events";
 // core/commands
 export { SdCommandDirective } from "./core/commands/sd-command";
@@ -52,7 +52,7 @@ export { SdServiceClientFactoryProvider } from "./core/service-client/sd-service
 // core/shared-data
 export { SdSharedDataProvider, SdSharedDataChangeEvent, } from "./core/shared-data/sd-shared-data.provider";
 // core/selection
-export { useExpandingManager, } from "./core/selection/useExpandingManager";
+export { useExpandingManager } from "./core/selection/useExpandingManager";
 export { useSelectionManager } from "./core/selection/useSelectionManager";
 export { useSortingManager } from "./core/selection/useSortingManager";
 // core/modal
@@ -67,9 +67,9 @@ export { SdToastContainer } from "./core/toast/sd-toast-container";
 export { SdToastProvider, } from "./core/toast/sd-toast.provider";
 // core/busy
 export { SdBusyContainer } from "./core/busy/sd-busy-container";
-export { SdBusyProvider, } from "./core/busy/sd-busy.provider";
+export { SdBusyProvider } from "./core/busy/sd-busy.provider";
 // core/print
-export { SdPrintProvider, } from "./core/print/sd-print.provider";
+export { SdPrintProvider } from "./core/print/sd-print.provider";
 // controls/button
 export { SdButton } from "./controls/button/sd-button";
 export { SdAnchor } from "./controls/button/sd-anchor";
@@ -77,7 +77,7 @@ export { SdAdditionalButton } from "./controls/button/sd-additional-button";
 export { SdModalSelectButton, } from "./controls/button/sd-modal-select-button";
 // controls/input
 export { SdTextfield } from "./controls/input/sd-textfield";
-export { sdTextfieldTypes } from "./controls/input/sd-textfield-type-handlers";
+export { sdTextfieldTypes, } from "./controls/input/sd-textfield-type-handlers";
 export { SdTextarea } from "./controls/input/sd-textarea";
 export { SdNumpad } from "./controls/input/sd-numpad";
 export { SdRange } from "./controls/input/sd-range";
@@ -113,12 +113,12 @@ export { SdPagination } from "./controls/pagination/sd-pagination";
 export { SdSidebarContainer } from "./layout/sidebar/sd-sidebar-container";
 export { SdSidebar } from "./layout/sidebar/sd-sidebar";
 export { SdSidebarMenu } from "./layout/sidebar/sd-sidebar-menu";
-export { SdSidebarUser, } from "./layout/sidebar/sd-sidebar-user";
+export { SdSidebarUser } from "./layout/sidebar/sd-sidebar-user";
 // layout/topbar
 export { SdTopbarContainer } from "./layout/topbar/sd-topbar-container";
 export { SdTopbar } from "./layout/topbar/sd-topbar";
 export { SdTopbarMenu } from "./layout/topbar/sd-topbar-menu";
-export { SdTopbarUser, } from "./layout/topbar/sd-topbar-user";
+export { SdTopbarUser } from "./layout/topbar/sd-topbar-user";
 // data/sheet
 export { SdSheet } from "./data/sheet/sd-sheet";
 export { SdSheetColumn } from "./data/sheet/sd-sheet-column";
@@ -136,7 +136,7 @@ export { SdKanbanLane } from "./data/kanban/sd-kanban-lane";
 // data/permission-table
 export { SdPermissionTable } from "./data/permission-table/sd-permission-table";
 // data/state-preset
-export { SdStatePreset, } from "./data/state-preset/sd-state-preset";
+export { SdStatePreset } from "./data/state-preset/sd-state-preset";
 // data/crud
 export { SdBaseContainer } from "./data/crud/sd-base-container";
 export { SdCrudDetail } from "./data/crud/sd-crud-detail";
@@ -144,8 +144,9 @@ export { SdCrudList } from "./data/crud/sd-crud-list";
 // features/theme
 export { SdThemeProvider } from "./features/theme/sd-theme-provider";
 export { SdThemeSelector } from "./features/theme/sd-theme-selector";
+export { getWcagContrastRatio } from "./features/theme/wcag-contrast";
 // features/address
-export { SdAddressSearchModal, } from "./features/address/sd-address-search.modal";
+export { SdAddressSearchModal } from "./features/address/sd-address-search.modal";
 // features/editor
 export { SdTiptapEditor } from "./features/editor/sd-tiptap-editor";
 export { SdMarkdownEditor } from "./features/editor/sd-markdown-editor";

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

@@ -1 +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"}
+{"version":3,"file":"sd-sidebar-container.d.ts","sourceRoot":"","sources":["../../../src/layout/sidebar/sd-sidebar-container.ts"],"names":[],"mappings":";AAYA,qBAqEa,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

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, effect, inject, signal, ViewEncapsulation } from "@angular/core";
+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";
@@ -33,7 +33,7 @@ export class SdSidebarContainer {
             i0.ɵɵdomElementStart(1, "div", 0);
             i0.ɵɵdomListener("click", function SdSidebarContainer_Template_div_click_1_listener() { return ctx.onBackdropClick(); })("keydown.enter", function SdSidebarContainer_Template_div_keydown_enter_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 var(--animation-duration) ease-out;\n}\nsd-sidebar-container[data-sd-toggle=true] {\n  padding-left: 0;\n  transition: padding-left var(--animation-duration) 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 var(--animation-duration) 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 });
+        } }, styles: ["sd-sidebar-container {\n  display: block;\n  position: relative;\n  height: 100%;\n  padding-left: var(--sd-sidebar-width);\n  transition: padding-left var(--sd-animation-duration) ease-out;\n}\nsd-sidebar-container[data-sd-toggle=true] {\n  padding-left: 0;\n  transition: padding-left var(--sd-animation-duration) 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(--sd-z-sidebar) - 1);\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: var(--sd-bg-inverse);\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity var(--sd-animation-duration) 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 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdSidebarContainer, [{
         type: Component,
@@ -41,7 +41,13 @@ export class SdSidebarContainer {
                     "[attr.data-sd-toggle]": "toggle()",
                 }, template: `
     <ng-content />
-    <div class="_backdrop" tabindex="0" role="button" (click)="onBackdropClick()" (keydown.enter)="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 var(--animation-duration) ease-out;\n}\nsd-sidebar-container[data-sd-toggle=true] {\n  padding-left: 0;\n  transition: padding-left var(--animation-duration) 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 var(--animation-duration) ease-in-out;\n  }\n  sd-sidebar-container[data-sd-toggle=true] > ._backdrop {\n    opacity: 0.6;\n    pointer-events: auto;\n  }\n}"] }]
+    <div
+      class="_backdrop"
+      tabindex="0"
+      role="button"
+      (click)="onBackdropClick()"
+      (keydown.enter)="onBackdropClick()"
+    ></div>
+  `, styles: ["sd-sidebar-container {\n  display: block;\n  position: relative;\n  height: 100%;\n  padding-left: var(--sd-sidebar-width);\n  transition: padding-left var(--sd-animation-duration) ease-out;\n}\nsd-sidebar-container[data-sd-toggle=true] {\n  padding-left: 0;\n  transition: padding-left var(--sd-animation-duration) 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(--sd-z-sidebar) - 1);\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: var(--sd-bg-inverse);\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity var(--sd-animation-duration) 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 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSidebarContainer, { className: "SdSidebarContainer", filePath: "packages/angular/src/layout/sidebar/sd-sidebar-container.ts", lineNumber: 82 }); })();

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

@@ -1 +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,qBAyEa,aAAa;IACxB,KAAK,gDAAuB;IAC5B,MAAM,+FAAwD;IAC9D,mBAAmB,8CAAgB,MAAM,KAAK,OAAO,eAAI;IAEzD,YAAY,yCAA8B;IAE1C,UAAU,8EAAsF;IAGhG,eAAe,0CAA8D;IAE7E,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;yCA/BS,aAAa;2CAAb,aAAa;CAgCzB"}
+{"version":3,"file":"sd-sidebar-menu.d.ts","sourceRoot":"","sources":["../../../src/layout/sidebar/sd-sidebar-menu.ts"],"names":[],"mappings":"AAQA,OAAO,EACL,KAAK,MAAM,EAGZ,MAAM,+BAA+B,CAAC;;AAQvC,qBAiEa,aAAa;IACxB,KAAK,gDAAuB;IAC5B,MAAM,+FAAwD;IAC9D,mBAAmB,8CAAgB,MAAM,KAAK,OAAO,eAAI;IAEzD,YAAY,yCAA8B;IAE1C,UAAU,8EAAsF;IAGhG,eAAe,0CAA8D;IAE7E,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;yCA/BS,aAAa;2CAAb,aAAa;CAgCzB"}

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

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from "@angular/core";
+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";
@@ -102,23 +102,11 @@ export class SdSidebarMenu {
             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 {\n  /*> sd-list[data-sd-inset=\"true\"] {\n    sd-list {\n      background: var(--trans-lightest);\n    }\n  }*/\n}\nsd-sidebar-menu[data-sd-root-layout=flat] > sd-list[data-sd-inset=true] > sd-list-item > sd-collapse > ._content > ._children > sd-list {\n  background: transparent;\n}"], encapsulation: 2 });
+        } }, dependencies: [NgTemplateOutlet, SdTypedTemplate, SdRouterLink, SdList, SdListItem, NgIcon], styles: ["sd-sidebar-menu[data-sd-root-layout=flat] > sd-list[data-sd-inset=true] > sd-list-item > sd-collapse > ._content > ._children > sd-list {\n  background-color: transparent;\n}"], encapsulation: 2 });
 }
 (() => { (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: {
+        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: `
@@ -158,6 +146,6 @@ export class SdSidebarMenu {
         </sd-list-item>
       }
     </ng-template>
-  `, styles: ["sd-sidebar-menu {\n  /*> sd-list[data-sd-inset=\"true\"] {\n    sd-list {\n      background: var(--trans-lightest);\n    }\n  }*/\n}\nsd-sidebar-menu[data-sd-root-layout=flat] > sd-list[data-sd-inset=true] > sd-list-item > sd-collapse > ._content > ._children > sd-list {\n  background: transparent;\n}"] }]
+  `, styles: ["sd-sidebar-menu[data-sd-root-layout=flat] > sd-list[data-sd-inset=true] > sd-list-item > sd-collapse > ._content > ._children > sd-list {\n  background-color: 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: 88 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSidebarMenu, { className: "SdSidebarMenu", filePath: "packages/angular/src/layout/sidebar/sd-sidebar-menu.ts", lineNumber: 86 }); })();

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.21",
+  "version": "14.2.2",
   "description": "심플리즘 패키지 - Angular",
   "author": "심플리즘",
   "license": "Apache-2.0",
@@ -32,39 +32,39 @@
     "./styles.css"
   ],
   "dependencies": {
-    "@angular/common": "^22.0.6",
-    "@angular/core": "^22.0.6",
-    "@angular/platform-browser": "^22.0.6",
-    "@angular/router": "^22.0.6",
-    "@angular/service-worker": "^22.0.6",
-    "@ng-icons/core": "^33.4.0",
-    "@ng-icons/tabler-icons": "^33.4.0",
-    "@tiptap/core": "^3.27.4",
-    "@tiptap/extension-color": "^3.27.4",
-    "@tiptap/extension-document": "^3.27.4",
-    "@tiptap/extension-highlight": "^3.27.4",
-    "@tiptap/extension-image": "^3.27.4",
-    "@tiptap/extension-paragraph": "^3.27.4",
-    "@tiptap/extension-placeholder": "^3.27.4",
-    "@tiptap/extension-text": "^3.27.4",
-    "@tiptap/extension-text-align": "^3.27.4",
-    "@tiptap/extension-text-style": "^3.27.4",
-    "@tiptap/extension-underline": "^3.27.4",
-    "@tiptap/markdown": "^3.27.4",
-    "@tiptap/starter-kit": "^3.27.4",
+    "@angular/common": "^22.0.7",
+    "@angular/core": "^22.0.7",
+    "@angular/platform-browser": "^22.0.7",
+    "@angular/router": "^22.0.7",
+    "@angular/service-worker": "^22.0.7",
+    "@ng-icons/core": "^34.0.0",
+    "@ng-icons/tabler-icons": "^34.0.0",
+    "@tiptap/core": "^3.28.0",
+    "@tiptap/extension-color": "^3.28.0",
+    "@tiptap/extension-document": "^3.28.0",
+    "@tiptap/extension-highlight": "^3.28.0",
+    "@tiptap/extension-image": "^3.28.0",
+    "@tiptap/extension-paragraph": "^3.28.0",
+    "@tiptap/extension-placeholder": "^3.28.0",
+    "@tiptap/extension-text": "^3.28.0",
+    "@tiptap/extension-text-align": "^3.28.0",
+    "@tiptap/extension-text-style": "^3.28.0",
+    "@tiptap/extension-underline": "^3.28.0",
+    "@tiptap/markdown": "^3.28.0",
+    "@tiptap/starter-kit": "^3.28.0",
     "bwip-js": "^4.11.2",
     "echarts": "^6.1.0",
     "html-to-image": "^1.11.13",
     "jspdf": "^4.2.1",
     "rxjs": "^7.8.2",
     "tabbable": "^6.5.0",
-    "@simplysm/core-common": "14.1.21",
-    "@simplysm/service-client": "14.1.21",
-    "@simplysm/service-common": "14.1.21",
-    "@simplysm/core-browser": "14.1.21"
+    "@simplysm/core-browser": "14.2.2",
+    "@simplysm/core-common": "14.2.2",
+    "@simplysm/service-client": "14.2.2",
+    "@simplysm/service-common": "14.2.2"
   },
   "devDependencies": {
-    "@angular/compiler": "^22.0.6"
+    "@angular/compiler": "^22.0.7"
   },
   "scripts": {}
 }