@iyulab/modern-app 0.3.6 → 0.3.7

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.
@@ -1,4 +1,4 @@
1
- //#region \0@oxc-project+runtime@0.130.0/helpers/decorate.js
1
+ //#region \0@oxc-project+runtime@0.133.0/helpers/esm/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);
@@ -1,4 +1,4 @@
1
- //#region \0@oxc-project+runtime@0.130.0/helpers/decorateMetadata.js
1
+ //#region \0@oxc-project+runtime@0.133.0/helpers/esm/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
  }
@@ -1,5 +1,5 @@
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";
1
+ import { __decorateMetadata as e } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorateMetadata.js";
2
+ import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/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";
@@ -1,5 +1,5 @@
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";
1
+ import { __decorateMetadata as e } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorateMetadata.js";
2
+ import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/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";
@@ -1,5 +1,5 @@
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";
1
+ import { __decorateMetadata as e } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorateMetadata.js";
2
+ import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/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";
@@ -1,5 +1,5 @@
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";
1
+ import { __decorateMetadata as e } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorateMetadata.js";
2
+ import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/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";
@@ -1,5 +1,5 @@
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";
1
+ import { __decorateMetadata as e } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorateMetadata.js";
2
+ import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/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
@@ -3,21 +3,6 @@ import { UProgressBar } from '@iyulab/components/dist/components/progress-bar/UP
3
3
  import { RouteContext } from '@iyulab/router';
4
4
  import { StyledElement } from '../internals/StyledElement.js';
5
5
  import { SidebarLayoutConfig, SidebarState, SidebarParts } from './SidebarLayout.types';
6
- /**
7
- * 반응형 사이드바 레이아웃 컴포넌트
8
- *
9
- * 화면 크기에 따른 사이드바 모드 전환:
10
- * - large: default / slim
11
- * - medium: slim / modal
12
- * - small: mobile / mobile-open
13
- *
14
- * 사이드바 모드:
15
- * - default: 사이드바가 펼침 상태로 표시됨
16
- * - slim: 아이콘만 표시되는 슬림 모드
17
- * - modal: 오버레이로 사이드바가 펼침 상태로 표시되는 모달 모드, 백드롭 클릭 시 닫힘
18
- * - mobile: 모바일에서 헤더만 표시되는 상태, 사이드바는 숨겨짐
19
- * - mobile-open: 모바일에서 사이드바가 펼침 상태로 표시되는 모드
20
- */
21
6
  export declare class SidebarLayout extends StyledElement<SidebarParts> {
22
7
  static styles: import('lit').CSSResultGroup[];
23
8
  /** 사이드바 상태 */
@@ -1,6 +1,6 @@
1
1
  import { app as e } from "../App.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";
2
+ import { __decorateMetadata as t } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorateMetadata.js";
3
+ import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
4
4
  import { StyledElement as r } from "../internals/StyledElement.js";
5
5
  import "../components/SidebarSection.js";
6
6
  import "../components/SidebarLink.js";
@@ -15,7 +15,13 @@ import "@iyulab/components/dist/components/icon/UIcon.js";
15
15
  import "@iyulab/components/dist/components/button/UButton.js";
16
16
  import { UProgressBar as p } from "@iyulab/components/dist/components/progress-bar/UProgressBar.js";
17
17
  //#region src/layouts/SidebarLayout.ts
18
- var m, h = class extends r {
18
+ function m(e) {
19
+ let t = e.tagName;
20
+ if (t === "INPUT" || t === "TEXTAREA" || t === "SELECT" || e.isContentEditable) return !0;
21
+ let n = e.getAttribute("role");
22
+ return n === "textbox" || n === "searchbox" || n === "combobox" || n === "spinbutton";
23
+ }
24
+ var h = class extends r {
19
25
  constructor(...t) {
20
26
  super(...t), this.state = "default", this.context = null, this.isMatchedLink = (e) => !this.context || !e ? !1 : (e = typeof e == "string" ? new URLPattern(e, window.location.origin) : e, e.test(this.context.path, window.location.origin)), this.handleBrandLogoClick = () => {
21
27
  e.navigate("");
@@ -37,28 +43,30 @@ var m, h = class extends r {
37
43
  this.progressBarEl.removeAttribute("visible"), this.progressBarEl.removeAttribute("error");
38
44
  }, 300);
39
45
  }, this._handleMainKeydown = (e) => {
40
- let t = this.shadowRoot?.querySelector(".main");
41
- if (!t) return;
42
- let n = t.clientHeight;
46
+ let t = e.composedPath()[0];
47
+ if (t instanceof HTMLElement && m(t)) return;
48
+ let n = this.shadowRoot?.querySelector(".main");
49
+ if (!n) return;
50
+ let r = n.clientHeight;
43
51
  switch (e.key) {
44
52
  case " ":
45
53
  case "PageDown":
46
- t.scrollTop += e.shiftKey ? -n : n;
54
+ n.scrollTop += e.shiftKey ? -r : r;
47
55
  break;
48
56
  case "PageUp":
49
- t.scrollTop -= n;
57
+ n.scrollTop -= r;
50
58
  break;
51
59
  case "End":
52
- t.scrollTop = t.scrollHeight;
60
+ n.scrollTop = n.scrollHeight;
53
61
  break;
54
62
  case "Home":
55
- t.scrollTop = 0;
63
+ n.scrollTop = 0;
56
64
  break;
57
65
  case "ArrowDown":
58
- t.scrollTop += 80;
66
+ n.scrollTop += 80;
59
67
  break;
60
68
  case "ArrowUp":
61
- t.scrollTop -= 80;
69
+ n.scrollTop -= 80;
62
70
  break;
63
71
  default: return;
64
72
  }
@@ -199,6 +207,6 @@ var m, h = class extends r {
199
207
  n([c({
200
208
  type: String,
201
209
  reflect: !0
202
- }), t("design:type", Object)], h.prototype, "state", void 0), n([c({ type: Object }), t("design:type", Object)], h.prototype, "config", void 0), n([l("u-progress-bar"), t("design:type", typeof (m = p !== void 0 && p) == "function" ? m : Object)], h.prototype, "progressBarEl", void 0), n([u(), t("design:type", Object)], h.prototype, "context", void 0), h = n([s("u-sidebar-layout")], h);
210
+ }), t("design:type", Object)], h.prototype, "state", void 0), n([c({ type: Object }), t("design:type", Object)], h.prototype, "config", void 0), n([l("u-progress-bar"), t("design:type", p === void 0 ? Object : p)], h.prototype, "progressBarEl", void 0), n([u(), t("design:type", Object)], h.prototype, "context", void 0), h = n([s("u-sidebar-layout")], h);
203
211
  //#endregion
204
212
  export { h as SidebarLayout };
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.6",
4
+ "version": "0.3.7",
5
5
  "keywords": [
6
6
  "iyulab",
7
7
  "web-framework",