@ed.yakovich/example-component-library-equipment-summary 1.0.1

package/dist/prism-menu.entry-BOHwsSEF.js

@@ -0,0 +1,231 @@
+import { r as y, c as f, h as a, H as _, g as E, F as g } from "./index-DxRZ6prf.js";
+import { g as M, u as b, m as C, a as v, e as z, b as w } from "./index-e6818ded-r_t6ryaW.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
+ */
+const A = '.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}:host{--width:100%;--justify:"left";--prism-menu-margin:0.25rem 0;--prism-menu-parent-button-padding:0 0 12px 0;--prism-menu-horizontal-dropdown-max-height:75vh;--prism-menu-horizontal-dropdown-max-width:50vw;display:block;margin:var(--prism-menu-margin);max-width:var(--width);position:relative}.menu-item,.menu-items{list-style-type:none;margin:0;padding:0}.menu-item>:not([hidden])~:not([hidden]),.menu-items>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.list-items{list-style-type:none;margin:0;padding:0}.collapsible{transition:max-height .25s ease-in-out}.menu-children{margin-top:.5rem;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.list-children,.menu-children{margin-left:1.75rem;max-height:0;overflow-y:hidden}.overflow-wrapper.expanded>ul.menu-children,li.expanded>ul.list-children,li.expanded>ul.menu-children{display:block;max-height:500vh;overflow:auto}.menu-horizontal .overflow-wrapper.expanded>ul.menu-children,.menu-horizontal>li.expanded>ul.list-children,.menu-horizontal>li.expanded>ul.menu-children{display:block;max-height:var(--prism-menu-horizontal-dropdown-max-height);max-width:var(--prism-menu-horizontal-dropdown-max-width);overflow:auto;white-space:break-spaces}.collapse{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.menu,.menu ul{list-style-type:none;margin:0;padding:0;width:100%}.menu ul>li{margin-left:1.75rem}.menu-horizontal.gap{-moz-column-gap:1.5rem;column-gap:1.5rem}.menu-item>span{align-items:center;display:flex}.menu-collapse{margin-top:.75rem}.menu-text{--text-body1-leading:var(--text-body1-line-height);--text-body1-family:var(--text-family-default);font-family:var(--text-body1-family);font-size:var(--text-body1-size);font-weight:var(--text-body1-weight);letter-spacing:var(--text-body1-letter-spacing);line-height:var(--text-body1-leading);text-transform:var(--text-body1-text-transform)}.menu-horizontal,.menu-horizontal nav{max-width:100%}.menu-horizontal .single-menu-item prism-button[data-root],.menu-horizontal prism-button[data-root]{--button-padding:var(--prism-menu-parent-button-padding)}.menu-horizontal prism-button[data-child]{--button-padding:0 0.75rem}.menu-horizontal,[part=overflow-menu] ul,ul.menu-horizontal ul{list-style-type:none;margin:0;padding:0;width:100%}.menu-horizontal ul>li,[part=overflow-menu] ul>li{margin-left:1.75rem;position:relative}.fadeout{opacity:0;transition:opacity .2s ease-in-out}.menu-horizontal [data-root]{white-space:nowrap}.menu-horizontal{align-items:center;display:flex;justify-content:var(--button-group-justify,flex-start)}.menu-horizontal>.menu-item-parent>ul.menu-children,.overflow-wrapper>ul.menu-children{--tw-bg-opacity:1;--tw-shadow:0px 4px 8px -4px var(--shadow-color);--tw-shadow-colored:0px 4px 8px -4px var(--tw-shadow-color);--shadow-color:var(--material-neutral-base-shadow);background-color:rgb(var(--background-color-material-neutral-base)/var(--tw-bg-opacity));border-radius:var(--border-radius-medium,8px);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);margin-top:.25rem;position:absolute;transition:opacity .25s ease-in-out;width:-webkit-max-content;width:-moz-max-content;width:max-content}.menu-horizontal .overflow-wrapper>ul.menu-children>li,.menu-horizontal>.menu-item-parent>ul.menu-children>li{margin-left:0}.menu-nav{display:flex}.overflow-wrapper{position:absolute;right:.25rem;transform:translateX(-105%)}.overflow-wrapper>ul.menu-children{display:block;right:0}.overflow-wrapper>ul.menu-children prism-button,.overflow-wrapper>ul.menu-children prism-button[data-root]{--button-padding:0.75rem}.tree-list,.tree-list ul{list-style-type:none;margin:0;padding:0}.tree-list ul>li{margin-left:1.75rem}.tree-list .menu-item{padding-bottom:.75rem;padding-top:.75rem}.tree-list .list-items{margin-top:.75rem}.item-text{--text-body1-leading:var(--text-body1-line-height);--text-body1-family:var(--text-family-default);font-family:var(--text-body1-family);font-size:var(--text-body1-size);font-weight:var(--text-body1-weight);letter-spacing:var(--text-body1-letter-spacing);line-height:var(--text-body1-leading);text-decoration-line:underline;text-transform:var(--text-body1-text-transform)}.tree-list .single-menu-item{align-items:center;display:flex}.single-menu-item{width:100%}.badge{padding-left:.5rem}.children-icon,.trailing-icon{margin-left:auto}@media (prefers-reduced-motion){.collapsible{transition:none}}.relative{position:relative}.pointer-events-none{pointer-events:none}', P = A, I = class {
+  constructor(u) {
+    y(this, u), this.prismMenu = f(this, "prismMenu", 7), this.prismClick = f(this, "prismClick", 7), this.prismClose = f(this, "prismClose", 7), this._uid = M(), this.mapPointers = (o, t) => {
+      var n, s;
+      const e = Object.assign({}, o), l = !!(!((n = e == null ? void 0 : e.children) === null || n === void 0) && n.length);
+      return t && (e._parentRef = t), t && l && ((s = e == null ? void 0 : e.children) === null || s === void 0 || s.map((r) => this.mapPointers(r, e))), e.expanded && (e._preserveExpanded = !0, this.initiallyExpanded.push(e)), e.active && this.activeChildren.push(e), e;
+    }, this.expandActiveMenus = () => {
+      const o = (t) => {
+        const n = !!(t != null && t._parentRef), s = this.expandActiveParents === !0, e = this.variant === "menu-horizontal", l = this.overflowMenu.findIndex((i) => i.uid === t.uid), r = l !== -1, h = this.initiallyExpanded.findIndex((i) => i.uid === t.uid) !== -1;
+        !n && e && s && (t.expanded = !!h, r && (this.overflowMenu[l].expanded = !0)), n && s && (t._parentRef.expanded = !0, o(t._parentRef)), n && !s && (delete t._parentRef.expanded, h && (t.expanded = !0), o(t._parentRef));
+      };
+      this.activeChildren.map(o);
+    }, this.initializeMenu = () => {
+      this.activeChildren = [], this.initiallyExpanded = [];
+      const o = this.menu.map((t, n) => {
+        var s;
+        const e = Object.assign(Object.assign({}, t), { uid: `${b((t == null ? void 0 : t.label) || (t == null ? void 0 : t.title))}-${this._uid}-${n}` }), l = !!(!((s = e == null ? void 0 : e.children) === null || s === void 0) && s.length);
+        return e.expanded && (e._preserveExpanded = !0, this.initiallyExpanded.push(e)), l && (e.children = e.children.map((r) => this.mapPointers(r, e))), e;
+      });
+      return this.expandActiveParents === !0 && this.activeChildren.length && this.expandActiveMenus(), o;
+    }, this.updateOverflowKeys = (o) => {
+      o ? (this.overflowKeys = Object.assign(Object.assign({}, this.overflowKeys), o), this.overflowMenu = [...this.menu.filter((t) => this.overflowKeys[t.uid])]) : this.overflowMenu = [...this.menu.filter((t) => this.overflowKeys[t.uid])];
+    }, this.handleIntersection = (o) => {
+      o.forEach((t) => {
+        const { target: n, isIntersecting: s } = t;
+        s ? (n.classList.remove("fadeout"), n.classList.remove("pointer-events-none"), n.setAttribute("aria-hidden", "false"), this.updateOverflowKeys({ [n.dataset.uid]: !1 })) : (n.classList.add("fadeout"), n.classList.add("pointer-events-none"), n.setAttribute("aria-hidden", "true"), this.updateOverflowKeys({ [n.dataset.uid]: !0 }));
+      });
+    }, this.collapseMenu = () => {
+      this.collapse = !this.collapse;
+    }, this.subMenuExpanded = !1, this.subMenuIcon = "caret_down_button", this.overflowButtonId = "overflow-menu-button", this.menuItemClicked = (o, t) => {
+      const n = o.currentTarget, s = n.closest("[part=overflow-menu]");
+      if (t.root && (t != null && t.children) && this.variant === "menu-horizontal" && !s && this._collapseAll(o.detail.id), o.detail.id !== this.overflowButtonId && !s && this.overflowExpanded && (this.overflowExpanded = !1, this._collapseAll(this.overflowButtonId)), o.detail.id === this.overflowButtonId && (this.overflowExpanded = !this.overflowExpanded, this._collapseAll(o.detail.id)), t != null && t.children) {
+        const { label: e, prismId: l } = n;
+        this._itemClickToggle(n), o.detail.id !== this.overflowButtonId && this.prismClick.emit({
+          data: t,
+          id: l,
+          label: e,
+          name: t != null && t.root ? "menu-dropdown-root" : "menu-dropdown",
+          target: n,
+          isParent: !0,
+          isRoot: (t == null ? void 0 : t.root) || !1,
+          isInsideOverflow: !!s
+        });
+      } else {
+        const { label: e, prismId: l } = n;
+        this.prismClick.emit({
+          data: t,
+          id: l,
+          label: e,
+          name: "menu-item",
+          target: n,
+          isParent: !1,
+          isRoot: (t == null ? void 0 : t.root) || !1,
+          isInsideOverflow: !!s
+        });
+      }
+      this.toggleFocusChildren();
+    }, this._collapseAll = (o) => {
+      this.el.shadowRoot.querySelectorAll("li.expanded:not(.overflow-root) prism-button[data-root], .overflow-wrapper.expanded > prism-button[data-root]").forEach((s) => {
+        s.prismId !== o && this._itemClickToggle(s);
+      });
+    }, this._expandMenuParent = (o) => (t) => {
+      const n = t.parentElement.closest(".menu-item-parent"), s = n.querySelector("[data-type=icon]"), e = n.querySelector("[data-display]");
+      o && (n.classList.add("expanded"), e.setAttribute("expanded", "true"), s.setAttribute("name", "caret_up_button")), o || (n.classList.remove("expanded"), e.setAttribute("expanded", "false"), s.setAttribute("name", this.subMenuIcon));
+    }, this._expandActiveParentElements = (o) => (t) => {
+      const n = t.parentElement.closest(".menu-item-parent");
+      !!t.attributes["data-root"] || !n || (this._expandMenuParent(o)(t), this._expandActiveParentElements(o)(n));
+    }, this._itemClickToggle = (o) => {
+      var t, n, s, e;
+      const l = this.variant === "menu-horizontal", r = this.expandActiveParents === !0, d = !!o.attributes["data-root"], h = !!o.classList.contains("overflow-menu-button-toggle"), i = o.querySelector("[data-type=icon]");
+      o.expanded = !o.expanded, i == null || i.setAttribute("name", o.expanded ? "caret_up_button" : this.subMenuIcon), (t = o.closest("li")) === null || t === void 0 || t.classList.toggle("expanded");
+      const p = o.closest("li");
+      d && l && r && p && (p.querySelectorAll("[data-child] [aria-current='page']").forEach(this._expandActiveParentElements(o.expanded)), p.querySelectorAll("[data-preserve-expanded]").forEach(this._expandMenuParent(o.expanded))), h && l && r && ((e = (s = ((n = this.el.shadowRoot) === null || n === void 0 ? void 0 : n.querySelectorAll("div.overflow-wrapper"))[0]) === null || s === void 0 ? void 0 : s.querySelectorAll("li.overflow-root")) === null || e === void 0 || e.forEach((c) => {
+        const x = c.querySelectorAll("[data-child] [aria-current='page']");
+        x.forEach(this._expandActiveParentElements(o.expanded)), x || c.querySelectorAll("[data-preserve-expanded]").forEach(this._expandMenuParent(o.expanded));
+      }));
+    }, this.menu = [], this.collapse = !1, this.collapsible = !1, this.expandActiveParents = !1, this.variant = "menu", this.gap = !1, this.navLabel = void 0, this.navRole = void 0, this.overflow = !1, this.useCustomRouting = void 0, this.overflowKeys = {}, this.overflowMenu = [], this.overflowExpanded = !1, this.activeChildren = [], this.initiallyExpanded = [];
+  }
+  // Track Open Menus
+  // private openMenus: NodeListOf<Element>;
+  // Watch for Menu Object Changes
+  updateMenu() {
+  }
+  // Init
+  connectedCallback() {
+    C("prism-menu");
+  }
+  toggleFocusChildren() {
+    var u, o, t, n, s, e;
+    (u = this.el.shadowRoot) === null || u === void 0 || u.querySelectorAll("li").forEach((r) => {
+      v(r).forEach(z);
+    });
+    const l = (o = this.el.shadowRoot) === null || o === void 0 ? void 0 : o.querySelectorAll("li.menu-item-parent:not(.expanded)");
+    if (l == null || l.forEach((r) => {
+      v(r.querySelector("ul")).forEach(w);
+    }), this.overflow) {
+      this.overflowExpanded || (s = (n = ((t = this.el.shadowRoot) === null || t === void 0 ? void 0 : t.querySelectorAll("div.overflow-wrapper"))[0]) === null || n === void 0 ? void 0 : n.querySelectorAll("li.overflow-root")) === null || s === void 0 || s.forEach((h) => {
+        v(h).forEach(w);
+      });
+      const r = (e = this.el.shadowRoot) === null || e === void 0 ? void 0 : e.querySelectorAll('li[aria-hidden="true"]');
+      r == null || r.forEach((d) => {
+        v(d).forEach(w);
+      });
+    }
+  }
+  /**
+   * Initiates an Intersection Observer to monitor menu items and move them to the overflow menu if necessary.
+   */
+  observeMenu() {
+    const u = {
+      root: this.el,
+      // Rems don't seem to work 😢
+      // -48px clears the overflow button's width
+      // This makes a menu item disappear as soon as the overflow button "touches" it.
+      rootMargin: "0px -48px 0px 0px",
+      threshold: 1
+    };
+    this.variant === "menu-horizontal" && this.el.getBoundingClientRect().width > 0 && (this._observer = new IntersectionObserver(this.handleIntersection, u), this._nav.querySelectorAll("li:not([part=overflow-menu])").forEach((o) => {
+      o.parentElement.hasAttribute("part") && this._observer.observe(o);
+    }));
+  }
+  componentDidLoad() {
+    var u, o;
+    this.overflow && this.observeMenu();
+    const t = this.el.shadowRoot.querySelectorAll("prism-button[data-root]"), n = "li.expanded:not(.overflow-root) prism-button[data-root], .overflow-wrapper.expanded > prism-button[data-root]";
+    this.variant === "menu-horizontal" && (t && t.forEach((s) => {
+      s == null || s.addEventListener("focusin", (e) => {
+        var l, r;
+        const d = this.el.shadowRoot.querySelectorAll(n);
+        e.target.id !== ((r = (l = d[0]) === null || l === void 0 ? void 0 : l.children[0]) === null || r === void 0 ? void 0 : r.id) && d.forEach((h) => {
+          var i, p;
+          this._itemClickToggle(h), this.toggleFocusChildren(), this.overflowExpanded = !1, this.prismClose.emit({ name: "root-dropdown-closed-focus-off-dropdown", id: (i = h.children[0]) === null || i === void 0 ? void 0 : i.id, label: (p = h.children[0]) === null || p === void 0 ? void 0 : p.textContent });
+        });
+      });
+    }), (u = this.el) === null || u === void 0 || u.addEventListener("focusout", () => {
+      this.el.shadowRoot.querySelectorAll(n).forEach((e) => {
+        var l, r;
+        this._itemClickToggle(e), this.toggleFocusChildren(), this.overflowExpanded = !1, this.prismClose.emit({ name: "root-dropdown-closed-focus-out-of-menu", id: (l = e.children[0]) === null || l === void 0 ? void 0 : l.id, label: (r = e.children[0]) === null || r === void 0 ? void 0 : r.textContent });
+      });
+    })), (o = this.el) === null || o === void 0 || o.addEventListener("keydown", (s) => {
+      s.code === "Escape" && this.el.shadowRoot.querySelectorAll(n).forEach((l) => {
+        var r, d;
+        this._itemClickToggle(l), this.toggleFocusChildren(), this.overflowExpanded = !1, l.setFocus(), this.prismClose.emit({ name: "root-dropdown-closed-escape-key", id: (r = l.children[0]) === null || r === void 0 ? void 0 : r.id, label: (d = l.children[0]) === null || d === void 0 ? void 0 : d.textContent });
+      });
+    }), document.addEventListener("mousedown", (s) => {
+      const e = s.target, l = this.el.tagName.toLowerCase(), r = this.el.shadowRoot.querySelectorAll(n);
+      e.closest(l) !== this.el && r.forEach((d) => {
+        var h, i;
+        this._itemClickToggle(d), this.overflowExpanded = !1, this.toggleFocusChildren(), this.prismClose.emit({ name: "root-dropdown-closed-click-outside-menu", id: (h = d.children[0]) === null || h === void 0 ? void 0 : h.id, label: (i = d.children[0]) === null || i === void 0 ? void 0 : i.textContent });
+      });
+    });
+  }
+  componentDidRender() {
+    this.prismMenu.emit({ menu: this.menu }), this.toggleFocusChildren();
+  }
+  componentWillRender() {
+    this.menu = this.initializeMenu(), this.overflow && this.updateOverflowKeys(null);
+  }
+  render() {
+    const u = {
+      children: this.overflowMenu
+    }, o = () => {
+      this.el.shadowRoot.querySelectorAll("li.expanded:not(.overflow-root) prism-button[data-root], .overflow-wrapper.expanded > prism-button[data-root]").forEach((r) => {
+        var d;
+        ((d = r.children[0]) === null || d === void 0 ? void 0 : d.id) !== this.overflowButtonId && (this._itemClickToggle(r), this.toggleFocusChildren());
+      });
+    }, t = (e) => {
+      const l = this.variant === "menu-horizontal";
+      return this.overflow && a("prism-button", { onPrismFocus: o, class: "overflow-menu-button-toggle", display: "ghost", tone: this.overflowExpanded ? "theme1" : "neutral", prismId: this.overflowButtonId, expanded: (e == null ? void 0 : e.expanded) || !1, onPrismPress: (r) => {
+        this.menuItemClicked(r, e), e != null && e.onPrismPress && (e == null || e.onPrismPress(r)), this.prismClick.emit({ name: "overflow", open: this.overflowExpanded });
+      }, "data-root": !0, state: l && this.overflowExpanded ? "active" : null, size: "xs", label: "more" }, a("prism-icon", { class: "icon", tone: l && e.active ? "theme1" : "neutral", name: "more_horizontal", size: "sm" }));
+    }, n = (e) => {
+      var l;
+      const r = (l = e == null ? void 0 : e.children) === null || l === void 0 ? void 0 : l.length, d = this.variant === "menu-horizontal", h = d && (e == null ? void 0 : e.root) && !this.overflowKeys[e.uid];
+      return a("div", { class: "single-menu-item" }, a("prism-button", { display: this.variant === "tree-list" ? "link" : h ? "ghost" : "menu", tone: e.active ? "theme1" : "neutral", current: e.active && !r ? "page" : !!(e.active && r), target: e.target, expanded: r ? (e == null ? void 0 : e.expanded) || (e == null ? void 0 : e._preserveExpanded) || !1 : void 0, href: e.children ? void 0 : e.href, onPrismPress: (i) => {
+        this.useCustomRouting && i.preventDefault(), this.menuItemClicked(i, e), e != null && e.onPrismPress && (e == null || e.onPrismPress(i));
+      }, state: d && e.active ? "active" : null, "data-root": e == null ? void 0 : e.root, "data-child": !e.root, "data-preserve-expanded": e == null ? void 0 : e._preserveExpanded }, e.icon && a("prism-icon", { slot: "icon", class: "icon", tone: e.active ? "theme1" : "neutral", name: e.icon, size: "sm" }), this.variant.includes("menu") && (e.children || e.active) && a(g, null, d && e.root && !this.overflowKeys[e.uid] && e.active && !r ? null : a("prism-icon", { class: "trailing-icon", slot: "icon-trailing", tone: e.children ? "custom" : "theme1", name: e.children ? e.expanded || e != null && e._preserveExpanded ? "caret_up_button" : "caret_down_button" : "check", "data-type": "icon" })), a("span", { class: {
+        collapse: this.collapse,
+        "item-text": this.variant === "tree-list",
+        "menu-text": this.variant.includes("menu") && !e.root
+      } }, e.title), e.label && a("prism-badge", { label: e.badgeA11yLabel, priority: e.active ? "high" : void 0, tone: e.active ? "theme1" : void 0, slot: "label", class: "badge", size: "md" }, e.label)), e.children && !this.variant.includes("menu") && a("prism-button", { label: `Toggle Sub Menu for ${e.title}`, expanded: this.subMenuExpanded, onPrismPress: (i) => this.menuItemClicked(i, e), display: this.variant === "tree-list" ? "ghost-icon" : "ghost", "aria-hidden": this.collapse.toString(), class: { "children-icon": !0, collapse: this.collapse } }, a("prism-icon", { size: "xs", name: this.subMenuIcon, "data-type": "icon" })));
+    }, s = (e) => {
+      var l, r;
+      const d = (l = e == null ? void 0 : e.children) === null || l === void 0 ? void 0 : l.length, h = (i, p) => `${b((i == null ? void 0 : i.label) || (i == null ? void 0 : i.title))}-${this._uid}-${p}`;
+      return a("ul", { class: {
+        "menu-children": this.variant.includes("menu"),
+        "list-children": this.variant === "tree-list",
+        collapsible: !this.collapsible
+      } }, d > 0 && ((r = e == null ? void 0 : e.children) === null || r === void 0 ? void 0 : r.map((i, p) => {
+        var m;
+        const c = this.overflowKeys[i.uid];
+        return a(g, null, ((m = i == null ? void 0 : i.children) === null || m === void 0 ? void 0 : m.length) > 0 ? a("li", { key: `${i.uid}-${p}`, id: i != null && i.root ? `menu-root-${i.uid}` : `menu-child-${h(i, p)}`, "data-uid": i.uid, class: {
+          "menu-item-parent": d > 0,
+          "menu-item": d <= 0,
+          expanded: (i == null ? void 0 : i.expanded) || (i == null ? void 0 : i._preserveExpanded),
+          "overflow-root": c
+        } }, a(n, Object.assign({}, i)), a(s, Object.assign({}, i))) : a("li", { id: i != null && i.root ? `menu-root-${i.uid}` : `menu-child-${h(i, p)}`, "data-uid": e.uid, key: `${i.uid}-${p}`, class: { "menu-item": !0, "overflow-root": c } }, a(n, Object.assign({}, i))));
+      })));
+    };
+    return a(_, null, a("nav", { class: "menu-nav", "aria-label": this.navLabel, role: this.navRole }, a("ul", { class: {
+      [this.variant]: !0,
+      collapsible: !this.collapsible,
+      gap: this.gap
+    }, ref: (e) => this._nav = e, part: "menu" }, this.menu.map((e, l) => {
+      var r;
+      return a("li", { key: `${e.uid}-${l}`, id: `menu-root-${e.uid}`, "data-uid": e.uid, "data-root": e.root, class: {
+        relative: this.variant === "menu-horizontal",
+        "menu-item-parent": ((r = e == null ? void 0 : e.children) === null || r === void 0 ? void 0 : r.length) > 0,
+        "menu-item": !(e != null && e.children),
+        expanded: (e == null ? void 0 : e.expanded) || (e == null ? void 0 : e._preserveExpanded)
+      } }, a(n, Object.assign({}, e)), e.children && a(s, Object.assign({}, e)));
+    }), a("slot", null)), this.overflow && this.overflowMenu.length > 0 ? a("div", { part: "overflow-menu", class: "relative menu-horizontal" }, a("div", { class: { expanded: this.overflowExpanded, "overflow-wrapper relative": !0 } }, a(t, Object.assign({}, u)), a(s, Object.assign({}, u)))) : null, this.collapsible && a("prism-button", { class: "menu-collapse", type: "button", display: "ghost-icon", label: this.collapse ? "expand menu" : "collapse menu", onPrismPress: () => this.collapseMenu(), "aria-expanded": (!this.collapse).toString() || "false" }, a("prism-icon", { slot: "icon", name: this.collapse ? "caret_right_button" : "caret_left_button", size: "xs" }))));
+  }
+  get el() {
+    return E(this);
+  }
+  static get watchers() {
+    return {
+      menu: ["updateMenu"]
+    };
+  }
+};
+I.style = P;
+export {
+  I as prism_menu
+};

