@ed.yakovich/component-library 0.0.8 → 0.0.11

package/dist/prism-datepicker.entry-Xu0QUY2Q.js

@@ -0,0 +1,249 @@
+import { r as M, c as k, h as s, F as w, H as O, g as F } from "./index-By9FNwDt.js";
+import { d as e } from "./index-0d8e0844-BJzWsYCM.js";
+import { a as E, m as I } from "./index-e6818ded-r_t6ryaW.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
+ */
+const V = '.sc-prism-datepicker-h{display:block;position:relative}.screen-reader-text.sc-prism-datepicker{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.calendar-header.sc-prism-datepicker{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.calendar-container.sc-prism-datepicker{--tw-bg-opacity:1;--tw-shadow:0px 4px 8px -4px var(--shadow-color);--tw-shadow-colored:0px 4px 8px -4px var(--tw-shadow-color);--tw-border-opacity:0.15;--shadow-color:var(--material-neutral-base-shadow);background-color:rgb(var(--background-color-material-neutral-base)/var(--tw-bg-opacity));border-color:rgb(var(--border-color-stroke-neutral-base)/var(--tw-border-opacity));border-radius:var(--border-radius-small,4px);border-style:solid;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);left:0;padding:2rem;position:absolute;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:500}.calendar-container.inline.sc-prism-datepicker{display:block;position:static;z-index:0}.calendar-input.sc-prism-datepicker{--input-margin-bottom:0.25rem}.collapsed.sc-prism-datepicker{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.calendar-row.sc-prism-datepicker{display:flex;flex-direction:row;gap:1.25rem}.calendar-day-title.sc-prism-datepicker{--tw-text-opacity:1;color:rgb(var(--text-color-neutral2-base)/var(--tw-text-opacity))}.calendar-day-title.sc-prism-datepicker,.day.sc-prism-datepicker{align-items:center;display:flex;flex:1 1 auto;height:2.625rem;justify-content:center}.calendar-week-container.sc-prism-datepicker,.calendar-weekdays.sc-prism-datepicker{display:grid;grid-template-columns:repeat(7,2.625rem)}.calendar-weekdays.sc-prism-datepicker{height:2.75rem}.calendar-footer.sc-prism-datepicker{display:flex;justify-content:space-between;margin-top:.5rem;padding-left:.5rem;padding-right:.5rem}.day.sc-prism-datepicker{--tw-text-opacity:1;border-color:var(--border-color-transparent,transparent);border-radius:50%;border-width:2px;height:2.625rem;transition:all .2s ease-in-out;width:2.625rem}.day.sc-prism-datepicker,.day.sc-prism-datepicker:focus{color:rgb(var(--text-color-neutral-base)/var(--tw-text-opacity))}.day.sc-prism-datepicker:focus{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--material-neutral-base-shadow);background-color:rgb(var(--background-color-material-neutral-base)/var(--tw-bg-opacity));border-color:rgb(var(--border-color-stroke-theme1-focus)/var(--tw-border-opacity));outline:2px solid transparent;outline-offset:2px}.day.sc-prism-datepicker:disabled{--tw-text-opacity:var(--text-opacity-inactive,0.3)}.day.sc-prism-datepicker:not(.selected-day):not(.selected-end-day):not(.today):not([disabled]):hover{--tw-bg-opacity:1;--shadow-color:var(--material-neutral-hover-shadow);background-color:rgb(var(--background-color-material-neutral-hover)/var(--tw-bg-opacity))}.today.sc-prism-datepicker:not(.range-selected){--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--material-neutral-hover-shadow);background-color:rgb(var(--background-color-material-neutral-hover)/var(--tw-bg-opacity));border-color:rgb(var(--border-color-stroke-neutral-base)/var(--tw-border-opacity));border-width:1px;color:rgb(var(--text-color-neutral-base)/var(--tw-text-opacity))}.today.sc-prism-datepicker:not(.range-selected):hover{--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--material-theme1-hover-shadow);background-color:rgb(var(--background-color-material-theme1-hover)/var(--tw-bg-opacity));color:rgb(var(--text-color-neutral-base)/var(--tw-text-opacity))}.today.sc-prism-datepicker:not(.range-selected):focus{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(var(--border-color-stroke-theme1-focus)/var(--tw-border-opacity));border-width:2px;color:rgb(var(--text-color-neutral-base)/var(--tw-text-opacity))}.range-selected.today.sc-prism-datepicker:before{border-color:rgb(var(--border-color-stroke-theme1-base)/.15);border-radius:50%;border-width:1px;content:"";height:2.625rem;position:absolute;width:2.625rem}button.selected-day.sc-prism-datepicker,button.selected-end-day.sc-prism-datepicker{--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--fill-theme1-base-shadow);background-color:rgb(var(--background-color-fill-theme1-base)/var(--tw-bg-opacity));color:rgb(var(--text-color-inverse-base)/var(--tw-text-opacity))}span.range-selected.sc-prism-datepicker:not(.selected-day):not(.selected-end-day){--tw-bg-opacity:1;--shadow-color:var(--material-theme1-base-shadow);background-color:rgb(var(--background-color-material-theme1-base)/var(--tw-bg-opacity))}.range-selected.day.sc-prism-datepicker:focus{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--fill-theme1-focus-shadow);background-color:rgb(var(--background-color-fill-theme1-focus)/var(--tw-bg-opacity));border-color:rgb(var(--border-color-stroke-theme1-focus)/var(--tw-border-opacity));border-radius:50%;color:rgb(var(--text-color-inverse-focus)/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}span.range-selected.selected-day.sc-prism-datepicker:not(.selected-end-day){background:linear-gradient(270deg,rgb(var(--background-color-material-theme1-base)) 50%,transparent 50%)}span.range-selected.selected-end-day.sc-prism-datepicker:not(.selected-day){background:linear-gradient(90deg,rgb(var(--background-color-material-theme1-base)) 50%,transparent 50%)}.input-container.sc-prism-datepicker{display:flex}.input-container.sc-prism-datepicker>.sc-prism-datepicker:not([hidden])~.sc-prism-datepicker:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.controls.sc-prism-datepicker{outline-color:var(--outline-color-transparent,transparent);outline-offset:2px;outline-style:solid;outline-width:2px;transition:outline .25s linear,border-radius .15s linear}.controls.sc-prism-datepicker:focus{border-radius:var(--border-radius-xsmall,2px);outline-color:var(--outline-color-neutral-focus,#35353b)}.second-month.sc-prism-datepicker{display:none}.heading-spacer.sc-prism-datepicker{display:none}@media (min-width:768px){.second-month.sc-prism-datepicker{display:block}.heading-spacer.sc-prism-datepicker{display:block;width:4rem}}', $ = V, C = class {
+  constructor(f) {
+    M(this, f), this.prismChange = k(this, "prismChange", 7), this.prismClick = k(this, "prismClick", 7), this.prismBlur = k(this, "prismBlur", 7);
+    var h;
+    this._todayElement = void 0, this.valuePattern = "^(0[1-9]|1[012])/(0[1-9]|[12][0-9]|3[01])/(19|20)dd$", this.rangeValuePatten = `${this.valuePattern} ${this.rangeDelimiter} ${this.valuePattern}`, this.setSelectedFromValue = () => {
+      this.value !== "" && Number.isInteger(Number(this.value)) && (this.value = e.format(e.startOfDay(parseFloat(this.value)), this.dateFormat));
+      let t = this.value.matchAll(new RegExp(this.valuePattern, "g"));
+      if (!this.range && this.value && t && t !== null || this.range && t && t !== null)
+        if (this.range) {
+          const [i, r] = this.value.split(` ${this.rangeDelimiter} `).map((d) => e.startOfDay(new Date(d)));
+          (e.isSameDay(i, r) || e.isAfter(r, i)) && (this.selectedDate = i, this.selectedEndDate = r, this.clearedValue = !1), this.selectedFullDate = `${e.format(this.selectedDate, this.dateFormat)} ${this.rangeDelimiter} ${e.format(this.selectedEndDate, this.dateFormat)}`;
+        } else
+          this.selectedDate = e.startOfDay(new Date(this.value)), this.selectedFullDate = e.format(this.selectedDate, this.dateFormat), this.clearedValue = !1;
+      else
+        this.clearedValue = !0;
+    }, this.getHeader = (t = !1) => s("div", { class: { "calendar-header": !0, range: this.range } }, s("prism-button", { ref: (i) => this.previousMonthElement = i, display: "ghost-icon", size: "xs", label: "previous month", onPrismPress: () => this.activeDate = e.subMonths(this.activeDate, 1) }, s("prism-icon", { theme: "outline", name: "caret_left_list" })), s("prism-text", { display: "heading3" }, e.format(this.activeDate, "MMMM yyyy")), t && s(w, null, s("span", { class: "heading-spacer" }), s("prism-text", { display: "heading3", class: { "second-month": !0 } }, e.format(e.addMonths(this.activeDate, 1), "MMMM yyyy"))), s("prism-button", { label: "next month", display: "ghost-icon", size: "xs", onPrismPress: () => this.activeDate = e.addMonths(this.activeDate, 1) }, s("prism-icon", { theme: "outline", name: "caret_right_list" }))), this.getWeekDaysNames = (t = 0) => {
+      const i = e.startOfWeek(e.addMonths(this.activeDate, t)), r = [];
+      for (let d = 0; d < 7; d++)
+        r.push(s("prism-text", { "aria-hidden": "true", display: "body2", class: "calendar-day-title" }, e.format(e.addDays(i, d), "EEEEE")));
+      return s("div", { class: "calendar-weekdays" }, r);
+    }, this.confirmSelection = () => {
+      this.prismTextInput.setFocus(), this.open = !1, this._a11yAdjustments();
+    }, this._keyboardNavigation = (t) => {
+      var i, r, d, n;
+      const a = t.currentTarget, l = new Date(a.dataset.date), y = E(this.calendarElement).filter((m) => m.classList.contains("day")), v = e.addDays(l, 1), D = e.subDays(l, 1), g = e.addDays(l, 7), b = e.subDays(l, 7), p = (m) => y.find((u) => {
+        if (m.next && e.isEqual(new Date(u.dataset.date), v) || m.previous && e.isEqual(new Date(u.dataset.date), D) || m.previousWeek && e.isEqual(new Date(u.dataset.date), b) || m.nextWeek && e.isEqual(new Date(u.dataset.date), g))
+          return u;
+      });
+      switch (t.code) {
+        case "ArrowRight":
+          t.preventDefault(), (i = p({ next: !0 })) === null || i === void 0 || i.focus();
+          break;
+        case "ArrowLeft":
+          t.preventDefault(), (r = p({ previous: !0 })) === null || r === void 0 || r.focus();
+          break;
+        case "ArrowUp":
+          t.preventDefault(), (d = p({ previousWeek: !0 })) === null || d === void 0 || d.focus();
+          break;
+        case "ArrowDown":
+          t.preventDefault(), (n = p({ nextWeek: !0 })) === null || n === void 0 || n.focus();
+          break;
+      }
+    }, this._selectSingleDate = (t, i, r) => {
+      this.range || (this.selectedDate = t, this.selectedFullDate = e.format(this.selectedDate, this.dateFormat), this.confirmSelection()), this.range && (r ? (this.selectedDate = t, this.selectedEndDate = this.selectedDate) : i ? this.selectedEndDate = t : (this.selectedDate = t, this.selectedEndDate = this.selectedDate), this.selectedFullDate = `${e.format(this.selectedDate, this.dateFormat)} ${this.rangeDelimiter} ${e.format(this.selectedEndDate, this.dateFormat)}`), this.clearedValue = !1;
+    }, this.generateDatesForCurrentWeek = (t, i) => {
+      var r, d;
+      const n = [];
+      let a = t, l, y;
+      (this.disabledDateStart && this.disabledDateEnd && this.disabledDates === "range" || this.disabledDates === "inverse-range") && (l = e.eachDayOfInterval({ start: this.disabledDateStart, end: this.disabledDateEnd }), this.exclusionDates = l), this.disabledDateStart && this.disabledDates === "future" && (y = e.eachDayOfInterval({
+        start: this.disabledDateStart,
+        end: e.addDays(this.disabledDateStart, this.future || 7)
+      }), this.exclusionDates = y);
+      for (let v = 0; v < 7; v++) {
+        const D = a, g = !e.isSameMonth(a, i), b = !this.clearedValue && e.isSameDay(a, this.selectedDate), p = !this.clearedValue && this.range && e.isSameDay(a, this.selectedEndDate), m = !this.clearedValue && e.isAfter(a, this.selectedDate), u = !this.clearedValue && e.isBefore(a, this.selectedEndDate), x = !this.clearedValue && this.range && m && u, S = `${b ? "selected" : ""} ${p ? "selected-end" : ""} ${e.isToday(a) ? "today" : ""}
+      ${e.format(a, "EEEE MMMM do yyyy")}`;
+        let o = !1;
+        switch (this.disabledDates) {
+          case "past":
+            o = e.isPast(e.endOfDay(a));
+            break;
+          case "weekends":
+            o = e.isWeekend(a);
+            break;
+          case "range":
+            l == null || l.map((c) => {
+              e.isEqual(c, a) && (o = !0);
+            });
+            break;
+          case "inverse-range":
+            o = !0, l == null || l.map((c) => {
+              e.isEqual(c, a) && (o = !1);
+            });
+            break;
+          case "inverse-exclude":
+            o = !0, (r = this.exclusions) === null || r === void 0 || r.map((c) => {
+              e.isEqual(e.startOfDay(c), a) && (o = !1);
+            });
+            break;
+          case "exclude":
+            (d = this.exclusions) === null || d === void 0 || d.map((c) => {
+              e.isEqual(e.startOfDay(c), a) && (o = !0);
+            });
+            break;
+          case "future":
+            o = !0, y == null || y.map((c) => {
+              e.isEqual(c, a) && (o = !1);
+            });
+            break;
+        }
+        n.push(s("span", { class: {
+          "first-day-next": e.isFirstDayOfMonth(a),
+          "last-day-previous": e.isLastDayOfMonth(a),
+          "range-selected": !g && (x || p || this.range && b),
+          "selected-day": b,
+          "selected-end-day": p
+        } }, e.isSameMonth(a, i) && s("button", { class: {
+          today: e.isToday(a),
+          day: !0,
+          "range-selected": x || b || p,
+          "selected-day": b,
+          "selected-end-day": p,
+          "inactive-day": g
+        }, onKeyDown: (c) => this._keyboardNavigation(c), name: e.isToday(a) ? "today" : "day", disabled: o, "data-date": e.format(a, "MM/dd/yyyy"), "aria-disabled": !!o, "aria-label": S.replace(/\s+/g, " ").trim(), type: "button", onClick: () => this._selectSingleDate(D, m, b) }, e.format(a, "d")))), a = e.addDays(a, 1);
+      }
+      return s(w, null, n);
+    }, this.getDates = (t = 0) => {
+      const i = e.startOfMonth(e.addMonths(this.activeDate, t)), r = e.endOfMonth(e.addMonths(this.activeDate, t)), d = e.startOfWeek(i), n = e.endOfWeek(r);
+      let a = d;
+      const l = [];
+      for (; a <= n; )
+        l.push(this.generateDatesForCurrentWeek(a, e.addMonths(this.activeDate, t))), a = e.addDays(a, 7);
+      return s("div", { class: "calendar-week-container" }, l);
+    }, this.convertValueToDate = (t) => {
+      const [i, r, d] = t.split("/");
+      if (i && r && d) {
+        let n = new Date(parseInt(d), parseInt(i, 10) - 1, parseInt(r));
+        return e.startOfDay(n);
+      } else
+        return;
+    }, this._a11yAdjustments = () => {
+      E(this.calendarElement).forEach((t) => {
+        !this.open && !this.displayInline ? t == null || t.setAttribute("tabindex", "-1") : t == null || t.removeAttribute("tabindex");
+      });
+    }, this.toggleOpenCalendar = (t) => {
+      var i;
+      this._todayElement = this.calendarElement.getElementsByClassName("today")[0], this.open = !this.open && !this.displayInline, t.currentTarget.id === "trigger-button" && this.open && ((i = this.previousMonthElement) === null || i === void 0 || i.setFocus()), this._a11yAdjustments(), this.prismClick.emit({
+        name: "date-toggle",
+        host: this.el,
+        type: this.range ? "range" : "single",
+        formattedValue: {
+          single: !this.range && this.selectedDate ? e.formatISO(this.selectedDate) : void 0,
+          start: this.range && this.selectedDate ? e.formatISO(this.selectedDate) : void 0,
+          end: this.range && this.selectedDate ? e.formatISO(this.selectedEndDate) : void 0
+        },
+        open: this.displayInline || this.open
+      });
+    }, this._hostTag = "prism-datepicker", this.onBlur = (t) => {
+      t.target.closest(this._hostTag) !== this.el && (this.open = !1);
+    }, this._getDateChange = (t) => {
+      if (t.detail.name === "value-changed") {
+        if (this.range) {
+          if (t.detail.value) {
+            const [i, r] = t.detail.value.split(this.rangeDelimiter).map((d) => e.startOfDay(this.convertValueToDate(d.trim())));
+            (e.isSameDay(i, r) || e.isAfter(r, i)) && (this.selectedDate = i, this.selectedEndDate = r);
+          }
+        } else
+          t.detail.value && (this.selectedDate = e.startOfDay(this.convertValueToDate(t.detail.value)));
+        this.prismChange.emit({
+          name: "date-selected",
+          value: t.detail.value,
+          id: t.detail.id,
+          host: this.el,
+          type: this.range ? "range" : "single",
+          formattedValue: {
+            single: !this.range && this.validSelectedDate ? e.formatISO(this.selectedDate) : void 0,
+            start: this.range && this.validSelectedDate ? e.formatISO(this.selectedDate) : void 0,
+            end: this.range && this.validSelectedDate ? e.formatISO(this.selectedEndDate) : void 0
+          }
+        });
+      }
+    }, this._checkValidity = (t) => {
+      var i, r;
+      if (t.detail.value !== "")
+        if (this.range) {
+          let a = t.detail.value.split(this.rangeDelimiter)[0].trim(), l = t.detail.value.split(this.rangeDelimiter)[1].trim();
+          this.invalidDate = !e.isValid(e.parse(a, this.dateFormat, /* @__PURE__ */ new Date())) || !e.isValid(e.parse(l, this.dateFormat, /* @__PURE__ */ new Date()));
+        } else
+          this.invalidDate = !e.isValid(e.parse(t.detail.value, this.dateFormat, /* @__PURE__ */ new Date()));
+      let d = new Date(t.detail.value), n = (a) => e.isEqual(a, e.startOfDay(d));
+      switch (this.disabledDates) {
+        case "weekends":
+          this.invalidDate = e.isWeekend(d);
+          break;
+        case "past":
+          this.invalidDate = e.isPast(d);
+          break;
+        case "exclude":
+          this.invalidDate = ((i = this.exclusions) === null || i === void 0 ? void 0 : i.filter((a) => e.isEqual(e.startOfDay(a), e.startOfDay(d))).length) === 1;
+          break;
+        case "inverse-exclude":
+          this.invalidDate = ((r = this.exclusions) === null || r === void 0 ? void 0 : r.filter((a) => !e.isEqual(e.startOfDay(a), e.startOfDay(d))).length) === 1;
+          break;
+        case "future":
+          this.invalidDate = !this.exclusionDates.some(n);
+          break;
+      }
+      this.prismBlur.emit({
+        name: "date-blur",
+        host: this.el,
+        type: this.range ? "range" : "single",
+        formattedValue: {
+          single: !this.range && this.validSelectedDate ? e.formatISO(this.selectedDate) : void 0,
+          start: this.range && this.validSelectedDate ? e.formatISO(this.selectedDate) : void 0,
+          end: this.range && this.validSelectedDate ? e.formatISO(this.selectedEndDate) : void 0
+        },
+        open: this.open
+      });
+    }, this.open = !1, this.value = void 0, this.range = !1, this.label = void 0, this.name = void 0, this.variant = "contained", this.disabled = !1, this.hideLabel = !1, this.invalidMessage = "Please select a date", this.pattern = void 0, this.required = void 0, this.readonly = void 0, this.invalid = !1, this.format = "##/##/####", this.dateFormat = "MM/dd/yyyy", this.placeholder = void 0, this.placeholderStart = void 0, this.placeholderEnd = void 0, this.confirmLabel = "Confirm", this.rangeDelimiter = "to", this.displayMonths = "1", this.disabledDates = void 0, this.future = void 0, this.exclusions = void 0, this.disabledDateStart = void 0, this.disabledDateEnd = void 0, this.displayInline = !1, this.selectedDate = void 0, this.selectedEndDate = void 0, this.selectedFullDate = void 0, this.activeDate = e.startOfToday(), this.clearedValue = !1, this.invalidDate = !1, this.validSelectedDate = !Number.isNaN(Date.parse((h = this.selectedDate) === null || h === void 0 ? void 0 : h.toDateString()));
+  }
+  /* TODO: Check for range and other date formats */
+  componentDidLoad() {
+    var f;
+    (f = this.el) === null || f === void 0 || f.addEventListener("keydown", (h) => {
+      h.code === "Escape" && (this.toggleOpenCalendar(h), this.prismTextInput.setFocus());
+    }), this._a11yAdjustments();
+  }
+  componentWillLoad() {
+    this.placeholder || (this.placeholder = this.dateFormat.toLocaleLowerCase()), this.invalidDate = this.invalid, this.value && this.setSelectedFromValue();
+  }
+  updateValue() {
+    this.setSelectedFromValue();
+  }
+  updateInvalid() {
+    this.invalidDate = this.invalid;
+  }
+  connectedCallback() {
+    document.addEventListener("mousedown", this.onBlur), I("prism-datepicker");
+  }
+  disconnectedCallback() {
+    document.removeEventListener("mousedown", this.onBlur);
+  }
+  render() {
+    const f = this.range || this.displayMonths === "2", h = !this.open && !this.displayInline;
+    return s(O, { key: "97d071dddede65b430e2a38bedbb96ef416598c5" }, s("span", { key: "14ed4ed73fb0b846be56b2b8e7234084cce002de", class: "screen-reader-text", "aria-live": "polite", "aria-atomic": "true" }, this.activeDate && e.format(this.activeDate, "MMMM yyyy")), s("section", { key: "ef63e0dfbf7dc24f868978ef86b1f01b38a2a9f9", class: "input-container" }, s("prism-input-text", { key: "69e8cd37d34e299a27975c04ce2f219a1c337d60", class: { "calendar-input": !0 }, ref: (t) => this.prismTextInput = t, onPrismChange: (t) => this._getDateChange(t), value: this.selectedFullDate, label: this.label, disabled: this.disabled, hideLabel: this.hideLabel, invalidMessage: this.invalidMessage, pattern: this.pattern, name: this.name, required: this.required, readonly: this.readonly, format: this.range ? `${this.format} ${this.rangeDelimiter} ${this.format}` : this.format, variant: this.variant, placeholder: this.range ? this.placeholderStart && this.placeholderEnd ? `${this.placeholderStart} ${this.rangeDelimiter} ${this.placeholderEnd}` : `${this.placeholder} ${this.rangeDelimiter} ${this.placeholder}` : this.placeholder, invalid: this.invalidDate, onPrismBlur: (t) => this._checkValidity(t) }, s("button", { key: "9c017da5c71650a86f2734fca15bd96acd531a76", class: "controls", type: "button", id: "trigger-button", disabled: this.disabled, "aria-label": "select a date", "aria-expanded": !h.toString(), slot: "icon-leading", onClick: (t) => this.toggleOpenCalendar(t) }, s("prism-icon", { key: "96c464dc7eb2eecb43f8c085c34b5106b6fa6fae", size: "sm", priority: this.disabled ? "inactive" : "primary", theme: "outline", name: "calendar" })), s("button", { key: "6314f5d83635a4f304b9e587ad25081c33adce27", class: "controls", type: "button", "aria-label": "clear the date", slot: "icon-trailing", disabled: this.disabled, onClick: () => {
+      this.prismTextInput.value = "", this.selectedFullDate = "", this.clearedValue = !0, this.prismTextInput.setFocus();
+    } }, s("prism-icon", { key: "24d60256ae9c4d165798e789969a20d4883537ae", priority: this.disabled ? "inactive" : "primary", size: "sm", theme: "outline", name: "close" }))), this.range && this.validSelectedDate && s(w, { key: "497d0472cdc5be5cae78755d5b6dd8a426196861" }, s("input", { key: "458c224d3679f6cf46d7c0ce8baa763d2a586380", type: "hidden", name: `${this.name}_start_date`, value: e.formatISO(this.selectedDate) }), s("input", { key: "e843d05e720d753c85db090e825fff3394a65d2d", type: "hidden", name: `${this.name}_end_date`, value: e.formatISO(this.selectedEndDate) }))), s("div", { key: "2ae04fe91ae8117ba9eafdc1c46392c16f39d1b4", ref: (t) => this.calendarElement = t, class: { "calendar-container": !0, collapsed: h, inline: this.displayInline }, role: "group", tabindex: "-1", "aria-hidden": h.toString() }, this.getHeader(f), s("div", { key: "d7cf8542d5bda75a7bbb5f0c0f3dda8e41789060", role: "application", class: "calendar-row" }, s("div", { key: "132a6da840609dcf2d7581fe8a652e1f55a85f80" }, this.getWeekDaysNames(), this.getDates()), f && s("div", { key: "216056bb2da3f78b710befc50ef8d9f23c02dc7c", class: { "second-month": !0 } }, this.getWeekDaysNames(1), this.getDates(1))), s("div", { key: "52527ec5c816f5bbb48fa4ac57930114eec189d3", class: "calendar-footer" }, s("prism-button", { key: "a186a3fcbf74f11a04305f9934326832a1c804fb", onPrismPress: () => {
+      this.activeDate = e.startOfToday(), this._todayElement.focus();
+    }, label: "return to today", disabled: e.isThisMonth(this.activeDate), display: "ghost" }, "Today"), this.range && s("prism-button", { key: "da9d1ead11dc3ee07be6d34d43c8493941553f6f", label: `${this.confirmLabel} date range`, display: "ghost", onPrismPress: () => this.confirmSelection() }, this.confirmLabel))));
+  }
+  get el() {
+    return F(this);
+  }
+  static get watchers() {
+    return {
+      value: ["updateValue"],
+      invalid: ["updateInvalid"]
+    };
+  }
+};
+C.style = $;
+export {
+  C as prism_datepicker
+};

