@ed.yakovich/component-library 0.0.13 → 0.0.15

package/dist/prism-header.entry-D0PypuC3.js

@@ -0,0 +1,227 @@
+import { r as z, c as E, h as t, H as C, g as M, F as p, a as b, f as x } from "./index-D9BZSjMp.js";
+import { g as S, m as _ } from "./index-44540db3-BN5vFHKr.js";
+import { r as A } from "./index.esm-a7c99373-DUoLYEEM.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v8.28.0 - made with ❤️ in Philadelphia
+ */
+const R = (e, s, i) => {
+  const n = e.get(s);
+  n ? n.includes(i) || n.push(i) : e.set(s, [i]);
+}, H = (e, s) => {
+  let i;
+  return (...n) => {
+    i && clearTimeout(i), i = setTimeout(() => {
+      i = 0, e(...n);
+    }, s);
+  };
+}, k = (e) => !("isConnected" in e) || e.isConnected, y = H((e) => {
+  for (let s of e.keys())
+    e.set(s, e.get(s).filter(k));
+}, 2e3), I = () => {
+  if (typeof b != "function")
+    return {};
+  const e = /* @__PURE__ */ new Map();
+  return {
+    dispose: () => e.clear(),
+    get: (s) => {
+      const i = b();
+      i && R(e, s, i);
+    },
+    set: (s) => {
+      const i = e.get(s);
+      i && e.set(s, i.filter(x)), y(e);
+    },
+    reset: () => {
+      e.forEach((s) => s.forEach(x)), y(e);
+    }
+  };
+}, g = (e) => typeof e == "function" ? e() : e, L = (e, s = (i, n) => i !== n) => {
+  const i = g(e);
+  let n = new Map(Object.entries(i ?? {}));
+  const o = {
+    dispose: [],
+    get: [],
+    set: [],
+    reset: []
+  }, m = () => {
+    n = new Map(Object.entries(g(e) ?? {})), o.reset.forEach((r) => r());
+  }, c = () => {
+    o.dispose.forEach((r) => r()), m();
+  }, h = (r) => (o.get.forEach((a) => a(r)), n.get(r)), v = (r, a) => {
+    const l = n.get(r);
+    s(a, l, r) && (n.set(r, a), o.set.forEach((d) => d(r, a, l)));
+  }, w = typeof Proxy > "u" ? {} : new Proxy(i, {
+    get(r, a) {
+      return h(a);
+    },
+    ownKeys(r) {
+      return Array.from(n.keys());
+    },
+    getOwnPropertyDescriptor() {
+      return {
+        enumerable: !0,
+        configurable: !0
+      };
+    },
+    has(r, a) {
+      return n.has(a);
+    },
+    set(r, a, l) {
+      return v(a, l), !0;
+    }
+  }), u = (r, a) => (o[r].push(a), () => {
+    O(o[r], a);
+  });
+  return {
+    state: w,
+    get: h,
+    set: v,
+    on: u,
+    onChange: (r, a) => {
+      const l = u("set", (T, P) => {
+        T === r && a(P);
+      }), d = u("reset", () => a(g(e)[r]));
+      return () => {
+        l(), d();
+      };
+    },
+    use: (...r) => {
+      const a = r.reduce((l, d) => (d.set && l.push(u("set", d.set)), d.get && l.push(u("get", d.get)), d.reset && l.push(u("reset", d.reset)), d.dispose && l.push(u("dispose", d.dispose)), l), []);
+      return () => a.forEach((l) => l());
+    },
+    dispose: c,
+    reset: m,
+    forceUpdate: (r) => {
+      const a = n.get(r);
+      o.set.forEach((l) => l(r, a, a));
+    }
+  };
+}, O = (e, s) => {
+  const i = e.indexOf(s);
+  i >= 0 && (e[i] = e[e.length - 1], e.length--);
+}, $ = (e, s) => {
+  const i = L(e, s);
+  return i.use(I()), i;
+}, { state: N } = $({
+  received: !1,
+  targets: [],
+  sitemap: []
+}), U = ':host{background-color:var(--prism-header-color-background,var(--prism-color-background-primary-base));color:var(--prism-header-color-text,var(--prism-color-text-primary-base));display:block;margin:var(--prism-header-spacing-margin,0);max-width:var(--prism-header-max-width,100%);padding:var(--prism-header-spacing-padding,0 var(--prism-spacer-size-lg) var(--prism-spacer-size-xxs));position:relative}:host(.elevation){box-shadow:var(--prism-shadow-xs-base)}.app-title{--prism-text-max-width:var(--prism-header-app-title-max-width,100ch);color:var(--prism-header-color-text,var(--prism-color-text-primary-base));line-height:1}.header{align-items:center;-moz-column-gap:1rem;column-gap:1rem;display:grid;flex:1 1 0%;grid-template-areas:"app mobile";grid-template-columns:1fr auto}@media (min-width:768px){.header{grid-template-areas:"app menu actions user";grid-template-columns:auto minmax(0,1fr) auto auto}.trigger{display:none}}.logo{display:grid;grid-template-columns:-webkit-max-content -webkit-max-content;grid-template-columns:max-content max-content}.app,.logo{align-items:center}.app{display:flex;grid-area:app}.right .app{justify-content:space-between}.menu{grid-area:menu;height:1px;overflow:hidden;visibility:hidden;width:1px}.menu prism-menu{width:100%}.actions{display:none;grid-area:actions}.apps{grid-area:mobile}.user{display:none;gap:var(--prism-spacer-size-md);grid-area:user}.user-avatar{margin-right:var(--prism-spacer-size-xs)}.login,.username{line-height:1;margin:0 0 0 var(--prism-spacer-size-xs)}.username{--prism-text-max-width:var(--prism-header-username-max-width,20ch)}@media (min-width:768px){.actions,.menu{display:flex;height:inherit;overflow:visible;visibility:visible;width:inherit}.user{align-items:center;border-left:1px solid color-mix(in srgb,var(--prism-color-border-primary-base) var(--prism-alpha-tertiary-percentage),transparent);display:flex;justify-content:flex-end;padding-left:var(--prism-spacer-size-md)}.apps{display:none}.actions{align-items:center;display:flex}.actions>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.actions{text-align:right}}@media (prefers-reduced-motion:reduce){.menu-action,::slotted(.menu-action){transition:none}.action-panel,.panel{transition:none}}.panel{background-color:var(--prism-color-material-primary-base);border-right:1px solid color-mix(in srgb,var(--prism-color-border-primary-base) var(--prism-alpha-tertiary-percentage),transparent);display:flex;flex:1 0 auto;flex-direction:column;height:100%;justify-content:space-between;left:0;outline:0;position:fixed;top:0;transform:translateX(0);transition:all var(--prism-animation-duration-normal) var(--prism-animation-timing-function);width:var(--prism-header-mobile-panel-width,75vw);z-index:var(--prism-layout-z-index-fixed)}@media (min-width:768px){.panel{display:none}}.panel-header{padding:var(--prism-spacer-size-md)}.panel-header,.panel-title{align-items:center;display:flex}.panel-title{border-left:1px solid color-mix(in srgb,var(--prism-color-border-primary-base) var(--prism-alpha-tertiary-percentage),transparent);height:100%;margin-left:var(--prism-spacer-size-xs);padding-left:var(--prism-spacer-size-sm)}.panel-user{align-items:center;border-top:1px solid color-mix(in srgb,var(--prism-color-border-primary-base) var(--prism-alpha-tertiary-percentage),transparent);display:flex;flex:1 1 auto;flex-wrap:nowrap;justify-content:center;margin:var(--prism-spacer-size-xs) var(--prism-spacer-size-xs) 0 var(--prism-spacer-size-xs);padding-top:var(--prism-spacer-size-sm)}.panel-header .button{justify-content:flex-end}.panel-menu{flex-grow:1;overflow:auto;padding:var(--prism-spacer-size-xs)}.panel-footer{margin-left:auto;margin-right:auto;padding-left:.75rem;padding-right:.75rem}.panel.closed{pointer-events:none;transform:translateX(-240px);visibility:hidden}.action-menu-items{display:grid;grid-template-columns:repeat(4,-webkit-max-content);grid-template-columns:repeat(4,max-content);list-style-type:none;margin:0;padding:0}.action-menu-items li{align-items:center;display:flex;justify-content:center;padding:0 var(--prism-spacer-size-md);text-align:center}.action-menu-items button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:initial;border-color:transparent}', j = U;
+var f;
+(function(e) {
+  e[e.sm = 640] = "sm", e[e.md = 768] = "md", e[e.lg = 1024] = "lg", e[e.xl = 1280] = "xl", e[e.xxl = 1536] = "xxl";
+})(f || (f = {}));
+const q = class {
+  constructor(e) {
+    z(this, e), this.prismClick = E(this, "prismClick", 7), this.uid = S(), this.slots = {
+      logo: !1,
+      actions: !1,
+      menu: !1,
+      panel: !1,
+      panelFooter: !1
+    }, this.body = this.el.closest("body"), this.toggleMenu = (s = !1) => {
+      var i, n, o;
+      if (this.body) {
+        if (s) {
+          this.body.style.overflow = "auto", this.menuPanelElement.addEventListener("transitionend", () => this.menuPanelElement.classList.remove("visible"), {
+            once: !0
+          });
+          return;
+        }
+        this.menuPanelToggle ? (this.body.style.overflow = "auto", (o = (n = (i = this.el.shadowRoot) === null || i === void 0 ? void 0 : i.getElementById(`prism-header-menu-toggle-${this.uid}`)) === null || n === void 0 ? void 0 : n.querySelector("button")) === null || o === void 0 || o.focus(), this.menuPanelElement.addEventListener("transitionend", () => this.menuPanelElement.classList.remove("visible"), {
+          once: !0
+        })) : (this.body.style.overflow = "hidden", this.menuPanelElement.classList.add("visible"), this.menuPanelElement.addEventListener("transitionend", () => {
+          var m, c, h;
+          return (h = (c = (m = this.el.shadowRoot) === null || m === void 0 ? void 0 : m.getElementById(`prism-header-menu-close-${this.uid}`)) === null || c === void 0 ? void 0 : c.querySelector("button")) === null || h === void 0 ? void 0 : h.focus();
+        }, {
+          once: !0
+        })), this.menuPanelToggle = !this.menuPanelToggle;
+      }
+    }, this.prismId = `prism-header-${this.uid}`, this.shadow = !1, this.appTitle = void 0, this.menuLabel = "Site navigation", this.appRoot = void 0, this.hideTitle = !1, this.loginUrl = "#", this.logoutUrl = "#", this.loginText = "Sign In", this.logoutText = "Sign Out", this.userName = void 0, this.hideName = !1, this.userAvatar = void 0, this.hideAvatar = !1, this.triggerPosition = "left", this.searchAction = "#", this.menu = [], this.enableNotifications = !1, this.notificationTone = "success", this.enableAuthentication = !0, this.useCustomRouting = void 0, this.searching = !1, this.menuCollection = [], this.menuPanelToggle = !1, this.slottedMenuItems = {}, this.isNext = !1, this.hideHamburgerMenu = !1;
+  }
+  /** Listener for All Other Menu Components */
+  // @Listen('prismMenu', { target: 'body' })
+  // getMenuItems(event: CustomEvent) {
+  //   state.received = true;
+  //   state.targets.push(event.target);
+  //   let menu: MenuType = event.detail.menu;
+  //   this.menuCollection.forEach((value: IListItem) => {
+  //     value.children = menu.filter(({ parent }, index) => {
+  //       if (parent && parent === value.id) {
+  //         delete menu[index];
+  //         return true;
+  //       }
+  //       return false;
+  //     });
+  //   });
+  //   this.menuCollection.push(...menu.filter(item => item !== undefined));
+  //   state.sitemap = this.menuCollection;
+  // }
+  _addRootToObjects(e, s, i) {
+    e.forEach((n) => {
+      let o = !1;
+      for (const m in n)
+        if (n.hasOwnProperty(m) && m === s) {
+          o = !0;
+          break;
+        }
+      o || (n[s] = i);
+    });
+  }
+  setHamburgerMenuState() {
+    this.hideHamburgerMenu = this.menu.length > 0 && !this.enableAuthentication && !this.enableNotifications;
+  }
+  /** Before Component Loads, Set Local State for the Mobile Menu */
+  componentWillRender() {
+    this.menu.length > 0 && this._addRootToObjects(this.menu, "root", "true"), this.hideHamburgerMenu = this.menu.length > 0 && !this.enableAuthentication && !this.enableNotifications;
+  }
+  /** Set State if a Slot has Items */
+  connectedCallback() {
+    if (this.slots.logo = !!this.el.querySelector('[slot="logo"]'), this.slots.actions = !!this.el.querySelector('[slot="actions"]'), this.slots.menu = !!this.el.querySelector('[slot="menu"]'), this.slots.panel = !!this.el.querySelector('[slot="panel"]'), this.slots.panelFooter = !!this.el.querySelector('[slot="panel-footer"]'), this.slots.menu) {
+      let e = this.el.querySelectorAll('[slot="menu"]');
+      this.slottedMenuItems = {
+        hasChildren: e.length > 0,
+        numberOfChildren: e.length,
+        content: Array.from(e)
+      };
+    }
+    typeof window < "u" && (window == null || window.addEventListener("resize", A(() => {
+      document.body.clientWidth >= f.md && (this.menuPanelToggle = !1, this.toggleMenu(!0));
+    }, 250))), _("prism-header");
+  }
+  /** Emit Custom Event when Notification Icon is Pressed */
+  toggleNotifications(e) {
+    const { currentTarget: s } = e, { prismId: i } = s;
+    this.prismClick.emit({
+      id: i,
+      name: "notifications",
+      target: s
+    });
+  }
+  // searchButtonAction(e: any) {
+  //   this.searching = !this.searching;
+  //   console.log(e.currentTarget('prism-header'));
+  // }
+  // searchSubmit(e: any) {
+  //   console.log(e);
+  //   e.preventDefault();
+  // }
+  render() {
+    const e = ({ icon: n, id: o, label: m, isTriggerButton: c }) => t("div", { class: "trigger" }, t("prism-button", { id: `prism-header-${o}`, display: "ghost-icon", size: "xs", label: m, onPrismClick: () => this.toggleMenu(), expanded: c && this.menuPanelToggle }, t("prism-icon", { role: "presentation", name: n, size: "sm" }, m))), s = () => t("prism-button", { "prism-id": "notification", class: "notifications", label: "notification", onPrismClick: (n) => this.toggleNotifications(n), display: "ghost-icon" }, t("prism-icon", { notifications: !!this.enableNotifications, size: "sm", "dot-tone": this.notificationTone, class: "action-icon", name: "notification" })), i = () => t(p, null, !this.hideAvatar && t("prism-avatar", { class: "user-avatar", src: this.userAvatar, alt: this.userName }), this.userName ? t(p, null, !this.hideName && t(p, null, t("prism-text", { family: "body", size: "400", ellipsis: !0, class: "username" }, this.userName)), " ", t("prism-button", { href: this.logoutUrl, display: "ghost" }, this.logoutText)) : t("prism-button", { href: this.loginUrl, display: "ghost" }, this.loginText));
+    return t(C, { id: this.prismId, class: { elevation: this.shadow } }, t("div", { class: { header: !0, "panel-open": this.menuPanelToggle, [this.triggerPosition]: !0 } }, t("section", { part: "app", class: "app" }, this.triggerPosition == "left" && !this.hideHamburgerMenu && t(e, { icon: "menu_3_bar", id: `menu-toggle-${this.uid}`, label: this.menuLabel, isTriggerButton: !0 }), this.appTitle && t("prism-button", { class: "logo", part: "logo", href: this.appRoot, display: "link" }, t("slot", { name: "logo" }), !this.hideTitle && t("span", null, this.appTitle)), this.triggerPosition == "right" && !this.hideHamburgerMenu && t(e, { icon: "menu_3_bar", id: `menu-toggle-${this.uid}`, label: this.menuLabel, isTriggerButton: !0 }), t("slot", { name: "app-info" })), t("section", { part: "main-menu", class: "menu" }, this.slots.menu ? t("prism-button-group", { gap: !1, collection: "navigation" }, t("slot", { name: "menu" })) : this.menu.length > 0 && t("prism-menu", { useCustomRouting: this.useCustomRouting, gap: !0, variant: "menu-horizontal", overflow: !0, menu: this.menu, "prism-id": this.prismId })), t("section", { part: "actions", class: "actions" }, t("slot", { name: "actions" }), this.enableNotifications && t(s, null)), t("section", { part: "user", class: "user" }, this.enableAuthentication && t(i, null))), t("section", { ref: (n) => this.menuPanelElement = n, tabindex: "-1", "data-hydrated": N.received, class: { panel: !0, closed: !this.menuPanelToggle }, "aria-label": this.menuLabel, "aria-hidden": (!this.menuPanelToggle).toString(), inert: !this.menuPanelToggle }, t("div", { class: "panel-header" }, this.triggerPosition == "left" && t(e, { icon: "close", id: `menu-close-${this.uid}`, label: `Close ${this.menuLabel}` }), !this.hideTitle && t("section", { class: "panel-title" }, this.appTitle), this.triggerPosition == "right" && t(e, { icon: "close", id: `menu-close-${this.uid}`, label: `Close ${this.menuLabel}` })), this.slots.panel ? t("div", { class: "panel-menu-items", role: "group" }, t("slot", { name: "panel" })) : t("div", { class: "panel-menu" }, this.menu.length > 0 && t("prism-menu", { menu: this.menu, "prism-id": this.prismId, useCustomRouting: this.useCustomRouting })), t("div", { class: "panel-footer" }, t("ul", { class: "action-menu-items" }, this.enableNotifications && t("li", null, t(s, null))), t("slot", { name: "panel-footer" }), this.enableAuthentication && t("section", { class: "panel-user", part: "panel-user" }, t(i, null)))));
+  }
+  get el() {
+    return M(this);
+  }
+  static get watchers() {
+    return {
+      menu: ["setHamburgerMenuState"],
+      enableNotifications: ["setHamburgerMenuState"],
+      enableAuthentication: ["setHamburgerMenuState"]
+    };
+  }
+};
+q.style = j;
+export {
+  q as prism_header
+};

