@simplysm/angular 14.0.95 → 14.0.96

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/controls/list/sd-list.js +2 -2
  2. package/dist/layout/sidebar/sd-sidebar-menu.d.ts.map +1 -1
  3. package/dist/layout/sidebar/sd-sidebar-menu.js +1 -1
  4. package/package.json +5 -5
  5. package/scss/commons/_variables.scss +6 -6
  6. package/src/controls/list/sd-list.ts +1 -1
  7. package/src/layout/sidebar/sd-sidebar-menu.ts +1 -1
  8. package/styles.css +6 -6
package/dist/controls/list/sd-list.js CHANGED
@@ -9,7 +9,7 @@ export class SdList {
9
9
  } }, inputs: { inset: [1, "inset"] }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdList_Template(rf, ctx) { if (rf & 1) {
10
10
  i0.ɵɵprojectionDef();
11
11
  i0.ɵɵprojection(0);
12
- } }, styles: ["sd-list {\n display: flex;\n flex-direction: column;\n user-select: none;\n background: var(--control-color);\n border: 1px solid var(--border-color-default);\n border-radius: var(--border-radius-default);\n padding: var(--gap-sm);\n gap: var(--gap-xs);\n}\nsd-list[data-sd-inset=true] {\n background: transparent;\n border: none;\n}\nsd-list[data-sd-inset=true] sd-list {\n background: transparent;\n}\nsd-list sd-list-item sd-list {\n border-color: transparent;\n border-radius: 0;\n padding: var(--gap-xs);\n background: transparent;\n}"], encapsulation: 2, changeDetection: 0 });
12
+ } }, styles: ["sd-list {\n display: flex;\n flex-direction: column;\n user-select: none;\n background: var(--control-color);\n border: 1px solid var(--border-color-default);\n border-radius: var(--border-radius-default);\n padding: var(--gap-sm);\n gap: var(--gap-xs);\n}\nsd-list[data-sd-inset=true] {\n background: transparent;\n border: none;\n}\nsd-list[data-sd-inset=true] sd-list {\n background: transparent;\n}\nsd-list sd-list-item sd-list {\n border-color: transparent;\n border-radius: 0;\n padding: 0;\n background: transparent;\n}"], encapsulation: 2, changeDetection: 0 });
13
13
  }