package/dist/prism-form.entry-BJl2ma6x.js

@@ -0,0 +1,42 @@
+import { r as n, c as f, h as r, H as a } from "./index-By9FNwDt.js";
+import { m } from "./index-e6818ded-r_t6ryaW.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
+ */
+const u = class {
+  constructor(i) {
+    n(this, i), this.prismForm = f(this, "prismForm", 7), this.validate = () => this.form.checkValidity(), this.submit = (t) => {
+      var e, o;
+      if (this.debug && console.info("prism-submit event", t), this.submitEffect && ((e = this.submitButton) === null || e === void 0 || e.setAttribute("loading", "true")), !this.validate())
+        return this.submitEffect && ((o = this.submitButton) === null || o === void 0 || o.setAttribute("loading", "false")), !1;
+      this.url && !this.native && (t.preventDefault(), new FormData(this.form)), this.prismForm.emit({ name: `form-${t.type}`, orgin: t });
+    }, this.method = "POST", this.action = void 0, this.name = void 0, this.url = void 0, this.submitEffect = !1, this.native = !1, this.debug = !1, this.data = {};
+  }
+  connectedCallback() {
+    m("prism-form");
+  }
+  componentDidLoad() {
+    this.debug && console.info(this, this.form), this.submitButton = this.form.querySelector('prism-button[type="submit"]');
+  }
+  sendFormData(i) {
+    if (typeof window > "u")
+      return;
+    const t = this.submitButton, e = this.prismForm;
+    for (var o of i.formData.entries())
+      this.data = Object.assign(this.data, { [o[0]]: o[1] });
+    window.fetch && fetch(this.url, {
+      method: this.method,
+      body: JSON.stringify(this.data)
+    }).then((s) => s.json()).then((s) => {
+      this.debug && console.info("Success", s), this.submitEffect && (t == null || t.setAttribute("loading", "false"), t == null || t.setAttribute("tone", "positive")), e.emit({ name: "form-api-success", response: s });
+    }).catch((s) => {
+      this.debug && console.error("Error", s), this.submitEffect && (t == null || t.setAttribute("loading", "false"), t == null || t.setAttribute("tone", "negative")), e.emit({ name: "form-api-error", response: s });
+    }), e.emit({ name: `form-${i.type}`, formData: this.data, origin: i });
+  }
+  render() {
+    return r(a, { key: "55c65fb7d6ca01a06e6e955cf35fb4639061cce0" }, r("slot", { key: "e7022f5857733552f07f3021d90e1f275b4992be", name: "header" }), r("form", { key: "03202bc8801159f20dcb00157b45778534a90171", onSubmit: (i) => this.submit(i), ref: (i) => this.form = i, name: this.name, action: this.action, method: this.method }, r("slot", { key: "cff1986162f8ecbe45368f4baa20de96cf9556d6" })), r("slot", { key: "ca3db7699a2a62667d3376b1d08f154ff1b548e3", name: "footer" }));
+  }
+};
+export {
+  u as prism_form
+};

