@ed.yakovich/component-library 0.0.15 → 0.0.16

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.
Files changed (126) hide show
  1. package/dist/components/Accordion/context/index.js +7 -0
  2. package/dist/components/Accordion/index.js +38 -0
  3. package/dist/components/Accordion/types/index.js +1 -0
  4. package/dist/components/Cart/index.js +35 -0
  5. package/dist/components/EquipmentSummary/context/index.js +10 -0
  6. package/dist/components/EquipmentSummary/index.js +65 -0
  7. package/dist/components/EquipmentSummary/types/index.js +1 -0
  8. package/dist/components/Grid/index.js +19 -0
  9. package/dist/components/HeroBanner/context/index.js +7 -0
  10. package/dist/components/HeroBanner/index.js +33 -0
  11. package/dist/components/HeroBanner/types/index.js +1 -0
  12. package/dist/components/InfoBanner/index.js +24 -4
  13. package/dist/components/Nav/index.js +23 -0
  14. package/dist/components/OfferCards/context/index.js +7 -0
  15. package/dist/components/OfferCards/index.js +30 -0
  16. package/dist/components/OfferCards/subComponents/OfferCard.js +62 -0
  17. package/dist/components/OfferCards/types/index.js +1 -0
  18. package/dist/components/SaleBanner/context/index.js +7 -0
  19. package/dist/components/SaleBanner/index.js +59 -0
  20. package/dist/components/SaleBanner/types/index.js +1 -0
  21. package/dist/{index-ba31999b-V1s4iffq.js → index-0d8e0844-BJzWsYCM.js} +2443 -2491
  22. package/dist/index-C9Rf5U9q.js +29143 -0
  23. package/dist/index-b30029d4-E1YxEHFH.js +12 -0
  24. package/dist/index-e6818ded-r_t6ryaW.js +57 -0
  25. package/dist/{index.esm-a7c99373-DUoLYEEM.js → index.esm-322571ff-D1REhsOg.js} +1 -1
  26. package/dist/lib/components/Accordion/context/index.d.ts +10 -0
  27. package/dist/lib/components/Accordion/index.d.ts +2 -0
  28. package/dist/lib/components/Accordion/types/index.d.ts +13 -0
  29. package/dist/lib/components/Cart/index.d.ts +6 -0
  30. package/dist/lib/components/EquipmentSummary/context/index.d.ts +10 -0
  31. package/dist/lib/components/EquipmentSummary/index.d.ts +2 -0
  32. package/dist/lib/components/EquipmentSummary/types/index.d.ts +14 -0
  33. package/dist/lib/components/Grid/index.d.ts +13 -0
  34. package/dist/lib/components/HeroBanner/context/index.d.ts +10 -0
  35. package/dist/lib/components/HeroBanner/index.d.ts +2 -0
  36. package/dist/lib/components/HeroBanner/types/index.d.ts +11 -0
  37. package/dist/lib/components/Nav/index.d.ts +8 -0
  38. package/dist/lib/components/OfferCards/context/index.d.ts +9 -0
  39. package/dist/lib/components/OfferCards/index.d.ts +2 -0
  40. package/dist/lib/components/OfferCards/subComponents/OfferCard.d.ts +3 -0
  41. package/dist/lib/components/OfferCards/types/index.d.ts +26 -0
  42. package/dist/lib/components/SaleBanner/context/index.d.ts +10 -0
  43. package/dist/lib/components/SaleBanner/index.d.ts +2 -0
  44. package/dist/lib/components/SaleBanner/types/index.d.ts +11 -0
  45. package/dist/lib/main.d.ts +13 -0
  46. package/dist/link-DO_Jvm9n.js +685 -0
  47. package/dist/main.js +32 -6
  48. package/dist/prism-accordion.entry-DeyFGNx-.js +51 -0
  49. package/dist/prism-avatar_2.entry-MLbdVrJg.js +68 -0
  50. package/dist/prism-badge.entry-BG5y7O5U.js +58 -0
  51. package/dist/prism-banner.entry-DChrjpFH.js +82 -0
  52. package/dist/prism-breadcrumb.entry-1YzYlKen.js +33 -0
  53. package/dist/prism-button_2.entry-DO8IGIoS.js +110 -0
  54. package/dist/prism-card.entry-DQ6P4TZP.js +119 -0
  55. package/dist/prism-carousel.entry-BA8zsHRW.js +3111 -0
  56. package/dist/prism-checkbox-group.entry-CP4-gghb.js +62 -0
  57. package/dist/prism-checkbox.entry-CJCy8fvC.js +99 -0
  58. package/dist/prism-data-table.entry--0djw8ls.js +10475 -0
  59. package/dist/prism-datepicker.entry-DPm7tpKB.js +249 -0
  60. package/dist/{prism-form.entry-C8VzGp6c.js → prism-form.entry-CS1zRoMt.js} +11 -11
  61. package/dist/prism-grid.entry-jcx2aMUm.js +28 -0
  62. package/dist/prism-header.entry-CBSIpa0M.js +202 -0
  63. package/dist/prism-hero.entry-B0CKL5y9.js +23 -0
  64. package/dist/prism-icon_2.entry-Aja4QGUK.js +118 -0
  65. package/dist/prism-image.entry-B--khr6E.js +38 -0
  66. package/dist/prism-input-file.entry-i5qJkwEK.js +119 -0
  67. package/dist/prism-input-otp.entry-DXoARuzH.js +63 -0
  68. package/dist/prism-input-text.entry-D4QQ-dYX.js +228 -0
  69. package/dist/prism-input-textarea.entry-eeQHnhqC.js +140 -0
  70. package/dist/prism-layout.entry-bfKqOEnU.js +20 -0
  71. package/dist/prism-lineitem.entry-YIRZPVe_.js +44 -0
  72. package/dist/prism-menu.entry-BIlRCiaA.js +231 -0
  73. package/dist/prism-modal.entry-Kc-SpAR-.js +94 -0
  74. package/dist/prism-pagination.entry-BCo9aMdq.js +60 -0
  75. package/dist/prism-popover.entry-LmDvzCiR.js +1013 -0
  76. package/dist/prism-popper.entry-BqrcyTkE.js +959 -0
  77. package/dist/prism-progress.entry-29_ezvop.js +79 -0
  78. package/dist/prism-radio-group.entry-cL6AqjTk.js +66 -0
  79. package/dist/prism-radio.entry-CM_vZFZA.js +101 -0
  80. package/dist/prism-select.entry-B6A3gk7B.js +230 -0
  81. package/dist/prism-switch.entry-CtEfKB58.js +95 -0
  82. package/dist/prism-tab.entry-DIDUhFlk.js +20 -0
  83. package/dist/prism-tabs.entry-Cj3dW5_E.js +70 -0
  84. package/dist/prism-tooltip.entry-DEdY5eRd.js +52 -0
  85. package/dist/prism-typeahead.entry-D2XrvXaG.js +1234 -0
  86. package/package.json +4 -2
  87. package/dist/index-44540db3-BN5vFHKr.js +0 -44
  88. package/dist/index-4d46d9ca-BtyZMEt1.js +0 -12
  89. package/dist/index-D9BZSjMp.js +0 -21158
  90. package/dist/prism-accordion.entry-D4g7wdXB.js +0 -51
  91. package/dist/prism-avatar_3.entry-C1H9bg9y.js +0 -335
  92. package/dist/prism-badge.entry-CWLalQsR.js +0 -56
  93. package/dist/prism-banner.entry-D1sce4tY.js +0 -105
  94. package/dist/prism-breadcrumb.entry-C282yHQl.js +0 -33
  95. package/dist/prism-button_3.entry-DIg1AEXF.js +0 -240
  96. package/dist/prism-card.entry-DaxGD-uX.js +0 -152
  97. package/dist/prism-carousel.entry-BGmaoDVM.js +0 -3346
  98. package/dist/prism-checkbox-group.entry-Dwa_mvjd.js +0 -62
  99. package/dist/prism-checkbox.entry-CZvx2AHI.js +0 -116
  100. package/dist/prism-data-table.entry-DACAS8BE.js +0 -3591
  101. package/dist/prism-datepicker.entry-CHUyjilE.js +0 -279
  102. package/dist/prism-dialog.entry-DdO9Kt32.js +0 -73
  103. package/dist/prism-drawer.entry-Dn0rvW9U.js +0 -43
  104. package/dist/prism-header.entry-D0PypuC3.js +0 -227
  105. package/dist/prism-hero.entry-DQ8G7Jb_.js +0 -23
  106. package/dist/prism-image.entry-tx9Pc3k_.js +0 -38
  107. package/dist/prism-input-file.entry-CO-2LZxG.js +0 -119
  108. package/dist/prism-input-otp.entry-ZAxExI2D.js +0 -79
  109. package/dist/prism-input-text.entry-EXsN4rgi.js +0 -278
  110. package/dist/prism-input-textarea.entry-CRqY4mr9.js +0 -145
  111. package/dist/prism-input-time.entry-BJ9he6MX.js +0 -85
  112. package/dist/prism-layout.entry-ulDWjtj8.js +0 -20
  113. package/dist/prism-lineitem.entry-DJk6X6mR.js +0 -47
  114. package/dist/prism-modal.entry-C795YZic.js +0 -95
  115. package/dist/prism-pagination.entry-DYQieAu3.js +0 -69
  116. package/dist/prism-popover.entry-BgLcACZw.js +0 -1114
  117. package/dist/prism-progress.entry-Z21rpoTm.js +0 -79
  118. package/dist/prism-radio_2.entry-C0HPCb3G.js +0 -159
  119. package/dist/prism-select.entry-B_l-ab1d.js +0 -286
  120. package/dist/prism-switch.entry-OkC8X1bD.js +0 -95
  121. package/dist/prism-tab.entry-szftB_wL.js +0 -20
  122. package/dist/prism-tabs.entry-0UR3WF52.js +0 -72
  123. package/dist/prism-text.entry-BEAZ8xEV.js +0 -28
  124. package/dist/prism-treelist.entry-UX4FM4Bi.js +0 -135
  125. package/dist/prism-typeahead.entry-CwOiAFQE.js +0 -1264
  126. package/dist/purify-9647b094-0-ZyuBNz.js +0 -572
