@iyulab/modern-app 0.3.5 → 0.3.6

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 (11) hide show
  1. package/dist/_virtual/{_@oxc-project_runtime@0.124.0 → _@oxc-project_runtime@0.130.0}/helpers/decorate.js +1 -1
  2. package/dist/_virtual/{_@oxc-project_runtime@0.124.0 → _@oxc-project_runtime@0.130.0}/helpers/decorateMetadata.js +1 -1
  3. package/dist/components/SidebarButton.js +2 -2
  4. package/dist/components/SidebarGroup.js +2 -2
  5. package/dist/components/SidebarLink.js +2 -2
  6. package/dist/components/SidebarSection.js +2 -2
  7. package/dist/internals/StyledElement.js +2 -2
  8. package/dist/layouts/SidebarLayout.d.ts +2 -0
  9. package/dist/layouts/SidebarLayout.js +31 -4
  10. package/dist/layouts/SidebarLayout.styles.js +1 -0
  11. package/package.json +8 -8
package/dist/_virtual/{_@oxc-project_runtime@0.124.0 → _@oxc-project_runtime@0.130.0}/helpers/decorate.js RENAMED
@@ -1,4 +1,4 @@
1
- //#region \0@oxc-project+runtime@0.124.0/helpers/decorate.js
1
+ //#region \0@oxc-project+runtime@0.130.0/helpers/decorate.js
2
2
  function e(e, t, n, r) {
3
3
  var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
4
4
  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
package/dist/_virtual/{_@oxc-project_runtime@0.124.0 → _@oxc-project_runtime@0.130.0}/helpers/decorateMetadata.js RENAMED
@@ -1,4 +1,4 @@
1
- //#region \0@oxc-project+runtime@0.124.0/helpers/decorateMetadata.js
1
+ //#region \0@oxc-project+runtime@0.130.0/helpers/decorateMetadata.js
2
2
  function e(e, t) {
3
3
  if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(e, t);
4
4
  }
package/dist/components/SidebarButton.js CHANGED
@@ -1,5 +1,5 @@
1
- import { __decorateMetadata as e } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
2
- import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
1
+ import { __decorateMetadata as e } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorateMetadata.js";
2
+ import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
3
3
  import { StyledElement as n } from "../internals/StyledElement.js";
4
4
  import { styles as r } from "./SidebarButton.styles.js";
5
5
  import { html as i } from "lit";
package/dist/components/SidebarGroup.js CHANGED
@@ -1,5 +1,5 @@
1
- import { __decorateMetadata as e } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
2
- import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
1
+ import { __decorateMetadata as e } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorateMetadata.js";
2
+ import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
3
3
  import { StyledElement as n } from "../internals/StyledElement.js";
4
4
  import { SidebarLink as r } from "./SidebarLink.js";
5
5
  import { styles as i } from "./SidebarGroup.styles.js";
package/dist/components/SidebarLink.js CHANGED
@@ -1,5 +1,5 @@
1
- import { __decorateMetadata as e } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
2
- import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
1
+ import { __decorateMetadata as e } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorateMetadata.js";
2
+ import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
3
3
  import { StyledElement as n } from "../internals/StyledElement.js";
4
4
  import { styles as r } from "./SidebarLink.styles.js";
5
5
  import { html as i } from "lit";
package/dist/components/SidebarSection.js CHANGED
@@ -1,5 +1,5 @@
1
- import { __decorateMetadata as e } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
2
- import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
1
+ import { __decorateMetadata as e } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorateMetadata.js";
2
+ import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
3
3
  import { StyledElement as n } from "../internals/StyledElement.js";
4
4
  import { styles as r } from "./SidebarSection.styles.js";
5
5
  import { html as i } from "lit";
package/dist/internals/StyledElement.js CHANGED
@@ -1,5 +1,5 @@
1
- import { __decorateMetadata as e } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
2
- import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
1
+ import { __decorateMetadata as e } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorateMetadata.js";
2
+ import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
3
3
  import { property as n } from "lit/decorators.js";
4
4
  import { UElement as r } from "@iyulab/components/dist/components/UElement.js";
5
5
  //#region src/internals/StyledElement.ts
package/dist/layouts/SidebarLayout.d.ts CHANGED
@@ -51,6 +51,8 @@ export declare class SidebarLayout extends StyledElement<SidebarParts> {
51
51
  private handleRouteDone;
52
52
  /** 라우트 에러 핸들러 */
53
53
  private handleRouteError;
54
+ /** .main 키보드 스크롤 핸들러 (WCAG 2.1 SC 2.1.1) */
55
+ private _handleMainKeydown;
54
56
  /** 화면 크기 변경에 따른 사이드바 상태 업데이트 */
55
57
  private handleScreenResize;
56
58
  }
package/dist/layouts/SidebarLayout.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { app as e } from "../App.js";
2
- import { __decorateMetadata as t } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorateMetadata.js";
3
- import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
2
+ import { __decorateMetadata as t } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorateMetadata.js";
3
+ import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
4
4
  import { StyledElement as r } from "../internals/StyledElement.js";
5
5
  import "../components/SidebarSection.js";
6
6
  import "../components/SidebarLink.js";
@@ -31,11 +31,38 @@ var m, h = class extends r {
31
31
  }, this.handleRouteDone = (e) => {
32
32
  this.progressBarEl.value = 100, setTimeout(() => {
33
33
  this.progressBarEl.removeAttribute("visible");
34
- }, 300);
34
+ }, 300), (this.shadowRoot?.querySelector(".main"))?.focus({ preventScroll: !0 });
35
35
  }, this.handleRouteError = (e) => {
36
36
  this.progressBarEl.setAttribute("error", ""), this.progressBarEl.value = 100, setTimeout(() => {
37
37
  this.progressBarEl.removeAttribute("visible"), this.progressBarEl.removeAttribute("error");
38
38
  }, 300);
39
+ }, this._handleMainKeydown = (e) => {
40
+ let t = this.shadowRoot?.querySelector(".main");
41
+ if (!t) return;
42
+ let n = t.clientHeight;
43
+ switch (e.key) {
44
+ case " ":
45
+ case "PageDown":
46
+ t.scrollTop += e.shiftKey ? -n : n;
47
+ break;
48
+ case "PageUp":
49
+ t.scrollTop -= n;
50
+ break;
51
+ case "End":
52
+ t.scrollTop = t.scrollHeight;
53
+ break;
54
+ case "Home":
55
+ t.scrollTop = 0;
56
+ break;
57
+ case "ArrowDown":
58
+ t.scrollTop += 80;
59
+ break;
60
+ case "ArrowUp":
61
+ t.scrollTop -= 80;
62
+ break;
63
+ default: return;
64
+ }
65
+ e.preventDefault();
39
66
  }, this.handleScreenResize = (e) => {
40
67
  let t = e.detail.size;
41
68
  t === "large" ? this.state = "default" : t === "medium" ? this.state = "slim" : t === "small" ? this.state = "mobile" : console.warn("Unknown screen size:", t);
@@ -105,7 +132,7 @@ var m, h = class extends r {
105
132
  </aside>
106
133
 
107
134
  <!-- Main Content -->
108
- <div class="main" part="main" scrollable>
135
+ <div class="main" part="main" scrollable tabindex="-1" @keydown=${this._handleMainKeydown}>
109
136
  <u-progress-bar part="progress"></u-progress-bar>
110
137
 
111
138
  <slot></slot>
package/dist/layouts/SidebarLayout.styles.js CHANGED
@@ -148,6 +148,7 @@ var t = e`
148
148
  flex: 1;
149
149
  background: var(--u-bg-color);
150
150
  overflow: auto;
151
+ outline: none;
151
152
  }
152
153
 
153
154
  .main u-progress-bar {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@iyulab/modern-app",
3
3
  "description": "web-framework by iyulab based on lit-element",
4
- "version": "0.3.5",
4
+ "version": "0.3.6",
5
5
  "keywords": [
6
6
  "iyulab",
7
7
  "web-framework",
@@ -38,15 +38,15 @@
38
38
  "build": "vite build"
39
39
  },
40
40
  "dependencies": {
41
- "@iyulab/components": "^1.0.3",
42
- "@iyulab/router": "^0.9.1",
43
- "i18next": "^26.0.6",
44
- "lit": "^3.3.2"
41
+ "@iyulab/components": "^1.0.6",
42
+ "@iyulab/router": "^0.9.3",
43
+ "i18next": "^26.2.0",
44
+ "lit": "^3.3.3"
45
45
  },
46
46
  "devDependencies": {
47
- "@types/node": "^25.6.0",
47
+ "@types/node": "^25.8.0",
48
48
  "typescript": "^5.9.3",
49
- "vite": "^8.0.8",
50
- "vite-plugin-dts": "^4.5.4"
49
+ "vite": "^8.0.13",
50
+ "vite-plugin-dts": "^5.0.0"
51
51
  }
52
52
  }