package/dist/prism-grid.entry-DIdkZa73.js

@@ -0,0 +1,28 @@
+import { r as s, h as d, H as a } from "./index-By9FNwDt.js";
+import { m as g, d as e } from "./index-e6818ded-r_t6ryaW.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
+ */
+const m = ".sc-prism-grid-h{--grid-columns:4;--grid-gutter:0.5rem;--grid-calc:calc(var(--width)/var(--grid-columns)*100%);display:block}.grid-container.sc-prism-grid-h{margin-left:auto;margin-right:auto;padding-left:var(--grid-gutter);padding-right:var(--grid-gutter);width:100%}.flush.sc-prism-grid-h{padding-left:0;padding-right:0}.row.sc-prism-grid{display:flex;flex-wrap:wrap}.row.flush.sc-prism-grid{margin-left:calc(var(--grid-gutter)*-1);margin-right:calc(var(--grid-gutter)*-1)}.col.sc-prism-grid-h{flex-basis:0;flex-grow:1;max-width:100%;min-height:.0625rem;padding:0 var(--grid-gutter);position:relative;width:100%}.col-auto.sc-prism-grid-h{flex:0 0 auto;max-width:none;width:auto}.start.sc-prism-grid{justify-content:start}.center.sc-prism-grid{justify-content:center}.end.sc-prism-grid{justify-content:flex-end}.around.sc-prism-grid{justify-content:space-around}.between.sc-prism-grid{justify-content:space-between}.top.sc-prism-grid-h{align-self:flex-start}.top.sc-prism-grid{align-items:flex-start}.middle.sc-prism-grid-h{align-self:center}.middle.sc-prism-grid{align-items:center}.bottom.sc-prism-grid-h{align-self:flex-end}.bottom.sc-prism-grid{align-items:flex-end}.col-1.sc-prism-grid-h{--width:1;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-2.sc-prism-grid-h{--width:2;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-3.sc-prism-grid-h{--width:3;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-4.sc-prism-grid-h{--width:4;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}@media (min-width:640px){.grid-container.sc-prism-grid-h:not(.fluid){max-width:640px}.col-sm-auto.sc-prism-grid-h{flex:0 0 auto;max-width:none;width:auto}.start-sm.sc-prism-grid{justify-content:start}.center-sm.sc-prism-grid{justify-content:center}.end-sm.sc-prism-grid{justify-content:flex-end}.around-sm.sc-prism-grid{justify-content:space-around}.between-sm.sc-prism-grid{justify-content:space-between}.top-sm.sc-prism-grid-h{align-self:flex-start}.top-sm.sc-prism-grid{align-items:flex-start}.middle-sm.sc-prism-grid-h{align-self:center}.middle-sm.sc-prism-grid{align-items:center}.bottom-sm.sc-prism-grid-h{align-self:flex-end}.bottom-sm.sc-prism-grid{align-items:flex-end}.col-sm-1.sc-prism-grid-h{--width:1;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-sm-2.sc-prism-grid-h{--width:2;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-sm-3.sc-prism-grid-h{--width:3;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-sm-4.sc-prism-grid-h{--width:4;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}}@media (min-width:768px){.sc-prism-grid-h{--grid-columns:8}.grid-container.sc-prism-grid-h:not(.fluid){max-width:768px}.start-md.sc-prism-grid{justify-content:start}.center-md.sc-prism-grid{justify-content:center}.end-md.sc-prism-grid{justify-content:flex-end}.around-md.sc-prism-grid{justify-content:space-around}.between-md.sc-prism-grid{justify-content:space-between}.top-md.sc-prism-grid-h{align-self:flex-start}.top-md.sc-prism-grid{align-items:flex-start}.middle-md.sc-prism-grid-h{align-self:center}.middle-md.sc-prism-grid{align-items:center}.bottom-md.sc-prism-grid-h{align-self:flex-end}.bottom-md.sc-prism-grid{align-items:flex-end}.col-md-auto.sc-prism-grid-h{flex:0 0 auto;max-width:none;width:auto}.col-md-1.sc-prism-grid-h{--width:1;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-md-2.sc-prism-grid-h{--width:2;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-md-3.sc-prism-grid-h{--width:3;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-md-4.sc-prism-grid-h{--width:4;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-md-5.sc-prism-grid-h{--width:5;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-md-6.sc-prism-grid-h{--width:6;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-md-7.sc-prism-grid-h{--width:7;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-md-8.sc-prism-grid-h{--width:8;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}}@media (min-width:1024px){.sc-prism-grid-h{--grid-columns:16}.grid-container.sc-prism-grid-h:not(.fluid){max-width:1024px}.start-lg.sc-prism-grid{justify-content:start}.center-lg.sc-prism-grid{justify-content:center}.end-lg.sc-prism-grid{justify-content:flex-end}.around-lg.sc-prism-grid{justify-content:space-around}.between-lg.sc-prism-grid{justify-content:space-between}.top-lg.sc-prism-grid-h{align-self:flex-start}.top-lg.sc-prism-grid{align-items:flex-start}.middle-lg.sc-prism-grid-h{align-self:center}.middle-lg.sc-prism-grid{align-items:center}.bottom-lg.sc-prism-grid-h{align-self:flex-end}.bottom-lg.sc-prism-grid{align-items:flex-end}.col-lg-auto.sc-prism-grid-h{flex:0 0 auto;max-width:none;width:auto}.col-lg-1.sc-prism-grid-h{--width:1;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-lg-2.sc-prism-grid-h{--width:2;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-lg-3.sc-prism-grid-h{--width:3;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-lg-4.sc-prism-grid-h{--width:4;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-lg-5.sc-prism-grid-h{--width:5;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-lg-6.sc-prism-grid-h{--width:6;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-lg-7.sc-prism-grid-h{--width:7;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-lg-8.sc-prism-grid-h{--width:8;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-lg-9.sc-prism-grid-h{--width:9;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-lg-10.sc-prism-grid-h{--width:10;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-lg-11.sc-prism-grid-h{--width:11;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-lg-12.sc-prism-grid-h{--width:12;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}}@media (min-width:1280px){.sc-prism-grid-h{--grid-columns:16}.grid-container.sc-prism-grid-h:not(.fluid){max-width:1280px}.start-xl.sc-prism-grid{justify-content:start}.center-xl.sc-prism-grid{justify-content:center}.end-xl.sc-prism-grid{justify-content:flex-end}.around-xl.sc-prism-grid{justify-content:space-around}.between-xl.sc-prism-grid{justify-content:space-between}.top-xl.sc-prism-grid-h{align-self:flex-start}.top-xl.sc-prism-grid{align-items:flex-start}.middle-xl.sc-prism-grid-h{align-self:center}.middle-xl.sc-prism-grid{align-items:center}.bottom-xl.sc-prism-grid-h{align-self:flex-end}.bottom-xl.sc-prism-grid{align-items:flex-end}.col-xl-auto.sc-prism-grid-h{flex:0 0 auto;max-width:none;width:auto}.col-xl-1.sc-prism-grid-h{--width:1;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-xl-2.sc-prism-grid-h{--width:2;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-xl-3.sc-prism-grid-h{--width:3;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-xl-4.sc-prism-grid-h{--width:4;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-xl-5.sc-prism-grid-h{--width:5;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-xl-6.sc-prism-grid-h{--width:6;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-xl-7.sc-prism-grid-h{--width:7;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-xl-8.sc-prism-grid-h{--width:8;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-xl-9.sc-prism-grid-h{--width:9;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-xl-10.sc-prism-grid-h{--width:10;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-xl-11.sc-prism-grid-h{--width:11;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-xl-12.sc-prism-grid-h{--width:12;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-xl-13.sc-prism-grid-h{--width:13;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-xl-14.sc-prism-grid-h{--width:14;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-xl-15.sc-prism-grid-h{--width:15;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-xl-16.sc-prism-grid-h{--width:16;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}}@media (min-width:1536px){.sc-prism-grid-h{--grid-columns:16}.grid-container.sc-prism-grid-h:not(.fluid){max-width:1536px}.start-2xl.sc-prism-grid{justify-content:start}.center-2xl.sc-prism-grid{justify-content:center}.end-2xl.sc-prism-grid{justify-content:flex-end}.around-2xl.sc-prism-grid{justify-content:space-around}.between-2xl.sc-prism-grid{justify-content:space-between}.top-2xl.sc-prism-grid-h{align-self:flex-start}.top-2xl.sc-prism-grid{align-items:flex-start}.middle-2xl.sc-prism-grid-h{align-self:center}.middle-2xl.sc-prism-grid{align-items:center}.bottom-2xl.sc-prism-grid-h{align-self:flex-end}.bottom-2xl.sc-prism-grid{align-items:flex-end}.col-2xl-auto.sc-prism-grid-h{flex:0 0 auto;max-width:none;width:auto}.col-2xl-1.sc-prism-grid-h{--width:1;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-2xl-2.sc-prism-grid-h{--width:2;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-2xl-3.sc-prism-grid-h{--width:3;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-2xl-4.sc-prism-grid-h{--width:4;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-2xl-5.sc-prism-grid-h{--width:5;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-2xl-6.sc-prism-grid-h{--width:6;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-2xl-7.sc-prism-grid-h{--width:7;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-2xl-8.sc-prism-grid-h{--width:8;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-2xl-9.sc-prism-grid-h{--width:9;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-2xl-10.sc-prism-grid-h{--width:10;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-2xl-11.sc-prism-grid-h{--width:11;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-2xl-12.sc-prism-grid-h{--width:12;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-2xl-13.sc-prism-grid-h{--width:13;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-2xl-14.sc-prism-grid-h{--width:14;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-2xl-15.sc-prism-grid-h{--width:15;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}.col-2xl-16.sc-prism-grid-h{--width:16;flex:0 0 var(--grid-calc);max-width:var(--grid-calc)}}", h = m, l = class {
+  constructor(i) {
+    s(this, i), this.fluid = !1, this.type = "row", this.span = "", this.align = "auto", this.justify = "start", this.flush = !1;
+  }
+  connectedCallback() {
+    g("prism-grid"), e("<prism-grid/>", "has been deprecated. Please consider refactoring with css grid or flex;");
+  }
+  render() {
+    return d(a, { key: "8cca288409346ecc9d2550191be5bb3df9cad41b", class: {
+      [`${l.flexGenerator("col", this.span)}`]: this.type === "col",
+      [this.align]: this.type === "col" && this.align !== void 0,
+      col: this.type === "col",
+      "grid-container": this.type === "row",
+      fluid: this.fluid && this.type === "row",
+      flush: this.flush && this.type === "row"
+    } }, this.type === "row" ? d("div", { class: { row: !0, flush: this.flush, [this.align]: this.align !== void 0, [this.justify]: !0 } }, d("slot", null)) : d("slot", null));
+  }
+};
+l.flexGenerator = (i = "", r, c = "") => r === "" ? "" : (i !== "" && (i = `${i}-`), c !== "" && (c = `-${c}`), r == null ? void 0 : r.split(" ").map((t) => `${i}${t}${c}`).join(" "));
+l.style = h;
+export {
+  l as prism_grid
+};

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