package/dist/prism-hero.entry-DQ8G7Jb_.js

@@ -0,0 +1,23 @@
+import { r as e, h as a, H as i, g as t } from "./index-D9BZSjMp.js";
+import { m as o } from "./index-44540db3-BN5vFHKr.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v8.28.0 - made with ❤️ in Philadelphia
+ */
+const n = ":host{display:block;margin:0 auto;position:relative;text-align:left;z-index:auto}.picture.layout-fill{object-fit:fill}.picture.layout-contain{object-fit:contain}.picture.layout-cover{object-fit:cover}.picture.layout-none{object-fit:none}.picture.layout-scale-down{object-fit:scale-down}:host(.info){background-color:var(--prism-color-fill-info-base)}:host(.primary-brand){background-color:var(--prism-color-fill-brand-primary-base)}:host(.secondary-brand){background-color:var(--prism-color-fill-brand-secondary-base)}:host(.expressive-brand-linear){background-color:var(--prism-color-fill-brand-primary-base);background-image:var(--prism-color-gradient-linear-brand-primary)}:host(.linear-accent-100){background-color:var(--prism-color-fill-brand-primary-base);background-image:var(--prism-color-gradient-linear-accent-100)}:host(.linear-accent-200){background-color:var(--prism-color-fill-brand-primary-base);background-image:var(--prism-color-gradient-linear-accent-200)}:host(.linear-accent-300){background-color:var(--prism-color-fill-brand-primary-base);background-image:var(--prism-color-gradient-linear-accent-300)}:host(.linear-accent-400){background-color:var(--prism-color-fill-brand-primary-base);background-image:var(--prism-color-gradient-linear-accent-400)}:host(.linear-accent-500){background-color:var(--prism-color-fill-brand-primary-base);background-image:var(--prism-color-gradient-linear-accent-500)}:host(.linear-accent-600){background-color:var(--prism-color-fill-brand-primary-base);background-image:var(--prism-color-gradient-linear-accent-600)}:host(.success){background-color:var(--prism-color-fill-success-base)}:host(.caution){background-color:var(--prism-color-fill-caution-base)}:host(.danger){background-color:var(--prism-color-fill-danger-base)}:host(.primary){background-color:var(--prism-color-fill-primary-base)}:host(.secondary){background-color:var(--prism-color-fill-secondary-base)}.layout-as-background{display:block}.layout-as-background .content-wrapper{position:relative;z-index:10}.layout-as-background .wrapper{justify-content:center}.layout-as-background .wrapper,.layout-as-background .wrapper.left{align-items:center;display:flex;height:100%;position:absolute;width:100%}.layout-as-background .wrapper.left{justify-content:flex-start}.layout-as-background .wrapper.right{align-items:center;display:flex;height:100%;justify-content:flex-end;position:absolute;width:100%}.layout-as-background .wrapper.top,.layout-as-background .wrapper.top-right{align-items:center;display:flex;height:var(--prism-hero-image-height,50%);position:absolute;top:0;width:100%}.layout-as-background .wrapper.top-right{right:0;width:var(--prism-hero-image-width,50%)}.layout-as-background .wrapper.top-left{left:0;top:0;width:100%;width:var(--prism-hero-image-width,50%)}.layout-as-background .wrapper.bottom,.layout-as-background .wrapper.top-left{align-items:center;display:flex;height:var(--prism-hero-image-height,50%);position:absolute}.layout-as-background .wrapper.bottom{bottom:0;width:100%}.layout-as-background .wrapper.bottom-right{right:0}.layout-as-background .wrapper.bottom-left,.layout-as-background .wrapper.bottom-right{align-items:center;bottom:0;display:flex;height:var(--prism-hero-image-height,50%);position:absolute;width:100%;width:var(--prism-hero-image-width,50%)}.layout-as-background .wrapper.bottom-left{left:0}.layout-as-background .picture{display:flex;height:100%;width:var(--prism-hero-image-width,100%)}.layout-as-background .picture.left,.layout-as-background .picture.right{display:flex;height:100%;width:var(--prism-hero-image-width,50%)}.layout-as-inline{align-items:var(--prism-hero-align-items,top);display:flex;gap:.25rem}.layout-as-inline.media-right{flex-direction:row-reverse}.layout-as-inline.media-top{flex-direction:column}.layout-as-inline.media-bottom{flex-direction:column-reverse}.layout-as-inline .media-wrapper{flex:1 1 50%;position:relative}.layout-as-inline .picture{height:100%;width:100%}.layout-as-inline .content-wrapper{flex:1 1 50%}.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}}", s = n, l = class {
+  constructor(r) {
+    e(this, r), this.alt = "", this.src = void 0, this.sourceImages = void 0, this.tone = "primary", this.containerHeight = void 0, this.layout = "cover", this.filter = "none", this.filterValue = void 0, this.align = "none", this.lazy = !1, this.as = "background", this.inlineLayout = "media-left";
+  }
+  connectedCallback() {
+    o("prism-hero");
+  }
+  render() {
+    return a(i, { key: "b23af7bca5113b3c7fd1c81c2a59badd7a5ebf6b", class: { [this.tone]: !0 } }, a("span", { key: "4765217d23ae7cd438fcfdab58cd79a2ea05160f", style: { "min-height": `${this.containerHeight}` }, class: { [`layout-as-${this.as}`]: !0, [this.inlineLayout]: this.as === "inline" } }, a("span", { key: "7d2ef2b7122fa9c8a78fb96b9de3232a91873d0a", ref: (r) => this.container = r, class: { "media-wrapper": !0, wrapper: !0, [this.align]: this.as === "background" } }, a("prism-image", { key: "db60e5ccda88e193d3ac677774ed8c6136b1e96a", filterValue: this.filterValue, filter: this.filter, alt: this.alt, src: this.src, sourceImages: this.sourceImages, lazy: this.lazy, class: { picture: !0, [this.align]: this.align !== "none" && this.as === "background", [`layout-${this.layout}`]: this.layout !== "none" } })), a("section", { key: "5aec367697857dce66ac590d57c26e89a8d154e0", class: "content-wrapper" }, a("slot", { key: "34347e9a0832538840bda23d53768e005c6abc7a" }))));
+  }
+  get el() {
+    return t(this);
+  }
+};
+l.style = s;
+export {
+  l as prism_hero
+};

