@francofantomius/material-components 1.1.1 → 1.2.0

package/dist/components/navigation-bar/navigation-bar.js

@@ -1,150 +1,138 @@
-import { n as r, t as a } from "../../chunks/decorate-DXuynaiA.js";
-import { n as y, r as u, t as g } from "../../chunks/navigation-bar-item-C9DfOEzg.js";
-import { html as b } from "lit";
-import { customElement as o, property as h, queryAssignedElements as I } from "lit/decorators.js";
-var s = class extends r {
-  constructor(...t) {
-    super(...t), this.activeIndex = 0, this.value = "", this.labelMode = "alwaysShow", this.hideInactiveLabels = !1, this.disabled = !1, this.handleSlotChange = () => {
-      this.syncActiveItem(), this.syncLabelMode(), this.disabled && this.syncDisabled();
-    }, this.handleClick = (e) => {
-      if (this.disabled) return;
-      const i = e.target.closest("md-navigation-bar-item, md-nav-bar-item");
-      if (!i || i.disabled || !this.items.includes(i)) return;
-      const n = this.items.indexOf(i);
-      n !== -1 && (this.activeIndex = n, this.value = i.value || i.label, this.syncActiveItem(), this.emitEvent("change", {
-        activeIndex: this.activeIndex,
-        selectedIndex: this.activeIndex,
-        index: this.activeIndex,
-        value: this.value,
-        item: i
-      }));
-    }, this.handleKeyDown = (e) => {
-      if (this.disabled) return;
-      const i = this.items.filter((d) => !d.disabled);
-      if (i.length === 0) return;
-      const n = this.items[this.activeIndex], c = i.indexOf(n);
-      let l = -1;
-      if (e.key === "ArrowRight" || e.key === "ArrowDown" ? (e.preventDefault(), l = c < i.length - 1 ? c + 1 : 0) : e.key === "ArrowLeft" || e.key === "ArrowUp" ? (e.preventDefault(), l = c > 0 ? c - 1 : i.length - 1) : e.key === "Home" ? (e.preventDefault(), l = 0) : e.key === "End" && (e.preventDefault(), l = i.length - 1), l !== -1 && i[l]) {
-        const d = i[l];
-        this.activeIndex = this.items.indexOf(d), this.value = d.value || d.label, this.syncActiveItem(), d.focus(), this.emitEvent("change", {
-          activeIndex: this.activeIndex,
-          selectedIndex: this.activeIndex,
-          index: this.activeIndex,
-          value: this.value,
-          item: d
-        });
-      }
-    };
-  }
-  static {
-    this.styles = [r.styles, u];
-  }
-  get selectedIndex() {
-    return this.activeIndex;
-  }
-  set selectedIndex(t) {
-    this.activeIndex = t;
-  }
-  get items() {
-    return this.assignedItems && this.assignedItems.length > 0 ? this.assignedItems : Array.from(this.querySelectorAll("md-navigation-bar-item, md-nav-bar-item"));
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.hasAttribute("role") || this.setAttribute("role", "tablist"), this.hasAttribute("aria-label") || this.setAttribute("aria-label", "Navigation"), this.addEventListener("click", this.handleClick), this.addEventListener("keydown", this.handleKeyDown);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener("click", this.handleClick), this.removeEventListener("keydown", this.handleKeyDown);
-  }
-  updated(t) {
-    if (super.updated(t), t.has("activeIndex") || t.has("value")) {
-      if (t.has("activeIndex") && !t.has("value")) {
-        const e = this.items[this.activeIndex];
-        e && (this.value = e.value || e.label);
-      } else if (t.has("value") && !t.has("activeIndex")) {
-        const e = this.items.findIndex((i) => i.value === this.value || i.label === this.value);
-        e !== -1 && (this.activeIndex = e);
-      }
-      this.syncActiveItem();
-    }
-    (t.has("labelMode") || t.has("hideInactiveLabels")) && this.syncLabelMode(), t.has("disabled") && this.disabled && this.syncDisabled();
-  }
-  syncDisabled() {
-    this.items && this.disabled && this.items.forEach((t) => {
-      t.disabled = !0;
-    });
-  }
-  syncLabelMode() {
-    this.items && this.items.forEach((t) => {
-      this.labelMode && (t.labelMode = this.labelMode), this.hideInactiveLabels && (t.hideInactiveLabels = this.hideInactiveLabels);
-    });
-  }
-  syncActiveItem() {
-    if (!this.items || this.items.length === 0) return;
-    this.activeIndex < 0 && (this.activeIndex = 0), this.activeIndex >= this.items.length && (this.activeIndex = this.items.length - 1), this.items.forEach((e, i) => {
-      const n = i === this.activeIndex;
-      e.active = n, e.selected = n, e.tabIndex = n ? 0 : -1;
-    });
-    const t = this.items[this.activeIndex];
-    t && !this.value && (this.value = t.value || t.label);
-  }
-  select(t) {
-    if (!this.items || t < 0 || t >= this.items.length) return;
-    const e = this.items[t];
-    e && !e.disabled && (this.activeIndex = t, this.value = e.value || e.label, this.syncActiveItem(), this.emitEvent("change", {
-      activeIndex: this.activeIndex,
-      selectedIndex: this.activeIndex,
-      index: this.activeIndex,
-      value: this.value,
-      item: e
-    }));
-  }
-  render() {
-    return b`
+import { n as e, t } from "../../chunks/decorate-DknOJ8FJ.js";
+import { n, r, t as i } from "../../chunks/navigation-bar-item-CWHCQeNw.js";
+import { html as a } from "lit";
+import { customElement as o, property as s, queryAssignedElements as c } from "lit/decorators.js";
+//#region src/components/navigation-bar/navigation-bar.ts
+var l = class extends e {
+	constructor(...e) {
+		super(...e), this.activeIndex = 0, this.value = "", this.labelMode = "alwaysShow", this.hideInactiveLabels = !1, this.disabled = !1, this.handleSlotChange = () => {
+			this.syncActiveItem(), this.syncLabelMode(), this.disabled && this.syncDisabled();
+		}, this.handleClick = (e) => {
+			if (this.disabled) return;
+			let t = e.target.closest("md-navigation-bar-item, md-nav-bar-item");
+			if (!t || t.disabled || !this.items.includes(t)) return;
+			let n = this.items.indexOf(t);
+			n !== -1 && (this.activeIndex = n, this.value = t.value || t.label, this.syncActiveItem(), this.emitEvent("change", {
+				activeIndex: this.activeIndex,
+				selectedIndex: this.activeIndex,
+				index: this.activeIndex,
+				value: this.value,
+				item: t
+			}));
+		}, this.handleKeyDown = (e) => {
+			if (this.disabled) return;
+			let t = this.items.filter((e) => !e.disabled);
+			if (t.length === 0) return;
+			let n = this.items[this.activeIndex], r = t.indexOf(n), i = -1;
+			if (e.key === "ArrowRight" || e.key === "ArrowDown" ? (e.preventDefault(), i = r < t.length - 1 ? r + 1 : 0) : e.key === "ArrowLeft" || e.key === "ArrowUp" ? (e.preventDefault(), i = r > 0 ? r - 1 : t.length - 1) : e.key === "Home" ? (e.preventDefault(), i = 0) : e.key === "End" && (e.preventDefault(), i = t.length - 1), i !== -1 && t[i]) {
+				let e = t[i];
+				this.activeIndex = this.items.indexOf(e), this.value = e.value || e.label, this.syncActiveItem(), e.focus(), this.emitEvent("change", {
+					activeIndex: this.activeIndex,
+					selectedIndex: this.activeIndex,
+					index: this.activeIndex,
+					value: this.value,
+					item: e
+				});
+			}
+		};
+	}
+	static {
+		this.styles = [e.styles, r];
+	}
+	get selectedIndex() {
+		return this.activeIndex;
+	}
+	set selectedIndex(e) {
+		this.activeIndex = e;
+	}
+	get items() {
+		return this.assignedItems && this.assignedItems.length > 0 ? this.assignedItems : Array.from(this.querySelectorAll("md-navigation-bar-item, md-nav-bar-item"));
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.hasAttribute("role") || this.setAttribute("role", "tablist"), this.hasAttribute("aria-label") || this.setAttribute("aria-label", "Navigation"), this.addEventListener("click", this.handleClick), this.addEventListener("keydown", this.handleKeyDown);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.removeEventListener("click", this.handleClick), this.removeEventListener("keydown", this.handleKeyDown);
+	}
+	updated(e) {
+		if (super.updated(e), e.has("activeIndex") || e.has("value")) {
+			if (e.has("activeIndex") && !e.has("value")) {
+				let e = this.items[this.activeIndex];
+				e && (this.value = e.value || e.label);
+			} else if (e.has("value") && !e.has("activeIndex")) {
+				let e = this.items.findIndex((e) => e.value === this.value || e.label === this.value);
+				e !== -1 && (this.activeIndex = e);
+			}
+			this.syncActiveItem();
+		}
+		(e.has("labelMode") || e.has("hideInactiveLabels")) && this.syncLabelMode(), e.has("disabled") && this.disabled && this.syncDisabled();
+	}
+	syncDisabled() {
+		this.items && this.disabled && this.items.forEach((e) => {
+			e.disabled = !0;
+		});
+	}
+	syncLabelMode() {
+		this.items && this.items.forEach((e) => {
+			this.labelMode && (e.labelMode = this.labelMode), this.hideInactiveLabels && (e.hideInactiveLabels = this.hideInactiveLabels);
+		});
+	}
+	syncActiveItem() {
+		if (!this.items || this.items.length === 0) return;
+		this.activeIndex < 0 && (this.activeIndex = 0), this.activeIndex >= this.items.length && (this.activeIndex = this.items.length - 1), this.items.forEach((e, t) => {
+			let n = t === this.activeIndex;
+			e.active = n, e.selected = n, e.tabIndex = n ? 0 : -1;
+		});
+		let e = this.items[this.activeIndex];
+		e && !this.value && (this.value = e.value || e.label);
+	}
+	select(e) {
+		if (!this.items || e < 0 || e >= this.items.length) return;
+		let t = this.items[e];
+		t && !t.disabled && (this.activeIndex = e, this.value = t.value || t.label, this.syncActiveItem(), this.emitEvent("change", {
+			activeIndex: this.activeIndex,
+			selectedIndex: this.activeIndex,
+			index: this.activeIndex,
+			value: this.value,
+			item: t
+		}));
+	}
+	render() {
+		return a`
       <div class="nav-bar-container">
         <slot @slotchange=${this.handleSlotChange}></slot>
       </div>
     `;
-  }
-};
-a([h({
-  type: Number,
-  reflect: !0,
-  attribute: "active-index"
-})], s.prototype, "activeIndex", void 0);
-a([h({
-  type: Number,
-  attribute: "selected-index"
-})], s.prototype, "selectedIndex", null);
-a([h({
-  type: String,
-  reflect: !0
-})], s.prototype, "value", void 0);
-a([h({
-  type: String,
-  reflect: !0,
-  attribute: "label-mode"
-})], s.prototype, "labelMode", void 0);
-a([h({
-  type: Boolean,
-  reflect: !0,
-  attribute: "hide-inactive-labels"
-})], s.prototype, "hideInactiveLabels", void 0);
-a([h({
-  type: Boolean,
-  reflect: !0
-})], s.prototype, "disabled", void 0);
-a([I({
-  selector: "md-navigation-bar-item, md-nav-bar-item",
-  flatten: !0
-})], s.prototype, "assignedItems", void 0);
-s = a([o("md-navigation-bar")], s);
-var v = class extends s {
-};
-v = a([o("md-nav-bar")], v);
-export {
-  v as MdNavBar,
-  g as MdNavBarItem,
-  s as MdNavigationBar,
-  y as MdNavigationBarItem
+	}
 };
+t([s({
+	type: Number,
+	reflect: !0,
+	attribute: "active-index"
+})], l.prototype, "activeIndex", void 0), t([s({
+	type: Number,
+	attribute: "selected-index"
+})], l.prototype, "selectedIndex", null), t([s({
+	type: String,
+	reflect: !0
+})], l.prototype, "value", void 0), t([s({
+	type: String,
+	reflect: !0,
+	attribute: "label-mode"
+})], l.prototype, "labelMode", void 0), t([s({
+	type: Boolean,
+	reflect: !0,
+	attribute: "hide-inactive-labels"
+})], l.prototype, "hideInactiveLabels", void 0), t([s({
+	type: Boolean,
+	reflect: !0
+})], l.prototype, "disabled", void 0), t([c({
+	selector: "md-navigation-bar-item, md-nav-bar-item",
+	flatten: !0
+})], l.prototype, "assignedItems", void 0), l = t([o("md-navigation-bar")], l);
+var u = class extends l {};
+u = t([o("md-nav-bar")], u);
+//#endregion
+export { u as MdNavBar, i as MdNavBarItem, l as MdNavigationBar, n as MdNavigationBarItem };
 
 //# sourceMappingURL=navigation-bar.js.map

package/dist/components/navigation-bar/navigation-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-bar.js","names":[],"sources":["../../../src/components/navigation-bar/navigation-bar.ts"],"sourcesContent":["import { html, PropertyValues } from 'lit';\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport { navigationBarStyles } from './navigation-bar.css.js';\nimport { MdNavigationBarItem, NavigationBarLabelMode } from './navigation-bar-item.js';\n\nexport * from './navigation-bar-item.js';\n\n/**\n * Material Design 3 Navigation Bar component.\n *\n * Navigation bars let users switch between 3 to 5 top-level destinations.\n * Supports active indicator pill, badge notifications, alwaysShow/selectedShow/hidden label modes,\n * keyboard navigation, and custom change events.\n *\n * @slot - Default slot for `md-navigation-bar-item` destinations.\n *\n * @fires change - Dispatched when the active navigation item changes. Detail: `{ activeIndex, selectedIndex, index, value, item }`\n */\n@customElement('md-navigation-bar')\nexport class MdNavigationBar extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, navigationBarStyles];\n\n  @property({ type: Number, reflect: true, attribute: 'active-index' })\n  activeIndex = 0;\n\n  @property({ type: Number, attribute: 'selected-index' })\n  get selectedIndex(): number {\n    return this.activeIndex;\n  }\n  set selectedIndex(val: number) {\n    this.activeIndex = val;\n  }\n\n  @property({ type: String, reflect: true })\n  value = '';\n\n  @property({ type: String, reflect: true, attribute: 'label-mode' })\n  labelMode: NavigationBarLabelMode = 'alwaysShow';\n\n  @property({ type: Boolean, reflect: true, attribute: 'hide-inactive-labels' })\n  hideInactiveLabels = false;\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @queryAssignedElements({ selector: 'md-navigation-bar-item, md-nav-bar-item', flatten: true })\n  private assignedItems!: MdNavigationBarItem[];\n\n  private get items(): MdNavigationBarItem[] {\n    if (this.assignedItems && this.assignedItems.length > 0) {\n      return this.assignedItems;\n    }\n    return Array.from(this.querySelectorAll('md-navigation-bar-item, md-nav-bar-item')) as MdNavigationBarItem[];\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'tablist');\n    }\n    if (!this.hasAttribute('aria-label')) {\n      this.setAttribute('aria-label', 'Navigation');\n    }\n    this.addEventListener('click', this.handleClick);\n    this.addEventListener('keydown', this.handleKeyDown);\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.handleClick);\n    this.removeEventListener('keydown', this.handleKeyDown);\n  }\n\n  override updated(changedProperties: PropertyValues<this>) {\n    super.updated(changedProperties);\n\n    if (changedProperties.has('activeIndex') || changedProperties.has('value')) {\n      if (changedProperties.has('activeIndex') && !changedProperties.has('value')) {\n        const current = this.items[this.activeIndex];\n        if (current) {\n          this.value = current.value || current.label;\n        }\n      } else if (changedProperties.has('value') && !changedProperties.has('activeIndex')) {\n        const matchingIndex = this.items.findIndex(\n          (item) => item.value === this.value || item.label === this.value\n        );\n        if (matchingIndex !== -1) {\n          this.activeIndex = matchingIndex;\n        }\n      }\n      this.syncActiveItem();\n    }\n\n    if (changedProperties.has('labelMode') || changedProperties.has('hideInactiveLabels')) {\n      this.syncLabelMode();\n    }\n\n    if (changedProperties.has('disabled') && this.disabled) {\n      this.syncDisabled();\n    }\n  }\n\n  private handleSlotChange = () => {\n    this.syncActiveItem();\n    this.syncLabelMode();\n    if (this.disabled) {\n      this.syncDisabled();\n    }\n  };\n\n  private syncDisabled() {\n    if (!this.items) return;\n    if (this.disabled) {\n      this.items.forEach((item) => {\n        item.disabled = true;\n      });\n    }\n  }\n\n  private syncLabelMode() {\n    if (!this.items) return;\n    this.items.forEach((item) => {\n      if (this.labelMode) {\n        item.labelMode = this.labelMode;\n      }\n      if (this.hideInactiveLabels) {\n        item.hideInactiveLabels = this.hideInactiveLabels;\n      }\n    });\n  }\n\n  private syncActiveItem() {\n    if (!this.items || this.items.length === 0) return;\n\n    if (this.activeIndex < 0) this.activeIndex = 0;\n    if (this.activeIndex >= this.items.length) this.activeIndex = this.items.length - 1;\n\n    this.items.forEach((item, index) => {\n      const isActive = index === this.activeIndex;\n      item.active = isActive;\n      item.selected = isActive;\n      item.tabIndex = isActive ? 0 : -1;\n    });\n\n    const currentItem = this.items[this.activeIndex];\n    if (currentItem && !this.value) {\n      this.value = currentItem.value || currentItem.label;\n    }\n  }\n\n  /**\n   * Selects a navigation item by index.\n   */\n  public select(index: number) {\n    if (!this.items || index < 0 || index >= this.items.length) return;\n    const target = this.items[index];\n    if (target && !target.disabled) {\n      this.activeIndex = index;\n      this.value = target.value || target.label;\n      this.syncActiveItem();\n      this.emitEvent('change', {\n        activeIndex: this.activeIndex,\n        selectedIndex: this.activeIndex,\n        index: this.activeIndex,\n        value: this.value,\n        item: target,\n      });\n    }\n  }\n\n  private handleClick = (event: MouseEvent) => {\n    if (this.disabled) return;\n\n    const target = (event.target as HTMLElement).closest(\n      'md-navigation-bar-item, md-nav-bar-item'\n    ) as MdNavigationBarItem | null;\n\n    if (!target || target.disabled || !this.items.includes(target)) return;\n\n    const index = this.items.indexOf(target);\n    if (index !== -1) {\n      this.activeIndex = index;\n      this.value = target.value || target.label;\n      this.syncActiveItem();\n      this.emitEvent('change', {\n        activeIndex: this.activeIndex,\n        selectedIndex: this.activeIndex,\n        index: this.activeIndex,\n        value: this.value,\n        item: target,\n      });\n    }\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (this.disabled) return;\n    const enabledItems = this.items.filter((i) => !i.disabled);\n    if (enabledItems.length === 0) return;\n\n    const activeItem = this.items[this.activeIndex];\n    const currentIndex = enabledItems.indexOf(activeItem!);\n\n    let nextIndex = -1;\n    if (event.key === 'ArrowRight' || event.key === 'ArrowDown') {\n      event.preventDefault();\n      nextIndex = currentIndex < enabledItems.length - 1 ? currentIndex + 1 : 0;\n    } else if (event.key === 'ArrowLeft' || event.key === 'ArrowUp') {\n      event.preventDefault();\n      nextIndex = currentIndex > 0 ? currentIndex - 1 : enabledItems.length - 1;\n    } else if (event.key === 'Home') {\n      event.preventDefault();\n      nextIndex = 0;\n    } else if (event.key === 'End') {\n      event.preventDefault();\n      nextIndex = enabledItems.length - 1;\n    }\n\n    if (nextIndex !== -1 && enabledItems[nextIndex]) {\n      const targetItem = enabledItems[nextIndex]!;\n      this.activeIndex = this.items.indexOf(targetItem);\n      this.value = targetItem.value || targetItem.label;\n      this.syncActiveItem();\n      targetItem.focus();\n      this.emitEvent('change', {\n        activeIndex: this.activeIndex,\n        selectedIndex: this.activeIndex,\n        index: this.activeIndex,\n        value: this.value,\n        item: targetItem,\n      });\n    }\n  };\n\n  override render() {\n    return html`\n      <div class=\"nav-bar-container\">\n        <slot @slotchange=${this.handleSlotChange}></slot>\n      </div>\n    `;\n  }\n}\n\n// Aliases\n@customElement('md-nav-bar')\nexport class MdNavBar extends MdNavigationBar {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-navigation-bar': MdNavigationBar;\n    'md-nav-bar': MdNavBar;\n  }\n}\n"],"mappings":";;;;AAoBO,IAAM,IAAN,cAA8B,EAAc;AAAA;iBAInC,KAAA,cAAA,GAWN,KAAA,QAAA,IAG4B,KAAA,YAAA,cAGf,KAAA,qBAAA,IAGV,KAAA,WAAA,IA2DsB,KAAA,mBAAA,MAAA;AAC/B,WAAK,eAAe,GACpB,KAAK,cAAc,GACf,KAAK,YACP,KAAK,aAAa;AAAA,IAEtB,GA8DuB,KAAA,cAAA,CAAA,MAAsB;AAC3C,UAAI,KAAK,SAAU;AAEnB,YAAM,IAAU,EAAM,OAAuB,QAC3C,yCACF;AAEA,UAAI,CAAC,KAAU,EAAO,YAAY,CAAC,KAAK,MAAM,SAAS,CAAM,EAAG;AAEhE,YAAM,IAAQ,KAAK,MAAM,QAAQ,CAAM;AACvC,MAAI,MAAU,OACZ,KAAK,cAAc,GACnB,KAAK,QAAQ,EAAO,SAAS,EAAO,OACpC,KAAK,eAAe,GACpB,KAAK,UAAU,UAAU;AAAA,QACvB,aAAa,KAAK;AAAA,QAClB,eAAe,KAAK;AAAA,QACpB,OAAO,KAAK;AAAA,QACZ,OAAO,KAAK;AAAA,QACZ,MAAM;AAAA,MACR,CAAC;AAAA,IAEL,GAEyB,KAAA,gBAAA,CAAA,MAAyB;AAChD,UAAI,KAAK,SAAU;AACnB,YAAM,IAAe,KAAK,MAAM,OAAA,CAAQ,MAAM,CAAC,EAAE,QAAQ;AACzD,UAAI,EAAa,WAAW,EAAG;AAE/B,YAAM,IAAa,KAAK,MAAM,KAAK,WAAA,GAC7B,IAAe,EAAa,QAAQ,CAAW;AAErD,UAAI,IAAY;AAehB,UAdI,EAAM,QAAQ,gBAAgB,EAAM,QAAQ,eAC9C,EAAM,eAAe,GACrB,IAAY,IAAe,EAAa,SAAS,IAAI,IAAe,IAAI,KAC/D,EAAM,QAAQ,eAAe,EAAM,QAAQ,aACpD,EAAM,eAAe,GACrB,IAAY,IAAe,IAAI,IAAe,IAAI,EAAa,SAAS,KAC/D,EAAM,QAAQ,UACvB,EAAM,eAAe,GACrB,IAAY,KACH,EAAM,QAAQ,UACvB,EAAM,eAAe,GACrB,IAAY,EAAa,SAAS,IAGhC,MAAc,MAAM,EAAa,CAAA,GAAY;AAC/C,cAAM,IAAa,EAAa,CAAA;AAChC,aAAK,cAAc,KAAK,MAAM,QAAQ,CAAU,GAChD,KAAK,QAAQ,EAAW,SAAS,EAAW,OAC5C,KAAK,eAAe,GACpB,EAAW,MAAM,GACjB,KAAK,UAAU,UAAU;AAAA,UACvB,aAAa,KAAK;AAAA,UAClB,eAAe,KAAK;AAAA,UACpB,OAAO,KAAK;AAAA,UACZ,OAAO,KAAK;AAAA,UACZ,MAAM;AAAA,QACR,CAAC;AAAA,MACH;AAAA,IACF;AAAA;;AAnNyB,SAAA,SAAA,CAAC,EAAc,QAAQ,CAAmB;AAAA;EAKnE,IACI,gBAAwB;AAC1B,WAAO,KAAK;AAAA,EACd;AAAA,EACA,IAAI,cAAc,GAAa;AAC7B,SAAK,cAAc;AAAA,EACrB;AAAA,EAiBA,IAAY,QAA+B;AACzC,WAAI,KAAK,iBAAiB,KAAK,cAAc,SAAS,IAC7C,KAAK,gBAEP,MAAM,KAAK,KAAK,iBAAiB,yCAAyC,CAAC;AAAA,EACpF;AAAA,EAEA,oBAA6B;AAC3B,UAAM,kBAAkB,GACnB,KAAK,aAAa,MAAM,KAC3B,KAAK,aAAa,QAAQ,SAAS,GAEhC,KAAK,aAAa,YAAY,KACjC,KAAK,aAAa,cAAc,YAAY,GAE9C,KAAK,iBAAiB,SAAS,KAAK,WAAW,GAC/C,KAAK,iBAAiB,WAAW,KAAK,aAAa;AAAA,EACrD;AAAA,EAEA,uBAAgC;AAC9B,UAAM,qBAAqB,GAC3B,KAAK,oBAAoB,SAAS,KAAK,WAAW,GAClD,KAAK,oBAAoB,WAAW,KAAK,aAAa;AAAA,EACxD;AAAA,EAEA,QAAiB,GAAyC;AAGxD,QAFA,MAAM,QAAQ,CAAiB,GAE3B,EAAkB,IAAI,aAAa,KAAK,EAAkB,IAAI,OAAO,GAAG;AAC1E,UAAI,EAAkB,IAAI,aAAa,KAAK,CAAC,EAAkB,IAAI,OAAO,GAAG;AAC3E,cAAM,IAAU,KAAK,MAAM,KAAK,WAAA;AAChC,QAAI,MACF,KAAK,QAAQ,EAAQ,SAAS,EAAQ;AAAA,MAE1C,WAAW,EAAkB,IAAI,OAAO,KAAK,CAAC,EAAkB,IAAI,aAAa,GAAG;AAClF,cAAM,IAAgB,KAAK,MAAM,UAAA,CAC9B,MAAS,EAAK,UAAU,KAAK,SAAS,EAAK,UAAU,KAAK,KAC7D;AACA,QAAI,MAAkB,OACpB,KAAK,cAAc;AAAA,MAEvB;AACA,WAAK,eAAe;AAAA,IACtB;AAEA,KAAI,EAAkB,IAAI,WAAW,KAAK,EAAkB,IAAI,oBAAoB,MAClF,KAAK,cAAc,GAGjB,EAAkB,IAAI,UAAU,KAAK,KAAK,YAC5C,KAAK,aAAa;AAAA,EAEtB;AAAA,EAUA,eAAuB;AACrB,IAAK,KAAK,SACN,KAAK,YACP,KAAK,MAAM,QAAA,CAAS,MAAS;AAC3B,MAAA,EAAK,WAAW;AAAA,IAClB,CAAC;AAAA,EAEL;AAAA,EAEA,gBAAwB;AACtB,IAAK,KAAK,SACV,KAAK,MAAM,QAAA,CAAS,MAAS;AAC3B,MAAI,KAAK,cACP,EAAK,YAAY,KAAK,YAEpB,KAAK,uBACP,EAAK,qBAAqB,KAAK;AAAA,IAEnC,CAAC;AAAA,EACH;AAAA,EAEA,iBAAyB;AACvB,QAAI,CAAC,KAAK,SAAS,KAAK,MAAM,WAAW,EAAG;AAE5C,IAAI,KAAK,cAAc,MAAG,KAAK,cAAc,IACzC,KAAK,eAAe,KAAK,MAAM,WAAQ,KAAK,cAAc,KAAK,MAAM,SAAS,IAElF,KAAK,MAAM,QAAA,CAAS,GAAM,MAAU;AAClC,YAAM,IAAW,MAAU,KAAK;AAChC,MAAA,EAAK,SAAS,GACd,EAAK,WAAW,GAChB,EAAK,WAAW,IAAW,IAAI;AAAA,IACjC,CAAC;AAED,UAAM,IAAc,KAAK,MAAM,KAAK,WAAA;AACpC,IAAI,KAAe,CAAC,KAAK,UACvB,KAAK,QAAQ,EAAY,SAAS,EAAY;AAAA,EAElD;AAAA,EAKA,OAAc,GAAe;AAC3B,QAAI,CAAC,KAAK,SAAS,IAAQ,KAAK,KAAS,KAAK,MAAM,OAAQ;AAC5D,UAAM,IAAS,KAAK,MAAM,CAAA;AAC1B,IAAI,KAAU,CAAC,EAAO,aACpB,KAAK,cAAc,GACnB,KAAK,QAAQ,EAAO,SAAS,EAAO,OACpC,KAAK,eAAe,GACpB,KAAK,UAAU,UAAU;AAAA,MACvB,aAAa,KAAK;AAAA,MAClB,eAAe,KAAK;AAAA,MACpB,OAAO,KAAK;AAAA,MACZ,OAAO,KAAK;AAAA,MACZ,MAAM;AAAA,IACR,CAAC;AAAA,EAEL;AAAA,EAiEA,SAAkB;AAChB,WAAO;AAAA;AAAA,4BAEiB,KAAK,gBAAA;AAAA;AAAA;AAAA,EAG/B;AACF;AA1NG,EAAA,CAAA,EAAS;AAAA,EAAE,MAAM;AAAA,EAAQ,SAAS;AAAA,EAAM,WAAW;AAAe,CAAC,CAAA,GAAA,EAAA,WAAA,eAAA,MAAA;AAGnE,EAAA,CAAA,EAAS;AAAA,EAAE,MAAM;AAAA,EAAQ,WAAW;AAAiB,CAAC,CAAA,GAAA,EAAA,WAAA,iBAAA,IAAA;AAQtD,EAAA,CAAA,EAAS;AAAA,EAAE,MAAM;AAAA,EAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,MAAA;AAGxC,EAAA,CAAA,EAAS;AAAA,EAAE,MAAM;AAAA,EAAQ,SAAS;AAAA,EAAM,WAAW;AAAa,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,MAAA;AAGjE,EAAA,CAAA,EAAS;AAAA,EAAE,MAAM;AAAA,EAAS,SAAS;AAAA,EAAM,WAAW;AAAuB,CAAC,CAAA,GAAA,EAAA,WAAA,sBAAA,MAAA;AAG5E,EAAA,CAAA,EAAS;AAAA,EAAE,MAAM;AAAA,EAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,YAAA,MAAA;AAGzC,EAAA,CAAA,EAAsB;AAAA,EAAE,UAAU;AAAA,EAA2C,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,iBAAA,MAAA;AA3B9F,IAAA,EAAA,CAAA,EAAc,mBAAmB,CAAA,GAAA,CAAA;AAkO3B,IAAM,IAAN,cAAuB,EAAgB;AAAC;AAD9C,IAAA,EAAA,CAAA,EAAc,YAAY,CAAA,GAAA,CAAA"}
+{"version":3,"file":"navigation-bar.js","names":[],"sources":["../../../src/components/navigation-bar/navigation-bar.ts"],"sourcesContent":["import { html, PropertyValues } from 'lit';\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport { navigationBarStyles } from './navigation-bar.css.js';\nimport { MdNavigationBarItem, NavigationBarLabelMode } from './navigation-bar-item.js';\n\nexport * from './navigation-bar-item.js';\n\n/**\n * Material Design 3 Navigation Bar component.\n *\n * Navigation bars let users switch between 3 to 5 top-level destinations.\n * Supports active indicator pill, badge notifications, alwaysShow/selectedShow/hidden label modes,\n * keyboard navigation, and custom change events.\n *\n * @slot - Default slot for `md-navigation-bar-item` destinations.\n *\n * @fires change - Dispatched when the active navigation item changes. Detail: `{ activeIndex, selectedIndex, index, value, item }`\n */\n@customElement('md-navigation-bar')\nexport class MdNavigationBar extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, navigationBarStyles];\n\n  @property({ type: Number, reflect: true, attribute: 'active-index' })\n  activeIndex = 0;\n\n  @property({ type: Number, attribute: 'selected-index' })\n  get selectedIndex(): number {\n    return this.activeIndex;\n  }\n  set selectedIndex(val: number) {\n    this.activeIndex = val;\n  }\n\n  @property({ type: String, reflect: true })\n  value = '';\n\n  @property({ type: String, reflect: true, attribute: 'label-mode' })\n  labelMode: NavigationBarLabelMode = 'alwaysShow';\n\n  @property({ type: Boolean, reflect: true, attribute: 'hide-inactive-labels' })\n  hideInactiveLabels = false;\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @queryAssignedElements({ selector: 'md-navigation-bar-item, md-nav-bar-item', flatten: true })\n  private assignedItems!: MdNavigationBarItem[];\n\n  private get items(): MdNavigationBarItem[] {\n    if (this.assignedItems && this.assignedItems.length > 0) {\n      return this.assignedItems;\n    }\n    return Array.from(this.querySelectorAll('md-navigation-bar-item, md-nav-bar-item')) as MdNavigationBarItem[];\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'tablist');\n    }\n    if (!this.hasAttribute('aria-label')) {\n      this.setAttribute('aria-label', 'Navigation');\n    }\n    this.addEventListener('click', this.handleClick);\n    this.addEventListener('keydown', this.handleKeyDown);\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.handleClick);\n    this.removeEventListener('keydown', this.handleKeyDown);\n  }\n\n  override updated(changedProperties: PropertyValues<this>) {\n    super.updated(changedProperties);\n\n    if (changedProperties.has('activeIndex') || changedProperties.has('value')) {\n      if (changedProperties.has('activeIndex') && !changedProperties.has('value')) {\n        const current = this.items[this.activeIndex];\n        if (current) {\n          this.value = current.value || current.label;\n        }\n      } else if (changedProperties.has('value') && !changedProperties.has('activeIndex')) {\n        const matchingIndex = this.items.findIndex(\n          (item) => item.value === this.value || item.label === this.value\n        );\n        if (matchingIndex !== -1) {\n          this.activeIndex = matchingIndex;\n        }\n      }\n      this.syncActiveItem();\n    }\n\n    if (changedProperties.has('labelMode') || changedProperties.has('hideInactiveLabels')) {\n      this.syncLabelMode();\n    }\n\n    if (changedProperties.has('disabled') && this.disabled) {\n      this.syncDisabled();\n    }\n  }\n\n  private handleSlotChange = () => {\n    this.syncActiveItem();\n    this.syncLabelMode();\n    if (this.disabled) {\n      this.syncDisabled();\n    }\n  };\n\n  private syncDisabled() {\n    if (!this.items) return;\n    if (this.disabled) {\n      this.items.forEach((item) => {\n        item.disabled = true;\n      });\n    }\n  }\n\n  private syncLabelMode() {\n    if (!this.items) return;\n    this.items.forEach((item) => {\n      if (this.labelMode) {\n        item.labelMode = this.labelMode;\n      }\n      if (this.hideInactiveLabels) {\n        item.hideInactiveLabels = this.hideInactiveLabels;\n      }\n    });\n  }\n\n  private syncActiveItem() {\n    if (!this.items || this.items.length === 0) return;\n\n    if (this.activeIndex < 0) this.activeIndex = 0;\n    if (this.activeIndex >= this.items.length) this.activeIndex = this.items.length - 1;\n\n    this.items.forEach((item, index) => {\n      const isActive = index === this.activeIndex;\n      item.active = isActive;\n      item.selected = isActive;\n      item.tabIndex = isActive ? 0 : -1;\n    });\n\n    const currentItem = this.items[this.activeIndex];\n    if (currentItem && !this.value) {\n      this.value = currentItem.value || currentItem.label;\n    }\n  }\n\n  /**\n   * Selects a navigation item by index.\n   */\n  public select(index: number) {\n    if (!this.items || index < 0 || index >= this.items.length) return;\n    const target = this.items[index];\n    if (target && !target.disabled) {\n      this.activeIndex = index;\n      this.value = target.value || target.label;\n      this.syncActiveItem();\n      this.emitEvent('change', {\n        activeIndex: this.activeIndex,\n        selectedIndex: this.activeIndex,\n        index: this.activeIndex,\n        value: this.value,\n        item: target,\n      });\n    }\n  }\n\n  private handleClick = (event: MouseEvent) => {\n    if (this.disabled) return;\n\n    const target = (event.target as HTMLElement).closest(\n      'md-navigation-bar-item, md-nav-bar-item'\n    ) as MdNavigationBarItem | null;\n\n    if (!target || target.disabled || !this.items.includes(target)) return;\n\n    const index = this.items.indexOf(target);\n    if (index !== -1) {\n      this.activeIndex = index;\n      this.value = target.value || target.label;\n      this.syncActiveItem();\n      this.emitEvent('change', {\n        activeIndex: this.activeIndex,\n        selectedIndex: this.activeIndex,\n        index: this.activeIndex,\n        value: this.value,\n        item: target,\n      });\n    }\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (this.disabled) return;\n    const enabledItems = this.items.filter((i) => !i.disabled);\n    if (enabledItems.length === 0) return;\n\n    const activeItem = this.items[this.activeIndex];\n    const currentIndex = enabledItems.indexOf(activeItem!);\n\n    let nextIndex = -1;\n    if (event.key === 'ArrowRight' || event.key === 'ArrowDown') {\n      event.preventDefault();\n      nextIndex = currentIndex < enabledItems.length - 1 ? currentIndex + 1 : 0;\n    } else if (event.key === 'ArrowLeft' || event.key === 'ArrowUp') {\n      event.preventDefault();\n      nextIndex = currentIndex > 0 ? currentIndex - 1 : enabledItems.length - 1;\n    } else if (event.key === 'Home') {\n      event.preventDefault();\n      nextIndex = 0;\n    } else if (event.key === 'End') {\n      event.preventDefault();\n      nextIndex = enabledItems.length - 1;\n    }\n\n    if (nextIndex !== -1 && enabledItems[nextIndex]) {\n      const targetItem = enabledItems[nextIndex]!;\n      this.activeIndex = this.items.indexOf(targetItem);\n      this.value = targetItem.value || targetItem.label;\n      this.syncActiveItem();\n      targetItem.focus();\n      this.emitEvent('change', {\n        activeIndex: this.activeIndex,\n        selectedIndex: this.activeIndex,\n        index: this.activeIndex,\n        value: this.value,\n        item: targetItem,\n      });\n    }\n  };\n\n  override render() {\n    return html`\n      <div class=\"nav-bar-container\">\n        <slot @slotchange=${this.handleSlotChange}></slot>\n      </div>\n    `;\n  }\n}\n\n// Aliases\n@customElement('md-nav-bar')\nexport class MdNavBar extends MdNavigationBar {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-navigation-bar': MdNavigationBar;\n    'md-nav-bar': MdNavBar;\n  }\n}\n"],"mappings":"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"}