@@ -0,0 +1,202 @@
+import { r as C, c as _, a as M, h as t, F as u, H as A, g as I, b as x, f as y } from "./index-By9FNwDt.js";
+import { g as S, m as F, a as h } from "./index-e6818ded-r_t6ryaW.js";
+import { r as z } from "./index.esm-322571ff-D1REhsOg.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
+ */
+const U = (e, o, i) => {
+  const n = e.get(o);
+  n ? n.includes(i) || n.push(i) : e.set(o, [i]);
+}, j = (e, o) => {
+  let i;
+  return (...n) => {
+    i && clearTimeout(i), i = setTimeout(() => {
+      i = 0, e(...n);
+    }, o);
+  };
+}, L = (e) => !("isConnected" in e) || e.isConnected, v = j((e) => {
+  for (let o of e.keys())
+    e.set(o, e.get(o).filter(L));
+}, 2e3), $ = () => {
+  if (typeof x != "function")
+    return {};
+  const e = /* @__PURE__ */ new Map();
+  return {
+    dispose: () => e.clear(),
+    get: (o) => {
+      const i = x();
+      i && U(e, o, i);
+    },
+    set: (o) => {
+      const i = e.get(o);
+      i && e.set(o, i.filter(y)), v(e);
+    },
+    reset: () => {
+      e.forEach((o) => o.forEach(y)), v(e);
+    }
+  };
+}, g = (e) => typeof e == "function" ? e() : e, N = (e, o = (i, n) => i !== n) => {
+  const i = g(e);
+  let n = new Map(Object.entries(i ?? {}));
+  const s = {
+    dispose: [],
+    get: [],
+    set: [],
+    reset: []
+  }, d = () => {
+    var r;
+    n = new Map(Object.entries((r = g(e)) !== null && r !== void 0 ? r : {})), s.reset.forEach((a) => a());
+  }, P = () => {
+    s.dispose.forEach((r) => r()), d();
+  }, b = (r) => (s.get.forEach((a) => a(r)), n.get(r)), w = (r, a) => {
+    const l = n.get(r);
+    o(a, l, r) && (n.set(r, a), s.set.forEach((c) => c(r, a, l)));
+  }, E = typeof Proxy > "u" ? {} : new Proxy(i, {
+    get(r, a) {
+      return b(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 w(a, l), !0;
+    }
+  }), m = (r, a) => (s[r].push(a), () => {
+    O(s[r], a);
+  });
+  return {
+    state: E,
+    get: b,
+    set: w,
+    on: m,
+    onChange: (r, a) => {
+      const l = m("set", (T, k) => {
+        T === r && a(k);
+      }), c = m("reset", () => a(g(e)[r]));
+      return () => {
+        l(), c();
+      };
+    },
+    use: (...r) => {
+      const a = r.reduce((l, c) => (c.set && l.push(m("set", c.set)), c.get && l.push(m("get", c.get)), c.reset && l.push(m("reset", c.reset)), c.dispose && l.push(m("dispose", c.dispose)), l), []);
+      return () => a.forEach((l) => l());
+    },
+    dispose: P,
+    reset: d,
+    forceUpdate: (r) => {
+      const a = n.get(r);
+      s.set.forEach((l) => l(r, a, a));
+    }
+  };
+}, O = (e, o) => {
+  const i = e.indexOf(o);
+  i >= 0 && (e[i] = e[e.length - 1], e.length--);
+}, R = (e, o) => {
+  const i = N(e, o);
+  return i.use($()), i;
+}, { state: p } = R({
+  received: !1,
+  targets: [],
+  sitemap: []
+}), q = ':host{--width:100%;--padding:0.5rem 1rem;--avatar-width:4rem;--logo-width:150px;--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--material-neutral-base-shadow);align-items:center;background-color:rgb(var(--background-color-material-neutral-base)/var(--tw-bg-opacity));color:rgb(var(--text-color-neutral-base)/var(--tw-text-opacity));display:flex;max-width:var(--width);padding:var(--padding);position:relative}:host(.elevation){--tw-shadow:0px 4px 8px -4px var(--shadow-color)!important;--tw-shadow-colored:0px 4px 8px -4px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.app-title{--tw-text-opacity:1;--max:100px;color:rgb(var(--text-color-neutral-base)/var(--tw-text-opacity));line-height:1;margin-left:.5rem}.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:-webkit-max-content auto repeat(2,-webkit-max-content);grid-template-columns:max-content auto repeat(2,max-content)}.trigger{display:none}}.logo{align-items:center;display:grid;grid-template-columns:-webkit-max-content -webkit-max-content;grid-template-columns:max-content max-content}.logo:focus{outline-color:var(--outline-color-neutral-base,#141417);outline-offset:4px}.app{align-items:center;display:flex;grid-area:app}.right .app{justify-content:space-between}.menu{grid-area:menu}.actions,.menu{display:none}.actions{grid-area:actions}.apps{grid-area:mobile}.user{display:none;grid-area:user}.user-avatar{margin-right:.25rem}.login,.username{line-height:1;margin:0 0 0 .25rem}.username{max-width:var(--avatar-width);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:768px){.actions,.menu{display:inherit}.user{--tw-border-opacity:1;--tw-border-opacity:var(--border-opacity-tertiary,0.15);align-items:center;border-color:rgb(var(--border-color-stroke-neutral-base)/var(--tw-border-opacity));border-style:solid;border-width:0 0 0 1px;display:flex;justify-content:flex-end;padding-left:.75rem}.apps{display:none}}.menu-action,::slotted(.menu-action){--tw-text-opacity:1!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--background-color-transparent,transparent);border-radius:var(--border-radius-xsmall,2px);border-style:none;color:rgb(var(--text-color-neutral-base)/var(--tw-text-opacity))!important;cursor:pointer;display:block;padding:.5rem;position:relative;text-decoration-line:none;transition:background-color .3s ease-in-out}::slotted(.menu-action){margin:0 .25rem!important;padding:.5rem!important;text-decoration-line:none!important}.menu-action:hover,::slotted(.menu-action:hover){--tw-bg-opacity:1!important;--tw-bg-opacity:var(--background-opacity-tertiary,0.15)!important;--shadow-color:var(--fill-neutral-hover-shadow)!important;background-color:rgb(var(--background-color-fill-neutral-hover)/var(--tw-bg-opacity))!important}.menu-action:focus,::slotted(.menu-action:focus){outline-color:var(--outline-color-neutral-base,#141417)!important;outline-offset:4px}.user .menu-action{--text-button1-leading:var(--text-button1-line-height);--text-button1-family:var(--text-family-brand);font-family:var(--text-button1-family);font-size:var(--text-button1-size);font-weight:var(--text-button1-weight);letter-spacing:var(--text-button1-letter-spacing);line-height:var(--text-button1-leading);text-transform:var(--text-button1-text-transform)}@media (min-width:768px){.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}}::slotted([slot=logo]){display:block;height:1.5rem!important;padding:0 0 0 .5rem}@media (min-width:768px){::slotted([slot=logo]){height:2rem!important}}@media (min-width:1024px){::slotted([slot=logo]){height:2.5rem!important}}::slotted(.action-icon){margin:0 .5rem}.search-form{align-items:center;display:flex}@media (prefers-reduced-motion:reduce){.menu-action,::slotted(.menu-action){transition:none}.action-panel,.panel{transition:none}}.panel{--tw-border-opacity:1;--tw-border-opacity:var(--border-opacity-tertiary,0.15);--tw-bg-opacity:1;--tw-shadow:0px 12px 12px -8px var(--shadow-color);--tw-shadow-colored:0px 12px 12px -8px 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-color:rgb(var(--border-color-stroke-neutral-base)/var(--tw-border-opacity));border-right-width:1px;border-style:solid;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);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:transform .3s ease-in-out;width:18rem;z-index:50}@media (min-width:768px){.panel{display:none}}.panel-header{align-items:center;display:flex;padding:.75rem}.panel-title{border-color:rgb(var(--border-color-stroke-neutral-base)/var(--tw-border-opacity));border-style:solid;border-width:0 0 0 1px;height:100%;padding-left:.5rem}.panel-title,.panel-user{--tw-border-opacity:1;--tw-border-opacity:var(--border-opacity-tertiary,0.15);align-items:center;display:flex;margin-left:.25rem}.panel-user{border-color:rgb(var(--border-color-stroke-neutral-base)/var(--tw-border-opacity));border-style:solid;border-width:1px 0 0;flex:1 1 auto;flex-wrap:nowrap;justify-content:center;margin-right:.25rem;margin-top:.25rem;padding-top:.5rem}.panel-header .button{justify-content:flex-end}.panel-menu{flex-grow:1;overflow:auto}.panel-footer{margin-left:auto;margin-right:auto;padding-left:.75rem;padding-right:.75rem}.panel.closed{pointer-events:none;transform:translateX(-240px);visibility:hidden}.panel-menu-items{flex-grow:1;list-style-type:none;margin:0}.panel-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)))}.panel-menu-items{padding:.25rem}.panel-menu-items ul{list-style-type:none;margin-left:.75rem}.panel-menu-items ul>: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)))}.action-menu-items,.panel-menu-items ul{padding:0}.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}.action-menu-items li{align-items:center;display:flex;justify-content:center;padding-left:.75rem;padding-right:.75rem;text-align:center}.action-menu-items button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--background-color-transparent,transparent);border-color:var(--border-color-transparent,transparent)}', H = q;
+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 D = class {
+  constructor(e) {
+    C(this, e), this.prismClick = _(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 = (o = !1) => {
+      var i, n;
+      if (o) {
+        this.body.style.overflow = "auto", this.menuPanelElement.addEventListener("transitionend", () => this.menuPanelElement.classList.remove("visible"), {
+          once: !0
+        });
+        return;
+      }
+      this.menuPanelToggle ? (this.body.style.overflow = "auto", (n = (i = this.el.shadowRoot) === null || i === void 0 ? void 0 : i.getElementById("prism-header-menu-toggle")) === null || n === void 0 || n.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 s, d;
+        return (d = (s = this.el.shadowRoot) === null || s === void 0 ? void 0 : s.getElementById("prism-header-menu-close")) === null || d === void 0 ? void 0 : d.focus();
+      }, { once: !0 })), this.menuPanelToggle = !this.menuPanelToggle;
+    }, this.prismId = `prism-header-${this.uid}`, this.shadow = !1, this.appTitle = void 0, 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 = "positive", this.enableAuthentication = !0, this.searching = !1, this.menuCollection = [], this.menuPanelToggle = !1, this.slottedMenuItems = {}, this.isNext = !1;
+  }
+  /** Listener for All Other Menu Components */
+  getMenuItems(e) {
+    p.received = !0, p.targets.push(e.target);
+    let o = e.detail.menu;
+    this.menuCollection.forEach((i) => {
+      i.children = o.filter(({ parent: n }, s) => n && n === i.id ? (delete o[s], !0) : !1);
+    }), this.menuCollection.push(...o.filter((i) => i !== void 0)), p.sitemap = this.menuCollection;
+  }
+  /** Before Component Loads, Set Local State for the Mobile Menu */
+  componentWillLoad() {
+    this.menuCollection = [...this.menu], this.isNext = M(this) == "next";
+  }
+  /** 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", z(() => {
+      document.body.clientWidth >= f.md && (this.menuPanelToggle = !1, this.toggleMenu(!0));
+    }, 250))), F("prism-header");
+  }
+  /** Emit Custom Event when Notification Icon is Pressed */
+  toggleNotifications(e) {
+    const { currentTarget: o } = e, { prismId: i } = o;
+    this.prismClick.emit({
+      id: i,
+      name: "notifications",
+      target: o
+    });
+  }
+  /** @internal Retain Focus in Panels: Bookend Start */
+  startingFocus(e, o) {
+    let i = h(o);
+    h(o)[i.length - 2].focus();
+  }
+  /** @internal Retain Focus in Panels: Bookend End */
+  endingFocus(e, o) {
+    h(o)[1].focus();
+  }
+  // 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: s, label: d }) => t("div", { class: "trigger" }, t("prism-button", { id: `prism-header-${s}`, display: "ghost-icon", size: "xs", label: d, onPrismPress: () => this.toggleMenu() }, t("prism-icon", { role: "presentation", name: n, size: "sm" }, d))), o = () => t("prism-button", { prismId: "notifcation", class: "notifications", label: "notification", onPrismPress: (n) => this.toggleNotifications(n), display: "ghost" }, t("prism-icon", { notifications: !!this.enableNotifications, "dot-tone": this.notificationTone, class: "action-icon", name: "alarm_bell" })), i = () => t(u, null, !this.hideAvatar && t("prism-avatar", { class: "user-avatar", src: this.userAvatar, alt: this.userName }), this.userName ? t(u, null, !this.hideName && t(u, null, t("span", { 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(A, { id: this.prismId, class: { elevation: this.shadow } }, t("header", { class: { header: !0, "panel-open": this.menuPanelToggle, [this.triggerPosition]: !0 } }, t("section", { part: "app", class: "app" }, this.triggerPosition == "left" && t(e, { icon: "menu_3_bar", id: `menu-toggle-${this.uid}`, label: "open menu" }), t("a", { class: "logo", part: "logo", href: this.appRoot }, t("slot", { name: "logo" }), !this.hideTitle && t("prism-text", { ellipsis: !0, tag: "h1", display: "body1", class: "app-title" }, this.appTitle)), this.triggerPosition == "right" && t(e, { icon: "menu_3_bar", id: `menu-toggle-${this.uid}`, label: "open menu" }), t("slot", { name: "app-info" })), t("section", { part: "main-menu", class: "menu" }, t("prism-button-group", { gap: !1, collection: "navigation" }, this.slots.menu ? t("slot", { name: "menu" }) : t(u, null, this.menu.map((n) => t("li", null, t("prism-button", { tone: n.active ? "theme1" : "neutral", current: n.active, target: n.target, href: n.href, display: "ghost" }, n.title)))))), t("section", { part: "actions", class: "actions" }, t("slot", { name: "actions" }), this.enableNotifications && t(o, null)), t("section", { part: "user", class: "user" }, this.enableAuthentication && t(i, null))), t("section", { ref: (n) => this.menuPanelElement = n, tabindex: "-1", "data-hydrated": p.received, class: { panel: !0, closed: !this.menuPanelToggle }, "aria-label": "Menu", "aria-hidden": (!this.menuPanelToggle).toString(), role: "dialog", "aria-modal": "true" }, t("header", { class: "panel-header" }, t("span", { onFocus: (n) => this.startingFocus(n, this.menuPanelElement), id: `start-menu-${this.uid}`, tabindex: "0" }), this.triggerPosition == "left" && t(e, { icon: "close", id: `menu-close-${this.uid}`, label: "close menu" }), !this.hideTitle && t("section", { class: "panel-title" }, this.appTitle), this.triggerPosition == "right" && t(e, { icon: "close", id: `menu-close-${this.uid}`, label: "close menu" })), this.slots.panel ? t("nav", { class: "panel-menu-items" }, t("slot", { name: "panel" })) : t("nav", { class: "panel-menu" }, t("ul", { class: "panel-menu-items" }, this.menuCollection.map((n) => t("li", null, t("prism-button", { tone: n.active ? "theme1" : "neutral", target: n.target, href: n.href, display: "ghost" }, n.title), n.children && t("ul", null, n.children.map((s) => t("li", null, t("prism-button", { tone: s.active ? "theme1" : "neutral", target: s.target, href: s.href, display: "ghost" }, s.title)))))))), t("footer", { class: "panel-footer" }, t("ul", { class: "action-menu-items" }, this.enableNotifications && t("li", null, t(o, null))), t("slot", { name: "panel-footer" }), this.enableAuthentication && t("section", { class: "panel-user", part: "panel-user" }, t(i, null)), t("span", { onFocus: (n) => this.endingFocus(n, this.menuPanelElement), id: `end-menu-${this.uid}`, tabindex: "0" }))));
+  }
+  get el() {
+    return I(this);
+  }
+};
+D.style = H;
+export {
+  D as prism_header
+};

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