package/dist/prism-image.entry-tx9Pc3k_.js

@@ -0,0 +1,38 @@
+import { r, c as t, h as e, H as s, g as o } from "./index-D9BZSjMp.js";
+import { m as n } from "./index-44540db3-BN5vFHKr.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v8.28.0 - made with ❤️ in Philadelphia
+ */
+const m = ':host{display:flex;height:var(--prism-image-height,100%);position:relative;width:var(--prism-image-width,100%)}:host :focus,:host:focus{outline:2px solid transparent;outline-offset:2px}picture{aspect-ratio:inherit;display:block;height:100%;margin:0;object-fit:inherit;object-position:inherit;padding:0;width:100%}.shadow{box-shadow:var(--prism-shadow-xs-base)}.img{aspect-ratio:inherit;border-radius:var(--prism-radius-size-xs);display:var(--prism-image-display,block);height:100%;max-height:100%;max-width:100%;object-fit:inherit;object-position:inherit;position:relative;transition:all var(--prism-animation-duration-normal) var(--prism-animation-timing-function);visibility:hidden;width:100%;z-index:var(--prism-layout-z-index-base)}.img.loaded{animation:opacity-up var(--prism-animation-duration-normal) var(--prism-animation-timing-function);visibility:visible}.loading:after{animation:imageshimmer 1.6s linear infinite;background-color:var(--prism-color-material-secondary-base);background-image:linear-gradient(115deg,var(--prism-color-material-primary-base),var(--prism-color-material-primary-base) 25%,var(--prism-color-material-secondary-base) 45%,var(--prism-color-material-secondary-base) 50%,var(--prism-color-material-primary-base) 75%,var(--prism-color-material-primary-base));background-size:50rem 50rem;content:"";display:block;height:100%;position:absolute;top:0;width:100%}@keyframes imageshimmer{0%{background-position:-25rem 0}to{background-position:25rem 0}}@keyframes opacity-up{0%{opacity:0}to{opacity:1}}@media screen and (prefers-reduced-motion:reduce){.img.loaded,.loading:after{animation:none}.img{transition:none}}.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}}', d = m, h = class {
+  constructor(a) {
+    r(this, a), this.prismLoad = t(this, "prismLoad", 7), this.prismError = t(this, "prismError", 7), this.alt = "", this.src = void 0, this.sourceImages = void 0, this.filter = "none", this.filterValue = void 0, this.shadow = !1, this.lazy = !0, this.isLoaded = !1;
+  }
+  connectedCallback() {
+    n("prism-image");
+  }
+  _imageError(a) {
+    this.prismError.emit({ name: "image-load-error", target: a.currentTarget });
+  }
+  _imageLoad(a) {
+    this.isLoaded = this.image.complete, this.prismLoad.emit({ name: "image-loaded", loaded: this.isLoaded, target: this.el });
+  }
+  render() {
+    var a;
+    return e(s, { key: "f7b16c31ee5da4ba9be0a27c73595ebc4d398398", class: { loaded: this.isLoaded } }, e("picture", { key: "84584dd30228e31840f7a909236a47c3b95d0c86", ref: (i) => this.picture = i, class: { loading: !this.isLoaded, picture: !0 } }, (a = this.sourceImages) === null || a === void 0 ? void 0 : a.map((i) => e("source", { type: i.type, media: i.size, srcSet: i.source })), e("img", { key: "c21cb1e5d8d4759e58728f374562537d46e01e6c", ref: (i) => this.image = i, onError: (i) => {
+      this._imageError(i);
+    }, onLoad: (i) => {
+      this._imageLoad(i);
+    }, alt: this.alt, src: this.src, loading: this.lazy ? "lazy" : "eager", part: "image", class: {
+      loaded: this.isLoaded,
+      img: !0,
+      shadow: this.shadow
+    }, style: { filter: this.filter === "none" ? "none" : `${this.filter}(${this.filterValue})` } })));
+  }
+  get el() {
+    return o(this);
+  }
+};
+h.style = d;
+export {
+  h as prism_image
+};

