@iyulab/enterprise 0.1.0 → 0.1.1

package/dist/SidebarLayout-BeyWZOJC.js

@@ -1,823 +0,0 @@
-import { D as r, E as e$3, I as E, L as b, M as UElement, O as n, P as A, R as i$1, _ as v, a as UProgressBar, b as i$2, f as M, g as u$1, k as t$5, m as p, p as h$1, t as o, v as o$1, x as t$6, y as e$2 } from "./App-DlLPshVy.js";
-//#region node_modules/@iyulab/modern-app/dist/_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js
-function e$1(e, t) {
-	if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(e, t);
-}
-//#endregion
-//#region node_modules/@iyulab/modern-app/dist/_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js
-function e(e, t, n, r) {
-	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
-	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
-	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
-	return i > 3 && a && Object.defineProperty(t, n, a), a;
-}
-//#endregion
-//#region node_modules/@iyulab/modern-app/dist/internals/StyledElement.js
-var i = class extends UElement {
-	static {
-		this.styles = super.styles;
-	}
-	updated(e) {
-		super.updated(e), e.has("styles") && this.styles && this.applyToParts(this.styles);
-	}
-	applyToParts(e) {
-		let t = Object.entries(e);
-		for (let [e, n] of t) if (n) if (e === "host") this.assignToObject(this, n);
-		else {
-			let t = this.renderRoot?.querySelector(`[part="${String(e)}"]`);
-			if (!t) continue;
-			this.assignToObject(t, n);
-		}
-	}
-	assignToObject(e, t) {
-		for (let [n, r] of Object.entries(t)) {
-			if (r == null) continue;
-			let t = String(r);
-			if (n.startsWith("--") || n.includes("-")) {
-				e.style.setProperty(n, t);
-				continue;
-			}
-			try {
-				e.style[n] = t;
-			} catch {
-				let r = n.replace(/[A-Z]/g, (e) => "-" + e.toLowerCase());
-				e.style.setProperty(r, t);
-			}
-		}
-	}
-};
-e([n({
-	type: Object,
-	attribute: !1
-}), e$1("design:type", Object)], i.prototype, "styles", void 0);
-//#endregion
-//#region node_modules/@iyulab/modern-app/dist/components/SidebarSection.styles.js
-var t$4 = i$1`
-  :host {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-    margin: 8px 0;
-  }
-
-  .header {
-    display: flex;
-    flex-direction: column;
-    padding: 8px 12px 4px;
-  }
-
-  .title {
-    color: var(--u-neutral-700);
-    font-size: 12px;
-    font-weight: 700;
-    letter-spacing: 0.5px;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-  
-  .subtitle {
-    color: var(--u-neutral-600);
-    font-size: 11px;
-    font-weight: 300;
-  }
-
-  .items {
-    display: flex;
-    flex-direction: column;
-  }
-`;
-//#endregion
-//#region node_modules/@iyulab/modern-app/dist/components/SidebarSection.js
-var s$2 = class extends i {
-	constructor(...e) {
-		super(...e), this.compact = !1;
-	}
-	static {
-		this.styles = [super.styles, t$4];
-	}
-	render() {
-		return b`
-      <div class="header" part="header" ?hidden=${this.compact}>
-        <span class="title" part="title">
-          ${this.mainTitle}
-        </span>
-        <span class="subtitle" part="subtitle" ?hidden=${!this.subTitle}>
-          ${this.subTitle}
-        </span>
-      </div>
-      
-      <div class="items" part="items">
-        <slot></slot>
-      </div>
-    `;
-	}
-};
-e([n({ type: Boolean }), e$1("design:type", Object)], s$2.prototype, "compact", void 0), e([n({ type: String }), e$1("design:type", Object)], s$2.prototype, "mainTitle", void 0), e([n({ type: String }), e$1("design:type", Object)], s$2.prototype, "subTitle", void 0), s$2 = e([t$5("u-sidebar-section")], s$2);
-//#endregion
-//#region node_modules/@iyulab/modern-app/dist/components/SidebarLink.styles.js
-var t$3 = i$1`
-  :host {
-    display: block;
-    color: var(--u-neutral-800);
-    background-color: transparent;
-    border-radius: 8px;
-    transition: all 0.2s ease;
-    cursor: pointer;
-  }
-  :host(:hover) {
-    color: var(--u-txt-color-hover);
-    background-color: var(--u-bg-color-hover);
-  }
-  :host([selected]) {
-    color: var(--u-txt-color-inverse);
-    background-color: var(--u-blue-600);
-    box-shadow: 0 1px 3px var(--u-shadow-color-weak);
-  }
-  :host([selected]:hover) {
-    color: var(--u-txt-color-inverse);
-    background-color: var(--u-blue-700);
-    box-shadow: 0 2px 6px var(--u-shadow-color-normal);
-  }
-  
-  .container {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: flex-start;
-    gap: 12px;
-    padding: 8px 12px;
-  }
-  .container[compact] {
-    justify-content: center;
-    gap: 0;
-    padding: 8px;
-  }
-
-  u-icon {
-    flex-shrink: 0;
-    color: inherit;
-    font-size: 20px;
-  }
-
-  span {
-    flex: 1;
-    font-size: 14px;
-    line-height: 20px;
-    font-weight: 500;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-`;
-//#endregion
-//#region node_modules/@iyulab/modern-app/dist/components/SidebarLink.js
-var s$1 = class extends i {
-	constructor(...e) {
-		super(...e), this.selected = !1, this.compact = !1;
-	}
-	static {
-		this.styles = [super.styles, t$3];
-	}
-	render() {
-		return b`
-      <u-link .href=${this.href || "#"}>
-        <div class="container" part="base" ?compact=${this.compact}>
-          <u-icon part="icon" ?hidden=${!this.icon}
-            .name=${this.icon}
-          ></u-icon>
-          <span part="label" ?hidden=${this.compact}>
-            ${this.label}
-          </span>
-        </div>
-      </u-link>
-    `;
-	}
-};
-e([n({
-	type: Boolean,
-	reflect: !0
-}), e$1("design:type", Object)], s$1.prototype, "selected", void 0), e([n({ type: Boolean }), e$1("design:type", Object)], s$1.prototype, "compact", void 0), e([n({ type: String }), e$1("design:type", String)], s$1.prototype, "icon", void 0), e([n({ type: String }), e$1("design:type", Object)], s$1.prototype, "label", void 0), e([n({ type: String }), e$1("design:type", String)], s$1.prototype, "href", void 0), e([n({ type: String }), e$1("design:type", Object)], s$1.prototype, "pattern", void 0), s$1 = e([t$5("u-sidebar-link")], s$1);
-//#endregion
-//#region node_modules/@iyulab/modern-app/dist/components/SidebarGroup.styles.js
-var t$2 = i$1`
-  :host {
-    display: flex;
-    flex-direction: column;
-    color: var(--u-neutral-800);
-  }
-
-  button {
-    all: unset;
-    width: 100%;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: space-between;
-    gap: 12px;
-    padding: 8px 12px;
-    background-color: transparent;
-    border: none;
-    border-radius: 8px;
-    transition: all 0.2s ease;
-    cursor: pointer;
-  }
-  button[compact] {
-    justify-content: center;
-    gap: 0;
-    padding: 8px;
-  }
-  button[selected] {
-    color: var(--u-blue-700);
-  }
-  button:hover {
-    color: var(--u-txt-color-hover);
-    background-color: var(--u-bg-color-hover);
-  }
-  button:active {
-    background-color: var(--u-bg-color-active);
-  }
-  button:focus-visible {
-    outline: 2px solid #6666ff;
-    outline-offset: 2px;
-  }
-
-  .icon {
-    flex-shrink: 0;
-    color: inherit;
-    font-size: 20px;
-  }
-
-  .label {
-    flex: 1;
-    font-size: 14px;
-    line-height: 20px;
-    font-weight: 600;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }
-
-  .caret {
-    color: inherit;
-    font-size: 16px !important;
-    transition: transform 0.2s ease;
-  }
-  .caret[collapsed] {
-    transform: rotate(-90deg);
-  }
-
-  .items {
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-    margin-top: 4px;
-    margin-left: 32px;
-    border-left: 2px solid var(--u-border-color-weak);
-    padding-left: 8px;
-    overflow: hidden;
-    transition: all 0.3s ease;
-  }
-  .items[collapsed] {
-    margin-top: 0;
-    height: 0;
-    opacity: 0;
-  }
-`;
-//#endregion
-//#region node_modules/@iyulab/modern-app/dist/components/SidebarGroup.js
-var c$1 = class extends i {
-	constructor(...e) {
-		super(...e), this.compact = !1, this.selected = !1, this.collapsed = !0, this.handleButtonClick = (e) => {
-			this.compact ? ((this.shadowRoot?.querySelector("slot")?.assignedElements({ flatten: !0 }).find((e) => e instanceof s$1))?.renderRoot.querySelector("u-link"))?.click() : this.collapsed = !this.collapsed;
-		};
-	}
-	static {
-		this.styles = [super.styles, t$2];
-	}
-	render() {
-		return b`
-      <button part="header"
-        ?compact=${this.compact}
-        ?selected=${this.selected}
-        @click=${this.handleButtonClick}>
-        <u-icon class="icon" part="icon" ?hidden=${!this.icon}
-          .name=${this.icon}
-        ></u-icon>
-        <span class="label" part="label" ?hidden=${this.compact}>
-          ${this.label}
-        </span>
-        <u-icon class="caret" part="caret" ?hidden=${this.compact}
-          ?collapsed=${this.collapsed}
-          lib="internal"
-          name="chevron-down"
-        ></u-icon>
-      </button>
-      
-      <div class="items" part="items" ?hidden=${this.compact}
-        ?collapsed=${this.collapsed}>
-        <slot></slot>
-      </div>
-    `;
-	}
-};
-e([n({
-	type: Boolean,
-	reflect: !0
-}), e$1("design:type", Boolean)], c$1.prototype, "compact", void 0), e([n({
-	type: Boolean,
-	reflect: !0
-}), e$1("design:type", Boolean)], c$1.prototype, "selected", void 0), e([n({
-	type: Boolean,
-	reflect: !0
-}), e$1("design:type", Boolean)], c$1.prototype, "collapsed", void 0), e([n({ type: String }), e$1("design:type", String)], c$1.prototype, "icon", void 0), e([n({ type: String }), e$1("design:type", Object)], c$1.prototype, "label", void 0), c$1 = e([t$5("u-sidebar-group")], c$1);
-//#endregion
-//#region node_modules/@iyulab/modern-app/dist/components/SidebarButton.styles.js
-var t$1 = i$1`
-  :host {
-    display: block;
-    width: 100%;
-    color: var(--u-txt-color);
-    background-color: transparent;
-    border: none;
-    border-radius: 8px;
-    transition: all 0.2s ease;
-    cursor: pointer;
-  }
-  :host(:hover) {
-    color: var(--u-txt-color-hover);
-    background-color: var(--u-bg-color-hover);
-  }
-  :host(:active) {
-    background-color: var(--u-bg-color-active);
-  }
-
-  button {
-    all: unset;
-    width: 100%;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: flex-start;
-    gap: 12px;
-    padding: 8px 12px;
-  }
-  button[compact] {
-    justify-content: center;
-    gap: 0;
-    padding: 8px;
-  }
-  button:focus-visible {
-    outline: 2px solid #6666ff;
-    outline-offset: 2px;
-  }
-  
-  u-icon {
-    flex-shrink: 0;
-    color: inherit;
-    font-size: 20px;
-  }
-
-  span {
-    flex: 1;
-    font-size: 14px;
-    font-weight: 500;
-    line-height: 20px;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-`;
-//#endregion
-//#region node_modules/@iyulab/modern-app/dist/components/SidebarButton.js
-var s = class extends i {
-	constructor(...e) {
-		super(...e), this.compact = !1;
-	}
-	static {
-		this.styles = [super.styles, t$1];
-	}
-	render() {
-		return b`
-      <button part="base" ?compact=${this.compact}>
-        <u-icon part="icon" ?hidden=${!this.icon}
-          .name=${this.icon}
-        ></u-icon>
-        <span part="label" ?hidden=${this.compact}>
-          ${this.label}
-        </span>
-      </button>
-    `;
-	}
-};
-e([n({
-	type: Boolean,
-	reflect: !0
-}), e$1("design:type", Object)], s.prototype, "compact", void 0), e([n({ type: String }), e$1("design:type", String)], s.prototype, "icon", void 0), e([n({ type: String }), e$1("design:type", Object)], s.prototype, "label", void 0), s = e([t$5("u-sidebar-button")], s);
-//#endregion
-//#region node_modules/@iyulab/modern-app/dist/layouts/SidebarLayout.styles.js
-var t = i$1`
-  :host {
-    position: relative;
-    display: flex;
-    flex-direction: row;
-    width: 100%;
-    height: 100%;
-    font-family: var(--u-font-base);
-    overflow: hidden;
-  }
-  :host([state="mobile"]),
-  :host([state="mobile-open"]) {
-    flex-direction: column;
-  }
-
-  .logo {
-    color: var(--u-txt-color);
-    font-size: 24px;
-    cursor: pointer;
-  }
-  .logo:hover {
-    color: var(--u-txt-color-hover);
-  }
-
-  .title {
-    flex: 1;
-    color: var(--u-txt-color);
-    font-size: 18px;
-    line-height: 24px;
-    font-weight: 700;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-
-  .toggler {
-    color: inherit;
-    font-size: 20px;
-    padding: 0px;
-    border: none;
-    background: transparent;
-  }
-  .toggler:hover {
-    color: var(--u-txt-color-hover);
-  }
-
-  /* Sidebar Container */
-  .sidebar {
-    position: relative;
-    z-index: 1000;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    gap: 8px;
-    height: 100%;
-    background: var(--u-panel-bg-color);
-    border-right: 1px solid var(--u-border-color);
-    transition: all 0.3s ease;
-  }
-  /* Sidebar states */
-  .sidebar[state="default"] {
-    width: 260px;
-  }
-  .sidebar[state="slim"] {
-    width: 64px;
-  }
-  .sidebar[state="slim"] .sidebar-header {
-    flex-direction: column;
-    gap: 16px;
-    padding: 16px;
-  }
-  .sidebar[state="modal"] {
-    width: 260px;
-    position: absolute;
-    top: 0;
-    left: 0;
-  }
-  .sidebar[state="mobile"] {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    transform: translateY(-100%);
-  }
-  .sidebar[state="mobile-open"] {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    transform: translateY(0);
-  }
-
-  /* Mobile Header */
-  .mobile-header {
-    position: relative;
-    z-index: 1001;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: space-between;
-    gap: 12px;
-    padding: 16px;
-    background: var(--u-panel-bg-color);
-    border-bottom: 1px solid var(--u-border-color-weak);
-    user-select: none;
-  }
-
-  /* Sidebar Header */
-  .sidebar-header {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: space-between;
-    gap: 12px;
-    padding: 16px;
-    border-bottom: 1px solid var(--u-border-color-weak);
-    user-select: none;
-  }
-
-  /* Sidebar Main Menu */
-  .sidebar-main {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-    padding: 8px;
-    overflow-x: hidden;
-    overflow-y: auto;
-  }
-
-  /* Sidebar Footer */
-  .sidebar-footer {
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-    padding: 8px;
-    border-top: 1px solid var(--u-border-color-weak);
-  }
-  .sidebar-footer:empty {
-    display: none;
-  }
-
-  /* Main Content */
-  .main {
-    position: relative;
-    flex: 1;
-    background: var(--u-bg-color);
-    overflow: auto;
-  }
-
-  .main u-progress-bar {
-    --progress-bar-height: 4px;
-    --progres-bar-track-color: transparent;
-    
-    position: absolute;
-    z-index: 100;
-    top: 0;
-    left: 0;
-    right: 0;
-    opacity: 0;
-    transform: translateY(-4px);
-    transition: opacity 0.3s ease, transform 0.3s ease;
-    pointer-events: none;
-  }
-  .main u-progress-bar[visible] {
-    opacity: 1;
-    transform: translateY(0);
-  }
-  .main u-progress-bar[error] {
-    --progress-bar-color: var(--u-red-500);
-  }
-
-  /* Backdrop for modal mode */
-  .backdrop {
-    position: absolute;
-    z-index: 100;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: var(--u-overlay-bg-color);
-  }
-`;
-//#endregion
-//#region node_modules/lit-html/directives/repeat.js
-/**
-* @license
-* Copyright 2017 Google LLC
-* SPDX-License-Identifier: BSD-3-Clause
-*/
-var u = (e, s, t) => {
-	const r = /* @__PURE__ */ new Map();
-	for (let l = s; l <= t; l++) r.set(e[l], l);
-	return r;
-}, c = e$2(class extends i$2 {
-	constructor(e) {
-		if (super(e), e.type !== t$6.CHILD) throw Error("repeat() can only be used in text expressions");
-	}
-	dt(e, s, t) {
-		let r;
-		void 0 === t ? t = s : void 0 !== s && (r = s);
-		const l = [], o = [];
-		let i = 0;
-		for (const s of e) l[i] = r ? r(s, i) : i, o[i] = t(s, i), i++;
-		return {
-			values: o,
-			keys: l
-		};
-	}
-	render(e, s, t) {
-		return this.dt(e, s, t).values;
-	}
-	update(s, [t, r, c]) {
-		const d = M(s), { values: p$1, keys: a } = this.dt(t, r, c);
-		if (!Array.isArray(d)) return this.ut = a, p$1;
-		const h = this.ut ??= [], v$1 = [];
-		let m, y, x = 0, j = d.length - 1, k = 0, w = p$1.length - 1;
-		for (; x <= j && k <= w;) if (null === d[x]) x++;
-		else if (null === d[j]) j--;
-		else if (h[x] === a[k]) v$1[k] = u$1(d[x], p$1[k]), x++, k++;
-		else if (h[j] === a[w]) v$1[w] = u$1(d[j], p$1[w]), j--, w--;
-		else if (h[x] === a[w]) v$1[w] = u$1(d[x], p$1[w]), v(s, v$1[w + 1], d[x]), x++, w--;
-		else if (h[j] === a[k]) v$1[k] = u$1(d[j], p$1[k]), v(s, d[x], d[j]), j--, k++;
-		else if (void 0 === m && (m = u(a, k, w), y = u(h, x, j)), m.has(h[x])) if (m.has(h[j])) {
-			const e = y.get(a[k]), t = void 0 !== e ? d[e] : null;
-			if (null === t) {
-				const e = v(s, d[x]);
-				u$1(e, p$1[k]), v$1[k] = e;
-			} else v$1[k] = u$1(t, p$1[k]), v(s, d[x], t), d[e] = null;
-			k++;
-		} else h$1(d[j]), j--;
-		else h$1(d[x]), x++;
-		for (; k <= w;) {
-			const e = v(s, v$1[w + 1]);
-			u$1(e, p$1[k]), v$1[k++] = e;
-		}
-		for (; x <= j;) {
-			const e = d[x++];
-			null !== e && h$1(e);
-		}
-		return this.ut = a, p(s, v$1), E;
-	}
-});
-//#endregion
-//#region node_modules/@iyulab/modern-app/dist/layouts/SidebarLayout.js
-var m, h = class extends i {
-	constructor(...t) {
-		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 = () => {
-			o.navigate("");
-		}, this.handleToggleButtonClick = () => {
-			let t = o.screen ?? "large";
-			t === "large" ? this.state = this.state === "default" ? "slim" : "default" : t === "medium" ? this.state = this.state === "slim" ? "modal" : "slim" : t === "small" ? this.state = this.state === "mobile" ? "mobile-open" : "mobile" : console.warn("Unknown screen size:", t);
-		}, this.handleBackdropClick = () => {
-			this.state = "slim";
-		}, this.handleRouteBegin = (e) => {
-			this.progressBarEl.setAttribute("visible", ""), this.progressBarEl.value = 0, this.state === "modal" && (this.state = "slim"), this.state === "mobile-open" && (this.state = "mobile"), this.context = e.context;
-		}, this.handleRouteProgress = (e) => {
-			this.progressBarEl.value = e.progress;
-		}, this.handleRouteDone = (e) => {
-			this.progressBarEl.value = 100, setTimeout(() => {
-				this.progressBarEl.removeAttribute("visible");
-			}, 300);
-		}, this.handleRouteError = (e) => {
-			this.progressBarEl.setAttribute("error", ""), this.progressBarEl.value = 100, setTimeout(() => {
-				this.progressBarEl.removeAttribute("visible"), this.progressBarEl.removeAttribute("error");
-			}, 300);
-		}, this.handleScreenResize = (e) => {
-			let t = e.detail.size;
-			t === "large" ? this.state = "default" : t === "medium" ? this.state = "slim" : t === "small" ? this.state = "mobile" : console.warn("Unknown screen size:", t);
-		};
-	}
-	static {
-		this.styles = [super.styles, t];
-	}
-	connectedCallback() {
-		super.connectedCallback(), window.addEventListener("route-begin", this.handleRouteBegin), window.addEventListener("route-done", this.handleRouteDone), window.addEventListener("route-progress", this.handleRouteProgress), window.addEventListener("route-error", this.handleRouteError), window.addEventListener("screen-resize", this.handleScreenResize);
-	}
-	disconnectedCallback() {
-		window.removeEventListener("route-begin", this.handleRouteBegin), window.removeEventListener("route-done", this.handleRouteDone), window.removeEventListener("route-progress", this.handleRouteProgress), window.removeEventListener("route-error", this.handleRouteError), window.removeEventListener("screen-resize", this.handleScreenResize), super.disconnectedCallback();
-	}
-	willUpdate(e) {
-		super.willUpdate(e), e.has("config") && (this.styles = this.config?.styles);
-	}
-	render() {
-		return this.config ? b`
-      <!-- Mobile Header -->
-      <div class="mobile-header" part="mobile-header" ?hidden="${!this.state.startsWith("mobile")}">
-        <u-icon class="logo"
-          .name="${this.config.logo}"
-          @click=${this.handleBrandLogoClick}
-        ></u-icon>
-        <span class="title">
-          ${this.config.title}
-        </span>
-        <u-button class="toggler"
-          @click=${this.handleToggleButtonClick}>
-          <u-icon 
-            lib="bootstrap" 
-            name=${this.state === "mobile-open" ? "x-lg" : "list"}
-          ></u-icon>
-        </u-button>
-      </div>
-
-      <!-- Sidebar -->
-      <aside class="sidebar" part="sidebar" state="${this.state}">
-        <!-- Sidebar Header -->
-        <div class="sidebar-header" part="sidebar-header">
-          <u-icon class="logo"
-            .name="${this.config.logo}"
-            @click=${this.handleBrandLogoClick}
-          ></u-icon>
-          <span class="title" ?hidden=${this.state === "slim"}>
-            ${this.config.title}
-          </span>
-          <u-button class="toggler"
-            @click=${this.handleToggleButtonClick}>
-            <u-icon 
-              lib="bootstrap" 
-              name="layout-sidebar"
-            ></u-icon>
-          </u-button>
-        </div>
-
-        <!-- Sidebar Navigation Menu -->
-        <nav class="sidebar-main" part="sidebar-main" scrollable>
-          ${c(this.config.main ?? [], (e, t) => t, (e) => this.renderItem(e))}
-        </nav>
-
-        <!-- Sidebar Footer -->
-        <div class="sidebar-footer" part="sidebar-footer">
-          ${c(this.config.footer ?? [], (e, t) => t, (e) => this.renderItem(e))}
-        </div>
-      </aside>
-
-      <!-- Main Content -->
-      <div class="main" part="main" scrollable>
-        <u-progress-bar part="progress"></u-progress-bar>
-
-        <slot></slot>
-      </div>
-
-      <!-- Backdrop for modal state -->
-      <div class="backdrop" ?hidden="${this.state !== "modal"}"
-        @click="${this.handleBackdropClick}"
-      ></div>
-    ` : A;
-	}
-	renderItem(e) {
-		if (!e) return A;
-		if (e.type === "html") {
-			let t = e.render(this.state);
-			return typeof t == "string" ? o$1(t) : b`${t}`;
-		} else if (e.type === "button") return b`
-        <u-sidebar-button
-          ?compact=${this.state === "slim"}
-          .icon="${e.icon}"
-          .label="${e.label}"
-          .styles="${e.styles}"
-          @click="${e.onClick}"
-        ></u-sidebar-button>
-      `;
-		else if (e.type === "link") {
-			let t = this.isMatchedLink(e.pattern || e.href);
-			return b`
-        <u-sidebar-link
-          ?compact=${this.state === "slim"}
-          ?selected=${t}
-          .icon="${e.icon}"
-          .label="${e.label}"
-          .href="${e.href}"
-          .pattern="${e.pattern}"
-          .styles="${e.styles}"
-        ></u-sidebar-link>
-      `;
-		} else if (e.type === "section") return b`
-        <u-sidebar-section
-          ?compact=${this.state === "slim"}
-          .mainTitle="${e.title}"
-          .subTitle="${e.subTitle}"
-          .styles="${e.styles}">
-          ${c(e.items, (e, t) => t, (e) => this.renderItem(e))}
-        </u-sidebar-section>
-      `;
-		else if (e.type === "group") {
-			let t = e.items.some((e) => this.isMatchedLink(e.pattern || e.href));
-			return b`
-        <u-sidebar-group
-          ?compact=${this.state === "slim"}
-          ?selected=${t}
-          ?collapsed="${e.collapsed ?? !1}"
-          .icon="${e.icon}"
-          .label="${e.label}"
-          .styles="${e.styles}">
-          ${c(e.items, (e, t) => t, (e) => this.renderItem(e))}
-        </u-sidebar-group>
-      `;
-		} else return A;
-	}
-};
-e([n({
-	type: String,
-	reflect: !0
-}), e$1("design:type", Object)], h.prototype, "state", void 0), e([n({ type: Object }), e$1("design:type", Object)], h.prototype, "config", void 0), e([e$3("u-progress-bar"), e$1("design:type", typeof (m = UProgressBar !== void 0 && UProgressBar) == "function" ? m : Object)], h.prototype, "progressBarEl", void 0), e([r(), e$1("design:type", Object)], h.prototype, "context", void 0), h = e([t$5("u-sidebar-layout")], h);
-//#endregion
-export { h as SidebarLayout };