package/dist/prism-modal.entry-lNtEVneh.js

@@ -0,0 +1,94 @@
+import { r as l, c as r, h as s, H as c, g as n } from "./index-DxRZ6prf.js";
+import { g as m, a as o, m as h } from "./index-e6818ded-r_t6ryaW.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
+ */
+const b = ".sc-prism-modal-h{--modal-w:75vw;--prism-modal-max-height:75vh;--tw-bg-opacity:1;--tw-bg-opacity:var(--background-opacity-secondary,0.6);--shadow-color:var(--fill-neutral-base-shadow);-webkit-backdrop-filter:blur(.1875rem);backdrop-filter:blur(.1875rem);background-color:rgb(var(--background-color-fill-neutral-base)/var(--tw-bg-opacity));bottom:0;display:none;height:0;isolation:isolate;left:0;opacity:0;position:fixed;right:0;top:0;width:0;z-index:540}.open.sc-prism-modal-h{display:block;height:100%;min-height:100vh;opacity:1;width:100%}.modal-container.sc-prism-modal:focus,.sc-prism-modal-h:focus{outline:2px solid transparent;outline-offset:2px}.modal.sc-prism-modal{display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative}.modal-container.sc-prism-modal{--tw-bg-opacity:1;--shadow-color:var(--material-neutral-base-shadow);background-color:rgb(var(--background-color-material-neutral-base)/var(--tw-bg-opacity));margin-left:auto;margin-right:auto;padding:1.5rem;position:relative}.modal-container.flush.sc-prism-modal{padding:0}.modal-container.flush.sc-prism-modal .header-actions.sc-prism-modal{right:var(--modal-close-right,.25rem);top:var(--modal-close-top,.25rem)}.header-actions.sc-prism-modal{position:absolute;right:.75rem;top:.75rem;z-index:0}.modal-content.dismissible.sc-prism-modal .header.sc-prism-modal{padding-right:2rem}.header.sc-prism-modal{margin-bottom:1rem}.modal-content-header.sc-prism-modal{display:flex;flex-direction:column;gap:1rem}.show.sc-prism-modal{--tw-shadow:0px 12px 12px -8px var(--shadow-color);--tw-shadow-colored:0px 12px 12px -8px var(--tw-shadow-color);animation:modal-animation .3s cubic-bezier(.25,.46,.45,.94) both;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:var(--border-radius-medium,8px);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);height:-webkit-min-content;height:-moz-min-content;height:min-content;max-height:var(--prism-modal-max-height);max-width:var(--modal-w);overflow:auto;width:100%}@media (max-width:767px){.show.behavior-fullscreen.sc-prism-modal{--modal-w:100vw;--prism-modal-max-height:100vh;border-radius:var(--border-radius-none,0);height:100%;width:100%}}@media (min-width:768px){.show.sc-prism-modal{max-height:var(--prism-modal-max-height)}.modal-container.sc-prism-modal{padding:2.5rem}.header-actions.sc-prism-modal{right:1.75rem;top:1.75rem}.modal-content.dismissible.sc-prism-modal .header.sc-prism-modal{padding-right:2.5rem}}footer.sc-prism-modal{margin-top:2rem}footer.persistant.sc-prism-modal{--tw-translate-y:2.5rem;--tw-bg-opacity:1;--shadow-color:var(--material-neutral-base-shadow);background-color:rgb(var(--background-color-material-neutral-base)/var(--tw-bg-opacity));bottom:0;margin-top:1.5rem;padding-bottom:2.5rem;padding-top:.5rem;position:-webkit-sticky;position:sticky;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:100%}@keyframes modal-animation{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion){.show.sc-prism-modal{animation:none}}", p = b, f = class {
+  constructor(e) {
+    l(this, e), this.prismClick = r(this, "prismClick", 7), this.prismClosed = r(this, "prismClosed", 7), this.uid = m(), this.hasHeader = !1, this.hasFooter = !1, this.hasAsset = !1, this.body = this.el.closest("body"), this.dismiss = (i) => {
+      if (this.open = !1, i) {
+        const { currentTarget: t } = i;
+        i instanceof KeyboardEvent || this.prismClick.emit({
+          name: "modal-closed",
+          dismissed: !0,
+          target: t,
+          host: this.el
+        }), this.prismClosed.emit({
+          name: "modal-closed",
+          dismissed: !0,
+          target: t,
+          host: this.el
+        });
+      }
+    }, this._disableBodyFocusTarget = () => {
+      this.body.classList.contains("sb-main-fullscreen") || (this.body.style.overflow = "hidden"), this.referElement = document.activeElement, setTimeout(() => {
+        o(this.el)[1].focus();
+      }, 0);
+    }, this._resetBodyFocusTarget = () => {
+      this.body.classList.contains("sb-main-fullscreen") || (this.body.style.overflow = "auto"), setTimeout(() => {
+        var i;
+        (i = this.referElement) === null || i === void 0 || i.focus();
+      }, 0);
+    }, this.open = !1, this.header = void 0, this.label = void 0, this.dismissable = !1, this.dismissible = !0, this.dismissibleByKeyboard = !0, this.dismissibleByPointer = !0, this.closeIconPath = void 0, this.sticky = void 0, this.flush = !1, this.headingDisplay = "heading2", this.closeLabel = "close dialog", this.mobileBehavior = "default", this.prismId = `prism-modal-${this.uid}`;
+  }
+  // Listen for Tabbing or Window Swapping
+  handleVisibilityChange(e) {
+  }
+  connectedCallback() {
+    h("prism-modal");
+  }
+  /**
+   * @description Public: Open Modal
+   */
+  async setOpen() {
+    this.open = !0;
+  }
+  /**
+   * @description Public: Close Modal
+   */
+  async setClose() {
+    this.dismiss(null);
+  }
+  watchHandler(e) {
+    e ? this._disableBodyFocusTarget() : this._resetBodyFocusTarget();
+  }
+  startingFocus(e) {
+    let i = o(this.el);
+    o(this.el)[i.length - 2].focus();
+  }
+  endingFocus(e) {
+    o(this.el)[1].focus();
+  }
+  componentDidLoad() {
+    var e, i;
+    this.hasFooter = !!this.element.querySelector('[slot="footer"]'), this.hasAsset = !!this.element.querySelector('[slot="asset-leading"]'), (e = this.el) === null || e === void 0 || e.addEventListener("keydown", (t) => {
+      var a;
+      let d = !(!((a = document.activeElement) === null || a === void 0) && a.closest("form"));
+      t.code === "Escape" && this.dismissibleByKeyboard && (this.dismissable || this.dismissible) && d && this.dismiss(t);
+    }), (i = this.el) === null || i === void 0 || i.addEventListener("click", (t) => {
+      !t.target.closest("[role=dialog]") && this.dismissibleByPointer && (this.dismissable || this.dismissible) && this.dismiss(t);
+    }), this.open === !0 && this._disableBodyFocusTarget();
+  }
+  disconnectedCallback() {
+    this._resetBodyFocusTarget();
+  }
+  render() {
+    return s(c, {
+      key: "f5e49a5a2a40dfb74fad47880d589ffc485ff326",
+      tabindex: "-1",
+      class: { open: this.open }
+    }, s("section", { key: "340e8ddd7f9ac5bb0d9f6b8121569e295973c6f2", class: "modal" }, s("div", { key: "a6fc6ccfdd70abed3d2f2678a772b02269891216", role: "dialog", "aria-modal": "true", inert: !this.open, "aria-label": this.label || this.header, class: { "modal-container": !0, flush: this.flush, show: this.open, [`behavior-${this.mobileBehavior}`]: !0 }, ref: (e) => this.element = e }, s("span", { key: "a7b50cc608733f7fb4ea373440f21211566e9de2", onFocus: (e) => this.startingFocus(e), id: `start-${this.prismId}`, tabindex: "0" }), (this.dismissable || this.dismissible) && s("div", { key: "77e37e9010f690ea49d04757f82ef99daba57e2e", class: "header-actions" }, s("prism-button", { key: "857e9abe67802f93063742d2a86e83f77c974604", display: "ghost-icon", tone: "neutral", class: "close", size: "xs", label: this.closeLabel, onClick: (e) => this.dismiss(e), type: "button" }, s("prism-icon", { key: "ae21e34f986da318b0e1995369d4f86e1990bc5f", role: "presentation", theme: "outline", class: "icon", size: "sm", name: "close", path: this.closeIconPath }, this.closeLabel))), s("div", { key: "d3e1d16fc802c11dcc3d8c0c18c5253575868d51", class: { "modal-content": !0, dismissible: this.dismissable || this.dismissible } }, s("div", { key: "7fde4fac1f929b5a3405402f864fc14b7b830ce4", class: "modal-content-header" }, s("slot", { key: "ade5e5a2441b8173ec4587843d69be1f2e18ee25", name: "asset-leading" }), this.header && s("prism-text", { key: "f9c7540299ca768ce8c37dc22824bd1415a59928", class: "header", tag: "h2", display: this.headingDisplay }, this.header)), s("slot", { key: "c209036e3aaea15d0caf86469ee7a70e5d8a6ed9" })), s("footer", { key: "9798ab4372251914a1802d83aeda1f17664a4cb4", class: { footer: this.hasFooter, persistant: this.sticky === "footer" } }, s("slot", { key: "cb300bd25a3c2e122257535d187f06163d7c33ea", name: "footer" })), s("span", { key: "0b52517b715ab5962b2c22f2122740b29f4f3b93", onFocus: (e) => this.endingFocus(e), id: `end-${this.prismId}`, tabindex: "0" }))));
+  }
+  get el() {
+    return n(this);
+  }
+  static get watchers() {
+    return {
+      open: ["watchHandler"]
+    };
+  }
+};
+f.style = p;
+export {
+  f as prism_modal
+};