@@ -0,0 +1,23 @@
+import { r as e, h as t, H as o, g as i } from "./index-By9FNwDt.js";
+import { m as r } from "./index-e6818ded-r_t6ryaW.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
+ */
+const l = ":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){--tw-bg-opacity:1;--shadow-color:var(--fill-info-base-shadow);background-color:rgb(var(--background-color-fill-info-base)/var(--tw-bg-opacity))}:host(.theme1){--tw-bg-opacity:1;--shadow-color:var(--fill-theme1-base-shadow);background-color:rgb(var(--background-color-fill-theme1-base)/var(--tw-bg-opacity))}:host(.theme2){--tw-bg-opacity:1;--shadow-color:var(--fill-theme2-base-shadow);background-color:rgb(var(--background-color-fill-theme2-base)/var(--tw-bg-opacity))}:host(.expressive){background-image:var(--background-image-gradient-expressive,linear-gradient(90deg,#28156b,#7b30ff))}:host(.positive){--tw-bg-opacity:1;--shadow-color:var(--fill-positive-base-shadow);background-color:rgb(var(--background-color-fill-positive-base)/var(--tw-bg-opacity))}:host(.caution){--tw-bg-opacity:1;--shadow-color:var(--fill-caution-base-shadow);background-color:rgb(var(--background-color-fill-caution-base)/var(--tw-bg-opacity))}:host(.negative){--tw-bg-opacity:1;--shadow-color:var(--fill-negative-base-shadow);background-color:rgb(var(--background-color-fill-negative-base)/var(--tw-bg-opacity))}:host(.neutral){--tw-bg-opacity:1;--shadow-color:var(--fill-neutral-base-shadow);background-color:rgb(var(--background-color-fill-neutral-base)/var(--tw-bg-opacity))}:host(.neutral2){--tw-bg-opacity:1;background-color:rgb(var(--background-color-fill-neutral2-base)/var(--tw-bg-opacity))}.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(--image-height,50%);position:absolute;top:0;width:100%}.layout-as-background .wrapper.top-right{right:0;width:var(--image-width,50%)}.layout-as-background .wrapper.top-left{left:0;top:0;width:100%;width:var(--image-width,50%)}.layout-as-background .wrapper.bottom,.layout-as-background .wrapper.top-left{align-items:center;display:flex;height:var(--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(--image-height,50%);position:absolute;width:100%;width:var(--image-width,50%)}.layout-as-background .wrapper.bottom-left{left:0}.layout-as-background .picture{display:flex;height:100%;width:var(--image-width,100%)}.layout-as-background .picture.left,.layout-as-background .picture.right{display:flex;height:100%;width:var(--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 = l, n = class {
+  constructor(a) {
+    e(this, a), this.alt = "", this.src = void 0, this.sourceImages = void 0, this.tone = "neutral", 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() {
+    r("prism-hero");
+  }
+  render() {
+    return t(o, { key: "1b008684f4905671b534a019bbecef378060eec7", class: { [this.tone]: !0 } }, t("span", { key: "82c75430df29afee879569f79d0436de6e25dc0d", style: { "min-height": `${this.containerHeight}` }, class: { [`layout-as-${this.as}`]: !0, [this.inlineLayout]: this.as === "inline" } }, t("span", { key: "67b234c3ffa16dfa805a5b806a1887927ef5f14e", ref: (a) => this.container = a, class: { "media-wrapper": !0, wrapper: !0, [this.align]: this.as === "background" } }, t("prism-image", { key: "6b6343f824fc9649467bce6ee1ba43a1430154ec", 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" } })), t("section", { key: "e696b2381acdfbff6edc42c41e2f9b53b7d2b721", class: "content-wrapper" }, t("slot", { key: "f615453299c1ea6363dae07c4ef959b5c20cc561" }))));
+  }
+  get el() {
+    return i(this);
+  }
+};
+n.style = s;
+export {
+  n as prism_hero
+};