package/dist/prism-input-file.entry-CO-2LZxG.js

@@ -0,0 +1,119 @@
+import { r as o, c as l, h as t, H as p, g as c } from "./index-D9BZSjMp.js";
+import { g as m, m as h } from "./index-44540db3-BN5vFHKr.js";
+import { A as u } from "./index-4d46d9ca-BtyZMEt1.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v8.28.0 - made with ❤️ in Philadelphia
+ */
+const f = '.sc-prism-input-file-h{box-sizing:border-box;display:block;isolation:isolate;margin:var(--prism-input-text-spacing-margin,var(--prism-spacer-size-lg)) 0;position:relative;width:100%}.screen-reader-text.sc-prism-input-file{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.hint-container.sc-prism-input-file{align-items:center;-moz-column-gap:var(--prism-spacer-size-xs);column-gap:var(--prism-spacer-size-xs);display:flex;margin-top:var(--prism-spacer-size-xs)}.hint-text.sc-prism-input-file{display:block;text-align:left}@media (prefers-reduced-motion){.input.sc-prism-input-file{transition:none}}.input.sc-prism-input-file{background-color:initial;border:0;border-bottom:2px solid var(--prism-color-border-secondary-base);box-sizing:border-box;color:var(--prism-color-text-primary-base);font-family:var(--prism-font-body-400-family);font-size:var(--prism-font-body-400-size);font-weight:var(--prism-font-body-400-weight);letter-spacing:var(--prism-font-body-400-tracking);line-height:var(--prism-font-body-400-leading);outline:2px solid transparent;outline-offset:2px;text-align:var(--prism-input-text-align,left);transition:all var(--prism-animation-duration-normal) var(--prism-animation-timing-function);width:100%}@starting-style{.input{border-color:var(--prism-color-border-secondary-base);outline-color:var(--prism-color-border-secondary-base)}}.input.body-400.sc-prism-input-file{font-family:var(--prism-font-body-400-family);font-size:var(--prism-font-body-400-size);font-weight:var(--prism-font-body-400-weight);letter-spacing:var(--prism-font-body-400-tracking);line-height:var(--prism-font-body-400-leading)}.input.heading-300.sc-prism-input-file{font-family:var(--prism-font-headline-300-family);font-size:var(--prism-font-headline-300-size);font-weight:var(--prism-font-headline-300-weight);letter-spacing:var(--prism-font-headline-300-tracking);line-height:var(--prism-font-headline-300-leading)}.input.minimal.sc-prism-input-file{padding:var(--prism-input-text-spacing-padding,var(--prism-spacer-size-md) 0)}.input.contained.sc-prism-input-file{border:1px solid;border-radius:var(--prism-radius-size-sm);padding:var(--prism-input-text-spacing-padding,var(--prism-spacer-size-lg))}.input.contained.primary-tone.sc-prism-input-file{background-color:var(--prism-color-material-primary-base)}.input.contained.secondary-tone.sc-prism-input-file{background-color:var(--prism-color-material-secondary-base)}.file-grid.sc-prism-input-file:focus-within .input.contained.sc-prism-input-file{border-color:var(--prism-color-border-brand-primary-focus);outline:1px solid var(--prism-color-border-brand-primary-focus);outline-offset:0}.file-grid.sc-prism-input-file:focus-within .input.minimal.sc-prism-input-file{border-bottom:2px solid var(--prism-color-border-brand-primary-focus)}.file-grid.sc-prism-input-file:focus-within .input.minimal.invalid.sc-prism-input-file, .input.contained.invalid.sc-prism-input-file, .input.minimal.invalid.sc-prism-input-file{border-color:var(--prism-color-border-danger-focus)}.file-grid.sc-prism-input-file:focus-within .input.contained.invalid.sc-prism-input-file{outline:1px solid var(--prism-color-border-danger-focus);outline-offset:2px}[class*=" icon-"].input.sc-prism-input-file{padding:var(--prism-input-text-spacing-padding,var(--prism-spacer-size-lg) 3.5rem)}[class*=" icon-"].input.minimal.sc-prism-input-file{padding:var(--prism-input-text-spacing-padding,var(--prism-spacer-size-md) 3rem)}.input.contained.disabled.sc-prism-input-file, .input.disabled.sc-prism-input-file, .input.minimal.disabled.sc-prism-input-file{cursor:not-allowed;opacity:var(--prism-alpha-inactive)}.invalid-text.sc-prism-input-file{color:var(--prism-color-text-danger-base)}.wrap.sc-prism-input-file{display:block;position:relative}.content.sc-prism-input-file{margin-left:var(--prism-spacer-size-xs)}.label.sc-prism-input-file{cursor:pointer;display:flex}.file-grid.sc-prism-input-file, .label.sc-prism-input-file{align-items:center}.file-grid.sc-prism-input-file{display:grid;grid-template-columns:1fr -webkit-max-content -webkit-max-content;grid-template-columns:1fr max-content max-content}.clear.sc-prism-input-file{margin-left:.375rem}.placeholder-text.sc-prism-input-file{margin-left:.25rem;margin-right:.25rem}.count.sc-prism-input-file{font-weight:var(--prism-font-weight-bold)}', b = f, v = class {
+  constructor(i) {
+    o(this, i), this.prismChange = l(this, "prismChange", 7), this.prismInput = l(this, "prismInput", 7), this.prismBlur = l(this, "prismBlur", 7), this.prismFocus = l(this, "prismFocus", 7), this.uid = m(), this.hintId = `${this.prismId}-hint`, this.isDirty = !1, this.slots = {
+      "icon-trailing": !1
+    }, this.prismId = `prism-input-text-${this.uid}`, this.name = `${this.prismId}`, this.label = this.name.charAt(0).toUpperCase() + this.name.replace(/-/g, " ").substring(1), this.disabled = !1, this.hideLabel = !1, this.hideInvalid = !1, this.invalid = !1, this.invalidMessage = "This field is required", this.describedby = "", this.activedescendant = void 0, this.controls = void 0, this.autocomplete = void 0, this.customDescribedby = void 0, this.accept = void 0, this.capture = void 0, this.setAutofocus = !1, this.hint = void 0, this.multiple = !1, this.placeholder = void 0, this.required = !1, this.readonly = !1, this.value = "", this.variant = "contained", this.iconVariant = "contained", this.iconContainedTone = "primary-brand", this.validation = "native", this.tone = "secondary", this.valid = !1, this.elementFocused = !1, this.fileList = [];
+  }
+  /**
+   * Listen to Reset Events
+   */
+  handleReset() {
+    this.fileList = [];
+  }
+  /**
+   * @description Public: Set Focus on Input
+   */
+  async setFocus() {
+    this.nativeInput && this.nativeInput.focus();
+  }
+  // Parse File Names
+  /** @internal */
+  fileParse(i) {
+    let e = Object.keys(i), r = [];
+    e.forEach((a) => {
+      let n = i[a] ? i[a].size : 0;
+      n > 1e6 ? n = `${(n / 1e6).toFixed(2)} MB` : n = `${(n / 1e3).toFixed(2)} KB`, r = [...r, { name: i[a].name, size: n }];
+    }), this.fileList = r;
+  }
+  /** @internal */
+  clearFiles(i) {
+    this.nativeInput.value = "", this.valueChanged(i);
+  }
+  getValue() {
+    return (this.value || "").toString();
+  }
+  // Emit onChange of Value Event
+  /** @internal */
+  valueChanged(i) {
+    var e, r;
+    let a = i.currentTarget;
+    a.files && a.files.length > 0 ? this.fileParse(a.files) : this.fileList = [], (e = this.el) === null || e === void 0 || e.setAttribute("value", i.target.value), this.prismChange.emit({
+      name: "value-changed",
+      value: i.target.value,
+      files: {
+        total: !((r = a.files) === null || r === void 0) && r.length ? a.files.length : 0,
+        list: a.files ? a.files : this.fileList
+      }
+    });
+  }
+  // Validity Check
+  /** @internal */
+  onCheckValidity(i) {
+    i.preventDefault();
+    let e = i.currentTarget;
+    this.validation === "native" && (this.invalid = !e.validity.valid), this.customDescribedby = `${this.hintId} ${this.describedby}`.trim(), this.prismInput.emit({ name: "check-validity", value: e.value, target: e, reason: e.validity });
+  }
+  /** @internal */
+  inputChanged(i) {
+    this.isDirty = !0, this.customDescribedby = `${this.hintId} ${this.describedby}`.trim();
+    let e = i.currentTarget;
+    this.prismInput.emit({ name: "input-change", value: e.value, target: e });
+  }
+  // Input has focus or blurred
+  /** @internal */
+  inputState(i) {
+    let e = i.currentTarget;
+    switch (i.type) {
+      case "blur":
+        this.isDirty && this.validation === "native" && (this.invalid = !e.validity.valid), this.elementFocused = !1, this.prismBlur.emit({ name: "input-blurred", value: e.value, target: e });
+        break;
+      case "focus":
+        this.elementFocused = !0, this.prismFocus.emit({ name: "input-focused", value: e.value, target: e });
+    }
+  }
+  connectedCallback() {
+    this.customDescribedby = this.hint ? `${this.hintId} ${this.describedby}` : this.describedby, this.el.querySelector('[slot="icon-trailing"]') && this.el.querySelector('[slot="icon-trailing"]').setAttribute("css-slot", "icon-trailing"), this.slots["icon-trailing"] = !!this.el.querySelector('[slot="icon-trailing"]'), h("prism-input-file");
+  }
+  render() {
+    var i, e, r;
+    const a = this.invalid || this.hint, n = this.getValue(), d = this.fileList && this.fileList.length > 0;
+    return t(p, { key: "785dd6e5c62972019235b9e04cfbb35d64be167e", class: { [this.variant]: !0 } }, t("prism-text", { key: "5221e81e39be4f3e44d6a2a26ed48f3c5982fe0c", tag: "span", as: "caption", class: {
+      "label-text": !0,
+      "screen-reader-text": this.hideLabel
+    }, id: `${this.prismId}-label` }, this.label, this.required && t(u, { key: "39425da60a9757006b52ce2e95a71e6726499950" })), t("span", { key: "fba278571f90bd87be0c38318363c077936beaee", class: "file-grid" }, t("label", { key: "977a8b6424031e3bf224308b118894dc3d8aad9c", class: {
+      label: !0,
+      invalid: this.invalid,
+      focus: this.elementFocused,
+      disabled: this.disabled,
+      "file-list-complete": Array.isArray(this.fileList) && this.fileList.length >= 1,
+      [this.variant]: !0,
+      input: !0,
+      [`${this.tone}-tone`]: !0
+    }, id: `${this.prismId}-contents`, htmlFor: this.prismId }, t("prism-icon", { key: "64565ffaf07bdd91764a0dd1e2d8b17a287c2fc8", contained: this.iconVariant === "contained", containedTone: this.iconContainedTone, containedPriority: "low", size: "xs", name: "upload", display: "fill" }), t("div", { key: "5feeb983372897a16002325ed331a3405ef29e91", class: "content" }, this.fileList.length > 0 ? t("prism-badge", { size: "sm", tone: "primary-brand" }, t("span", { class: "count" }, (i = this.fileList) === null || i === void 0 ? void 0 : i.length), t("span", { class: "screen-reader-text" }, " file", ((e = this.fileList) === null || e === void 0 ? void 0 : e.length) === 1 ? "" : "s")) : t("prism-text", { priority: "secondary", class: { "placeholder-text": !0 } }, this.placeholder), (r = this.fileList) === null || r === void 0 ? void 0 : r.map((s) => t("prism-badge", { tone: "info", size: "sm" }, s.name)))), t("span", { key: "395cdf88e31092b45b2fb3b21130ddc0d1b8d5d8", class: {
+      wrap: !0,
+      invalid: this.invalid
+    } }, t("input", { key: "157201ae44ba80696ba101930db77b73f0031a01", class: {
+      "screen-reader-text": !0
+    }, ref: (s) => this.nativeInput = s, id: this.prismId, disabled: this.disabled, accept: this.accept, capture: this.capture, autoFocus: this.setAutofocus, multiple: this.multiple, name: this.name, placeholder: this.placeholder, required: this.required, readonly: this.readonly, type: "file", value: n, "aria-invalid": this.invalid.toString(), "aria-required": this.required.toString(), "aria-labelledby": `${this.prismId}-label ${this.prismId}-contents`, "aria-describedby": this.customDescribedby ? this.customDescribedby : !1, "aria-activedescendant": this.activedescendant, "aria-controls": this.controls, "aria-autocomplete": this.autocomplete, onInput: (s) => this.inputChanged(s), onInvalid: (s) => this.onCheckValidity(s), onChange: (s) => this.valueChanged(s), onBlur: (s) => this.inputState(s), onFocus: (s) => this.inputState(s) })), t("span", { key: "116b892cd37094a15c10592ee519b7452dd18e9d" }, d && t("prism-button", { key: "a78c94da75a04d87f42440e4979183f9705cfbd4", class: "clear", display: "ghost-icon", onPrismClick: (s) => this.clearFiles(s) }, " ", t("prism-icon", { key: "4366a65a2306d9919175b6e73356285e6f28d185", label: "clear files", name: "close" })), t("slot", { key: "dcaf035782b1c1eb32d3dad6bfddfa6e72e415f7", name: "icon-trailing" }))), t("span", { key: "3e19687a5403fdc4a6746b8d2e3e4e4c0527a96a", "aria-live": "polite", id: this.hintId }, a && t("span", { key: "fadde4898c166c1b119631c842d2c3864a7541e0", class: {
+      "hint-container": !0,
+      "screen-reader-text": this.invalid && this.hideInvalid
+    } }, this.invalid && t("prism-icon", { key: "e5a75aa6d2f68edee5d2321fcab266a94886dfae", display: "fill", size: "xs", tone: "danger", name: "alert" }), t("prism-text", { key: "b0b3afa9a857e84c8631161c7995c0d4db011a3b", class: {
+      "invalid-text": this.invalid,
+      "file-invalid-text": this.invalid,
+      "hint-text": !0
+    }, as: "caption" }, this.invalid ? this.invalidMessage : this.hint))));
+  }
+  get el() {
+    return c(this);
+  }
+};
+v.style = b;
+export {
+  v as prism_input_file
+};