package/dist/components/navigation-drawer/navigation-drawer.js

@@ -1,8 +1,2 @@
-import { a as r, i as e, n as t, r as i, t as M } from "../../chunks/navigation-drawer-CKl44Ef5.js";
-export {
-  M as MdDrawer,
-  t as MdDrawerItem,
-  i as MdMenuBar,
-  e as MdNavigationDrawer,
-  r as MdNavigationDrawerItem
-};
+import { a as e, i as t, n, r, t as i } from "../../chunks/navigation-drawer-pGer0t4z.js";
+export { i as MdDrawer, n as MdDrawerItem, r as MdMenuBar, t as MdNavigationDrawer, e as MdNavigationDrawerItem };

package/dist/components/navigation-rail/navigation-rail-item.js

@@ -1,5 +1,2 @@
-import { n as t, t as i } from "../../chunks/navigation-rail-item-6pdhNHJK.js";
-export {
-  i as MdNavRailItem,
-  t as MdNavigationRailItem
-};
+import { n as e, t } from "../../chunks/navigation-rail-item-CWvGjLjC.js";
+export { t as MdNavRailItem, e as MdNavigationRailItem };

package/dist/components/navigation-rail/navigation-rail.js

@@ -1,72 +1,72 @@
-import { n as h, t as l } from "../../chunks/decorate-DXuynaiA.js";
-import "../../chunks/ripple-squbKHhj.js";
-import "../../chunks/focus-ring-CuiJuM-y.js";
-import "../../chunks/icon-DrNqcNEL.js";
-import { n as L, r as f, t as A } from "../../chunks/navigation-rail-item-6pdhNHJK.js";
-import { html as u } from "lit";
-import { customElement as m, property as o, queryAssignedElements as g } from "lit/decorators.js";
-var s = class extends h {
-  constructor(...i) {
-    super(...i), this.alignment = "top", this.hideLabels = !1, this.activeIndex = -1, this.ariaLabelText = "Navigation rail", this.handleSlotChange = () => {
-      if (this.syncHideLabels(), this.activeIndex >= 0) this.syncActiveItem();
-      else {
-        const t = this.items.findIndex((e) => e.active || e.selected);
-        t !== -1 && (this.activeIndex = t);
-      }
-    }, this.handleClick = (t) => {
-      const e = t.composedPath().find((a) => a instanceof HTMLElement && (a.tagName.toLowerCase() === "md-navigation-rail-item" || a.tagName.toLowerCase() === "md-nav-rail-item")) || t.target?.closest?.("md-navigation-rail-item, md-nav-rail-item");
-      if (e && !e.disabled && this.items) {
-        const a = this.items.indexOf(e);
-        a !== -1 && (this.activeIndex = a, this.syncActiveItem(), this.emitEvent("change", {
-          activeIndex: this.activeIndex,
-          item: e,
-          value: e.value
-        }));
-      }
-    }, this.handleKeyDown = (t) => {
-      if (!this.items || this.items.length === 0) return;
-      const e = this.items.filter((r) => !r.disabled);
-      if (e.length === 0) return;
-      const a = this.items[this.activeIndex] || e[0], d = e.indexOf(a);
-      let n = -1;
-      if (t.key === "ArrowDown" ? (t.preventDefault(), n = d < e.length - 1 ? d + 1 : 0) : t.key === "ArrowUp" ? (t.preventDefault(), n = d > 0 ? d - 1 : e.length - 1) : t.key === "Home" ? (t.preventDefault(), n = 0) : t.key === "End" && (t.preventDefault(), n = e.length - 1), n !== -1 && e[n]) {
-        const r = e[n];
-        this.activeIndex = this.items.indexOf(r), this.syncActiveItem(), r.focus(), this.emitEvent("change", {
-          activeIndex: this.activeIndex,
-          item: r,
-          value: r.value
-        });
-      }
-    };
-  }
-  static {
-    this.styles = [h.styles, f];
-  }
-  get items() {
-    return this.assignedItems && this.assignedItems.length > 0 ? this.assignedItems : Array.from(this.querySelectorAll("md-navigation-rail-item, md-nav-rail-item"));
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.setAttribute("role", "navigation"), !this.hasAttribute("aria-label") && this.ariaLabelText && this.setAttribute("aria-label", this.ariaLabelText), this.addEventListener("click", this.handleClick), this.addEventListener("keydown", this.handleKeyDown);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener("click", this.handleClick), this.removeEventListener("keydown", this.handleKeyDown);
-  }
-  updated(i) {
-    super.updated(i), i.has("activeIndex") && this.syncActiveItem(), i.has("hideLabels") && this.syncHideLabels();
-  }
-  syncHideLabels() {
-    this.items && this.items.forEach((i) => {
-      this.hideLabels ? i.setAttribute("hide-label", "") : i.removeAttribute("hide-label");
-    });
-  }
-  syncActiveItem() {
-    !this.items || this.items.length === 0 || this.items.forEach((i, t) => {
-      const e = t === this.activeIndex;
-      i.active = e, i.selected = e;
-    });
-  }
-  render() {
-    return u`
+import { n as e, t } from "../../chunks/decorate-DknOJ8FJ.js";
+import "../../chunks/ripple-CBOKeVfm.js";
+import "../../chunks/focus-ring-K6SY_mIm.js";
+import "../../chunks/icon-FvKeXi61.js";
+import { n, r, t as i } from "../../chunks/navigation-rail-item-CWvGjLjC.js";
+import { html as a } from "lit";
+import { customElement as o, property as s, queryAssignedElements as c } from "lit/decorators.js";
+//#region src/components/navigation-rail/navigation-rail.ts
+var l = class extends e {
+	constructor(...e) {
+		super(...e), this.alignment = "top", this.hideLabels = !1, this.activeIndex = -1, this.ariaLabelText = "Navigation rail", this.handleSlotChange = () => {
+			if (this.syncHideLabels(), this.activeIndex >= 0) this.syncActiveItem();
+			else {
+				let e = this.items.findIndex((e) => e.active || e.selected);
+				e !== -1 && (this.activeIndex = e);
+			}
+		}, this.handleClick = (e) => {
+			let t = e.composedPath().find((e) => e instanceof HTMLElement && (e.tagName.toLowerCase() === "md-navigation-rail-item" || e.tagName.toLowerCase() === "md-nav-rail-item")) || e.target?.closest?.("md-navigation-rail-item, md-nav-rail-item");
+			if (t && !t.disabled && this.items) {
+				let e = this.items.indexOf(t);
+				e !== -1 && (this.activeIndex = e, this.syncActiveItem(), this.emitEvent("change", {
+					activeIndex: this.activeIndex,
+					item: t,
+					value: t.value
+				}));
+			}
+		}, this.handleKeyDown = (e) => {
+			if (!this.items || this.items.length === 0) return;
+			let t = this.items.filter((e) => !e.disabled);
+			if (t.length === 0) return;
+			let n = this.items[this.activeIndex] || t[0], r = t.indexOf(n), i = -1;
+			if (e.key === "ArrowDown" ? (e.preventDefault(), i = r < t.length - 1 ? r + 1 : 0) : e.key === "ArrowUp" ? (e.preventDefault(), i = r > 0 ? r - 1 : t.length - 1) : e.key === "Home" ? (e.preventDefault(), i = 0) : e.key === "End" && (e.preventDefault(), i = t.length - 1), i !== -1 && t[i]) {
+				let e = t[i];
+				this.activeIndex = this.items.indexOf(e), this.syncActiveItem(), e.focus(), this.emitEvent("change", {
+					activeIndex: this.activeIndex,
+					item: e,
+					value: e.value
+				});
+			}
+		};
+	}
+	static {
+		this.styles = [e.styles, r];
+	}
+	get items() {
+		return this.assignedItems && this.assignedItems.length > 0 ? this.assignedItems : Array.from(this.querySelectorAll("md-navigation-rail-item, md-nav-rail-item"));
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.setAttribute("role", "navigation"), !this.hasAttribute("aria-label") && this.ariaLabelText && this.setAttribute("aria-label", this.ariaLabelText), this.addEventListener("click", this.handleClick), this.addEventListener("keydown", this.handleKeyDown);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.removeEventListener("click", this.handleClick), this.removeEventListener("keydown", this.handleKeyDown);
+	}
+	updated(e) {
+		super.updated(e), e.has("activeIndex") && this.syncActiveItem(), e.has("hideLabels") && this.syncHideLabels();
+	}
+	syncHideLabels() {
+		this.items && this.items.forEach((e) => {
+			this.hideLabels ? e.setAttribute("hide-label", "") : e.removeAttribute("hide-label");
+		});
+	}
+	syncActiveItem() {
+		!this.items || this.items.length === 0 || this.items.forEach((e, t) => {
+			let n = t === this.activeIndex;
+			e.active = n, e.selected = n;
+		});
+	}
+	render() {
+		return a`
       <div class="rail">
         <div class="header">
           <slot name="menu"></slot>
@@ -83,39 +83,29 @@ var s = class extends h {
         </div>
       </div>
     `;
-  }
-};
-l([o({
-  type: String,
-  reflect: !0
-})], s.prototype, "alignment", void 0);
-l([o({
-  type: Boolean,
-  reflect: !0,
-  attribute: "hide-labels"
-})], s.prototype, "hideLabels", void 0);
-l([o({
-  type: Number,
-  reflect: !0,
-  attribute: "active-index"
-})], s.prototype, "activeIndex", void 0);
-l([o({
-  type: String,
-  attribute: "aria-label"
-})], s.prototype, "ariaLabelText", void 0);
-l([g({
-  selector: "md-navigation-rail-item, md-nav-rail-item",
-  flatten: !0
-})], s.prototype, "assignedItems", void 0);
-s = l([m("md-navigation-rail")], s);
-var c = class extends s {
-};
-c = l([m("md-nav-rail")], c);
-export {
-  c as MdNavRail,
-  A as MdNavRailItem,
-  s as MdNavigationRail,
-  L as MdNavigationRailItem
+	}
 };
+t([s({
+	type: String,
+	reflect: !0
+})], l.prototype, "alignment", void 0), t([s({
+	type: Boolean,
+	reflect: !0,
+	attribute: "hide-labels"
+})], l.prototype, "hideLabels", void 0), t([s({
+	type: Number,
+	reflect: !0,
+	attribute: "active-index"
+})], l.prototype, "activeIndex", void 0), t([s({
+	type: String,
+	attribute: "aria-label"
+})], l.prototype, "ariaLabelText", void 0), t([c({
+	selector: "md-navigation-rail-item, md-nav-rail-item",
+	flatten: !0
+})], l.prototype, "assignedItems", void 0), l = t([o("md-navigation-rail")], l);
+var u = class extends l {};
+u = t([o("md-nav-rail")], u);
+//#endregion
+export { u as MdNavRail, i as MdNavRailItem, l as MdNavigationRail, n as MdNavigationRailItem };
 
 //# sourceMappingURL=navigation-rail.js.map