@iyulab/modern-app 0.56.2 → 0.58.0

package/dist/components/SidebarLink.js

@@ -1,21 +1,24 @@
-import e from "../_virtual/_@oxc-project_runtime@0.154.0/helpers/esm/decorateMetadata.js";
-import t from "../_virtual/_@oxc-project_runtime@0.154.0/helpers/esm/decorate.js";
+import e from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorateMetadata.js";
+import t from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
 import { StyledElement as n } from "../internals/StyledElement.js";
 import { getLocaleStrings as r } from "../internals/locale.js";
 import { DEFAULT_NAV_ICON as i } from "../internals/nav-icon.js";
 import { styles as a } from "./SidebarLink.styles.js";
 import "@iyulab/router";
 import { html as o, nothing as s } from "lit";
-import { customElement as c, property as l } from "lit/decorators.js";
+import { customElement as c, property as l, state as u } from "lit/decorators.js";
 import "@iyulab/components/dist/components/icon/UIcon.js";
-//#region src/components/SidebarLink.ts
-var u = class extends n {
+// src/components/SidebarLink.ts
+var d = class extends n {
 	constructor(...e) {
-		super(...e), this.selected = !1, this.compact = !1;
+		super(...e), this.selected = !1, this.compact = !1, this.nested = !1;
 	}
 	static {
 		this.styles = [super.styles, a];
 	}
+	connectedCallback() {
+		super.connectedCallback(), this.nested = this.parentElement?.localName === "u-sidebar-group";
+	}
 	render() {
 		return o`
       <u-link
@@ -25,11 +28,11 @@ var u = class extends n {
         aria-current=${this.selected ? "page" : s}
       >
         <div class="container" part="base" ?compact=${this.compact}>
-          <u-icon part="icon"
-            .lib=${this.lib}
-            .name=${this.icon}
-            .fallback=${i}
-          ></u-icon>
+          ${this.icon || !this.nested ? o`<u-icon part="icon"
+                .lib=${this.lib}
+                .name=${this.icon}
+                .fallback=${i}
+              ></u-icon>` : s}
           <span part="label" ?compact=${this.compact}>
             ${this.label}
           </span>
@@ -43,6 +46,5 @@ var u = class extends n {
 t([l({
 	type: Boolean,
 	reflect: !0
-}), e("design:type", Object)], u.prototype, "selected", void 0), t([l({ type: Boolean }), e("design:type", Object)], u.prototype, "compact", void 0), t([l({ type: String }), e("design:type", String)], u.prototype, "icon", void 0), t([l({ type: String }), e("design:type", String)], u.prototype, "lib", void 0), t([l({ type: String }), e("design:type", Object)], u.prototype, "label", void 0), t([l({ type: String }), e("design:type", String)], u.prototype, "href", void 0), t([l({ type: String }), e("design:type", Object)], u.prototype, "pattern", void 0), t([l({ type: String }), e("design:type", String)], u.prototype, "navigate", void 0), t([l({ type: String }), e("design:type", String)], u.prototype, "target", void 0), t([l(), e("design:type", Object)], u.prototype, "count", void 0), u = t([c("u-sidebar-link")], u);
-//#endregion
-export { u as SidebarLink };
+}), e("design:type", Object)], d.prototype, "selected", void 0), t([l({ type: Boolean }), e("design:type", Object)], d.prototype, "compact", void 0), t([l({ type: String }), e("design:type", String)], d.prototype, "icon", void 0), t([l({ type: String }), e("design:type", String)], d.prototype, "lib", void 0), t([l({ type: String }), e("design:type", Object)], d.prototype, "label", void 0), t([l({ type: String }), e("design:type", String)], d.prototype, "href", void 0), t([l({ type: String }), e("design:type", Object)], d.prototype, "pattern", void 0), t([l({ type: String }), e("design:type", String)], d.prototype, "navigate", void 0), t([l({ type: String }), e("design:type", String)], d.prototype, "target", void 0), t([l(), e("design:type", Object)], d.prototype, "count", void 0), t([u(), e("design:type", Object)], d.prototype, "nested", void 0), d = t([c("u-sidebar-link")], d);
+export { d as SidebarLink };

package/dist/components/SidebarLink.styles.js

@@ -1,5 +1,5 @@
 import { css as e } from "lit";
-//#region src/components/SidebarLink.styles.ts
+// src/components/SidebarLink.styles.ts
 var t = e`
   :host {
     
@@ -106,13 +106,13 @@ var t = e`
 
   
 
+
   .count {
     flex: none;
     margin-inline-start: auto;
     font-size: var(--u-text-overline-size, 11px);
     font-weight: var(--u-text-caption-weight, 400);
     font-variant-numeric: tabular-nums;
-    opacity: 0.8;
   }
   .count[compact] {
     position: absolute;
@@ -124,5 +124,4 @@ var t = e`
     white-space: nowrap;
   }
 `;
-//#endregion
 export { t as styles };

package/dist/components/SidebarSection.js

@@ -1,10 +1,10 @@
-import e from "../_virtual/_@oxc-project_runtime@0.154.0/helpers/esm/decorateMetadata.js";
-import t from "../_virtual/_@oxc-project_runtime@0.154.0/helpers/esm/decorate.js";
+import e from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorateMetadata.js";
+import t from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
 import { StyledElement as n } from "../internals/StyledElement.js";
 import { styles as r } from "./SidebarSection.styles.js";
 import { html as i } from "lit";
 import { customElement as a, property as o } from "lit/decorators.js";
-//#region src/components/SidebarSection.ts
+// src/components/SidebarSection.ts
 var s = class extends n {
 	constructor(...e) {
 		super(...e), this.compact = !1;
@@ -30,5 +30,4 @@ var s = class extends n {
 	}
 };
 t([o({ type: Boolean }), e("design:type", Object)], s.prototype, "compact", void 0), t([o({ type: String }), e("design:type", Object)], s.prototype, "mainTitle", void 0), t([o({ type: String }), e("design:type", Object)], s.prototype, "subTitle", void 0), s = t([a("u-sidebar-section")], s);
-//#endregion
 export { s as SidebarSection };

package/dist/components/SidebarSection.styles.js

@@ -1,5 +1,5 @@
 import { css as e } from "lit";
-//#region src/components/SidebarSection.styles.ts
+// src/components/SidebarSection.styles.ts
 var t = e`
   :host {
     display: flex;
@@ -45,5 +45,4 @@ var t = e`
     flex-direction: column;
   }
 `;
-//#endregion
 export { t as styles };

package/dist/components/Timeline.js

@@ -1,10 +1,10 @@
-import e from "../_virtual/_@oxc-project_runtime@0.154.0/helpers/esm/decorate.js";
+import e from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
 import { StyledElement as t } from "../internals/StyledElement.js";
 import "./TimelineItem.js";
 import { styles as n } from "./Timeline.styles.js";
 import { html as r } from "lit";
 import { customElement as i } from "lit/decorators.js";
-//#region src/components/Timeline.ts
+// src/components/Timeline.ts
 var a = class extends t {
 	static {
 		this.styles = [super.styles, n];
@@ -17,5 +17,4 @@ var a = class extends t {
 	}
 };
 a = e([i("u-timeline")], a);
-//#endregion
 export { a as Timeline };

package/dist/components/Timeline.styles.js

@@ -1,5 +1,5 @@
 import { css as e } from "lit";
-//#region src/components/Timeline.styles.ts
+// src/components/Timeline.styles.ts
 var t = e`
   :host {
     display: block;
@@ -10,5 +10,4 @@ var t = e`
     flex-direction: column;
   }
 `;
-//#endregion
 export { t as styles };

package/dist/components/TimelineItem.js

@@ -1,5 +1,5 @@
-import e from "../_virtual/_@oxc-project_runtime@0.154.0/helpers/esm/decorateMetadata.js";
-import t from "../_virtual/_@oxc-project_runtime@0.154.0/helpers/esm/decorate.js";
+import e from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorateMetadata.js";
+import t from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
 import { StyledElement as n } from "../internals/StyledElement.js";
 import { slotHasContent as r } from "../internals/slotted.js";
 import { styles as i } from "./TimelineItem.styles.js";
@@ -7,7 +7,7 @@ import { html as a, nothing as o } from "lit";
 import { customElement as s, property as c, state as l } from "lit/decorators.js";
 import { formatDate as u } from "@iyulab/components/dist/utilities/format.js";
 import "@iyulab/components/dist/components/icon/UIcon.js";
-//#region src/components/TimelineItem.ts
+// src/components/TimelineItem.ts
 var d = class extends n {
 	constructor(...e) {
 		super(...e), this.heading = "", this.datetime = "", this.color = "neutral", this.hasBody = !1;
@@ -52,5 +52,4 @@ t([c({ type: String }), e("design:type", Object)], d.prototype, "heading", void
 	type: String,
 	reflect: !0
 }), e("design:type", Object)], d.prototype, "color", void 0), t([c({ type: String }), e("design:type", String)], d.prototype, "icon", void 0), t([c({ type: String }), e("design:type", String)], d.prototype, "lib", void 0), t([l(), e("design:type", Object)], d.prototype, "hasBody", void 0), d = t([s("u-timeline-item")], d);
-//#endregion
 export { d as TimelineItem };

package/dist/components/TimelineItem.styles.js

@@ -1,5 +1,5 @@
 import { css as e } from "lit";
-//#region src/components/TimelineItem.styles.ts
+// src/components/TimelineItem.styles.ts
 var t = e`
   :host {
     display: grid;
@@ -118,5 +118,4 @@ var t = e`
     display: none;
   }
 `;
-//#endregion
 export { t as styles };

package/dist/components/Wizard.js

@@ -1,12 +1,12 @@
-import e from "../_virtual/_@oxc-project_runtime@0.154.0/helpers/esm/decorateMetadata.js";
-import t from "../_virtual/_@oxc-project_runtime@0.154.0/helpers/esm/decorate.js";
+import e from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorateMetadata.js";
+import t from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
 import { StyledElement as n } from "../internals/StyledElement.js";
 import { getLocaleStrings as r } from "../internals/locale.js";
 import { styles as i } from "./Wizard.styles.js";
 import { html as a, nothing as o } from "lit";
 import { customElement as s, property as c, state as l } from "lit/decorators.js";
 import "@iyulab/components/dist/components/button/UButton.js";
-//#region src/components/Wizard.ts
+// src/components/Wizard.ts
 var u = class extends n {
 	constructor(...e) {
 		super(...e), this.steps = [], this.active = 0, this.orientation = "vertical", this.linear = !0, this.locale = "", this.announcement = "", this.handleTabKeydown = (e, t) => {
@@ -118,5 +118,4 @@ t([c({
 	type: Boolean,
 	reflect: !0
 }), e("design:type", Object)], u.prototype, "linear", void 0), t([c({ type: String }), e("design:type", Object)], u.prototype, "locale", void 0), t([l(), e("design:type", Object)], u.prototype, "announcement", void 0), u = t([s("u-wizard")], u);
-//#endregion
 export { u as Wizard };

package/dist/components/Wizard.styles.js

@@ -1,5 +1,5 @@
 import { css as e } from "lit";
-//#region src/components/Wizard.styles.ts
+// src/components/Wizard.styles.ts
 var t = e`
   :host {
     display: flex;
@@ -115,5 +115,4 @@ var t = e`
     border: 0;
   }
 `;
-//#endregion
 export { t as styles };

package/dist/defaultFallback.js

@@ -1,6 +1,6 @@
 import { getLocaleStrings as e } from "./internals/locale.js";
 import { EmptyState as t } from "./components/EmptyState.js";
-//#region src/defaultFallback.ts
+// src/defaultFallback.ts
 function n(e) {
 	switch (String(e.code)) {
 		case "403": return "no-access";
@@ -23,5 +23,4 @@ var i = {
 		return i.variant = n(e.error), i.variant === "error" && (i.title = r(e), i.description = e.error.message), i;
 	}
 };
-//#endregion
 export { i as defaultFallback, n as variantOf };

package/dist/index.d.ts

@@ -6,7 +6,7 @@ export type { SidebarPermissionGuard } from './layouts/SidebarPermission';
 export type { RouteConfig, RouteContext, FallbackRouteConfig, RouteLeaveContext } from '@iyulab/router';
 export { RouteError, NotFoundError, AccessDeniedError, ContentLoadError, ContentRenderError, OutletMissingError, } from '@iyulab/router';
 export { defaultFallback } from './defaultFallback.js';
-export type { SidebarIconsConfig, SidebarLayoutConfig, SidebarItem, SidebarLogoConfig, SidebarLinkConfig, SidebarSectionConfig, SidebarGroupConfig, SidebarButtonConfig, SidebarMenuConfig, SidebarMenuItemConfig, SidebarHtmlConfig, SidebarState, } from './layouts/SidebarLayout.types';
+export type { SidebarIconsConfig, SidebarLayoutConfig, SidebarItem, SidebarLogoConfig, SidebarLogoIcon, SidebarLinkConfig, SidebarSectionConfig, SidebarGroupConfig, SidebarButtonConfig, SidebarMenuConfig, SidebarMenuItemConfig, SidebarHtmlConfig, SidebarState, } from './layouts/SidebarLayout.types';
 export type { SidebarAvatar } from './components/SidebarButton.js';
 export type { SidebarLayoutEventMap } from './layouts/SidebarLayout.js';
 export { filterSidebarItems } from './layouts/filterSidebarItems.js';

package/dist/index.js

@@ -16,7 +16,6 @@ import { MasterDetailLayout as x } from "./components/MasterDetailLayout.js";
 import { Wizard as S } from "./components/Wizard.js";
 import { translate as C } from "./translate.js";
 import { AccessDeniedError as w, ContentLoadError as T, ContentRenderError as E, NotFoundError as D, OutletMissingError as O, RouteError as k } from "@iyulab/router";
-//#region src/index.ts
+// src/index.ts
 var A = d;
-//#endregion
 export { w as AccessDeniedError, b as ActionBar, T as ContentLoadError, E as ContentRenderError, i as EmptyState, m as GroupBox, g as InfoField, h as InfoSection, x as MasterDetailLayout, D as NotFoundError, O as OutletMissingError, p as PageHeader, k as RouteError, e as ScreenObserver, y as Timeline, v as TimelineItem, o as UnsavedChangesController, S as Wizard, d as app, s as confirmDiscardChanges, A as default, a as defaultFallback, f as filterSidebarItems, t as getDefaultLocale, n as getLocaleStrings, c as hasUnsavedChanges, _ as isBlank, r as modernAppLocale, l as trackUnsavedChanges, C as translate, u as unsavedChangesGuard };

package/dist/internals/ScreenObserver.js

@@ -1,4 +1,4 @@
-//#region src/internals/ScreenObserver.ts
+// src/internals/ScreenObserver.ts
 var e = class {
 	constructor(e) {
 		this._breakpoints = e.breakpoints, this._observer = new ResizeObserver((e) => {
@@ -19,5 +19,4 @@ var e = class {
 		return e < t ? "small" : e < n ? "medium" : "large";
 	}
 };
-//#endregion
 export { e as ScreenObserver };

package/dist/internals/StyledElement.js

@@ -1,8 +1,8 @@
-import e from "../_virtual/_@oxc-project_runtime@0.154.0/helpers/esm/decorateMetadata.js";
-import t from "../_virtual/_@oxc-project_runtime@0.154.0/helpers/esm/decorate.js";
+import e from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorateMetadata.js";
+import t from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
 import { property as n } from "lit/decorators.js";
 import { UElement as r } from "@iyulab/components/dist/components/UElement.js";
-//#region src/internals/StyledElement.ts
+// src/internals/StyledElement.ts
 var i = class extends r {
 	static {
 		this.styles = super.styles;
@@ -39,5 +39,4 @@ t([n({
 	type: Object,
 	attribute: !1
 }), e("design:type", Object)], i.prototype, "styles", void 0);
-//#endregion
 export { i as StyledElement };

package/dist/internals/locale.js

@@ -1,5 +1,5 @@
 import { Locale as e } from "@iyulab/components/dist/utilities/Locale.js";
-//#region src/internals/locale.ts
+// src/internals/locale.ts
 var t = {
 	back: "Back",
 	noDataTitle: "Nothing here yet",
@@ -98,5 +98,4 @@ function a() {
 		wizardStepAnnouncement: (e, t, n) => `Step ${e} of ${t}: ${n}`
 	};
 }
-//#endregion
 export { a as getDefaultLocale, i as getLocaleStrings, n as modernAppLocale };

package/dist/internals/nav-icon.js

@@ -1,4 +1,3 @@
-//#region src/internals/nav-icon.ts
+// src/internals/nav-icon.ts
 var e = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"M8.186 1.113a.5.5 0 0 0-.372 0L1.846 3.5 8 5.961 14.154 3.5zM15 4.239l-6.5 2.6v7.922l6.5-2.6V4.24zM7.5 14.762V6.838L1 4.239v7.923zM7.443.184a1.5 1.5 0 0 1 1.114 0l7.129 2.852A.5.5 0 0 1 16 3.5v8.662a1 1 0 0 1-.629.928l-7.185 2.874a.5.5 0 0 1-.372 0L.63 13.09a1 1 0 0 1-.63-.928V3.5a.5.5 0 0 1 .314-.464z\"/></svg>";
-//#endregion
 export { e as DEFAULT_NAV_ICON };

package/dist/internals/slotted.js

@@ -1,6 +1,5 @@
-//#region src/internals/slotted.ts
+// src/internals/slotted.ts
 function e(e) {
 	return e ? e.assignedNodes({ flatten: !0 }).some((e) => e.nodeType !== Node.TEXT_NODE || (e.textContent ?? "").trim() !== "") : !1;
 }
-//#endregion
 export { e as slotHasContent };

package/dist/layouts/SidebarLayout.d.ts

@@ -8,6 +8,14 @@ export declare class SidebarLayout extends StyledElement<SidebarParts> {
     state: SidebarState;
     /** 사이드바 레이아웃 설정 */
     config?: SidebarLayoutConfig;
+    /**
+     * The current screen takes the whole viewport: no sidebar, no mobile header, no page padding — a wall
+     * display, a kiosk, a full-screen viewer. Set by the route (`metadata: { shell: 'hidden' }`) and cleared when the
+     * next screen does not ask for it; the screen itself gives the way back.
+     */
+    immersive: boolean;
+    /** 지금 화면이 건 일시 테마가 있는가 — 다음 화면이 아무것도 묻지 않으면 걷어 사용자 선호로 돌려준다. */
+    private routeTheme;
     /**
      * Live counts for link items, keyed by the item's `href` — overrides the static `count` of the
      * item config. Set through `app.setNavCount(href, value)`; assigning a new object re-renders.
@@ -40,6 +48,15 @@ export declare class SidebarLayout extends StyledElement<SidebarParts> {
      */
     private mainTabStop;
     private mainSizeObserver?;
+    /**
+     * 모바일 머리 줄(`.mobile-header`)의 실제 높이 — 모바일 패널이 그 아래에서 시작한다(`--_mobile-header-block-size`).
+     * 종전에는 패널이 맨 위(0)에서 시작하고 패널 안의 자기 머리 줄이 모바일 머리 줄 밑에 깔려 높이를 채웠다. 두 머리 줄의
+     * 높이가 같다는 우연에 기댄 배치라 한쪽만 바뀌어도 내용이 머리 줄 밑으로 들어갔고, 깔린 머리 줄의 버튼은 보이지 않는데
+     * Tab 으로 포커스가 갔다. 그리고 패널이 덮인 자리까지 «자기 상자» 로 가져 위치 계산이 머리 줄 밑을 빈 자리로 봤다.
+     * 높이는 밀도 토큰에 따라 달라 재서 쓴다.
+     */
+    private mobileHeaderBlockSize;
+    private mobileHeaderObserver?;
     /**
      * 오버레이를 연 컨트롤 — 닫힐 때 포커스를 되돌릴 곳.
      * ★슬롯 배정 «시점» 에 잡는다. 렌더가 본문에 `inert` 를 걸면 그 컨트롤이 쥐던 포커스는
@@ -149,6 +166,7 @@ export declare class SidebarLayout extends StyledElement<SidebarParts> {
      * ⚠`.main-content` 는 `display: contents` 라 상자가 없다 — 관찰 대상은 슬롯에 배정된 요소들이고, 배정이 바뀔 때마다 다시 건다.
      */
     private observeMainSize;
+    private observeMobileHeader;
     private observedContent;
     private observeContentSize;
     private handleMainSlotChange;