package/dist/prism-pagination.entry-CquOlgO0.js

@@ -0,0 +1,60 @@
+import { r as e, c as s, h as i, H as a } from "./index-DxRZ6prf.js";
+import { g as r, m as n } from "./index-e6818ded-r_t6ryaW.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
+ */
+const c = ".sc-prism-pagination-h{align-items:center;display:inline-flex;width:100%}.max.sc-prism-pagination{white-space:nowrap}.input.sc-prism-pagination{--text-align:center;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.current.sc-prism-pagination{margin-left:.5rem;width:4rem}.current.sc-prism-pagination,.previous.sc-prism-pagination{margin-right:.5rem}.next.sc-prism-pagination{margin-left:.5rem}", h = c, p = class {
+  constructor(t) {
+    e(this, t), this.prismChange = s(this, "prismChange", 7), this.uid = r(), this.first = !0, this.last = !1, this.max = void 0, this.current = 1, this.prismId = `prism-pagination-${this.uid}`, this.variant = "contained", this.iconVariant = "outline", this.tone = "neutral";
+  }
+  connectedCallback() {
+    n("prism-pagination");
+  }
+  // Check for current page
+  _checkCurrentPage() {
+    this.first = this.current === 1 || this.current <= 1, this.last = this.current === this.max || this.current >= this.max;
+  }
+  // On Value Change of the input text box
+  _valueChange(t) {
+    this.current = t.detail.value, this._checkCurrentPage(), this.prismChange.emit({
+      scope: this.prismId,
+      element: t.detail.id,
+      action: "change",
+      page: this.current,
+      first: this.first,
+      last: this.last
+    });
+  }
+  // On click of previous button
+  _previousPage(t) {
+    this.current <= this.max && this.current !== 1 && (this.current--, this._checkCurrentPage(), this.prismChange.emit({
+      scope: this.prismId,
+      element: t.detail.id,
+      action: "previous",
+      page: this.current,
+      first: this.first,
+      last: this.last
+    }));
+  }
+  // On click of next button
+  _nextPage(t) {
+    this.current < this.max && (this.current++, this._checkCurrentPage(), this.prismChange.emit({
+      scope: this.prismId,
+      element: t.detail.id,
+      action: "next",
+      page: this.current,
+      first: this.first,
+      last: this.last
+    }));
+  }
+  componentWillRender() {
+    this._checkCurrentPage();
+  }
+  render() {
+    return i(a, { key: "330e59f63d2d31559dae90e1866a502a47e83a37" }, i("prism-button", { key: "1fc283c21d410e9e693de109f5762c52dcacfaad", size: "xs", prismId: `${this.prismId}-previous-page`, "data-testid": `${this.prismId}-previous-page`, label: "Previous Page", class: "previous", disabled: this.first, onPrismPress: (t) => this._previousPage(t), display: "ghost-icon", tone: this.tone }, i("prism-icon", { key: "19f0742ef05f0ed7b984fff7416877dc5c20003d", theme: this.iconVariant, tone: "custom", name: "caret_left_button" })), i("section", { key: "f19c74938b97af12a11a5cf18f1fc7041195fd01", class: "current" }, i("prism-input-text", { key: "3df4e59dfb4834d82ef47673715e6d2853660635", hideLabel: !0, hideInvalid: !0, variant: this.variant, prismId: this.prismId, "data-testid": this.prismId, class: "input", invalidMessage: `Max of ${this.max}`, label: "set current page", onPrismChange: (t) => this._valueChange(t), max: this.max, min: "1", type: "number", inputMode: "numeric", value: this.current.toString() })), i("prism-text", { key: "2719f134c364fff449e0e4faaab53af44d1d6e93", class: "max", display: "body1" }, "of ", this.max), i("prism-button", { key: "408207b46d813244b321f36b5a07226e5faa6db8", prismId: `${this.prismId}-next-page`, "data-testid": `${this.prismId}-next-page`, label: "Next Page", class: "next", disabled: this.last, onPrismPress: (t) => this._nextPage(t), size: "xs", display: "ghost-icon", tone: this.tone }, i("prism-icon", { key: "31fc586e0ff1d01ccf722b9f69987a94b03389b5", theme: this.iconVariant, tone: "custom", name: "caret_right_button" })));
+  }
+};
+p.style = h;
+export {
+  p as prism_pagination
+};