14
14
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdList, [{
15
15
  type: Component,
@@ -17,6 +17,6 @@ export class SdList {
17
17
  <ng-content />
18
18
  `, host: {
19
19
  "[attr.data-sd-inset]": "inset()",
20
- }, styles: ["sd-list {\n display: flex;\n flex-direction: column;\n user-select: none;\n background: var(--control-color);\n border: 1px solid var(--border-color-default);\n border-radius: var(--border-radius-default);\n padding: var(--gap-sm);\n gap: var(--gap-xs);\n}\nsd-list[data-sd-inset=true] {\n background: transparent;\n border: none;\n}\nsd-list[data-sd-inset=true] sd-list {\n background: transparent;\n}\nsd-list sd-list-item sd-list {\n border-color: transparent;\n border-radius: 0;\n padding: var(--gap-xs);\n background: transparent;\n}"] }]
20
+ }, styles: ["sd-list {\n display: flex;\n flex-direction: column;\n user-select: none;\n background: var(--control-color);\n border: 1px solid var(--border-color-default);\n border-radius: var(--border-radius-default);\n padding: var(--gap-sm);\n gap: var(--gap-xs);\n}\nsd-list[data-sd-inset=true] {\n background: transparent;\n border: none;\n}\nsd-list[data-sd-inset=true] sd-list {\n background: transparent;\n}\nsd-list sd-list-item sd-list {\n border-color: transparent;\n border-radius: 0;\n padding: 0;\n background: transparent;\n}"] }]
21
21
  }], null, { inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }] }); })();
22
22
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdList, { className: "SdList", filePath: "packages/angular/src/controls/list/sd-list.ts", lineNumber: 53 }); })();
package/dist/layout/sidebar/sd-sidebar-menu.d.ts.map CHANGED
@@ -1 +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"}
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,8EAAoG;IAG9G,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 CHANGED
@@ -63,7 +63,7 @@ export class SdSidebarMenu {
63
63
  layout = input(...(ngDevMode ? [undefined, { debugName: "layout" }] : /* istanbul ignore next */ []));
64
64
  getMenuIsSelectedFn = input(...(ngDevMode ? [undefined, { debugName: "getMenuIsSelectedFn" }] : /* istanbul ignore next */ []));
65
65
  fullPageCode = injectFullPageCodeSignal();
66
- rootLayout = computed(() => this.layout() ?? (this.menus().length <= 3 ? "flat" : "accordion"), ...(ngDevMode ? [{ debugName: "rootLayout" }] : /* istanbul ignore next */ []));
66
+ rootLayout = computed(() => this.layout() ?? (this.menus().length <= 3 ? "accordion-expanded" : "accordion"), ...(ngDevMode ? [{ debugName: "rootLayout" }] : /* istanbul ignore next */ []));
67
67
  // accordion-expanded: 모든 깊이 항목을 펼친 채로 시작(이후 클릭 토글). 그 외는 접힘 시작.
68
68
  expandInitially = computed(() => this.rootLayout() === "accordion-expanded", ...(ngDevMode ? [{ debugName: "expandInitially" }] : /* istanbul ignore next */ []));
69
69
  getMenuRouterLinkOption(menu) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@simplysm/angular",
3
- "version": "14.0.95",
3
+ "version": "14.0.96",
4
4
  "description": "심플리즘 패키지 - Angular",
5
5
  "author": "심플리즘",
6
6
  "license": "Apache-2.0",
@@ -51,10 +51,10 @@
51
51
  "jspdf": "^4.2.1",
52
52
  "rxjs": "^7.8.2",
53
53
  "tabbable": "^6.4.0",
54
- "@simplysm/core-common": "14.0.95",
55
- "@simplysm/service-common": "14.0.95",
56
- "@simplysm/core-browser": "14.0.95",
57
- "@simplysm/service-client": "14.0.95"
54
+ "@simplysm/core-browser": "14.0.96",
55
+ "@simplysm/core-common": "14.0.96",
56
+ "@simplysm/service-client": "14.0.96",
57
+ "@simplysm/service-common": "14.0.96"
58
58
  },
59
59
  "devDependencies": {
60
60
  "@angular/compiler": "^21.2.16",
package/scss/commons/_variables.scss CHANGED
@@ -108,12 +108,12 @@ $vars: (
108
108
  ),
109
109
  border-color: color-map(map.get($colors, gray), 5%),
110
110
  border-radius: (
111
- xs: var(--gap-xxs),
112
- sm: var(--gap-xs),
113
- default: var(--gap-sm),
114
- lg: var(--gap-default),
115
- xl: var(--gap-lg),
116
- xxl: var(--gap-xl),
111
+ xs: var(--gap-xs),
112
+ sm: var(--gap-sm),
113
+ default: var(--gap-default),
114
+ lg: var(--gap-lg),
115
+ xl: var(--gap-xl),
116
+ xxl: var(--gap-xxl),
117
117
  ),
118
118
  z-index: (
119
119
  toast: 9999,
package/src/controls/list/sd-list.ts CHANGED
@@ -40,7 +40,7 @@ import {
40
40
  sd-list-item sd-list {
41
41
  border-color: transparent;
42
42
  border-radius: 0;
43
- padding: var(--gap-xs);
43
+ padding: 0;
44
44
  background: transparent;
45
45
  }
46
46
  }
package/src/layout/sidebar/sd-sidebar-menu.ts CHANGED
@@ -92,7 +92,7 @@ export class SdSidebarMenu {
92
92
 
93
93
  fullPageCode = injectFullPageCodeSignal();
94
94
 
95
- rootLayout = computed(() => this.layout() ?? (this.menus().length <= 3 ? "flat" : "accordion"));
95
+ rootLayout = computed(() => this.layout() ?? (this.menus().length <= 3 ? "accordion-expanded" : "accordion"));
96
96
 
97
97
  // accordion-expanded: 모든 깊이 항목을 펼친 채로 시작(이후 클릭 토글). 그 외는 접힘 시작.
98
98
  expandInitially = computed(() => this.rootLayout() === "accordion-expanded");
package/styles.css CHANGED
@@ -123,12 +123,12 @@
123
123
  --border-color-dark: rgb(143.832095864, 152.5551796582, 167.5152083098);
124
124
  --border-color-darker: rgb(116.3216443464, 127.2034085228, 145.8655591685);
125
125
  --border-color-darkest: rgb(93.8151462793, 103.169427936, 119.2119565765);
126
- --border-radius-xs: var(--gap-xxs);
127
- --border-radius-sm: var(--gap-xs);
128
- --border-radius-default: var(--gap-sm);
129
- --border-radius-lg: var(--gap-default);
130
- --border-radius-xl: var(--gap-lg);
131
- --border-radius-xxl: var(--gap-xl);
126
+ --border-radius-xs: var(--gap-xs);
127
+ --border-radius-sm: var(--gap-sm);
128
+ --border-radius-default: var(--gap-default);
129
+ --border-radius-lg: var(--gap-lg);
130
+ --border-radius-xl: var(--gap-xl);
131
+ --border-radius-xxl: var(--gap-xxl);
132
132
  --z-index-toast: 9999;
133
133
  --z-index-busy: 9998;
134
134
  --z-index-dropdown: 5000;