@ed.yakovich/component-library 0.0.10 → 0.0.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/InfoBanner/index.js +14 -15
- package/dist/lib/main.d.ts +0 -13
- package/dist/main.js +6 -32
- package/package.json +2 -5
- package/dist/components/Accordion/context/index.js +0 -7
- package/dist/components/Accordion/index.js +0 -38
- package/dist/components/Accordion/types/index.js +0 -1
- package/dist/components/Cart/index.js +0 -35
- package/dist/components/EquipmentSummary/context/index.js +0 -10
- package/dist/components/EquipmentSummary/index.js +0 -65
- package/dist/components/EquipmentSummary/types/index.js +0 -1
- package/dist/components/Grid/index.js +0 -19
- package/dist/components/HeroBanner/context/index.js +0 -7
- package/dist/components/HeroBanner/index.js +0 -33
- package/dist/components/HeroBanner/types/index.js +0 -1
- package/dist/components/Nav/index.js +0 -23
- package/dist/components/OfferCards/context/index.js +0 -7
- package/dist/components/OfferCards/index.js +0 -30
- package/dist/components/OfferCards/subComponents/OfferCard.js +0 -62
- package/dist/components/OfferCards/types/index.js +0 -1
- package/dist/components/SaleBanner/context/index.js +0 -7
- package/dist/components/SaleBanner/index.js +0 -59
- package/dist/components/SaleBanner/types/index.js +0 -1
- package/dist/index-0d8e0844-BJzWsYCM.js +0 -7403
- package/dist/index-C9Rf5U9q.js +0 -29143
- package/dist/index-b30029d4-E1YxEHFH.js +0 -12
- package/dist/index-e6818ded-r_t6ryaW.js +0 -57
- package/dist/index.esm-322571ff-D1REhsOg.js +0 -41
- package/dist/lib/components/Accordion/context/index.d.ts +0 -10
- package/dist/lib/components/Accordion/index.d.ts +0 -2
- package/dist/lib/components/Accordion/types/index.d.ts +0 -13
- package/dist/lib/components/Cart/index.d.ts +0 -6
- package/dist/lib/components/EquipmentSummary/context/index.d.ts +0 -10
- package/dist/lib/components/EquipmentSummary/index.d.ts +0 -2
- package/dist/lib/components/EquipmentSummary/types/index.d.ts +0 -14
- package/dist/lib/components/Grid/index.d.ts +0 -13
- package/dist/lib/components/HeroBanner/context/index.d.ts +0 -10
- package/dist/lib/components/HeroBanner/index.d.ts +0 -2
- package/dist/lib/components/HeroBanner/types/index.d.ts +0 -11
- package/dist/lib/components/Nav/index.d.ts +0 -8
- package/dist/lib/components/OfferCards/context/index.d.ts +0 -9
- package/dist/lib/components/OfferCards/index.d.ts +0 -2
- package/dist/lib/components/OfferCards/subComponents/OfferCard.d.ts +0 -3
- package/dist/lib/components/OfferCards/types/index.d.ts +0 -26
- package/dist/lib/components/SaleBanner/context/index.d.ts +0 -10
- package/dist/lib/components/SaleBanner/index.d.ts +0 -2
- package/dist/lib/components/SaleBanner/types/index.d.ts +0 -11
- package/dist/link-DO_Jvm9n.js +0 -685
- package/dist/prism-accordion.entry-DeyFGNx-.js +0 -51
- package/dist/prism-avatar_2.entry-MLbdVrJg.js +0 -68
- package/dist/prism-badge.entry-BG5y7O5U.js +0 -58
- package/dist/prism-banner.entry-DChrjpFH.js +0 -82
- package/dist/prism-breadcrumb.entry-1YzYlKen.js +0 -33
- package/dist/prism-button_2.entry-DO8IGIoS.js +0 -110
- package/dist/prism-card.entry-DQ6P4TZP.js +0 -119
- package/dist/prism-carousel.entry-BA8zsHRW.js +0 -3111
- package/dist/prism-checkbox-group.entry-CP4-gghb.js +0 -62
- package/dist/prism-checkbox.entry-CJCy8fvC.js +0 -99
- package/dist/prism-data-table.entry--0djw8ls.js +0 -10475
- package/dist/prism-datepicker.entry-DPm7tpKB.js +0 -249
- package/dist/prism-form.entry-CS1zRoMt.js +0 -42
- package/dist/prism-grid.entry-jcx2aMUm.js +0 -28
- package/dist/prism-header.entry-CBSIpa0M.js +0 -202
- package/dist/prism-hero.entry-B0CKL5y9.js +0 -23
- package/dist/prism-icon_2.entry-Aja4QGUK.js +0 -118
- package/dist/prism-image.entry-B--khr6E.js +0 -38
- package/dist/prism-input-file.entry-i5qJkwEK.js +0 -119
- package/dist/prism-input-otp.entry-DXoARuzH.js +0 -63
- package/dist/prism-input-text.entry-D4QQ-dYX.js +0 -228
- package/dist/prism-input-textarea.entry-eeQHnhqC.js +0 -140
- package/dist/prism-layout.entry-bfKqOEnU.js +0 -20
- package/dist/prism-lineitem.entry-YIRZPVe_.js +0 -44
- package/dist/prism-menu.entry-BIlRCiaA.js +0 -231
- package/dist/prism-modal.entry-Kc-SpAR-.js +0 -94
- package/dist/prism-pagination.entry-BCo9aMdq.js +0 -60
- package/dist/prism-popover.entry-LmDvzCiR.js +0 -1013
- package/dist/prism-popper.entry-BqrcyTkE.js +0 -959
- package/dist/prism-progress.entry-29_ezvop.js +0 -79
- package/dist/prism-radio-group.entry-cL6AqjTk.js +0 -66
- package/dist/prism-radio.entry-CM_vZFZA.js +0 -101
- package/dist/prism-select.entry-B6A3gk7B.js +0 -230
- package/dist/prism-switch.entry-CtEfKB58.js +0 -95
- package/dist/prism-tab.entry-DIDUhFlk.js +0 -20
- package/dist/prism-tabs.entry-Cj3dW5_E.js +0 -70
- package/dist/prism-tooltip.entry-DEdY5eRd.js +0 -52
- package/dist/prism-typeahead.entry-D2XrvXaG.js +0 -1234
|
@@ -1,249 +0,0 @@
|
|
|
1
|
-
import { r as M, e as k, h as s, F as w, H as O, g as F } from "./index-C9Rf5U9q.js";
|
|
2
|
-
import { d as e } from "./index-0d8e0844-BJzWsYCM.js";
|
|
3
|
-
import { a as E, m as I } from "./index-e6818ded-r_t6ryaW.js";
|
|
4
|
-
/*!
|
|
5
|
-
* Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
|
|
6
|
-
*/
|
|
7
|
-
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 {
|
|
8
|
-
constructor(f) {
|
|
9
|
-
M(this, f), this.prismChange = k(this, "prismChange", 7), this.prismClick = k(this, "prismClick", 7), this.prismBlur = k(this, "prismBlur", 7);
|
|
10
|
-
var h;
|
|
11
|
-
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 = () => {
|
|
12
|
-
this.value !== "" && Number.isInteger(Number(this.value)) && (this.value = e.format(e.startOfDay(parseFloat(this.value)), this.dateFormat));
|
|
13
|
-
let t = this.value.matchAll(new RegExp(this.valuePattern, "g"));
|
|
14
|
-
if (!this.range && this.value && t && t !== null || this.range && t && t !== null)
|
|
15
|
-
if (this.range) {
|
|
16
|
-
const [i, r] = this.value.split(` ${this.rangeDelimiter} `).map((d) => e.startOfDay(new Date(d)));
|
|
17
|
-
(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)}`;
|
|
18
|
-
} else
|
|
19
|
-
this.selectedDate = e.startOfDay(new Date(this.value)), this.selectedFullDate = e.format(this.selectedDate, this.dateFormat), this.clearedValue = !1;
|
|
20
|
-
else
|
|
21
|
-
this.clearedValue = !0;
|
|
22
|
-
}, 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) => {
|
|
23
|
-
const i = e.startOfWeek(e.addMonths(this.activeDate, t)), r = [];
|
|
24
|
-
for (let d = 0; d < 7; d++)
|
|
25
|
-
r.push(s("prism-text", { "aria-hidden": "true", display: "body2", class: "calendar-day-title" }, e.format(e.addDays(i, d), "EEEEE")));
|
|
26
|
-
return s("div", { class: "calendar-weekdays" }, r);
|
|
27
|
-
}, this.confirmSelection = () => {
|
|
28
|
-
this.prismTextInput.setFocus(), this.open = !1, this._a11yAdjustments();
|
|
29
|
-
}, this._keyboardNavigation = (t) => {
|
|
30
|
-
var i, r, d, n;
|
|
31
|
-
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) => {
|
|
32
|
-
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))
|
|
33
|
-
return u;
|
|
34
|
-
});
|
|
35
|
-
switch (t.code) {
|
|
36
|
-
case "ArrowRight":
|
|
37
|
-
t.preventDefault(), (i = p({ next: !0 })) === null || i === void 0 || i.focus();
|
|
38
|
-
break;
|
|
39
|
-
case "ArrowLeft":
|
|
40
|
-
t.preventDefault(), (r = p({ previous: !0 })) === null || r === void 0 || r.focus();
|
|
41
|
-
break;
|
|
42
|
-
case "ArrowUp":
|
|
43
|
-
t.preventDefault(), (d = p({ previousWeek: !0 })) === null || d === void 0 || d.focus();
|
|
44
|
-
break;
|
|
45
|
-
case "ArrowDown":
|
|
46
|
-
t.preventDefault(), (n = p({ nextWeek: !0 })) === null || n === void 0 || n.focus();
|
|
47
|
-
break;
|
|
48
|
-
}
|
|
49
|
-
}, this._selectSingleDate = (t, i, r) => {
|
|
50
|
-
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;
|
|
51
|
-
}, this.generateDatesForCurrentWeek = (t, i) => {
|
|
52
|
-
var r, d;
|
|
53
|
-
const n = [];
|
|
54
|
-
let a = t, l, y;
|
|
55
|
-
(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({
|
|
56
|
-
start: this.disabledDateStart,
|
|
57
|
-
end: e.addDays(this.disabledDateStart, this.future || 7)
|
|
58
|
-
}), this.exclusionDates = y);
|
|
59
|
-
for (let v = 0; v < 7; v++) {
|
|
60
|
-
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" : ""}
|
|
61
|
-
${e.format(a, "EEEE MMMM do yyyy")}`;
|
|
62
|
-
let o = !1;
|
|
63
|
-
switch (this.disabledDates) {
|
|
64
|
-
case "past":
|
|
65
|
-
o = e.isPast(e.endOfDay(a));
|
|
66
|
-
break;
|
|
67
|
-
case "weekends":
|
|
68
|
-
o = e.isWeekend(a);
|
|
69
|
-
break;
|
|
70
|
-
case "range":
|
|
71
|
-
l == null || l.map((c) => {
|
|
72
|
-
e.isEqual(c, a) && (o = !0);
|
|
73
|
-
});
|
|
74
|
-
break;
|
|
75
|
-
case "inverse-range":
|
|
76
|
-
o = !0, l == null || l.map((c) => {
|
|
77
|
-
e.isEqual(c, a) && (o = !1);
|
|
78
|
-
});
|
|
79
|
-
break;
|
|
80
|
-
case "inverse-exclude":
|
|
81
|
-
o = !0, (r = this.exclusions) === null || r === void 0 || r.map((c) => {
|
|
82
|
-
e.isEqual(e.startOfDay(c), a) && (o = !1);
|
|
83
|
-
});
|
|
84
|
-
break;
|
|
85
|
-
case "exclude":
|
|
86
|
-
(d = this.exclusions) === null || d === void 0 || d.map((c) => {
|
|
87
|
-
e.isEqual(e.startOfDay(c), a) && (o = !0);
|
|
88
|
-
});
|
|
89
|
-
break;
|
|
90
|
-
case "future":
|
|
91
|
-
o = !0, y == null || y.map((c) => {
|
|
92
|
-
e.isEqual(c, a) && (o = !1);
|
|
93
|
-
});
|
|
94
|
-
break;
|
|
95
|
-
}
|
|
96
|
-
n.push(s("span", { class: {
|
|
97
|
-
"first-day-next": e.isFirstDayOfMonth(a),
|
|
98
|
-
"last-day-previous": e.isLastDayOfMonth(a),
|
|
99
|
-
"range-selected": !g && (x || p || this.range && b),
|
|
100
|
-
"selected-day": b,
|
|
101
|
-
"selected-end-day": p
|
|
102
|
-
} }, e.isSameMonth(a, i) && s("button", { class: {
|
|
103
|
-
today: e.isToday(a),
|
|
104
|
-
day: !0,
|
|
105
|
-
"range-selected": x || b || p,
|
|
106
|
-
"selected-day": b,
|
|
107
|
-
"selected-end-day": p,
|
|
108
|
-
"inactive-day": g
|
|
109
|
-
}, 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);
|
|
110
|
-
}
|
|
111
|
-
return s(w, null, n);
|
|
112
|
-
}, this.getDates = (t = 0) => {
|
|
113
|
-
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);
|
|
114
|
-
let a = d;
|
|
115
|
-
const l = [];
|
|
116
|
-
for (; a <= n; )
|
|
117
|
-
l.push(this.generateDatesForCurrentWeek(a, e.addMonths(this.activeDate, t))), a = e.addDays(a, 7);
|
|
118
|
-
return s("div", { class: "calendar-week-container" }, l);
|
|
119
|
-
}, this.convertValueToDate = (t) => {
|
|
120
|
-
const [i, r, d] = t.split("/");
|
|
121
|
-
if (i && r && d) {
|
|
122
|
-
let n = new Date(parseInt(d), parseInt(i, 10) - 1, parseInt(r));
|
|
123
|
-
return e.startOfDay(n);
|
|
124
|
-
} else
|
|
125
|
-
return;
|
|
126
|
-
}, this._a11yAdjustments = () => {
|
|
127
|
-
E(this.calendarElement).forEach((t) => {
|
|
128
|
-
!this.open && !this.displayInline ? t == null || t.setAttribute("tabindex", "-1") : t == null || t.removeAttribute("tabindex");
|
|
129
|
-
});
|
|
130
|
-
}, this.toggleOpenCalendar = (t) => {
|
|
131
|
-
var i;
|
|
132
|
-
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({
|
|
133
|
-
name: "date-toggle",
|
|
134
|
-
host: this.el,
|
|
135
|
-
type: this.range ? "range" : "single",
|
|
136
|
-
formattedValue: {
|
|
137
|
-
single: !this.range && this.selectedDate ? e.formatISO(this.selectedDate) : void 0,
|
|
138
|
-
start: this.range && this.selectedDate ? e.formatISO(this.selectedDate) : void 0,
|
|
139
|
-
end: this.range && this.selectedDate ? e.formatISO(this.selectedEndDate) : void 0
|
|
140
|
-
},
|
|
141
|
-
open: this.displayInline || this.open
|
|
142
|
-
});
|
|
143
|
-
}, this._hostTag = "prism-datepicker", this.onBlur = (t) => {
|
|
144
|
-
t.target.closest(this._hostTag) !== this.el && (this.open = !1);
|
|
145
|
-
}, this._getDateChange = (t) => {
|
|
146
|
-
if (t.detail.name === "value-changed") {
|
|
147
|
-
if (this.range) {
|
|
148
|
-
if (t.detail.value) {
|
|
149
|
-
const [i, r] = t.detail.value.split(this.rangeDelimiter).map((d) => e.startOfDay(this.convertValueToDate(d.trim())));
|
|
150
|
-
(e.isSameDay(i, r) || e.isAfter(r, i)) && (this.selectedDate = i, this.selectedEndDate = r);
|
|
151
|
-
}
|
|
152
|
-
} else
|
|
153
|
-
t.detail.value && (this.selectedDate = e.startOfDay(this.convertValueToDate(t.detail.value)));
|
|
154
|
-
this.prismChange.emit({
|
|
155
|
-
name: "date-selected",
|
|
156
|
-
value: t.detail.value,
|
|
157
|
-
id: t.detail.id,
|
|
158
|
-
host: this.el,
|
|
159
|
-
type: this.range ? "range" : "single",
|
|
160
|
-
formattedValue: {
|
|
161
|
-
single: !this.range && this.validSelectedDate ? e.formatISO(this.selectedDate) : void 0,
|
|
162
|
-
start: this.range && this.validSelectedDate ? e.formatISO(this.selectedDate) : void 0,
|
|
163
|
-
end: this.range && this.validSelectedDate ? e.formatISO(this.selectedEndDate) : void 0
|
|
164
|
-
}
|
|
165
|
-
});
|
|
166
|
-
}
|
|
167
|
-
}, this._checkValidity = (t) => {
|
|
168
|
-
var i, r;
|
|
169
|
-
if (t.detail.value !== "")
|
|
170
|
-
if (this.range) {
|
|
171
|
-
let a = t.detail.value.split(this.rangeDelimiter)[0].trim(), l = t.detail.value.split(this.rangeDelimiter)[1].trim();
|
|
172
|
-
this.invalidDate = !e.isValid(e.parse(a, this.dateFormat, /* @__PURE__ */ new Date())) || !e.isValid(e.parse(l, this.dateFormat, /* @__PURE__ */ new Date()));
|
|
173
|
-
} else
|
|
174
|
-
this.invalidDate = !e.isValid(e.parse(t.detail.value, this.dateFormat, /* @__PURE__ */ new Date()));
|
|
175
|
-
let d = new Date(t.detail.value), n = (a) => e.isEqual(a, e.startOfDay(d));
|
|
176
|
-
switch (this.disabledDates) {
|
|
177
|
-
case "weekends":
|
|
178
|
-
this.invalidDate = e.isWeekend(d);
|
|
179
|
-
break;
|
|
180
|
-
case "past":
|
|
181
|
-
this.invalidDate = e.isPast(d);
|
|
182
|
-
break;
|
|
183
|
-
case "exclude":
|
|
184
|
-
this.invalidDate = ((i = this.exclusions) === null || i === void 0 ? void 0 : i.filter((a) => e.isEqual(e.startOfDay(a), e.startOfDay(d))).length) === 1;
|
|
185
|
-
break;
|
|
186
|
-
case "inverse-exclude":
|
|
187
|
-
this.invalidDate = ((r = this.exclusions) === null || r === void 0 ? void 0 : r.filter((a) => !e.isEqual(e.startOfDay(a), e.startOfDay(d))).length) === 1;
|
|
188
|
-
break;
|
|
189
|
-
case "future":
|
|
190
|
-
this.invalidDate = !this.exclusionDates.some(n);
|
|
191
|
-
break;
|
|
192
|
-
}
|
|
193
|
-
this.prismBlur.emit({
|
|
194
|
-
name: "date-blur",
|
|
195
|
-
host: this.el,
|
|
196
|
-
type: this.range ? "range" : "single",
|
|
197
|
-
formattedValue: {
|
|
198
|
-
single: !this.range && this.validSelectedDate ? e.formatISO(this.selectedDate) : void 0,
|
|
199
|
-
start: this.range && this.validSelectedDate ? e.formatISO(this.selectedDate) : void 0,
|
|
200
|
-
end: this.range && this.validSelectedDate ? e.formatISO(this.selectedEndDate) : void 0
|
|
201
|
-
},
|
|
202
|
-
open: this.open
|
|
203
|
-
});
|
|
204
|
-
}, 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()));
|
|
205
|
-
}
|
|
206
|
-
/* TODO: Check for range and other date formats */
|
|
207
|
-
componentDidLoad() {
|
|
208
|
-
var f;
|
|
209
|
-
(f = this.el) === null || f === void 0 || f.addEventListener("keydown", (h) => {
|
|
210
|
-
h.code === "Escape" && (this.toggleOpenCalendar(h), this.prismTextInput.setFocus());
|
|
211
|
-
}), this._a11yAdjustments();
|
|
212
|
-
}
|
|
213
|
-
componentWillLoad() {
|
|
214
|
-
this.placeholder || (this.placeholder = this.dateFormat.toLocaleLowerCase()), this.invalidDate = this.invalid, this.value && this.setSelectedFromValue();
|
|
215
|
-
}
|
|
216
|
-
updateValue() {
|
|
217
|
-
this.setSelectedFromValue();
|
|
218
|
-
}
|
|
219
|
-
updateInvalid() {
|
|
220
|
-
this.invalidDate = this.invalid;
|
|
221
|
-
}
|
|
222
|
-
connectedCallback() {
|
|
223
|
-
document.addEventListener("mousedown", this.onBlur), I("prism-datepicker");
|
|
224
|
-
}
|
|
225
|
-
disconnectedCallback() {
|
|
226
|
-
document.removeEventListener("mousedown", this.onBlur);
|
|
227
|
-
}
|
|
228
|
-
render() {
|
|
229
|
-
const f = this.range || this.displayMonths === "2", h = !this.open && !this.displayInline;
|
|
230
|
-
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: () => {
|
|
231
|
-
this.prismTextInput.value = "", this.selectedFullDate = "", this.clearedValue = !0, this.prismTextInput.setFocus();
|
|
232
|
-
} }, 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: () => {
|
|
233
|
-
this.activeDate = e.startOfToday(), this._todayElement.focus();
|
|
234
|
-
}, 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))));
|
|
235
|
-
}
|
|
236
|
-
get el() {
|
|
237
|
-
return F(this);
|
|
238
|
-
}
|
|
239
|
-
static get watchers() {
|
|
240
|
-
return {
|
|
241
|
-
value: ["updateValue"],
|
|
242
|
-
invalid: ["updateInvalid"]
|
|
243
|
-
};
|
|
244
|
-
}
|
|
245
|
-
};
|
|
246
|
-
C.style = $;
|
|
247
|
-
export {
|
|
248
|
-
C as prism_datepicker
|
|
249
|
-
};
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { r as n, e as f, h as r, H as a } from "./index-C9Rf5U9q.js";
|
|
2
|
-
import { m } from "./index-e6818ded-r_t6ryaW.js";
|
|
3
|
-
/*!
|
|
4
|
-
* Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
|
|
5
|
-
*/
|
|
6
|
-
const u = class {
|
|
7
|
-
constructor(i) {
|
|
8
|
-
n(this, i), this.prismForm = f(this, "prismForm", 7), this.validate = () => this.form.checkValidity(), this.submit = (t) => {
|
|
9
|
-
var e, o;
|
|
10
|
-
if (this.debug && console.info("prism-submit event", t), this.submitEffect && ((e = this.submitButton) === null || e === void 0 || e.setAttribute("loading", "true")), !this.validate())
|
|
11
|
-
return this.submitEffect && ((o = this.submitButton) === null || o === void 0 || o.setAttribute("loading", "false")), !1;
|
|
12
|
-
this.url && !this.native && (t.preventDefault(), new FormData(this.form)), this.prismForm.emit({ name: `form-${t.type}`, orgin: t });
|
|
13
|
-
}, 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 = {};
|
|
14
|
-
}
|
|
15
|
-
connectedCallback() {
|
|
16
|
-
m("prism-form");
|
|
17
|
-
}
|
|
18
|
-
componentDidLoad() {
|
|
19
|
-
this.debug && console.info(this, this.form), this.submitButton = this.form.querySelector('prism-button[type="submit"]');
|
|
20
|
-
}
|
|
21
|
-
sendFormData(i) {
|
|
22
|
-
if (typeof window > "u")
|
|
23
|
-
return;
|
|
24
|
-
const t = this.submitButton, e = this.prismForm;
|
|
25
|
-
for (var o of i.formData.entries())
|
|
26
|
-
this.data = Object.assign(this.data, { [o[0]]: o[1] });
|
|
27
|
-
window.fetch && fetch(this.url, {
|
|
28
|
-
method: this.method,
|
|
29
|
-
body: JSON.stringify(this.data)
|
|
30
|
-
}).then((s) => s.json()).then((s) => {
|
|
31
|
-
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 });
|
|
32
|
-
}).catch((s) => {
|
|
33
|
-
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 });
|
|
34
|
-
}), e.emit({ name: `form-${i.type}`, formData: this.data, origin: i });
|
|
35
|
-
}
|
|
36
|
-
render() {
|
|
37
|
-
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" }));
|
|
38
|
-
}
|
|
39
|
-
};
|
|
40
|
-
export {
|
|
41
|
-
u as prism_form
|
|
42
|
-
};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { r as s, h as d, H as a } from "./index-C9Rf5U9q.js";
|
|
2
|
-
import { m as g, d as e } from "./index-e6818ded-r_t6ryaW.js";
|
|
3
|
-
/*!
|
|
4
|
-
* Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
|
|
5
|
-
*/
|
|
6
|
-
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 {
|
|
7
|
-
constructor(i) {
|
|
8
|
-
s(this, i), this.fluid = !1, this.type = "row", this.span = "", this.align = "auto", this.justify = "start", this.flush = !1;
|
|
9
|
-
}
|
|
10
|
-
connectedCallback() {
|
|
11
|
-
g("prism-grid"), e("<prism-grid/>", "has been deprecated. Please consider refactoring with css grid or flex;");
|
|
12
|
-
}
|
|
13
|
-
render() {
|
|
14
|
-
return d(a, { key: "8cca288409346ecc9d2550191be5bb3df9cad41b", class: {
|
|
15
|
-
[`${l.flexGenerator("col", this.span)}`]: this.type === "col",
|
|
16
|
-
[this.align]: this.type === "col" && this.align !== void 0,
|
|
17
|
-
col: this.type === "col",
|
|
18
|
-
"grid-container": this.type === "row",
|
|
19
|
-
fluid: this.fluid && this.type === "row",
|
|
20
|
-
flush: this.flush && this.type === "row"
|
|
21
|
-
} }, 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));
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
l.flexGenerator = (i = "", r, c = "") => r === "" ? "" : (i !== "" && (i = `${i}-`), c !== "" && (c = `-${c}`), r == null ? void 0 : r.split(" ").map((t) => `${i}${t}${c}`).join(" "));
|
|
25
|
-
l.style = h;
|
|
26
|
-
export {
|
|
27
|
-
l as prism_grid
|
|
28
|
-
};
|
|
@@ -1,202 +0,0 @@
|
|
|
1
|
-
import { r as C, e as _, f as M, h as t, F as u, H as A, g as I, i as x, j as y } from "./index-C9Rf5U9q.js";
|
|
2
|
-
import { g as S, m as F, a as h } from "./index-e6818ded-r_t6ryaW.js";
|
|
3
|
-
import { r as j } from "./index.esm-322571ff-D1REhsOg.js";
|
|
4
|
-
/*!
|
|
5
|
-
* Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
|
|
6
|
-
*/
|
|
7
|
-
const z = (e, o, i) => {
|
|
8
|
-
const n = e.get(o);
|
|
9
|
-
n ? n.includes(i) || n.push(i) : e.set(o, [i]);
|
|
10
|
-
}, U = (e, o) => {
|
|
11
|
-
let i;
|
|
12
|
-
return (...n) => {
|
|
13
|
-
i && clearTimeout(i), i = setTimeout(() => {
|
|
14
|
-
i = 0, e(...n);
|
|
15
|
-
}, o);
|
|
16
|
-
};
|
|
17
|
-
}, L = (e) => !("isConnected" in e) || e.isConnected, v = U((e) => {
|
|
18
|
-
for (let o of e.keys())
|
|
19
|
-
e.set(o, e.get(o).filter(L));
|
|
20
|
-
}, 2e3), $ = () => {
|
|
21
|
-
if (typeof x != "function")
|
|
22
|
-
return {};
|
|
23
|
-
const e = /* @__PURE__ */ new Map();
|
|
24
|
-
return {
|
|
25
|
-
dispose: () => e.clear(),
|
|
26
|
-
get: (o) => {
|
|
27
|
-
const i = x();
|
|
28
|
-
i && z(e, o, i);
|
|
29
|
-
},
|
|
30
|
-
set: (o) => {
|
|
31
|
-
const i = e.get(o);
|
|
32
|
-
i && e.set(o, i.filter(y)), v(e);
|
|
33
|
-
},
|
|
34
|
-
reset: () => {
|
|
35
|
-
e.forEach((o) => o.forEach(y)), v(e);
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
|
-
}, g = (e) => typeof e == "function" ? e() : e, N = (e, o = (i, n) => i !== n) => {
|
|
39
|
-
const i = g(e);
|
|
40
|
-
let n = new Map(Object.entries(i ?? {}));
|
|
41
|
-
const s = {
|
|
42
|
-
dispose: [],
|
|
43
|
-
get: [],
|
|
44
|
-
set: [],
|
|
45
|
-
reset: []
|
|
46
|
-
}, d = () => {
|
|
47
|
-
var r;
|
|
48
|
-
n = new Map(Object.entries((r = g(e)) !== null && r !== void 0 ? r : {})), s.reset.forEach((a) => a());
|
|
49
|
-
}, P = () => {
|
|
50
|
-
s.dispose.forEach((r) => r()), d();
|
|
51
|
-
}, b = (r) => (s.get.forEach((a) => a(r)), n.get(r)), w = (r, a) => {
|
|
52
|
-
const l = n.get(r);
|
|
53
|
-
o(a, l, r) && (n.set(r, a), s.set.forEach((c) => c(r, a, l)));
|
|
54
|
-
}, E = typeof Proxy > "u" ? {} : new Proxy(i, {
|
|
55
|
-
get(r, a) {
|
|
56
|
-
return b(a);
|
|
57
|
-
},
|
|
58
|
-
ownKeys(r) {
|
|
59
|
-
return Array.from(n.keys());
|
|
60
|
-
},
|
|
61
|
-
getOwnPropertyDescriptor() {
|
|
62
|
-
return {
|
|
63
|
-
enumerable: !0,
|
|
64
|
-
configurable: !0
|
|
65
|
-
};
|
|
66
|
-
},
|
|
67
|
-
has(r, a) {
|
|
68
|
-
return n.has(a);
|
|
69
|
-
},
|
|
70
|
-
set(r, a, l) {
|
|
71
|
-
return w(a, l), !0;
|
|
72
|
-
}
|
|
73
|
-
}), m = (r, a) => (s[r].push(a), () => {
|
|
74
|
-
O(s[r], a);
|
|
75
|
-
});
|
|
76
|
-
return {
|
|
77
|
-
state: E,
|
|
78
|
-
get: b,
|
|
79
|
-
set: w,
|
|
80
|
-
on: m,
|
|
81
|
-
onChange: (r, a) => {
|
|
82
|
-
const l = m("set", (T, k) => {
|
|
83
|
-
T === r && a(k);
|
|
84
|
-
}), c = m("reset", () => a(g(e)[r]));
|
|
85
|
-
return () => {
|
|
86
|
-
l(), c();
|
|
87
|
-
};
|
|
88
|
-
},
|
|
89
|
-
use: (...r) => {
|
|
90
|
-
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), []);
|
|
91
|
-
return () => a.forEach((l) => l());
|
|
92
|
-
},
|
|
93
|
-
dispose: P,
|
|
94
|
-
reset: d,
|
|
95
|
-
forceUpdate: (r) => {
|
|
96
|
-
const a = n.get(r);
|
|
97
|
-
s.set.forEach((l) => l(r, a, a));
|
|
98
|
-
}
|
|
99
|
-
};
|
|
100
|
-
}, O = (e, o) => {
|
|
101
|
-
const i = e.indexOf(o);
|
|
102
|
-
i >= 0 && (e[i] = e[e.length - 1], e.length--);
|
|
103
|
-
}, R = (e, o) => {
|
|
104
|
-
const i = N(e, o);
|
|
105
|
-
return i.use($()), i;
|
|
106
|
-
}, { state: p } = R({
|
|
107
|
-
received: !1,
|
|
108
|
-
targets: [],
|
|
109
|
-
sitemap: []
|
|
110
|
-
}), 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;
|
|
111
|
-
var f;
|
|
112
|
-
(function(e) {
|
|
113
|
-
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";
|
|
114
|
-
})(f || (f = {}));
|
|
115
|
-
const D = class {
|
|
116
|
-
constructor(e) {
|
|
117
|
-
C(this, e), this.prismClick = _(this, "prismClick", 7), this.uid = S(), this.slots = {
|
|
118
|
-
logo: !1,
|
|
119
|
-
actions: !1,
|
|
120
|
-
menu: !1,
|
|
121
|
-
panel: !1,
|
|
122
|
-
panelFooter: !1
|
|
123
|
-
}, this.body = this.el.closest("body"), this.toggleMenu = (o = !1) => {
|
|
124
|
-
var i, n;
|
|
125
|
-
if (o) {
|
|
126
|
-
this.body.style.overflow = "auto", this.menuPanelElement.addEventListener("transitionend", () => this.menuPanelElement.classList.remove("visible"), {
|
|
127
|
-
once: !0
|
|
128
|
-
});
|
|
129
|
-
return;
|
|
130
|
-
}
|
|
131
|
-
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"), {
|
|
132
|
-
once: !0
|
|
133
|
-
})) : (this.body.style.overflow = "hidden", this.menuPanelElement.classList.add("visible"), this.menuPanelElement.addEventListener("transitionend", () => {
|
|
134
|
-
var s, d;
|
|
135
|
-
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();
|
|
136
|
-
}, { once: !0 })), this.menuPanelToggle = !this.menuPanelToggle;
|
|
137
|
-
}, 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;
|
|
138
|
-
}
|
|
139
|
-
/** Listener for All Other Menu Components */
|
|
140
|
-
getMenuItems(e) {
|
|
141
|
-
p.received = !0, p.targets.push(e.target);
|
|
142
|
-
let o = e.detail.menu;
|
|
143
|
-
this.menuCollection.forEach((i) => {
|
|
144
|
-
i.children = o.filter(({ parent: n }, s) => n && n === i.id ? (delete o[s], !0) : !1);
|
|
145
|
-
}), this.menuCollection.push(...o.filter((i) => i !== void 0)), p.sitemap = this.menuCollection;
|
|
146
|
-
}
|
|
147
|
-
/** Before Component Loads, Set Local State for the Mobile Menu */
|
|
148
|
-
componentWillLoad() {
|
|
149
|
-
this.menuCollection = [...this.menu], this.isNext = M(this) == "next";
|
|
150
|
-
}
|
|
151
|
-
/** Set State if a Slot has Items */
|
|
152
|
-
connectedCallback() {
|
|
153
|
-
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) {
|
|
154
|
-
let e = this.el.querySelectorAll('[slot="menu"]');
|
|
155
|
-
this.slottedMenuItems = {
|
|
156
|
-
hasChildren: e.length > 0,
|
|
157
|
-
numberOfChildren: e.length,
|
|
158
|
-
content: Array.from(e)
|
|
159
|
-
};
|
|
160
|
-
}
|
|
161
|
-
typeof window < "u" && (window == null || window.addEventListener("resize", j(() => {
|
|
162
|
-
document.body.clientWidth >= f.md && (this.menuPanelToggle = !1, this.toggleMenu(!0));
|
|
163
|
-
}, 250))), F("prism-header");
|
|
164
|
-
}
|
|
165
|
-
/** Emit Custom Event when Notification Icon is Pressed */
|
|
166
|
-
toggleNotifications(e) {
|
|
167
|
-
const { currentTarget: o } = e, { prismId: i } = o;
|
|
168
|
-
this.prismClick.emit({
|
|
169
|
-
id: i,
|
|
170
|
-
name: "notifications",
|
|
171
|
-
target: o
|
|
172
|
-
});
|
|
173
|
-
}
|
|
174
|
-
/** @internal Retain Focus in Panels: Bookend Start */
|
|
175
|
-
startingFocus(e, o) {
|
|
176
|
-
let i = h(o);
|
|
177
|
-
h(o)[i.length - 2].focus();
|
|
178
|
-
}
|
|
179
|
-
/** @internal Retain Focus in Panels: Bookend End */
|
|
180
|
-
endingFocus(e, o) {
|
|
181
|
-
h(o)[1].focus();
|
|
182
|
-
}
|
|
183
|
-
// searchButtonAction(e: any) {
|
|
184
|
-
// this.searching = !this.searching;
|
|
185
|
-
// console.log(e.currentTarget('prism-header'));
|
|
186
|
-
// }
|
|
187
|
-
// searchSubmit(e: any) {
|
|
188
|
-
// console.log(e);
|
|
189
|
-
// e.preventDefault();
|
|
190
|
-
// }
|
|
191
|
-
render() {
|
|
192
|
-
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));
|
|
193
|
-
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" }))));
|
|
194
|
-
}
|
|
195
|
-
get el() {
|
|
196
|
-
return I(this);
|
|
197
|
-
}
|
|
198
|
-
};
|
|
199
|
-
D.style = H;
|
|
200
|
-
export {
|
|
201
|
-
D as prism_header
|
|
202
|
-
};
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { r as e, h as t, H as o, g as i } from "./index-C9Rf5U9q.js";
|
|
2
|
-
import { m as r } from "./index-e6818ded-r_t6ryaW.js";
|
|
3
|
-
/*!
|
|
4
|
-
* Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
|
|
5
|
-
*/
|
|
6
|
-
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 {
|
|
7
|
-
constructor(a) {
|
|
8
|
-
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";
|
|
9
|
-
}
|
|
10
|
-
connectedCallback() {
|
|
11
|
-
r("prism-hero");
|
|
12
|
-
}
|
|
13
|
-
render() {
|
|
14
|
-
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" }))));
|
|
15
|
-
}
|
|
16
|
-
get el() {
|
|
17
|
-
return i(this);
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
n.style = s;
|
|
21
|
-
export {
|
|
22
|
-
n as prism_hero
|
|
23
|
-
};
|