package/dist/prism-input-otp.entry-ZAxExI2D.js

@@ -0,0 +1,79 @@
+import { r, c as p, h as a, F as u, H as o, g as c } from "./index-D9BZSjMp.js";
+import { g as h, a as g } from "./index-44540db3-BN5vFHKr.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v8.28.0 - made with ❤️ in Philadelphia
+ */
+const m = ".sc-prism-input-otp-h{display:var(--prism-input-otp-display,inline-block);margin:var(--prism-input-otp-margin,var(--prism-spacer-size-lg) 0);width:100%}.fieldset.sc-prism-input-otp{align-items:center;-moz-column-gap:var(--prism-spacer-size-xs);column-gap:var(--prism-spacer-size-xs);display:flex;flex:0 0 auto;flex-wrap:nowrap;margin-bottom:var(--prism-spacer-size-sm)}.set-center.sc-prism-input-otp{justify-content:center}.set-left.sc-prism-input-otp{justify-content:flex-start}.input.sc-prism-input-otp{--prism-input-text-spacing-margin:0;--prism-input-text-spacing-padding:0.75rem 0 0.5rem 0;--prism-input-text-align:center;max-width:3.5rem}.spacer.sc-prism-input-otp{display:none}.screen-reader-text.sc-prism-input-otp{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.hint-container.sc-prism-input-otp{align-items:center;-moz-column-gap:var(--prism-spacer-size-xs);column-gap:var(--prism-spacer-size-xs);display:flex}.hint-text.sc-prism-input-otp{display:block;text-align:left}.invalid-text.sc-prism-input-otp{color:var(--prism-color-text-danger-base)}@media (min-width:768px){.fieldset.sc-prism-input-otp{-moz-column-gap:var(--prism-spacer-size-lg);column-gap:var(--prism-spacer-size-lg)}.input.sc-prism-input-otp{--prism-input-text-spacing-padding:0.75rem 1rem 0.5rem 1rem}.spacer.sc-prism-input-otp{border-bottom:2px solid color-mix(in srgb,var(--prism-color-text-primary-base) var(--prism-alpha-tertiary-percentage),transparent);display:inline-block;width:var(--prism-spacer-size-xxl)}}", v = m, f = class {
+  constructor(l) {
+    r(this, l), this.prismChange = p(this, "prismChange", 7), this.uid = h(), this.defaultInvalidMessage = "Please enter the provided one time passcode", this.inputTag = "PRISM-INPUT-TEXT", this._validate = (i) => {
+      this.invalid = !0;
+    }, this._spreadValues = (i) => {
+      var s;
+      let t = i.trim().split("");
+      this.inputCollection.length === t.length ? (this.invalid = !1, this.invalidMessage = this.defaultInvalidMessage, this.inputCollection.forEach((e, n) => {
+        let d = !isNaN(parseInt(t[n]));
+        this.digitValidity[`digit-${n + 1}`] = d, this.digitValues[`digit-${n + 1}`] = d ? t[n] : "", e.value = d ? t[n] : "", e.closest(this.inputTag).setAttribute("invalid", d ? "false" : "true");
+      }), this.hiddenValue = Object.values(this.digitValues).toString().replaceAll(",", "").trim(), this.inputCollection.at(-1).focus()) : (this.invalid = !0, this.invalidMessage = (s = this.customValidity) === null || s === void 0 ? void 0 : s.mismatch);
+    }, this._syncValues = (i) => {
+      this.digitValues[i.detail.target.id] = i.detail.value, this.hiddenValue = Object.values(this.digitValues).toString().replaceAll(",", "").trim();
+    }, this._inputBlur = (i) => {
+      this.digitValidity[i.detail.target.id] = i.detail.dirty && i.detail.valid ? !0 : i.detail.dirty && !i.detail.valid ? !1 : null, this.digitValues[i.detail.target.id] = this.digitValidity[i.detail.target.id] === !0 ? i.detail.value : null, Object.values(this.digitValidity).includes(!1) && (this.invalid = !0, this.invalidMessage = this.customValidity.allRequired.replace("##", this.digits.length.toString()), this.prismChange.emit({ name: "prism-otp-error", description: "missing digits" })), Object.values(this.digitValidity).includes(!1) || (this.invalid = !1), Object.values(this.digitValidity).every((s) => s === !0) && (this.invalid = !1, this.invalidMessage = this.defaultInvalidMessage, this._syncValues(i), this.prismChange.emit({ name: "prism-otp-success", value: this.hiddenValue }));
+    }, this._keyUp = (i) => {
+      i.detail.value > 1 && i.detail.target.id === "digit-1" && i.detail.event.key !== void 0 && (i.detail.target.value = i.detail.value[0]);
+      let s = i.target, t = s.nextElementSibling, e = s.previousElementSibling;
+      this.divider && (t == null ? void 0 : t.tagName) === "HR" && (t = t.nextElementSibling), this.divider && (e == null ? void 0 : e.tagName) === "HR" && (e = e.previousElementSibling), i.detail.name === "input-keyup" && i.detail.event.code === "Backspace" && i.detail.target.value.length === 0 && (e == null ? void 0 : e.tagName) === this.inputTag.toUpperCase() && (e == null || e.setFocus(), e.value = ""), i.detail.name === "input-keyup" && i.detail.event.key !== void 0 && isFinite(i.detail.key) && i.detail.valid && i.detail.target.value.length === 1 && (t == null ? void 0 : t.tagName) === this.inputTag.toUpperCase() && (t == null || t.setFocus());
+    }, this._inputEvent = (i) => {
+      i.detail.value.length > 1 && i.detail.event.data !== null && this._spreadValues(i.detail.value);
+    }, this.hintId = `${this.uid}-hint`, this.align = "center", this.invalid = !1, this.divider = !1, this.invalidMessage = this.defaultInvalidMessage, this.customValidity = { mismatch: "The code pasted does not match the correct length", allRequired: "All ## digits are required" }, this.digitLabels = {
+      first: "Digit ##; Enter verification code. When entering code in each input field, focus will automatically move to the next empty input field",
+      others: "Digit ##"
+    }, this.variant = "contained", this.name = void 0, this.prismId = `prism-input-otp-${this.uid}`, this.tone = void 0, this.count = "6", this.digitValidity = {
+      "digit-1": null,
+      "digit-2": null,
+      "digit-3": null,
+      "digit-4": null,
+      "digit-5": null,
+      "digit-6": null
+    }, this.digitValues = {
+      "digit-1": null,
+      "digit-2": null,
+      "digit-3": null,
+      "digit-4": null,
+      "digit-5": null,
+      "digit-6": null
+    }, this.hiddenValue = "";
+  }
+  /** @internal */
+  get digits() {
+    const l = typeof this.count == "number" ? this.count : parseInt(this.count, 10);
+    return Array.from({ length: isNaN(l) ? 6 : l }, (i, s) => s + 1);
+  }
+  componentDidRender() {
+    this.inputCollection = g(this.el), this.inputCollection.pop();
+  }
+  // Listen for Clipboard Paste Event
+  pasteCode(l) {
+    let i = l.clipboardData.getData("text");
+    this._spreadValues(i);
+  }
+  render() {
+    const l = this.name || `${this.prismId}-code`;
+    return a(o, { key: "93d2dae324f3259095b0337d6c2838d101f48c89" }, a("fieldset", { key: "2652fedc30c12b6cb8065dc8d53d2d6963f99ae4", class: { fieldset: !0, [`set-${this.align}`]: !0 } }, this.digits.map((i) => {
+      const s = i === 1 ? this.digitLabels.first.replace("##", i.toString()) : this.digitLabels.others.replace("##", i.toString());
+      return a(u, null, a("prism-input-text", { tone: this.tone, variant: this.variant, autocomplete: i === 1 ? "one-time-code" : "off", key: "digit-" + i, required: !0, describedby: this.hintId, prismId: `digit-${i}`, name: `digit-${i}-${this.name}`, type: "text", pattern: "[0-9]*", inputmode: "numeric", min: i > 1 ? 0 : null, max: i > 1 ? 9 : null, maxlength: i > 1 ? 1 : this.digits.length, class: "input", hideLabel: !0, hideInvalid: !0, invalidMessage: `Digit ${i} is required`, textDisplay: "heading-300", label: s, onPrismKeyup: (t) => this._keyUp(t), onPrismInput: i === 1 ? (t) => this._inputEvent(t) : null, onPrismInvalid: (t) => this._validate(t), onPrismBlur: (t) => this._inputBlur(t) }), i === this.digits.length / 2 && this.divider && a("hr", { class: "spacer" }));
+    }), a("input", { key: "d84d3c1815c7bd5a60fd3b2b68224d003805cc33", type: "hidden", name: l, value: this.hiddenValue })), a("span", { key: "42a490c8b9bcc5f2a6cf84dba86c62fb5087f80c", "aria-live": "polite", id: this.hintId }, this.invalid && a("span", { key: "6ad92d86db108514707678653f2ca979925dc8b4", class: {
+      "hint-container": !0,
+      [`set-${this.align}`]: !0
+    } }, a("prism-icon", { key: "fdd30b980885ae27c1ce94f99fe208e1bd1ff2ea", display: "fill", slot: "icon-trailing", size: "xs", tone: "danger", name: "alert" }), a("prism-text", { key: "ac5c38ed636618b3db58f2148d6ed4bea00896e7", class: {
+      "invalid-text": this.invalid,
+      "hint-text": !0
+    }, as: "caption" }, this.invalidMessage))));
+  }
+  get el() {
+    return c(this);
+  }
+};
+f.style = v;
+export {
+  f as prism_input_otp
+};