@@ -1,227 +0,0 @@
1
- import { r as z, c as E, h as t, H as C, g as M, F as p, a as b, f as x } from "./index-D9BZSjMp.js";
2
- import { g as S, m as _ } from "./index-44540db3-BN5vFHKr.js";
3
- import { r as A } from "./index.esm-a7c99373-DUoLYEEM.js";
4
- /*!
5
- * Copyright (c) 2025 Comcast. Prism UI - v8.28.0 - made with ❤️ in Philadelphia
6
- */
7
- const R = (e, s, i) => {
8
- const n = e.get(s);
9
- n ? n.includes(i) || n.push(i) : e.set(s, [i]);
10
- }, H = (e, s) => {
11
- let i;
12
- return (...n) => {
13
- i && clearTimeout(i), i = setTimeout(() => {
14
- i = 0, e(...n);
15
- }, s);
16
- };
17
- }, k = (e) => !("isConnected" in e) || e.isConnected, y = H((e) => {
18
- for (let s of e.keys())
19
- e.set(s, e.get(s).filter(k));
20
- }, 2e3), I = () => {
21
- if (typeof b != "function")
22
- return {};
23
- const e = /* @__PURE__ */ new Map();
24
- return {
25
- dispose: () => e.clear(),
26
- get: (s) => {
27
- const i = b();
28
- i && R(e, s, i);
29
- },
30
- set: (s) => {
31
- const i = e.get(s);
32
- i && e.set(s, i.filter(x)), y(e);
33
- },
34
- reset: () => {
35
- e.forEach((s) => s.forEach(x)), y(e);
36
- }
37
- };
38
- }, g = (e) => typeof e == "function" ? e() : e, L = (e, s = (i, n) => i !== n) => {
39
- const i = g(e);
40
- let n = new Map(Object.entries(i ?? {}));
41
- const o = {
42
- dispose: [],
43
- get: [],
44
- set: [],
45
- reset: []
46
- }, m = () => {
47
- n = new Map(Object.entries(g(e) ?? {})), o.reset.forEach((r) => r());
48
- }, c = () => {
49
- o.dispose.forEach((r) => r()), m();
50
- }, h = (r) => (o.get.forEach((a) => a(r)), n.get(r)), v = (r, a) => {
51
- const l = n.get(r);
52
- s(a, l, r) && (n.set(r, a), o.set.forEach((d) => d(r, a, l)));
53
- }, w = typeof Proxy > "u" ? {} : new Proxy(i, {
54
- get(r, a) {
55
- return h(a);
56
- },
57
- ownKeys(r) {
58
- return Array.from(n.keys());
59
- },
60
- getOwnPropertyDescriptor() {
61
- return {
62
- enumerable: !0,
63
- configurable: !0
64
- };
65
- },
66
- has(r, a) {
67
- return n.has(a);
68
- },
69
- set(r, a, l) {
70
- return v(a, l), !0;
71
- }
72
- }), u = (r, a) => (o[r].push(a), () => {
73
- O(o[r], a);
74
- });
75
- return {
76
- state: w,
77
- get: h,
78
- set: v,
79
- on: u,
80
- onChange: (r, a) => {
81
- const l = u("set", (T, P) => {
82
- T === r && a(P);
83
- }), d = u("reset", () => a(g(e)[r]));
84
- return () => {
85
- l(), d();
86
- };
87
- },
88
- use: (...r) => {
89
- const a = r.reduce((l, d) => (d.set && l.push(u("set", d.set)), d.get && l.push(u("get", d.get)), d.reset && l.push(u("reset", d.reset)), d.dispose && l.push(u("dispose", d.dispose)), l), []);
90
- return () => a.forEach((l) => l());
91
- },
92
- dispose: c,
93
- reset: m,
94
- forceUpdate: (r) => {
95
- const a = n.get(r);
96
- o.set.forEach((l) => l(r, a, a));
97
- }
98
- };
99
- }, O = (e, s) => {
100
- const i = e.indexOf(s);
101
- i >= 0 && (e[i] = e[e.length - 1], e.length--);
102
- }, $ = (e, s) => {
103
- const i = L(e, s);
104
- return i.use(I()), i;
105
- }, { state: N } = $({
106
- received: !1,
107
- targets: [],
108
- sitemap: []
109
- }), U = ':host{background-color:var(--prism-header-color-background,var(--prism-color-background-primary-base));color:var(--prism-header-color-text,var(--prism-color-text-primary-base));display:block;margin:var(--prism-header-spacing-margin,0);max-width:var(--prism-header-max-width,100%);padding:var(--prism-header-spacing-padding,0 var(--prism-spacer-size-lg) var(--prism-spacer-size-xxs));position:relative}:host(.elevation){box-shadow:var(--prism-shadow-xs-base)}.app-title{--prism-text-max-width:var(--prism-header-app-title-max-width,100ch);color:var(--prism-header-color-text,var(--prism-color-text-primary-base));line-height:1}.header{align-items:center;-moz-column-gap:1rem;column-gap:1rem;display:grid;flex:1 1 0%;grid-template-areas:"app mobile";grid-template-columns:1fr auto}@media (min-width:768px){.header{grid-template-areas:"app menu actions user";grid-template-columns:auto minmax(0,1fr) auto auto}.trigger{display:none}}.logo{display:grid;grid-template-columns:-webkit-max-content -webkit-max-content;grid-template-columns:max-content max-content}.app,.logo{align-items:center}.app{display:flex;grid-area:app}.right .app{justify-content:space-between}.menu{grid-area:menu;height:1px;overflow:hidden;visibility:hidden;width:1px}.menu prism-menu{width:100%}.actions{display:none;grid-area:actions}.apps{grid-area:mobile}.user{display:none;gap:var(--prism-spacer-size-md);grid-area:user}.user-avatar{margin-right:var(--prism-spacer-size-xs)}.login,.username{line-height:1;margin:0 0 0 var(--prism-spacer-size-xs)}.username{--prism-text-max-width:var(--prism-header-username-max-width,20ch)}@media (min-width:768px){.actions,.menu{display:flex;height:inherit;overflow:visible;visibility:visible;width:inherit}.user{align-items:center;border-left:1px solid color-mix(in srgb,var(--prism-color-border-primary-base) var(--prism-alpha-tertiary-percentage),transparent);display:flex;justify-content:flex-end;padding-left:var(--prism-spacer-size-md)}.apps{display:none}.actions{align-items:center;display:flex}.actions>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.actions{text-align:right}}@media (prefers-reduced-motion:reduce){.menu-action,::slotted(.menu-action){transition:none}.action-panel,.panel{transition:none}}.panel{background-color:var(--prism-color-material-primary-base);border-right:1px solid color-mix(in srgb,var(--prism-color-border-primary-base) var(--prism-alpha-tertiary-percentage),transparent);display:flex;flex:1 0 auto;flex-direction:column;height:100%;justify-content:space-between;left:0;outline:0;position:fixed;top:0;transform:translateX(0);transition:all var(--prism-animation-duration-normal) var(--prism-animation-timing-function);width:var(--prism-header-mobile-panel-width,75vw);z-index:var(--prism-layout-z-index-fixed)}@media (min-width:768px){.panel{display:none}}.panel-header{padding:var(--prism-spacer-size-md)}.panel-header,.panel-title{align-items:center;display:flex}.panel-title{border-left:1px solid color-mix(in srgb,var(--prism-color-border-primary-base) var(--prism-alpha-tertiary-percentage),transparent);height:100%;margin-left:var(--prism-spacer-size-xs);padding-left:var(--prism-spacer-size-sm)}.panel-user{align-items:center;border-top:1px solid color-mix(in srgb,var(--prism-color-border-primary-base) var(--prism-alpha-tertiary-percentage),transparent);display:flex;flex:1 1 auto;flex-wrap:nowrap;justify-content:center;margin:var(--prism-spacer-size-xs) var(--prism-spacer-size-xs) 0 var(--prism-spacer-size-xs);padding-top:var(--prism-spacer-size-sm)}.panel-header .button{justify-content:flex-end}.panel-menu{flex-grow:1;overflow:auto;padding:var(--prism-spacer-size-xs)}.panel-footer{margin-left:auto;margin-right:auto;padding-left:.75rem;padding-right:.75rem}.panel.closed{pointer-events:none;transform:translateX(-240px);visibility:hidden}.action-menu-items{display:grid;grid-template-columns:repeat(4,-webkit-max-content);grid-template-columns:repeat(4,max-content);list-style-type:none;margin:0;padding:0}.action-menu-items li{align-items:center;display:flex;justify-content:center;padding:0 var(--prism-spacer-size-md);text-align:center}.action-menu-items button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:initial;border-color:transparent}', j = U;
110
- var f;
111
- (function(e) {
112
- 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";
113
- })(f || (f = {}));
114
- const q = class {
115
- constructor(e) {
116
- z(this, e), this.prismClick = E(this, "prismClick", 7), this.uid = S(), this.slots = {
117
- logo: !1,
118
- actions: !1,
119
- menu: !1,
120
- panel: !1,
121
- panelFooter: !1
122
- }, this.body = this.el.closest("body"), this.toggleMenu = (s = !1) => {
123
- var i, n, o;
124
- if (this.body) {
125
- if (s) {
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", (o = (n = (i = this.el.shadowRoot) === null || i === void 0 ? void 0 : i.getElementById(`prism-header-menu-toggle-${this.uid}`)) === null || n === void 0 ? void 0 : n.querySelector("button")) === null || o === void 0 || o.focus(), this.menuPanelElement.addEventListener("transitionend", () => this.menuPanelElement.classList.remove("visible"), {
132
- once: !0
133
- })) : (this.body.style.overflow = "hidden", this.menuPanelElement.classList.add("visible"), this.menuPanelElement.addEventListener("transitionend", () => {
134
- var m, c, h;
135
- return (h = (c = (m = this.el.shadowRoot) === null || m === void 0 ? void 0 : m.getElementById(`prism-header-menu-close-${this.uid}`)) === null || c === void 0 ? void 0 : c.querySelector("button")) === null || h === void 0 ? void 0 : h.focus();
136
- }, {
137
- once: !0
138
- })), this.menuPanelToggle = !this.menuPanelToggle;
139
- }
140
- }, this.prismId = `prism-header-${this.uid}`, this.shadow = !1, this.appTitle = void 0, this.menuLabel = "Site navigation", this.appRoot = void 0, this.hideTitle = !1, this.loginUrl = "#", this.logoutUrl = "#", this.loginText = "Sign In", this.logoutText = "Sign Out", this.userName = void 0, this.hideName = !1, this.userAvatar = void 0, this.hideAvatar = !1, this.triggerPosition = "left", this.searchAction = "#", this.menu = [], this.enableNotifications = !1, this.notificationTone = "success", this.enableAuthentication = !0, this.useCustomRouting = void 0, this.searching = !1, this.menuCollection = [], this.menuPanelToggle = !1, this.slottedMenuItems = {}, this.isNext = !1, this.hideHamburgerMenu = !1;
141
- }
142
- /** Listener for All Other Menu Components */
143
- // @Listen('prismMenu', { target: 'body' })
144
- // getMenuItems(event: CustomEvent) {
145
- // state.received = true;
146
- // state.targets.push(event.target);
147
- // let menu: MenuType = event.detail.menu;
148
- // this.menuCollection.forEach((value: IListItem) => {
149
- // value.children = menu.filter(({ parent }, index) => {
150
- // if (parent && parent === value.id) {
151
- // delete menu[index];
152
- // return true;
153
- // }
154
- // return false;
155
- // });
156
- // });
157
- // this.menuCollection.push(...menu.filter(item => item !== undefined));
158
- // state.sitemap = this.menuCollection;
159
- // }
160
- _addRootToObjects(e, s, i) {
161
- e.forEach((n) => {
162
- let o = !1;
163
- for (const m in n)
164
- if (n.hasOwnProperty(m) && m === s) {
165
- o = !0;
166
- break;
167
- }
168
- o || (n[s] = i);
169
- });
170
- }
171
- setHamburgerMenuState() {
172
- this.hideHamburgerMenu = this.menu.length > 0 && !this.enableAuthentication && !this.enableNotifications;
173
- }
174
- /** Before Component Loads, Set Local State for the Mobile Menu */
175
- componentWillRender() {
176
- this.menu.length > 0 && this._addRootToObjects(this.menu, "root", "true"), this.hideHamburgerMenu = this.menu.length > 0 && !this.enableAuthentication && !this.enableNotifications;
177
- }
178
- /** Set State if a Slot has Items */
179
- connectedCallback() {
180
- 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) {
181
- let e = this.el.querySelectorAll('[slot="menu"]');
182
- this.slottedMenuItems = {
183
- hasChildren: e.length > 0,
184
- numberOfChildren: e.length,
185
- content: Array.from(e)
186
- };
187
- }
188
- typeof window < "u" && (window == null || window.addEventListener("resize", A(() => {
189
- document.body.clientWidth >= f.md && (this.menuPanelToggle = !1, this.toggleMenu(!0));
190
- }, 250))), _("prism-header");
191
- }
192
- /** Emit Custom Event when Notification Icon is Pressed */
193
- toggleNotifications(e) {
194
- const { currentTarget: s } = e, { prismId: i } = s;
195
- this.prismClick.emit({
196
- id: i,
197
- name: "notifications",
198
- target: s
199
- });
200
- }
201
- // searchButtonAction(e: any) {
202
- // this.searching = !this.searching;
203
- // console.log(e.currentTarget('prism-header'));
204
- // }
205
- // searchSubmit(e: any) {
206
- // console.log(e);
207
- // e.preventDefault();
208
- // }
209
- render() {
210
- const e = ({ icon: n, id: o, label: m, isTriggerButton: c }) => t("div", { class: "trigger" }, t("prism-button", { id: `prism-header-${o}`, display: "ghost-icon", size: "xs", label: m, onPrismClick: () => this.toggleMenu(), expanded: c && this.menuPanelToggle }, t("prism-icon", { role: "presentation", name: n, size: "sm" }, m))), s = () => t("prism-button", { "prism-id": "notification", class: "notifications", label: "notification", onPrismClick: (n) => this.toggleNotifications(n), display: "ghost-icon" }, t("prism-icon", { notifications: !!this.enableNotifications, size: "sm", "dot-tone": this.notificationTone, class: "action-icon", name: "notification" })), i = () => t(p, null, !this.hideAvatar && t("prism-avatar", { class: "user-avatar", src: this.userAvatar, alt: this.userName }), this.userName ? t(p, null, !this.hideName && t(p, null, t("prism-text", { family: "body", size: "400", ellipsis: !0, class: "username" }, this.userName)), " ", t("prism-button", { href: this.logoutUrl, display: "ghost" }, this.logoutText)) : t("prism-button", { href: this.loginUrl, display: "ghost" }, this.loginText));
211
- return t(C, { id: this.prismId, class: { elevation: this.shadow } }, t("div", { class: { header: !0, "panel-open": this.menuPanelToggle, [this.triggerPosition]: !0 } }, t("section", { part: "app", class: "app" }, this.triggerPosition == "left" && !this.hideHamburgerMenu && t(e, { icon: "menu_3_bar", id: `menu-toggle-${this.uid}`, label: this.menuLabel, isTriggerButton: !0 }), this.appTitle && t("prism-button", { class: "logo", part: "logo", href: this.appRoot, display: "link" }, t("slot", { name: "logo" }), !this.hideTitle && t("span", null, this.appTitle)), this.triggerPosition == "right" && !this.hideHamburgerMenu && t(e, { icon: "menu_3_bar", id: `menu-toggle-${this.uid}`, label: this.menuLabel, isTriggerButton: !0 }), t("slot", { name: "app-info" })), t("section", { part: "main-menu", class: "menu" }, this.slots.menu ? t("prism-button-group", { gap: !1, collection: "navigation" }, t("slot", { name: "menu" })) : this.menu.length > 0 && t("prism-menu", { useCustomRouting: this.useCustomRouting, gap: !0, variant: "menu-horizontal", overflow: !0, menu: this.menu, "prism-id": this.prismId })), t("section", { part: "actions", class: "actions" }, t("slot", { name: "actions" }), this.enableNotifications && t(s, null)), t("section", { part: "user", class: "user" }, this.enableAuthentication && t(i, null))), t("section", { ref: (n) => this.menuPanelElement = n, tabindex: "-1", "data-hydrated": N.received, class: { panel: !0, closed: !this.menuPanelToggle }, "aria-label": this.menuLabel, "aria-hidden": (!this.menuPanelToggle).toString(), inert: !this.menuPanelToggle }, t("div", { class: "panel-header" }, this.triggerPosition == "left" && t(e, { icon: "close", id: `menu-close-${this.uid}`, label: `Close ${this.menuLabel}` }), !this.hideTitle && t("section", { class: "panel-title" }, this.appTitle), this.triggerPosition == "right" && t(e, { icon: "close", id: `menu-close-${this.uid}`, label: `Close ${this.menuLabel}` })), this.slots.panel ? t("div", { class: "panel-menu-items", role: "group" }, t("slot", { name: "panel" })) : t("div", { class: "panel-menu" }, this.menu.length > 0 && t("prism-menu", { menu: this.menu, "prism-id": this.prismId, useCustomRouting: this.useCustomRouting })), t("div", { class: "panel-footer" }, t("ul", { class: "action-menu-items" }, this.enableNotifications && t("li", null, t(s, null))), t("slot", { name: "panel-footer" }), this.enableAuthentication && t("section", { class: "panel-user", part: "panel-user" }, t(i, null)))));
212
- }
213
- get el() {
214
- return M(this);
215
- }
216
- static get watchers() {
217
- return {
218
- menu: ["setHamburgerMenuState"],
219
- enableNotifications: ["setHamburgerMenuState"],
220
- enableAuthentication: ["setHamburgerMenuState"]
221
- };
222
- }
223
- };
224
- q.style = j;
225
- export {
226
- q as prism_header
227
- };
@@ -1,23 +0,0 @@
1
- import { r as e, h as a, H as i, g as t } from "./index-D9BZSjMp.js";
2
- import { m as o } from "./index-44540db3-BN5vFHKr.js";
3
- /*!
4
- * Copyright (c) 2025 Comcast. Prism UI - v8.28.0 - made with ❤️ in Philadelphia
5
- */
6
- const n = ":host{display:block;margin:0 auto;position:relative;text-align:left;z-index:auto}.picture.layout-fill{object-fit:fill}.picture.layout-contain{object-fit:contain}.picture.layout-cover{object-fit:cover}.picture.layout-none{object-fit:none}.picture.layout-scale-down{object-fit:scale-down}:host(.info){background-color:var(--prism-color-fill-info-base)}:host(.primary-brand){background-color:var(--prism-color-fill-brand-primary-base)}:host(.secondary-brand){background-color:var(--prism-color-fill-brand-secondary-base)}:host(.expressive-brand-linear){background-color:var(--prism-color-fill-brand-primary-base);background-image:var(--prism-color-gradient-linear-brand-primary)}:host(.linear-accent-100){background-color:var(--prism-color-fill-brand-primary-base);background-image:var(--prism-color-gradient-linear-accent-100)}:host(.linear-accent-200){background-color:var(--prism-color-fill-brand-primary-base);background-image:var(--prism-color-gradient-linear-accent-200)}:host(.linear-accent-300){background-color:var(--prism-color-fill-brand-primary-base);background-image:var(--prism-color-gradient-linear-accent-300)}:host(.linear-accent-400){background-color:var(--prism-color-fill-brand-primary-base);background-image:var(--prism-color-gradient-linear-accent-400)}:host(.linear-accent-500){background-color:var(--prism-color-fill-brand-primary-base);background-image:var(--prism-color-gradient-linear-accent-500)}:host(.linear-accent-600){background-color:var(--prism-color-fill-brand-primary-base);background-image:var(--prism-color-gradient-linear-accent-600)}:host(.success){background-color:var(--prism-color-fill-success-base)}:host(.caution){background-color:var(--prism-color-fill-caution-base)}:host(.danger){background-color:var(--prism-color-fill-danger-base)}:host(.primary){background-color:var(--prism-color-fill-primary-base)}:host(.secondary){background-color:var(--prism-color-fill-secondary-base)}.layout-as-background{display:block}.layout-as-background .content-wrapper{position:relative;z-index:10}.layout-as-background .wrapper{justify-content:center}.layout-as-background .wrapper,.layout-as-background .wrapper.left{align-items:center;display:flex;height:100%;position:absolute;width:100%}.layout-as-background .wrapper.left{justify-content:flex-start}.layout-as-background .wrapper.right{align-items:center;display:flex;height:100%;justify-content:flex-end;position:absolute;width:100%}.layout-as-background .wrapper.top,.layout-as-background .wrapper.top-right{align-items:center;display:flex;height:var(--prism-hero-image-height,50%);position:absolute;top:0;width:100%}.layout-as-background .wrapper.top-right{right:0;width:var(--prism-hero-image-width,50%)}.layout-as-background .wrapper.top-left{left:0;top:0;width:100%;width:var(--prism-hero-image-width,50%)}.layout-as-background .wrapper.bottom,.layout-as-background .wrapper.top-left{align-items:center;display:flex;height:var(--prism-hero-image-height,50%);position:absolute}.layout-as-background .wrapper.bottom{bottom:0;width:100%}.layout-as-background .wrapper.bottom-right{right:0}.layout-as-background .wrapper.bottom-left,.layout-as-background .wrapper.bottom-right{align-items:center;bottom:0;display:flex;height:var(--prism-hero-image-height,50%);position:absolute;width:100%;width:var(--prism-hero-image-width,50%)}.layout-as-background .wrapper.bottom-left{left:0}.layout-as-background .picture{display:flex;height:100%;width:var(--prism-hero-image-width,100%)}.layout-as-background .picture.left,.layout-as-background .picture.right{display:flex;height:100%;width:var(--prism-hero-image-width,50%)}.layout-as-inline{align-items:var(--prism-hero-align-items,top);display:flex;gap:.25rem}.layout-as-inline.media-right{flex-direction:row-reverse}.layout-as-inline.media-top{flex-direction:column}.layout-as-inline.media-bottom{flex-direction:column-reverse}.layout-as-inline .media-wrapper{flex:1 1 50%;position:relative}.layout-as-inline .picture{height:100%;width:100%}.layout-as-inline .content-wrapper{flex:1 1 50%}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}", s = n, l = class {
7
- constructor(r) {
8
- e(this, r), this.alt = "", this.src = void 0, this.sourceImages = void 0, this.tone = "primary", this.containerHeight = void 0, this.layout = "cover", this.filter = "none", this.filterValue = void 0, this.align = "none", this.lazy = !1, this.as = "background", this.inlineLayout = "media-left";
9
- }
10
- connectedCallback() {
11
- o("prism-hero");
12
- }
13
- render() {
14
- return a(i, { key: "b23af7bca5113b3c7fd1c81c2a59badd7a5ebf6b", class: { [this.tone]: !0 } }, a("span", { key: "4765217d23ae7cd438fcfdab58cd79a2ea05160f", style: { "min-height": `${this.containerHeight}` }, class: { [`layout-as-${this.as}`]: !0, [this.inlineLayout]: this.as === "inline" } }, a("span", { key: "7d2ef2b7122fa9c8a78fb96b9de3232a91873d0a", ref: (r) => this.container = r, class: { "media-wrapper": !0, wrapper: !0, [this.align]: this.as === "background" } }, a("prism-image", { key: "db60e5ccda88e193d3ac677774ed8c6136b1e96a", filterValue: this.filterValue, filter: this.filter, alt: this.alt, src: this.src, sourceImages: this.sourceImages, lazy: this.lazy, class: { picture: !0, [this.align]: this.align !== "none" && this.as === "background", [`layout-${this.layout}`]: this.layout !== "none" } })), a("section", { key: "5aec367697857dce66ac590d57c26e89a8d154e0", class: "content-wrapper" }, a("slot", { key: "34347e9a0832538840bda23d53768e005c6abc7a" }))));
15
- }
16
- get el() {
17
- return t(this);
18
- }
19
- };
20
- l.style = s;
21
- export {
22
- l as prism_hero
23
- };
@@ -1,38 +0,0 @@
1
- import { r, c as t, h as e, H as s, g as o } from "./index-D9BZSjMp.js";
2
- import { m as n } from "./index-44540db3-BN5vFHKr.js";
3
- /*!
4
- * Copyright (c) 2025 Comcast. Prism UI - v8.28.0 - made with ❤️ in Philadelphia
5
- */
6
- const m = ':host{display:flex;height:var(--prism-image-height,100%);position:relative;width:var(--prism-image-width,100%)}:host :focus,:host:focus{outline:2px solid transparent;outline-offset:2px}picture{aspect-ratio:inherit;display:block;height:100%;margin:0;object-fit:inherit;object-position:inherit;padding:0;width:100%}.shadow{box-shadow:var(--prism-shadow-xs-base)}.img{aspect-ratio:inherit;border-radius:var(--prism-radius-size-xs);display:var(--prism-image-display,block);height:100%;max-height:100%;max-width:100%;object-fit:inherit;object-position:inherit;position:relative;transition:all var(--prism-animation-duration-normal) var(--prism-animation-timing-function);visibility:hidden;width:100%;z-index:var(--prism-layout-z-index-base)}.img.loaded{animation:opacity-up var(--prism-animation-duration-normal) var(--prism-animation-timing-function);visibility:visible}.loading:after{animation:imageshimmer 1.6s linear infinite;background-color:var(--prism-color-material-secondary-base);background-image:linear-gradient(115deg,var(--prism-color-material-primary-base),var(--prism-color-material-primary-base) 25%,var(--prism-color-material-secondary-base) 45%,var(--prism-color-material-secondary-base) 50%,var(--prism-color-material-primary-base) 75%,var(--prism-color-material-primary-base));background-size:50rem 50rem;content:"";display:block;height:100%;position:absolute;top:0;width:100%}@keyframes imageshimmer{0%{background-position:-25rem 0}to{background-position:25rem 0}}@keyframes opacity-up{0%{opacity:0}to{opacity:1}}@media screen and (prefers-reduced-motion:reduce){.img.loaded,.loading:after{animation:none}.img{transition:none}}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}', d = m, h = class {
7
- constructor(a) {
8
- r(this, a), this.prismLoad = t(this, "prismLoad", 7), this.prismError = t(this, "prismError", 7), this.alt = "", this.src = void 0, this.sourceImages = void 0, this.filter = "none", this.filterValue = void 0, this.shadow = !1, this.lazy = !0, this.isLoaded = !1;
9
- }
10
- connectedCallback() {
11
- n("prism-image");
12
- }
13
- _imageError(a) {
14
- this.prismError.emit({ name: "image-load-error", target: a.currentTarget });
15
- }
16
- _imageLoad(a) {
17
- this.isLoaded = this.image.complete, this.prismLoad.emit({ name: "image-loaded", loaded: this.isLoaded, target: this.el });
18
- }
19
- render() {
20
- var a;
21
- return e(s, { key: "f7b16c31ee5da4ba9be0a27c73595ebc4d398398", class: { loaded: this.isLoaded } }, e("picture", { key: "84584dd30228e31840f7a909236a47c3b95d0c86", ref: (i) => this.picture = i, class: { loading: !this.isLoaded, picture: !0 } }, (a = this.sourceImages) === null || a === void 0 ? void 0 : a.map((i) => e("source", { type: i.type, media: i.size, srcSet: i.source })), e("img", { key: "c21cb1e5d8d4759e58728f374562537d46e01e6c", ref: (i) => this.image = i, onError: (i) => {
22
- this._imageError(i);
23
- }, onLoad: (i) => {
24
- this._imageLoad(i);
25
- }, alt: this.alt, src: this.src, loading: this.lazy ? "lazy" : "eager", part: "image", class: {
26
- loaded: this.isLoaded,
27
- img: !0,
28
- shadow: this.shadow
29
- }, style: { filter: this.filter === "none" ? "none" : `${this.filter}(${this.filterValue})` } })));
30
- }
31
- get el() {
32
- return o(this);
33
- }
34
- };
35
- h.style = d;
36
- export {
37
- h as prism_image
38
- };
@@ -1,119 +0,0 @@
1
- import { r as o, c as l, h as t, H as p, g as c } from "./index-D9BZSjMp.js";
2
- import { g as m, m as h } from "./index-44540db3-BN5vFHKr.js";
3
- import { A as u } from "./index-4d46d9ca-BtyZMEt1.js";
4
- /*!
5
- * Copyright (c) 2025 Comcast. Prism UI - v8.28.0 - made with ❤️ in Philadelphia
6
- */
7
- const f = '.sc-prism-input-file-h{box-sizing:border-box;display:block;isolation:isolate;margin:var(--prism-input-text-spacing-margin,var(--prism-spacer-size-lg)) 0;position:relative;width:100%}.screen-reader-text.sc-prism-input-file{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.hint-container.sc-prism-input-file{align-items:center;-moz-column-gap:var(--prism-spacer-size-xs);column-gap:var(--prism-spacer-size-xs);display:flex;margin-top:var(--prism-spacer-size-xs)}.hint-text.sc-prism-input-file{display:block;text-align:left}@media (prefers-reduced-motion){.input.sc-prism-input-file{transition:none}}.input.sc-prism-input-file{background-color:initial;border:0;border-bottom:2px solid var(--prism-color-border-secondary-base);box-sizing:border-box;color:var(--prism-color-text-primary-base);font-family:var(--prism-font-body-400-family);font-size:var(--prism-font-body-400-size);font-weight:var(--prism-font-body-400-weight);letter-spacing:var(--prism-font-body-400-tracking);line-height:var(--prism-font-body-400-leading);outline:2px solid transparent;outline-offset:2px;text-align:var(--prism-input-text-align,left);transition:all var(--prism-animation-duration-normal) var(--prism-animation-timing-function);width:100%}@starting-style{.input{border-color:var(--prism-color-border-secondary-base);outline-color:var(--prism-color-border-secondary-base)}}.input.body-400.sc-prism-input-file{font-family:var(--prism-font-body-400-family);font-size:var(--prism-font-body-400-size);font-weight:var(--prism-font-body-400-weight);letter-spacing:var(--prism-font-body-400-tracking);line-height:var(--prism-font-body-400-leading)}.input.heading-300.sc-prism-input-file{font-family:var(--prism-font-headline-300-family);font-size:var(--prism-font-headline-300-size);font-weight:var(--prism-font-headline-300-weight);letter-spacing:var(--prism-font-headline-300-tracking);line-height:var(--prism-font-headline-300-leading)}.input.minimal.sc-prism-input-file{padding:var(--prism-input-text-spacing-padding,var(--prism-spacer-size-md) 0)}.input.contained.sc-prism-input-file{border:1px solid;border-radius:var(--prism-radius-size-sm);padding:var(--prism-input-text-spacing-padding,var(--prism-spacer-size-lg))}.input.contained.primary-tone.sc-prism-input-file{background-color:var(--prism-color-material-primary-base)}.input.contained.secondary-tone.sc-prism-input-file{background-color:var(--prism-color-material-secondary-base)}.file-grid.sc-prism-input-file:focus-within .input.contained.sc-prism-input-file{border-color:var(--prism-color-border-brand-primary-focus);outline:1px solid var(--prism-color-border-brand-primary-focus);outline-offset:0}.file-grid.sc-prism-input-file:focus-within .input.minimal.sc-prism-input-file{border-bottom:2px solid var(--prism-color-border-brand-primary-focus)}.file-grid.sc-prism-input-file:focus-within .input.minimal.invalid.sc-prism-input-file, .input.contained.invalid.sc-prism-input-file, .input.minimal.invalid.sc-prism-input-file{border-color:var(--prism-color-border-danger-focus)}.file-grid.sc-prism-input-file:focus-within .input.contained.invalid.sc-prism-input-file{outline:1px solid var(--prism-color-border-danger-focus);outline-offset:2px}[class*=" icon-"].input.sc-prism-input-file{padding:var(--prism-input-text-spacing-padding,var(--prism-spacer-size-lg) 3.5rem)}[class*=" icon-"].input.minimal.sc-prism-input-file{padding:var(--prism-input-text-spacing-padding,var(--prism-spacer-size-md) 3rem)}.input.contained.disabled.sc-prism-input-file, .input.disabled.sc-prism-input-file, .input.minimal.disabled.sc-prism-input-file{cursor:not-allowed;opacity:var(--prism-alpha-inactive)}.invalid-text.sc-prism-input-file{color:var(--prism-color-text-danger-base)}.wrap.sc-prism-input-file{display:block;position:relative}.content.sc-prism-input-file{margin-left:var(--prism-spacer-size-xs)}.label.sc-prism-input-file{cursor:pointer;display:flex}.file-grid.sc-prism-input-file, .label.sc-prism-input-file{align-items:center}.file-grid.sc-prism-input-file{display:grid;grid-template-columns:1fr -webkit-max-content -webkit-max-content;grid-template-columns:1fr max-content max-content}.clear.sc-prism-input-file{margin-left:.375rem}.placeholder-text.sc-prism-input-file{margin-left:.25rem;margin-right:.25rem}.count.sc-prism-input-file{font-weight:var(--prism-font-weight-bold)}', b = f, v = class {
8
- constructor(i) {
9
- o(this, i), this.prismChange = l(this, "prismChange", 7), this.prismInput = l(this, "prismInput", 7), this.prismBlur = l(this, "prismBlur", 7), this.prismFocus = l(this, "prismFocus", 7), this.uid = m(), this.hintId = `${this.prismId}-hint`, this.isDirty = !1, this.slots = {
10
- "icon-trailing": !1
11
- }, this.prismId = `prism-input-text-${this.uid}`, this.name = `${this.prismId}`, this.label = this.name.charAt(0).toUpperCase() + this.name.replace(/-/g, " ").substring(1), this.disabled = !1, this.hideLabel = !1, this.hideInvalid = !1, this.invalid = !1, this.invalidMessage = "This field is required", this.describedby = "", this.activedescendant = void 0, this.controls = void 0, this.autocomplete = void 0, this.customDescribedby = void 0, this.accept = void 0, this.capture = void 0, this.setAutofocus = !1, this.hint = void 0, this.multiple = !1, this.placeholder = void 0, this.required = !1, this.readonly = !1, this.value = "", this.variant = "contained", this.iconVariant = "contained", this.iconContainedTone = "primary-brand", this.validation = "native", this.tone = "secondary", this.valid = !1, this.elementFocused = !1, this.fileList = [];
12
- }
13
- /**
14
- * Listen to Reset Events
15
- */
16
- handleReset() {
17
- this.fileList = [];
18
- }
19
- /**
20
- * @description Public: Set Focus on Input
21
- */
22
- async setFocus() {
23
- this.nativeInput && this.nativeInput.focus();
24
- }
25
- // Parse File Names
26
- /** @internal */
27
- fileParse(i) {
28
- let e = Object.keys(i), r = [];
29
- e.forEach((a) => {
30
- let n = i[a] ? i[a].size : 0;
31
- n > 1e6 ? n = `${(n / 1e6).toFixed(2)} MB` : n = `${(n / 1e3).toFixed(2)} KB`, r = [...r, { name: i[a].name, size: n }];
32
- }), this.fileList = r;
33
- }
34
- /** @internal */
35
- clearFiles(i) {
36
- this.nativeInput.value = "", this.valueChanged(i);
37
- }
38
- getValue() {
39
- return (this.value || "").toString();
40
- }
41
- // Emit onChange of Value Event
42
- /** @internal */
43
- valueChanged(i) {
44
- var e, r;
45
- let a = i.currentTarget;
46
- a.files && a.files.length > 0 ? this.fileParse(a.files) : this.fileList = [], (e = this.el) === null || e === void 0 || e.setAttribute("value", i.target.value), this.prismChange.emit({
47
- name: "value-changed",
48
- value: i.target.value,
49
- files: {
50
- total: !((r = a.files) === null || r === void 0) && r.length ? a.files.length : 0,
51
- list: a.files ? a.files : this.fileList
52
- }
53
- });
54
- }
55
- // Validity Check
56
- /** @internal */
57
- onCheckValidity(i) {
58
- i.preventDefault();
59
- let e = i.currentTarget;
60
- this.validation === "native" && (this.invalid = !e.validity.valid), this.customDescribedby = `${this.hintId} ${this.describedby}`.trim(), this.prismInput.emit({ name: "check-validity", value: e.value, target: e, reason: e.validity });
61
- }
62
- /** @internal */
63
- inputChanged(i) {
64
- this.isDirty = !0, this.customDescribedby = `${this.hintId} ${this.describedby}`.trim();
65
- let e = i.currentTarget;
66
- this.prismInput.emit({ name: "input-change", value: e.value, target: e });
67
- }
68
- // Input has focus or blurred
69
- /** @internal */
70
- inputState(i) {
71
- let e = i.currentTarget;
72
- switch (i.type) {
73
- case "blur":
74
- this.isDirty && this.validation === "native" && (this.invalid = !e.validity.valid), this.elementFocused = !1, this.prismBlur.emit({ name: "input-blurred", value: e.value, target: e });
75
- break;
76
- case "focus":
77
- this.elementFocused = !0, this.prismFocus.emit({ name: "input-focused", value: e.value, target: e });
78
- }
79
- }
80
- connectedCallback() {
81
- this.customDescribedby = this.hint ? `${this.hintId} ${this.describedby}` : this.describedby, this.el.querySelector('[slot="icon-trailing"]') && this.el.querySelector('[slot="icon-trailing"]').setAttribute("css-slot", "icon-trailing"), this.slots["icon-trailing"] = !!this.el.querySelector('[slot="icon-trailing"]'), h("prism-input-file");
82
- }
83
- render() {
84
- var i, e, r;
85
- const a = this.invalid || this.hint, n = this.getValue(), d = this.fileList && this.fileList.length > 0;
86
- return t(p, { key: "785dd6e5c62972019235b9e04cfbb35d64be167e", class: { [this.variant]: !0 } }, t("prism-text", { key: "5221e81e39be4f3e44d6a2a26ed48f3c5982fe0c", tag: "span", as: "caption", class: {
87
- "label-text": !0,
88
- "screen-reader-text": this.hideLabel
89
- }, id: `${this.prismId}-label` }, this.label, this.required && t(u, { key: "39425da60a9757006b52ce2e95a71e6726499950" })), t("span", { key: "fba278571f90bd87be0c38318363c077936beaee", class: "file-grid" }, t("label", { key: "977a8b6424031e3bf224308b118894dc3d8aad9c", class: {
90
- label: !0,
91
- invalid: this.invalid,
92
- focus: this.elementFocused,
93
- disabled: this.disabled,
94
- "file-list-complete": Array.isArray(this.fileList) && this.fileList.length >= 1,
95
- [this.variant]: !0,
96
- input: !0,
97
- [`${this.tone}-tone`]: !0
98
- }, id: `${this.prismId}-contents`, htmlFor: this.prismId }, t("prism-icon", { key: "64565ffaf07bdd91764a0dd1e2d8b17a287c2fc8", contained: this.iconVariant === "contained", containedTone: this.iconContainedTone, containedPriority: "low", size: "xs", name: "upload", display: "fill" }), t("div", { key: "5feeb983372897a16002325ed331a3405ef29e91", class: "content" }, this.fileList.length > 0 ? t("prism-badge", { size: "sm", tone: "primary-brand" }, t("span", { class: "count" }, (i = this.fileList) === null || i === void 0 ? void 0 : i.length), t("span", { class: "screen-reader-text" }, " file", ((e = this.fileList) === null || e === void 0 ? void 0 : e.length) === 1 ? "" : "s")) : t("prism-text", { priority: "secondary", class: { "placeholder-text": !0 } }, this.placeholder), (r = this.fileList) === null || r === void 0 ? void 0 : r.map((s) => t("prism-badge", { tone: "info", size: "sm" }, s.name)))), t("span", { key: "395cdf88e31092b45b2fb3b21130ddc0d1b8d5d8", class: {
99
- wrap: !0,
100
- invalid: this.invalid
101
- } }, t("input", { key: "157201ae44ba80696ba101930db77b73f0031a01", class: {
102
- "screen-reader-text": !0
103
- }, ref: (s) => this.nativeInput = s, id: this.prismId, disabled: this.disabled, accept: this.accept, capture: this.capture, autoFocus: this.setAutofocus, multiple: this.multiple, name: this.name, placeholder: this.placeholder, required: this.required, readonly: this.readonly, type: "file", value: n, "aria-invalid": this.invalid.toString(), "aria-required": this.required.toString(), "aria-labelledby": `${this.prismId}-label ${this.prismId}-contents`, "aria-describedby": this.customDescribedby ? this.customDescribedby : !1, "aria-activedescendant": this.activedescendant, "aria-controls": this.controls, "aria-autocomplete": this.autocomplete, onInput: (s) => this.inputChanged(s), onInvalid: (s) => this.onCheckValidity(s), onChange: (s) => this.valueChanged(s), onBlur: (s) => this.inputState(s), onFocus: (s) => this.inputState(s) })), t("span", { key: "116b892cd37094a15c10592ee519b7452dd18e9d" }, d && t("prism-button", { key: "a78c94da75a04d87f42440e4979183f9705cfbd4", class: "clear", display: "ghost-icon", onPrismClick: (s) => this.clearFiles(s) }, " ", t("prism-icon", { key: "4366a65a2306d9919175b6e73356285e6f28d185", label: "clear files", name: "close" })), t("slot", { key: "dcaf035782b1c1eb32d3dad6bfddfa6e72e415f7", name: "icon-trailing" }))), t("span", { key: "3e19687a5403fdc4a6746b8d2e3e4e4c0527a96a", "aria-live": "polite", id: this.hintId }, a && t("span", { key: "fadde4898c166c1b119631c842d2c3864a7541e0", class: {
104
- "hint-container": !0,
105
- "screen-reader-text": this.invalid && this.hideInvalid
106
- } }, this.invalid && t("prism-icon", { key: "e5a75aa6d2f68edee5d2321fcab266a94886dfae", display: "fill", size: "xs", tone: "danger", name: "alert" }), t("prism-text", { key: "b0b3afa9a857e84c8631161c7995c0d4db011a3b", class: {
107
- "invalid-text": this.invalid,
108
- "file-invalid-text": this.invalid,
109
- "hint-text": !0
110
- }, as: "caption" }, this.invalid ? this.invalidMessage : this.hint))));
111
- }
112
- get el() {
113
- return c(this);
114
- }
115
- };
116
- v.style = b;
117
- export {
118
- v as prism_input_file
119
- };
@@ -1,79 +0,0 @@
1
- import { r, c as p, h as a, F as u, H as o, g as c } from "./index-D9BZSjMp.js";
2
- import { g as h, a as g } from "./index-44540db3-BN5vFHKr.js";
3
- /*!
4
- * Copyright (c) 2025 Comcast. Prism UI - v8.28.0 - made with ❤️ in Philadelphia
5
- */
6
- const m = ".sc-prism-input-otp-h{display:var(--prism-input-otp-display,inline-block);margin:var(--prism-input-otp-margin,var(--prism-spacer-size-lg) 0);width:100%}.fieldset.sc-prism-input-otp{align-items:center;-moz-column-gap:var(--prism-spacer-size-xs);column-gap:var(--prism-spacer-size-xs);display:flex;flex:0 0 auto;flex-wrap:nowrap;margin-bottom:var(--prism-spacer-size-sm)}.set-center.sc-prism-input-otp{justify-content:center}.set-left.sc-prism-input-otp{justify-content:flex-start}.input.sc-prism-input-otp{--prism-input-text-spacing-margin:0;--prism-input-text-spacing-padding:0.75rem 0 0.5rem 0;--prism-input-text-align:center;max-width:3.5rem}.spacer.sc-prism-input-otp{display:none}.screen-reader-text.sc-prism-input-otp{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.hint-container.sc-prism-input-otp{align-items:center;-moz-column-gap:var(--prism-spacer-size-xs);column-gap:var(--prism-spacer-size-xs);display:flex}.hint-text.sc-prism-input-otp{display:block;text-align:left}.invalid-text.sc-prism-input-otp{color:var(--prism-color-text-danger-base)}@media (min-width:768px){.fieldset.sc-prism-input-otp{-moz-column-gap:var(--prism-spacer-size-lg);column-gap:var(--prism-spacer-size-lg)}.input.sc-prism-input-otp{--prism-input-text-spacing-padding:0.75rem 1rem 0.5rem 1rem}.spacer.sc-prism-input-otp{border-bottom:2px solid color-mix(in srgb,var(--prism-color-text-primary-base) var(--prism-alpha-tertiary-percentage),transparent);display:inline-block;width:var(--prism-spacer-size-xxl)}}", v = m, f = class {
7
- constructor(l) {
8
- r(this, l), this.prismChange = p(this, "prismChange", 7), this.uid = h(), this.defaultInvalidMessage = "Please enter the provided one time passcode", this.inputTag = "PRISM-INPUT-TEXT", this._validate = (i) => {
9
- this.invalid = !0;
10
- }, this._spreadValues = (i) => {
11
- var s;
12
- let t = i.trim().split("");
13
- this.inputCollection.length === t.length ? (this.invalid = !1, this.invalidMessage = this.defaultInvalidMessage, this.inputCollection.forEach((e, n) => {
14
- let d = !isNaN(parseInt(t[n]));
15
- this.digitValidity[`digit-${n + 1}`] = d, this.digitValues[`digit-${n + 1}`] = d ? t[n] : "", e.value = d ? t[n] : "", e.closest(this.inputTag).setAttribute("invalid", d ? "false" : "true");
16
- }), this.hiddenValue = Object.values(this.digitValues).toString().replaceAll(",", "").trim(), this.inputCollection.at(-1).focus()) : (this.invalid = !0, this.invalidMessage = (s = this.customValidity) === null || s === void 0 ? void 0 : s.mismatch);
17
- }, this._syncValues = (i) => {
18
- this.digitValues[i.detail.target.id] = i.detail.value, this.hiddenValue = Object.values(this.digitValues).toString().replaceAll(",", "").trim();
19
- }, this._inputBlur = (i) => {
20
- this.digitValidity[i.detail.target.id] = i.detail.dirty && i.detail.valid ? !0 : i.detail.dirty && !i.detail.valid ? !1 : null, this.digitValues[i.detail.target.id] = this.digitValidity[i.detail.target.id] === !0 ? i.detail.value : null, Object.values(this.digitValidity).includes(!1) && (this.invalid = !0, this.invalidMessage = this.customValidity.allRequired.replace("##", this.digits.length.toString()), this.prismChange.emit({ name: "prism-otp-error", description: "missing digits" })), Object.values(this.digitValidity).includes(!1) || (this.invalid = !1), Object.values(this.digitValidity).every((s) => s === !0) && (this.invalid = !1, this.invalidMessage = this.defaultInvalidMessage, this._syncValues(i), this.prismChange.emit({ name: "prism-otp-success", value: this.hiddenValue }));
21
- }, this._keyUp = (i) => {
22
- i.detail.value > 1 && i.detail.target.id === "digit-1" && i.detail.event.key !== void 0 && (i.detail.target.value = i.detail.value[0]);
23
- let s = i.target, t = s.nextElementSibling, e = s.previousElementSibling;
24
- this.divider && (t == null ? void 0 : t.tagName) === "HR" && (t = t.nextElementSibling), this.divider && (e == null ? void 0 : e.tagName) === "HR" && (e = e.previousElementSibling), i.detail.name === "input-keyup" && i.detail.event.code === "Backspace" && i.detail.target.value.length === 0 && (e == null ? void 0 : e.tagName) === this.inputTag.toUpperCase() && (e == null || e.setFocus(), e.value = ""), i.detail.name === "input-keyup" && i.detail.event.key !== void 0 && isFinite(i.detail.key) && i.detail.valid && i.detail.target.value.length === 1 && (t == null ? void 0 : t.tagName) === this.inputTag.toUpperCase() && (t == null || t.setFocus());
25
- }, this._inputEvent = (i) => {
26
- i.detail.value.length > 1 && i.detail.event.data !== null && this._spreadValues(i.detail.value);
27
- }, this.hintId = `${this.uid}-hint`, this.align = "center", this.invalid = !1, this.divider = !1, this.invalidMessage = this.defaultInvalidMessage, this.customValidity = { mismatch: "The code pasted does not match the correct length", allRequired: "All ## digits are required" }, this.digitLabels = {
28
- first: "Digit ##; Enter verification code. When entering code in each input field, focus will automatically move to the next empty input field",
29
- others: "Digit ##"
30
- }, this.variant = "contained", this.name = void 0, this.prismId = `prism-input-otp-${this.uid}`, this.tone = void 0, this.count = "6", this.digitValidity = {
31
- "digit-1": null,
32
- "digit-2": null,
33
- "digit-3": null,
34
- "digit-4": null,
35
- "digit-5": null,
36
- "digit-6": null
37
- }, this.digitValues = {
38
- "digit-1": null,
39
- "digit-2": null,
40
- "digit-3": null,
41
- "digit-4": null,
42
- "digit-5": null,
43
- "digit-6": null
44
- }, this.hiddenValue = "";
45
- }
46
- /** @internal */
47
- get digits() {
48
- const l = typeof this.count == "number" ? this.count : parseInt(this.count, 10);
49
- return Array.from({ length: isNaN(l) ? 6 : l }, (i, s) => s + 1);
50
- }
51
- componentDidRender() {
52
- this.inputCollection = g(this.el), this.inputCollection.pop();
53
- }
54
- // Listen for Clipboard Paste Event
55
- pasteCode(l) {
56
- let i = l.clipboardData.getData("text");
57
- this._spreadValues(i);
58
- }
59
- render() {
60
- const l = this.name || `${this.prismId}-code`;
61
- return a(o, { key: "93d2dae324f3259095b0337d6c2838d101f48c89" }, a("fieldset", { key: "2652fedc30c12b6cb8065dc8d53d2d6963f99ae4", class: { fieldset: !0, [`set-${this.align}`]: !0 } }, this.digits.map((i) => {
62
- const s = i === 1 ? this.digitLabels.first.replace("##", i.toString()) : this.digitLabels.others.replace("##", i.toString());
63
- return a(u, null, a("prism-input-text", { tone: this.tone, variant: this.variant, autocomplete: i === 1 ? "one-time-code" : "off", key: "digit-" + i, required: !0, describedby: this.hintId, prismId: `digit-${i}`, name: `digit-${i}-${this.name}`, type: "text", pattern: "[0-9]*", inputmode: "numeric", min: i > 1 ? 0 : null, max: i > 1 ? 9 : null, maxlength: i > 1 ? 1 : this.digits.length, class: "input", hideLabel: !0, hideInvalid: !0, invalidMessage: `Digit ${i} is required`, textDisplay: "heading-300", label: s, onPrismKeyup: (t) => this._keyUp(t), onPrismInput: i === 1 ? (t) => this._inputEvent(t) : null, onPrismInvalid: (t) => this._validate(t), onPrismBlur: (t) => this._inputBlur(t) }), i === this.digits.length / 2 && this.divider && a("hr", { class: "spacer" }));
64
- }), a("input", { key: "d84d3c1815c7bd5a60fd3b2b68224d003805cc33", type: "hidden", name: l, value: this.hiddenValue })), a("span", { key: "42a490c8b9bcc5f2a6cf84dba86c62fb5087f80c", "aria-live": "polite", id: this.hintId }, this.invalid && a("span", { key: "6ad92d86db108514707678653f2ca979925dc8b4", class: {
65
- "hint-container": !0,
66
- [`set-${this.align}`]: !0
67
- } }, a("prism-icon", { key: "fdd30b980885ae27c1ce94f99fe208e1bd1ff2ea", display: "fill", slot: "icon-trailing", size: "xs", tone: "danger", name: "alert" }), a("prism-text", { key: "ac5c38ed636618b3db58f2148d6ed4bea00896e7", class: {
68
- "invalid-text": this.invalid,
69
- "hint-text": !0
70
- }, as: "caption" }, this.invalidMessage))));
71
- }
72
- get el() {
73
- return c(this);
74
- }
75
- };
76
- f.style = v;
77
- export {
78
- f as prism_input_otp
79
- };