@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.
- package/dist/components/Accordion/context/index.js +7 -0
- package/dist/components/Accordion/index.js +38 -0
- package/dist/components/Accordion/types/index.js +1 -0
- package/dist/components/Cart/index.js +35 -0
- package/dist/components/EquipmentSummary/context/index.js +10 -0
- package/dist/components/EquipmentSummary/index.js +65 -0
- package/dist/components/EquipmentSummary/types/index.js +1 -0
- package/dist/components/Grid/index.js +19 -0
- package/dist/components/HeroBanner/context/index.js +7 -0
- package/dist/components/HeroBanner/index.js +33 -0
- package/dist/components/HeroBanner/types/index.js +1 -0
- package/dist/components/InfoBanner/index.js +24 -4
- package/dist/components/Nav/index.js +23 -0
- package/dist/components/OfferCards/context/index.js +7 -0
- package/dist/components/OfferCards/index.js +30 -0
- package/dist/components/OfferCards/subComponents/OfferCard.js +62 -0
- package/dist/components/OfferCards/types/index.js +1 -0
- package/dist/components/SaleBanner/context/index.js +7 -0
- package/dist/components/SaleBanner/index.js +59 -0
- package/dist/components/SaleBanner/types/index.js +1 -0
- package/dist/{index-ba31999b-V1s4iffq.js → index-0d8e0844-BJzWsYCM.js} +2443 -2491
- package/dist/index-C9Rf5U9q.js +29143 -0
- package/dist/index-b30029d4-E1YxEHFH.js +12 -0
- package/dist/index-e6818ded-r_t6ryaW.js +57 -0
- package/dist/{index.esm-a7c99373-DUoLYEEM.js → index.esm-322571ff-D1REhsOg.js} +1 -1
- package/dist/lib/components/Accordion/context/index.d.ts +10 -0
- package/dist/lib/components/Accordion/index.d.ts +2 -0
- package/dist/lib/components/Accordion/types/index.d.ts +13 -0
- package/dist/lib/components/Cart/index.d.ts +6 -0
- package/dist/lib/components/EquipmentSummary/context/index.d.ts +10 -0
- package/dist/lib/components/EquipmentSummary/index.d.ts +2 -0
- package/dist/lib/components/EquipmentSummary/types/index.d.ts +14 -0
- package/dist/lib/components/Grid/index.d.ts +13 -0
- package/dist/lib/components/HeroBanner/context/index.d.ts +10 -0
- package/dist/lib/components/HeroBanner/index.d.ts +2 -0
- package/dist/lib/components/HeroBanner/types/index.d.ts +11 -0
- package/dist/lib/components/Nav/index.d.ts +8 -0
- package/dist/lib/components/OfferCards/context/index.d.ts +9 -0
- package/dist/lib/components/OfferCards/index.d.ts +2 -0
- package/dist/lib/components/OfferCards/subComponents/OfferCard.d.ts +3 -0
- package/dist/lib/components/OfferCards/types/index.d.ts +26 -0
- package/dist/lib/components/SaleBanner/context/index.d.ts +10 -0
- package/dist/lib/components/SaleBanner/index.d.ts +2 -0
- package/dist/lib/components/SaleBanner/types/index.d.ts +11 -0
- package/dist/lib/main.d.ts +13 -0
- package/dist/link-DO_Jvm9n.js +685 -0
- package/dist/main.js +32 -6
- package/dist/prism-accordion.entry-DeyFGNx-.js +51 -0
- package/dist/prism-avatar_2.entry-MLbdVrJg.js +68 -0
- package/dist/prism-badge.entry-BG5y7O5U.js +58 -0
- package/dist/prism-banner.entry-DChrjpFH.js +82 -0
- package/dist/prism-breadcrumb.entry-1YzYlKen.js +33 -0
- package/dist/prism-button_2.entry-DO8IGIoS.js +110 -0
- package/dist/prism-card.entry-DQ6P4TZP.js +119 -0
- package/dist/prism-carousel.entry-BA8zsHRW.js +3111 -0
- package/dist/prism-checkbox-group.entry-CP4-gghb.js +62 -0
- package/dist/prism-checkbox.entry-CJCy8fvC.js +99 -0
- package/dist/prism-data-table.entry--0djw8ls.js +10475 -0
- package/dist/prism-datepicker.entry-DPm7tpKB.js +249 -0
- package/dist/{prism-form.entry-C8VzGp6c.js → prism-form.entry-CS1zRoMt.js} +11 -11
- package/dist/prism-grid.entry-jcx2aMUm.js +28 -0
- package/dist/prism-header.entry-CBSIpa0M.js +202 -0
- package/dist/prism-hero.entry-B0CKL5y9.js +23 -0
- package/dist/prism-icon_2.entry-Aja4QGUK.js +118 -0
- package/dist/prism-image.entry-B--khr6E.js +38 -0
- package/dist/prism-input-file.entry-i5qJkwEK.js +119 -0
- package/dist/prism-input-otp.entry-DXoARuzH.js +63 -0
- package/dist/prism-input-text.entry-D4QQ-dYX.js +228 -0
- package/dist/prism-input-textarea.entry-eeQHnhqC.js +140 -0
- package/dist/prism-layout.entry-bfKqOEnU.js +20 -0
- package/dist/prism-lineitem.entry-YIRZPVe_.js +44 -0
- package/dist/prism-menu.entry-BIlRCiaA.js +231 -0
- package/dist/prism-modal.entry-Kc-SpAR-.js +94 -0
- package/dist/prism-pagination.entry-BCo9aMdq.js +60 -0
- package/dist/prism-popover.entry-LmDvzCiR.js +1013 -0
- package/dist/prism-popper.entry-BqrcyTkE.js +959 -0
- package/dist/prism-progress.entry-29_ezvop.js +79 -0
- package/dist/prism-radio-group.entry-cL6AqjTk.js +66 -0
- package/dist/prism-radio.entry-CM_vZFZA.js +101 -0
- package/dist/prism-select.entry-B6A3gk7B.js +230 -0
- package/dist/prism-switch.entry-CtEfKB58.js +95 -0
- package/dist/prism-tab.entry-DIDUhFlk.js +20 -0
- package/dist/prism-tabs.entry-Cj3dW5_E.js +70 -0
- package/dist/prism-tooltip.entry-DEdY5eRd.js +52 -0
- package/dist/prism-typeahead.entry-D2XrvXaG.js +1234 -0
- package/package.json +4 -2
- package/dist/index-44540db3-BN5vFHKr.js +0 -44
- package/dist/index-4d46d9ca-BtyZMEt1.js +0 -12
- package/dist/index-D9BZSjMp.js +0 -21158
- package/dist/prism-accordion.entry-D4g7wdXB.js +0 -51
- package/dist/prism-avatar_3.entry-C1H9bg9y.js +0 -335
- package/dist/prism-badge.entry-CWLalQsR.js +0 -56
- package/dist/prism-banner.entry-D1sce4tY.js +0 -105
- package/dist/prism-breadcrumb.entry-C282yHQl.js +0 -33
- package/dist/prism-button_3.entry-DIg1AEXF.js +0 -240
- package/dist/prism-card.entry-DaxGD-uX.js +0 -152
- package/dist/prism-carousel.entry-BGmaoDVM.js +0 -3346
- package/dist/prism-checkbox-group.entry-Dwa_mvjd.js +0 -62
- package/dist/prism-checkbox.entry-CZvx2AHI.js +0 -116
- package/dist/prism-data-table.entry-DACAS8BE.js +0 -3591
- package/dist/prism-datepicker.entry-CHUyjilE.js +0 -279
- package/dist/prism-dialog.entry-DdO9Kt32.js +0 -73
- package/dist/prism-drawer.entry-Dn0rvW9U.js +0 -43
- package/dist/prism-header.entry-D0PypuC3.js +0 -227
- package/dist/prism-hero.entry-DQ8G7Jb_.js +0 -23
- package/dist/prism-image.entry-tx9Pc3k_.js +0 -38
- package/dist/prism-input-file.entry-CO-2LZxG.js +0 -119
- package/dist/prism-input-otp.entry-ZAxExI2D.js +0 -79
- package/dist/prism-input-text.entry-EXsN4rgi.js +0 -278
- package/dist/prism-input-textarea.entry-CRqY4mr9.js +0 -145
- package/dist/prism-input-time.entry-BJ9he6MX.js +0 -85
- package/dist/prism-layout.entry-ulDWjtj8.js +0 -20
- package/dist/prism-lineitem.entry-DJk6X6mR.js +0 -47
- package/dist/prism-modal.entry-C795YZic.js +0 -95
- package/dist/prism-pagination.entry-DYQieAu3.js +0 -69
- package/dist/prism-popover.entry-BgLcACZw.js +0 -1114
- package/dist/prism-progress.entry-Z21rpoTm.js +0 -79
- package/dist/prism-radio_2.entry-C0HPCb3G.js +0 -159
- package/dist/prism-select.entry-B_l-ab1d.js +0 -286
- package/dist/prism-switch.entry-OkC8X1bD.js +0 -95
- package/dist/prism-tab.entry-szftB_wL.js +0 -20
- package/dist/prism-tabs.entry-0UR3WF52.js +0 -72
- package/dist/prism-text.entry-BEAZ8xEV.js +0 -28
- package/dist/prism-treelist.entry-UX4FM4Bi.js +0 -135
- package/dist/prism-typeahead.entry-CwOiAFQE.js +0 -1264
- package/dist/purify-9647b094-0-ZyuBNz.js +0 -572
package/dist/main.js
CHANGED
|
@@ -1,8 +1,34 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import { Accordion as e } from "./components/Accordion/index.js";
|
|
2
|
+
import { AccordionContextProvider as n } from "./components/Accordion/context/index.js";
|
|
3
|
+
import { Cart as m } from "./components/Cart/index.js";
|
|
4
|
+
import { EquipmentSummary as p } from "./components/EquipmentSummary/index.js";
|
|
5
|
+
import { EquipmentSummaryContextProvider as i } from "./components/EquipmentSummary/context/index.js";
|
|
6
|
+
import { Grid as C } from "./components/Grid/index.js";
|
|
7
|
+
import { HeroBanner as B } from "./components/HeroBanner/index.js";
|
|
8
|
+
import { HeroBannerContextProvider as c } from "./components/HeroBanner/context/index.js";
|
|
9
|
+
import { InfoBanner as u } from "./components/InfoBanner/index.js";
|
|
10
|
+
import { InfoBannerContextProvider as l } from "./components/InfoBanner/context/index.js";
|
|
11
|
+
import { Nav as s } from "./components/Nav/index.js";
|
|
12
|
+
import { OfferCards as E } from "./components/OfferCards/index.js";
|
|
13
|
+
import { OfferCardsContextProvider as I } from "./components/OfferCards/context/index.js";
|
|
14
|
+
import { SaleBanner as k } from "./components/SaleBanner/index.js";
|
|
15
|
+
import { SaleBannerContextProvider as G } from "./components/SaleBanner/context/index.js";
|
|
16
|
+
import { StickyFooter as b } from "./components/StickyFooter/index.js";
|
|
4
17
|
export {
|
|
5
|
-
e as
|
|
6
|
-
|
|
7
|
-
|
|
18
|
+
e as Accordion,
|
|
19
|
+
n as AccordionContextProvider,
|
|
20
|
+
m as Cart,
|
|
21
|
+
p as EquipmentSummary,
|
|
22
|
+
i as EquipmentSummaryContextProvider,
|
|
23
|
+
C as Grid,
|
|
24
|
+
B as HeroBanner,
|
|
25
|
+
c as HeroBannerContextProvider,
|
|
26
|
+
u as InfoBanner,
|
|
27
|
+
l as InfoBannerContextProvider,
|
|
28
|
+
s as Nav,
|
|
29
|
+
E as OfferCards,
|
|
30
|
+
I as OfferCardsContextProvider,
|
|
31
|
+
k as SaleBanner,
|
|
32
|
+
G as SaleBannerContextProvider,
|
|
33
|
+
b as StickyFooter
|
|
8
34
|
};
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { r as i, e as n, h as e, H as s, g as l } from "./index-C9Rf5U9q.js";
|
|
2
|
+
import { g as c, a as d, m as b } from "./index-e6818ded-r_t6ryaW.js";
|
|
3
|
+
/*!
|
|
4
|
+
* Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
|
|
5
|
+
*/
|
|
6
|
+
const g = ':host{border-radius:var(--border-radius-small,4px);display:block;width:100%}:host(.stacked-top){margin-top:.25rem}:host(.stacked-bottom){margin-bottom:.25rem}.text{display:grid;grid-template-areas:"label" "label-secondary" "description";grid-template-columns:auto;grid-template-rows:-webkit-max-content -webkit-max-content -webkit-max-content;grid-template-rows:max-content max-content max-content;width:100%}@media (min-width:768px){.text{grid-template-areas:"label label-secondary" "description description";grid-template-columns:1fr -webkit-max-content;grid-template-columns:1fr max-content;grid-template-rows:-webkit-max-content -webkit-max-content;grid-template-rows:max-content max-content}}.description{grid-area:description}.label{flex:1 1 auto;grid-area:label;text-align:left}.label-secondary{grid-area:label-secondary;margin-top:.25rem}@media (min-width:768px){.label-secondary{margin-top:0}}.trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--background-color-transparent,transparent);border-radius:var(--border-radius-small,4px);border-width:0;display:flex;outline-color:var(--outline-color-transparent,transparent);outline-style:solid;outline-width:2px;padding:1.5rem 1rem;text-align:left;transition:background-color,border-color,outline,border-radius,outline-color .2s ease-in;width:100%}@media (min-width:768px){.trigger{padding:1.5rem}}.trigger:hover{cursor:pointer}.trigger:focus-visible{outline-color:var(--outline-color-theme1-base,#5a23b9)}:host(.neutral){--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));color:rgb(var(--text-color-neutral-base)/var(--tw-text-opacity))}:host(.neutral2){--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--material-neutral2-base-shadow);background-color:rgb(var(--background-color-material-neutral2-base)/var(--tw-bg-opacity));color:rgb(var(--text-color-neutral-base)/var(--tw-text-opacity))}:host(.neutral-inverse){--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--material-neutral-inverse-base-shadow);background-color:rgb(var(--background-color-material-neutral-inverse-base)/var(--tw-bg-opacity));color:rgb(var(--text-color-inverse-base)/var(--tw-text-opacity))}:host(.neutral2-inverse){--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--material-neutral2-inverse-base-shadow);background-color:rgb(var(--background-color-material-neutral2-inverse-base)/var(--tw-bg-opacity));color:rgb(var(--text-color-inverse-base)/var(--tw-text-opacity))}:host(.neutral) .trigger,:host(.neutral2) .trigger{--tw-text-opacity:1;color:rgb(var(--text-color-neutral-base)/var(--tw-text-opacity))}:host(.neutral-inverse) .trigger,:host(.neutral2-inverse) .trigger{--tw-text-opacity:1;color:rgb(var(--text-color-inverse-base)/var(--tw-text-opacity))}:host(.neutral) .trigger: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))}:host(.neutral) .trigger:focus-visible{--tw-bg-opacity:1;--shadow-color:var(--material-neutral-focus-shadow);background-color:rgb(var(--background-color-material-neutral-focus)/var(--tw-bg-opacity))}:host(.neutral2) .trigger:hover{--tw-bg-opacity:1;--shadow-color:var(--material-neutral2-hover-shadow);background-color:rgb(var(--background-color-material-neutral2-hover)/var(--tw-bg-opacity))}:host(.neutral2) .trigger:focus-visible{--tw-bg-opacity:1;--shadow-color:var(--material-neutral2-focus-shadow);background-color:rgb(var(--background-color-material-neutral2-focus)/var(--tw-bg-opacity))}:host(.neutral-inverse) .trigger:hover{--tw-bg-opacity:1;--shadow-color:var(--material-neutral-inverse-hover-shadow);background-color:rgb(var(--background-color-material-neutral-inverse-hover)/var(--tw-bg-opacity))}:host(.neutral-inverse) .trigger:focus-visible{--tw-bg-opacity:1;--shadow-color:var(--material-neutral-inverse-focus-shadow);background-color:rgb(var(--background-color-material-neutral-inverse-focus)/var(--tw-bg-opacity))}:host(.neutral2-inverse) .trigger:hover{--tw-bg-opacity:1;--shadow-color:var(--material-neutral2-inverse-hover-shadow);background-color:rgb(var(--background-color-material-neutral2-inverse-hover)/var(--tw-bg-opacity))}:host(.neutral2-inverse) .trigger:focus-visible{--tw-bg-opacity:1;--shadow-color:var(--material-neutral2-inverse-focus-shadow);background-color:rgb(var(--background-color-material-neutral2-inverse-focus)/var(--tw-bg-opacity))}.expandable-content.visible{grid-template-rows:1fr;overflow:visible}.expandable-content.visible .content-wrapper{opacity:1;visibility:visible}.expandable-content{--text-body2-leading:var(--text-body2-line-height);--text-body2-family:var(--text-family-default);display:grid;font-family:var(--text-body2-family);font-size:var(--text-body2-size);font-weight:var(--text-body2-weight);grid-template-rows:0fr;letter-spacing:var(--text-body2-letter-spacing);line-height:var(--text-body2-leading);overflow-y:hidden;text-transform:var(--text-body2-text-transform);transition:grid-template-rows .25s ease-in-out}.content-wrapper{min-height:0;opacity:0;transition:opacity .3s ease-in-out;visibility:hidden}.content-spacing{padding:1rem 1.5rem}.hint{margin-top:.25rem}.icon{margin-left:1.5rem;margin-right:0}.icon.left{margin-left:0;margin-right:1.5rem}@media (prefers-reduced-motion){.content-wrapper,.expandable-content,.trigger{transition:none}}::slotted([slot=asset-leading]){margin-right:1rem}::slotted([slot=asset-trailing]){flex-shrink:0;margin-left:1rem}', p = g, u = class {
|
|
7
|
+
constructor(a) {
|
|
8
|
+
i(this, a), this.prismClick = n(this, "prismClick", 7), this.uid = c(), this.sibling = {
|
|
9
|
+
top: !1,
|
|
10
|
+
bottom: !1
|
|
11
|
+
}, this.toggleFocusElements = () => {
|
|
12
|
+
d(this.el).forEach((t) => {
|
|
13
|
+
this.collapsed ? t == null || t.setAttribute("tabindex", "-1") : t == null || t.removeAttribute("tabindex");
|
|
14
|
+
});
|
|
15
|
+
}, this.onClick = (t) => {
|
|
16
|
+
this.collapsed = !this.collapsed;
|
|
17
|
+
const { currentTarget: r } = t, { id: o } = r;
|
|
18
|
+
this.toggleFocusElements(), this.prismClick.emit({
|
|
19
|
+
id: o,
|
|
20
|
+
name: "accordion",
|
|
21
|
+
collapsed: this.collapsed,
|
|
22
|
+
target: r
|
|
23
|
+
});
|
|
24
|
+
}, this.collapsed = !0, this.prismId = `prism-accordion-${this.uid}`, this.label = void 0, this.description = void 0, this.labelSecondary = void 0, this.iconPosition = "right", this.tone = "neutral2";
|
|
25
|
+
}
|
|
26
|
+
connectedCallback() {
|
|
27
|
+
b("prism-accordion");
|
|
28
|
+
}
|
|
29
|
+
componentDidRender() {
|
|
30
|
+
this.toggleFocusElements();
|
|
31
|
+
}
|
|
32
|
+
componentWillLoad() {
|
|
33
|
+
var a, t;
|
|
34
|
+
((a = this.el.nextElementSibling) === null || a === void 0 ? void 0 : a.tagName) === "PRISM-ACCORDION" && (this.sibling.bottom = !0), ((t = this.el.previousElementSibling) === null || t === void 0 ? void 0 : t.tagName) === "PRISM-ACCORDION" && (this.sibling.top = !0);
|
|
35
|
+
}
|
|
36
|
+
render() {
|
|
37
|
+
const a = () => e("prism-icon", { key: "80473fcbf6527c41ca8bb40fdf03b49da2e0a93d", class: { icon: !0, [this.iconPosition]: !0 }, "aria-hidden": "true", priority: "secondary", tone: "custom", theme: "outline", name: this.collapsed ? "caret_down_button" : "caret_up_button" });
|
|
38
|
+
return e(s, { key: "a4903afadcd34da2cfdb38af3550b47a7f4f280a", class: {
|
|
39
|
+
[this.tone]: !0,
|
|
40
|
+
"stacked-top": this.sibling.top,
|
|
41
|
+
"stacked-bottom": this.sibling.bottom
|
|
42
|
+
} }, e("button", { key: "fd152ec500e95f7d5ae9e65f13d2252c1012a61c", onClick: (t) => this.onClick(t), id: this.prismId, type: "button", class: { trigger: !0 }, "aria-expanded": (!this.collapsed).toString() }, e("slot", { key: "54ce81316ac4e1a2ceb06543fc2a3d0bdbe0a217", name: "asset-leading" }), this.iconPosition === "left" && e(a, { key: "e41e8ff791b49a5342f716cc6ca172e16611f05a" }), e("section", { key: "4c8e08f3e3f68a735825ab568da619f30cac7da1", class: { text: !0 } }, e("prism-text", { key: "1cedf90d34337fadf0491dcb2b4b3949169b850d", tag: "span", class: "label", display: "heading3" }, this.label), this.labelSecondary && e("prism-text", { key: "a41b409799fee62a0b4b0f58b8c53cb817839c7a", tag: "span", class: "label-secondary", display: "heading3" }, this.labelSecondary), this.description && e("prism-text", { key: "09fef9450b69a02e0609af8170ba0c6e2ca313cd", tag: "span", class: "description", priority: "secondary", display: "caption" }, this.description), e("slot", { key: "1db7be79db9a2a08ef78c3c95026e412ffa8fe97", name: "meta" })), e("slot", { key: "6a12b1eb03de925001ac9163b9886818fb84cef0", name: "asset-trailing" }), this.iconPosition === "right" && e(a, { key: "8897049dec16b62fd8a0fddf7fb971a899c03e9b" })), e("div", { key: "89527f3f3720ce4133e07198959896e994ef7924", ref: (t) => this.contentPanel = t, "aria-hidden": this.collapsed.toString(), class: { "expandable-content": !0, visible: !this.collapsed } }, e("div", { key: "1dba1139aabf217caf94d271ae3db5bb684f7542", class: "content-wrapper" }, e("section", { key: "bf7cec674c5bf2766a2cd37d1b057c2f278e8b0c", class: "content-spacing" }, e("slot", { key: "b323e9b1a463bbbc7ff8c586d68606303af47950" })))));
|
|
43
|
+
}
|
|
44
|
+
get el() {
|
|
45
|
+
return l(this);
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
u.style = p;
|
|
49
|
+
export {
|
|
50
|
+
u as prism_accordion
|
|
51
|
+
};
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { r as s, h as t, H as n, g as c } from "./index-C9Rf5U9q.js";
|
|
2
|
+
import { m as d } from "./index-e6818ded-r_t6ryaW.js";
|
|
3
|
+
/*!
|
|
4
|
+
* Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
|
|
5
|
+
*/
|
|
6
|
+
const h = '.text-display1{--text-display1-leading:var(--text-display1-line-height);--text-display1-family:var(--text-family-brand);font-family:var(--text-display1-family);font-size:var(--text-display1-size);font-weight:var(--text-display1-weight);letter-spacing:var(--text-display1-letter-spacing);line-height:var(--text-display1-leading);text-transform:var(--text-display1-text-transform)}.text-headline1{--text-headline1-leading:var(--text-headline1-line-height);--text-headline1-family:var(--text-family-brand);font-family:var(--text-headline1-family);font-size:var(--text-headline1-size);font-weight:var(--text-headline1-weight);letter-spacing:var(--text-headline1-letter-spacing);line-height:var(--text-headline1-leading);text-transform:var(--text-headline1-text-transform)}.text-body1{--text-body1-leading:var(--text-body1-line-height);--text-body1-family:var(--text-family-default);font-family:var(--text-body1-family);font-size:var(--text-body1-size);font-weight:var(--text-body1-weight);letter-spacing:var(--text-body1-letter-spacing);line-height:var(--text-body1-leading);text-transform:var(--text-body1-text-transform)}:host{--pui-avatar-tone:rgb(var(--background-color-material-neutral-base));--pui-avatar-text-color:rgb(var(--text-color-neutral-base));--pui-avatar-outline-color:var(--outline-color-neutral-base,#141417);display:inline-block;position:relative}.image{border-radius:50%;color:transparent;height:100%;object-fit:cover;overflow:clip;text-align:center;width:100%}:host(.circle.generic),:host(.circle.profile){outline-color:var(--outline-color-transparent,transparent)}:host(.circle){border-radius:50%;outline-color:var(--outline-color-neutral2-base,#62626c);outline-style:solid;outline-width:2px;text-align:center}:host(.circle) .text,:host(.oval) .text{align-items:center;display:flex;height:100%;justify-content:center;width:100%}:host(.circle.sm){height:1.5rem;width:1.5rem}:host(.circle.md){height:2rem;width:2rem}:host(.circle.lg){height:3rem;width:3rem}:host(.circle.xl){height:4.5rem;width:4.5rem}:host(.circle.xxl){height:9rem;width:9rem}:host(.oval){border-radius:var(--border-radius-large,16px);outline-color:var(--outline-color-neutral2-base,#62626c);outline-style:solid;outline-width:2px;text-align:center}:host(.oval.sm){height:1.5rem;padding-left:.5rem;padding-right:.5rem}:host(.oval.md){height:2rem;padding-left:.75rem;padding-right:.75rem}:host(.oval.lg){border-radius:var(--border-radius-xlarge,32px);height:3rem;width:4.5rem}:host(.oval.xl){border-radius:var(--border-radius-xlarge,32px);height:3rem;width:6rem}:host(.oval.xxl){border-radius:var(--border-radius-xlarge,32px);height:3.5rem;width:7rem}:host(.md) .text,:host(.sm) .text{--text-callout2-leading:var(--text-callout2-line-height);--text-callout2-family:var(--text-family-brand);font-family:var(--text-callout2-family);font-size:var(--text-callout2-size);font-weight:var(--text-callout2-weight);letter-spacing:var(--text-callout2-letter-spacing);line-height:var(--text-callout2-leading);text-transform:var(--text-callout2-text-transform)}:host(.lg) .text{--text-body1-leading:var(--text-body1-line-height);--text-body1-family:var(--text-family-default);font-family:var(--text-body1-family);font-size:var(--text-body1-size);font-weight:var(--text-body1-weight);letter-spacing:var(--text-body1-letter-spacing);line-height:var(--text-body1-leading);margin-top:1px;text-transform:var(--text-body1-text-transform);text-transform:uppercase}:host(.xl) .text{--text-headline1-leading:var(--text-headline1-line-height);--text-headline1-family:var(--text-family-brand);font-family:var(--text-headline1-family);font-size:var(--text-headline1-size);font-weight:var(--text-headline1-weight);letter-spacing:var(--text-headline1-letter-spacing);line-height:var(--text-headline1-leading);margin-top:.125rem;text-transform:var(--text-headline1-text-transform);text-transform:uppercase}:host(.xxl) .text{--text-display1-leading:var(--text-display1-line-height);--text-display1-family:var(--text-family-brand);font-family:var(--text-display1-family);font-size:var(--text-display1-size);font-weight:var(--text-display1-weight);letter-spacing:var(--text-display1-letter-spacing);line-height:var(--text-display1-leading);margin-top:.125rem;text-transform:var(--text-display1-text-transform);text-transform:uppercase}.dot:after{--tw-border-opacity:1;border-color:rgb(var(--border-color-stroke-inverse-base)/var(--tw-border-opacity));border-radius:50%;border-style:solid;border-width:1px;bottom:-1px;content:"";display:block;height:.625rem;position:absolute;right:-1px;transition:background-color .2s ease-in;width:.625rem}:host(.xl) .dot:after,:host(.xxl) .dot:after{height:1rem;width:1rem}.dot.neutral:after{--tw-bg-opacity:1;background-color:rgb(var(--background-color-fill-neutral2-base)/var(--tw-bg-opacity))}.dot.positive:after{--tw-bg-opacity:1;--shadow-color:var(--fill-positive-base-shadow);background-color:rgb(var(--background-color-fill-positive-base)/var(--tw-bg-opacity))}.dot.negative:after{--tw-bg-opacity:1;--shadow-color:var(--fill-negative-base-shadow);background-color:rgb(var(--background-color-fill-negative-base)/var(--tw-bg-opacity))}.dot.theme1:after{--tw-bg-opacity:1;--shadow-color:var(--fill-theme1-base-shadow);background-color:rgb(var(--background-color-fill-theme1-base)/var(--tw-bg-opacity))}.dot.info:after{--tw-bg-opacity:1;--shadow-color:var(--fill-info-base-shadow);background-color:rgb(var(--background-color-fill-info-base)/var(--tw-bg-opacity))}.dot.caution:after{--tw-bg-opacity:1;--shadow-color:var(--fill-caution-base-shadow);background-color:rgb(var(--background-color-fill-caution-base)/var(--tw-bg-opacity))}@media (prefers-reduced-motion){.dot:after{transition:none}}:host(.color-neutral){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(var(--background-color-fill-neutral2-base)/var(--tw-bg-opacity));color:rgb(var(--text-color-inverse-base)/var(--tw-text-opacity));outline-color:var(--outline-color-transparent,transparent)}:host(.color-positive){--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--fill-positive-base-shadow);background-color:rgb(var(--background-color-fill-positive-base)/var(--tw-bg-opacity));color:rgb(var(--text-color-inverse-base)/var(--tw-text-opacity));outline-color:var(--outline-color-transparent,transparent)}:host(.color-negative){--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--fill-negative-base-shadow);background-color:rgb(var(--background-color-fill-negative-base)/var(--tw-bg-opacity));color:rgb(var(--text-color-inverse-base)/var(--tw-text-opacity));outline-color:var(--outline-color-transparent,transparent)}:host(.color-caution){--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--fill-caution-base-shadow);background-color:rgb(var(--background-color-fill-caution-base)/var(--tw-bg-opacity));color:rgb(var(--text-color-inverse-base)/var(--tw-text-opacity));outline-color:var(--outline-color-transparent,transparent)}:host(.color-theme1){--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));outline-color:var(--outline-color-transparent,transparent)}:host(.color-theme2){--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--fill-theme2-base-shadow);background-color:rgb(var(--background-color-fill-theme2-base)/var(--tw-bg-opacity));color:rgb(var(--text-color-inverse-base)/var(--tw-text-opacity));outline-color:var(--outline-color-transparent,transparent)}:host(.color-info){--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--fill-info-base-shadow);background-color:rgb(var(--background-color-fill-info-base)/var(--tw-bg-opacity));color:rgb(var(--text-color-inverse-base)/var(--tw-text-opacity));outline-color:var(--outline-color-transparent,transparent)}:host(.color-inherit){background-color:var(--pui-avatar-tone);color:var(--pui-avatar-text-color);outline-color:var(--pui-avatar-outline-color)}', g = h, b = class {
|
|
7
|
+
constructor(e) {
|
|
8
|
+
s(this, e), this._abbreviate = () => {
|
|
9
|
+
var r, a, o, i, l;
|
|
10
|
+
this.el.innerText = `${(a = (r = this.alt) === null || r === void 0 ? void 0 : r.trim()) === null || a === void 0 ? void 0 : a.charAt(0)}${(l = (i = (o = this.alt) === null || o === void 0 ? void 0 : o.trim()) === null || i === void 0 ? void 0 : i.replace(" ", "")) === null || l === void 0 ? void 0 : l.charAt(1)}`;
|
|
11
|
+
}, this.checkImage = () => {
|
|
12
|
+
this.image = !1, this.generic = this.el.childNodes.length === 0 && !this.alt, this.alt && this._abbreviate();
|
|
13
|
+
}, this.src = void 0, this.alt = void 0, this.size = "sm", this.dotTone = "neutral", this.tone = "inherit", this.notification = !1, this.shape = "oval", this.image = void 0, this.generic = void 0;
|
|
14
|
+
}
|
|
15
|
+
watchHandler() {
|
|
16
|
+
}
|
|
17
|
+
connectedCallback() {
|
|
18
|
+
d("prism-avatar");
|
|
19
|
+
}
|
|
20
|
+
componentWillLoad() {
|
|
21
|
+
this.image = !!this.src, this.shape = this.src ? "circle" : this.shape, !this.image && this.alt && this._abbreviate();
|
|
22
|
+
}
|
|
23
|
+
render() {
|
|
24
|
+
const e = () => t("prism-icon", { key: "532fa7777a80248fd2f4908bf8931945c51d2ced", theme: "outline", label: "username", name: "profile", size: this.size });
|
|
25
|
+
return t(n, { key: "b9b6d7e11d4bc242b9454c388e05cc98efd0c1a2", class: {
|
|
26
|
+
profile: this.image,
|
|
27
|
+
generic: this.generic,
|
|
28
|
+
[this.size]: !0,
|
|
29
|
+
[this.shape]: !0,
|
|
30
|
+
[`color-${this.tone}`]: !!this.tone
|
|
31
|
+
} }, this.image ? t("prism-image", { onPrismError: () => this.checkImage(), alt: this.alt, src: this.src, class: { image: !0, dot: this.notification, [this.dotTone]: this.notification } }) : (
|
|
32
|
+
// <img
|
|
33
|
+
// onError={() => this.checkImage()}
|
|
34
|
+
// alt={this.alt}
|
|
35
|
+
// src={this.src}
|
|
36
|
+
// class={{ image: true, dot: this.notification, [this.dotTone]: this.notification }}
|
|
37
|
+
// />
|
|
38
|
+
t("span", { class: {
|
|
39
|
+
dot: this.notification,
|
|
40
|
+
[this.dotTone]: this.notification,
|
|
41
|
+
text: !0
|
|
42
|
+
} }, this.el.childNodes.length > 0 ? t("slot", null) : t(e, null))
|
|
43
|
+
));
|
|
44
|
+
}
|
|
45
|
+
get el() {
|
|
46
|
+
return c(this);
|
|
47
|
+
}
|
|
48
|
+
static get watchers() {
|
|
49
|
+
return {
|
|
50
|
+
image: ["watchHandler"]
|
|
51
|
+
};
|
|
52
|
+
}
|
|
53
|
+
};
|
|
54
|
+
b.style = g;
|
|
55
|
+
const p = ".sc-prism-button-group-h{display:var(--button-group-display,block);width:var(--button-group-width,100%)}.layout.sc-prism-button-group{align-items:center;display:flex;justify-content:var(--button-group-justify,flex-start)}ol.layout.sc-prism-button-group,ul.layout.sc-prism-button-group{list-style-type:none;margin:0;padding:0}.add-space.sc-prism-button-group{gap:.5rem}.add-space.sc-prism-button-group nav.sc-prism-button-group ul.sc-prism-button-group{gap:.25rem}nav ul.sc-prism-button-group-s>*,nav ul .sc-prism-button-group-s>*{--button-padding:0.75rem}", v = p, u = class {
|
|
56
|
+
constructor(e) {
|
|
57
|
+
s(this, e), this.collection = "group", this.label = void 0, this.gap = !0, this.listType = "ul";
|
|
58
|
+
}
|
|
59
|
+
render() {
|
|
60
|
+
const e = this.collection === "navigation" ? "nav" : "div", r = this.listType === "ul" ? "ul" : "ol", a = { layout: !0, "add-space": this.gap };
|
|
61
|
+
return t(n, { key: "3d23bc817e0e1673883ebafef664939b75319d97" }, t(e, { key: "bb4c93f5864acd1804b9d37bad01011cff0d3636", class: a, role: this.collection === "navigation" || this.collection === "none" ? null : this.collection, "aria-label": this.label }, this.collection === "navigation" ? t(r, { class: a }, t("slot", null)) : t("slot", null)));
|
|
62
|
+
}
|
|
63
|
+
};
|
|
64
|
+
u.style = v;
|
|
65
|
+
export {
|
|
66
|
+
b as prism_avatar,
|
|
67
|
+
u as prism_button_group
|
|
68
|
+
};
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { r as e, e as c, h as o, H as n, g as l } from "./index-C9Rf5U9q.js";
|
|
2
|
+
import { g as s, m as b } from "./index-e6818ded-r_t6ryaW.js";
|
|
3
|
+
/*!
|
|
4
|
+
* Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
|
|
5
|
+
*/
|
|
6
|
+
const g = ":host{display:inline-flex;position:relative}.wrapper{align-items:center;display:inline-flex;position:relative;transition:all .2s ease-in;transition-property:outline background-color border-color;white-space:nowrap}button.wrapper{border-style:none}button.wrapper:hover{cursor:pointer}button.wrapper:focus-visible{outline-color:var(--outline-color-neutral-focus,#35353b);outline-offset:1px;outline-style:solid;outline-width:1px}.text{--max:inherit;letter-spacing:inherit;line-height:1}.sm{border-radius:var(--border-radius-medium,8px);gap:1px;height:1rem;padding-left:.5rem;padding-right:.5rem}.md{border-radius:var(--border-radius-large,16px);height:1.5rem;padding-left:.75rem;padding-right:.75rem}.lg,.md{gap:.25rem}.lg{border-radius:var(--border-radius-xlarge,32px);height:2.75rem;padding-left:1rem;padding-right:1rem}.lg.asset-trailing{padding-right:0}.lg.asset-leading{padding-left:0}.high{--tw-text-opacity:1;color:rgb(var(--text-color-inverse-base)/var(--tw-text-opacity))}.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))}.info .action:hover,button.info:hover{--tw-bg-opacity:1;--shadow-color:var(--fill-info-hover-shadow);background-color:rgb(var(--background-color-fill-info-hover)/var(--tw-bg-opacity))}.info .action:active,button.info:active{--tw-bg-opacity:1;--shadow-color:var(--fill-info-down-shadow);background-color:rgb(var(--background-color-fill-info-down)/var(--tw-bg-opacity))}.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))}.theme1 .action:hover,button.theme1:hover{--tw-bg-opacity:1;--shadow-color:var(--fill-theme1-hover-shadow);background-color:rgb(var(--background-color-fill-theme1-hover)/var(--tw-bg-opacity))}.theme1 .action:active,button.theme1:active{--tw-bg-opacity:1;--shadow-color:var(--fill-theme1-down-shadow);background-color:rgb(var(--background-color-fill-theme1-down)/var(--tw-bg-opacity))}.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))}.positive .action:hover,button.positive:hover{--tw-bg-opacity:1;--shadow-color:var(--fill-positive-hover-shadow);background-color:rgb(var(--background-color-fill-positive-hover)/var(--tw-bg-opacity))}.positive .action:active,button.positive:active{--tw-bg-opacity:1;--shadow-color:var(--fill-positive-down-shadow);background-color:rgb(var(--background-color-fill-positive-down)/var(--tw-bg-opacity))}.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))}.caution .action:hover,button.caution:hover{--tw-bg-opacity:1;--shadow-color:var(--fill-caution-hover-shadow);background-color:rgb(var(--background-color-fill-caution-hover)/var(--tw-bg-opacity))}.caution .action:active,button.caution:active{--tw-bg-opacity:1;--shadow-color:var(--fill-caution-down-shadow);background-color:rgb(var(--background-color-fill-caution-down)/var(--tw-bg-opacity))}.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))}.theme2 .action:hover,button.theme2:hover{--tw-bg-opacity:1;--shadow-color:var(--fill-theme2-hover-shadow);background-color:rgb(var(--background-color-fill-theme2-hover)/var(--tw-bg-opacity))}.theme2 .action:active,button.theme2:active{--tw-bg-opacity:1;--shadow-color:var(--fill-theme2-down-shadow);background-color:rgb(var(--background-color-fill-theme2-down)/var(--tw-bg-opacity))}.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))}.negative .action:hover,button.negative:hover{--tw-bg-opacity:1;--shadow-color:var(--fill-negative-hover-shadow);background-color:rgb(var(--background-color-fill-negative-hover)/var(--tw-bg-opacity))}.negative .action:active,button.negative:active{--tw-bg-opacity:1;--shadow-color:var(--fill-negative-down-shadow);background-color:rgb(var(--background-color-fill-negative-down)/var(--tw-bg-opacity))}.neutral2{--tw-bg-opacity:1;background-color:rgb(var(--background-color-fill-neutral2-base)/var(--tw-bg-opacity))}.neutral2 .action:hover,button.neutral2:hover{--tw-bg-opacity:1;background-color:rgb(var(--background-color-fill-neutral2-hover)/var(--tw-bg-opacity))}.neutral2 .action:active,button.neutral2:active{--tw-bg-opacity:1;background-color:rgb(var(--background-color-fill-neutral2-down)/var(--tw-bg-opacity))}.low.info{--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--material-info-base-shadow);background-color:rgb(var(--background-color-material-info-base)/var(--tw-bg-opacity));color:rgb(var(--text-color-info-base)/var(--tw-text-opacity))}.low.info .action:hover,button.low.info:hover{--tw-bg-opacity:1;--shadow-color:var(--material-info-hover-shadow);background-color:rgb(var(--background-color-material-info-hover)/var(--tw-bg-opacity))}.low.info .action:active,button.low.info:active{--tw-bg-opacity:1;--shadow-color:var(--material-info-down-shadow);background-color:rgb(var(--background-color-material-info-down)/var(--tw-bg-opacity))}.low.theme1{--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--material-theme1-base-shadow);background-color:rgb(var(--background-color-material-theme1-base)/var(--tw-bg-opacity));color:rgb(var(--text-color-theme1-base)/var(--tw-text-opacity))}.low.theme1 .action:hover,button.low.theme1:hover{--tw-bg-opacity:1;--shadow-color:var(--material-theme1-hover-shadow);background-color:rgb(var(--background-color-material-theme1-hover)/var(--tw-bg-opacity))}.low.theme1 .action:active,button.low.theme1:active{--tw-bg-opacity:1;--shadow-color:var(--material-theme1-down-shadow);background-color:rgb(var(--background-color-material-theme1-down)/var(--tw-bg-opacity))}.low.positive{--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--material-positive-base-shadow);background-color:rgb(var(--background-color-material-positive-base)/var(--tw-bg-opacity));color:rgb(var(--text-color-positive-base)/var(--tw-text-opacity))}.low.positive .action:hover,button.low.positive:hover{--tw-bg-opacity:1;--shadow-color:var(--material-positive-hover-shadow);background-color:rgb(var(--background-color-material-positive-hover)/var(--tw-bg-opacity))}.low.positive .action:active,button.low.positive:active{--tw-bg-opacity:1;--shadow-color:var(--material-positive-down-shadow);background-color:rgb(var(--background-color-material-positive-down)/var(--tw-bg-opacity))}.low.caution,.low.theme2{--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--material-caution-base-shadow);background-color:rgb(var(--background-color-material-caution-base)/var(--tw-bg-opacity));color:rgb(var(--text-color-caution-base)/var(--tw-text-opacity))}.low.caution .action:hover,button.low.caution:hover{--tw-bg-opacity:1;--shadow-color:var(--material-caution-hover-shadow);background-color:rgb(var(--background-color-material-caution-hover)/var(--tw-bg-opacity))}.low.caution .action:active,button.low.caution:active{--tw-bg-opacity:1;--shadow-color:var(--material-caution-down-shadow);background-color:rgb(var(--background-color-material-caution-down)/var(--tw-bg-opacity))}.low.negative{--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--material-negative-base-shadow);background-color:rgb(var(--background-color-material-negative-base)/var(--tw-bg-opacity));color:rgb(var(--text-color-negative-base)/var(--tw-text-opacity))}.low.negative .action:hover,button.low.negative:hover{--tw-bg-opacity:1;--shadow-color:var(--material-negative-hover-shadow);background-color:rgb(var(--background-color-material-negative-hover)/var(--tw-bg-opacity))}.low.negative .action:active,button.low.negative:active{--tw-bg-opacity:1;--shadow-color:var(--material-negative-down-shadow);background-color:rgb(var(--background-color-material-negative-down)/var(--tw-bg-opacity))}.low.neutral2{--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--material-neutral2-base-shadow);background-color:rgb(var(--background-color-material-neutral2-base)/var(--tw-bg-opacity));color:rgb(var(--text-color-neutral2-base)/var(--tw-text-opacity))}.low.neutral2 .action:hover,button.low.neutral2:hover{--tw-bg-opacity:1;--shadow-color:var(--material-neutral2-hover-shadow);background-color:rgb(var(--background-color-material-neutral2-hover)/var(--tw-bg-opacity))}.low.neutral2 .action:active,button.low.neutral2:active{--tw-bg-opacity:1;--shadow-color:var(--material-neutral2-down-shadow);background-color:rgb(var(--background-color-material-neutral2-down)/var(--tw-bg-opacity))}.action{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--background-color-transparent,transparent);border-radius:var(--border-radius-xlarge,32px);border-style:none;color:inherit;cursor:pointer;height:2.75rem;margin:0;outline:2px solid transparent;outline-offset:2px;padding:0;position:relative;width:2.75rem}.action:focus-visible{outline-color:var(--outline-color-neutral-focus,#35353b);outline-offset:0;outline-style:solid;outline-width:1px}.action.priority-high:focus-visible{outline-color:var(--outline-color-inverse-base,#f6f6f9)}.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}}", v = g, d = class {
|
|
7
|
+
constructor(t) {
|
|
8
|
+
e(this, t), this.prismClick = c(this, "prismClick", 7), this.uid = s(), this.sendAction = (r) => {
|
|
9
|
+
const { currentTarget: i } = r;
|
|
10
|
+
this.prismClick.emit({
|
|
11
|
+
id: this.prismId,
|
|
12
|
+
name: "prism-badge",
|
|
13
|
+
action: this.interactive,
|
|
14
|
+
target: i
|
|
15
|
+
}).defaultPrevented && r.preventDefault();
|
|
16
|
+
}, this.slots = {
|
|
17
|
+
leading: !1,
|
|
18
|
+
trailing: !1
|
|
19
|
+
}, this.wrapperAttrs = {}, this.prismId = `prism-badge-${this.uid}`, this.size = "sm", this.tone = "neutral2", this.priority = "low", this.interactive = void 0, this.label = void 0;
|
|
20
|
+
}
|
|
21
|
+
connectedCallback() {
|
|
22
|
+
this.slots.leading = !!this.el.querySelector('[slot="asset-leading"]'), this.slots.trailing = !!this.el.querySelector('[slot="asset-trailing"]'), b("prism-badge");
|
|
23
|
+
}
|
|
24
|
+
/** @internal textSize function */
|
|
25
|
+
_textSize(t) {
|
|
26
|
+
switch (t) {
|
|
27
|
+
case "sm":
|
|
28
|
+
return "tag";
|
|
29
|
+
case "md":
|
|
30
|
+
return "caption";
|
|
31
|
+
case "lg":
|
|
32
|
+
return "body2";
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
render() {
|
|
36
|
+
const t = () => o("button", { id: `action-badge-${this.uid}`, ref: (a) => this.actionButton = a, type: "button", onClick: (a) => this.sendAction(a), "aria-label": this.label, class: { action: !0, [this.interactive]: !0, [`priority-${this.priority}`]: !0 } }, o("slot", { name: `asset-${this.interactive}` })), i = (this.interactive === "container" && (this.wrapperAttrs = {
|
|
37
|
+
id: `action-badge-${this.uid}`,
|
|
38
|
+
type: "button",
|
|
39
|
+
onClick: (a) => this.sendAction(a)
|
|
40
|
+
}), this.interactive === "container" ? "button" : "span");
|
|
41
|
+
return o(n, { class: {
|
|
42
|
+
interactive: !!this.interactive
|
|
43
|
+
}, id: this.prismId }, o(i, Object.assign({}, this.wrapperAttrs, { class: {
|
|
44
|
+
wrapper: !0,
|
|
45
|
+
[this.tone]: !0,
|
|
46
|
+
[this.size]: !0,
|
|
47
|
+
[this.priority]: !0,
|
|
48
|
+
[`asset-${this.interactive}`]: !!this.interactive
|
|
49
|
+
} }), this.interactive === "leading" && this.size === "lg" ? o(t, null) : o("slot", { name: "asset-leading" }), o("prism-text", { ellipsis: !0, class: "text", tag: "span", display: this._textSize(this.size) }, o("slot", null)), this.interactive === "trailing" && this.size === "lg" ? o(t, null) : o("slot", { name: "asset-trailing" })));
|
|
50
|
+
}
|
|
51
|
+
get el() {
|
|
52
|
+
return l(this);
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
d.style = v;
|
|
56
|
+
export {
|
|
57
|
+
d as prism_badge
|
|
58
|
+
};
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { r as s, e as i, h as o, H as n, g as c } from "./index-C9Rf5U9q.js";
|
|
2
|
+
import { m as l } from "./index-e6818ded-r_t6ryaW.js";
|
|
3
|
+
/*!
|
|
4
|
+
* Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
|
|
5
|
+
*/
|
|
6
|
+
const d = ':host{--max-width:inherit;--banner-offset-x:0.1rem;--banner-offset-y:0.1rem;display:block;max-width:var(--max-width);width:100%}:host(.toast){display:block;position:fixed;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:530}:host(.toast.top-center){left:50%;right:auto;top:calc(1.5rem + var(--banner-offset-y));transform:translateX(-50%)}:host(.toast.top-right){left:auto;right:calc(1.5rem + var(--banner-offset-x));top:calc(1.5rem + var(--banner-offset-y))}:host(.toast.top-left){left:calc(1.5rem + var(--banner-offset-x));right:auto;top:calc(1.5rem + var(--banner-offset-y))}:host(.toast.bottom-center){bottom:calc(1.5rem + var(--banner-offset-y));left:50%;right:auto;transform:translateX(-50%)}:host(.toast.bottom-right){bottom:calc(1.5rem + var(--banner-offset-y));left:auto;right:calc(1.5rem + var(--banner-offset-x))}:host(.toast.bottom-left){bottom:calc(1.5rem + var(--banner-offset-y));left:calc(1.5rem + var(--banner-offset-x));right:auto}.layout{align-items:flex-start;display:grid;grid-template-areas:"icon end" "content end" "action end";grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto}.layout.inline{align-items:center;gap:.5rem;grid-template-areas:"icon content action end";grid-template-columns:auto 1fr auto auto;grid-template-rows:auto}:host(.toast) .layout{align-items:center}::slotted([slot=icon]){grid-area:icon}::slotted([slot=action]){grid-area:action}@media (min-width:640px){.layout.inline{align-items:center;gap:.5rem;grid-template-areas:"icon content action end";grid-template-columns:auto 1fr auto;grid-template-rows:auto}.layout.inline ::slotted([slot=action]){margin-top:0}}@media (min-width:768px){.layout{align-items:center;display:grid;gap:.875rem;grid-template-areas:"icon content action end";grid-template-columns:auto 1fr auto auto;grid-template-rows:1fr}::slotted([slot=icon]){margin-bottom:0}::slotted([slot=action]){margin-top:0}}.content{grid-area:content}.notification{border-radius:var(--border-radius-medium,8px);padding:1rem}@media (min-width:1024px){.notification{padding:1.5rem}}.system{padding:1rem 1.5rem}@media (min-width:768px){.system{padding-left:2rem;padding-right:2rem}}@media (min-width:1024px){.system{padding-left:4rem;padding-right:4rem}}.toast{--tw-shadow:0px 12px 12px -8px var(--shadow-color);--tw-shadow-colored:0px 12px 12px -8px var(--tw-shadow-color);border-radius:var(--border-radius-medium,8px);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding:.5rem 1rem}.high{color:rgb(var(--text-color-inverse-base)/var(--tw-text-opacity))}.high,.low{--tw-text-opacity:1}.low{color:rgb(var(--text-color-neutral-base)/var(--tw-text-opacity))}.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))}.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))}.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))}.high.expressive{background-image:var(--background-image-gradient-expressive,linear-gradient(90deg,#28156b,#7b30ff))}.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))}.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))}.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))}.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))}.neutral2{--tw-bg-opacity:1;background-color:rgb(var(--background-color-fill-neutral2-base)/var(--tw-bg-opacity))}.low.info{--tw-bg-opacity:1;--shadow-color:var(--material-info-base-shadow);background-color:rgb(var(--background-color-material-info-base)/var(--tw-bg-opacity))}:host(.toast) .low.info{--tw-text-opacity:1;color:rgb(var(--text-color-info-base)/var(--tw-text-opacity))}.low.theme1{--tw-bg-opacity:1;--shadow-color:var(--material-theme1-base-shadow);background-color:rgb(var(--background-color-material-theme1-base)/var(--tw-bg-opacity))}:host(.toast) .low.theme1{--tw-text-opacity:1;color:rgb(var(--text-color-theme1-base)/var(--tw-text-opacity))}.low.positive{--tw-bg-opacity:1;--shadow-color:var(--material-positive-base-shadow);background-color:rgb(var(--background-color-material-positive-base)/var(--tw-bg-opacity))}:host(.toast) .low.positive{--tw-text-opacity:1;color:rgb(var(--text-color-positive-base)/var(--tw-text-opacity))}.low.caution{--tw-bg-opacity:1;--shadow-color:var(--material-caution-base-shadow);background-color:rgb(var(--background-color-material-caution-base)/var(--tw-bg-opacity))}:host(.toast) .low.caution{--tw-text-opacity:1;color:rgb(var(--text-color-caution-base)/var(--tw-text-opacity))}.low.negative{--tw-bg-opacity:1;--shadow-color:var(--material-negative-base-shadow);background-color:rgb(var(--background-color-material-negative-base)/var(--tw-bg-opacity))}:host(.toast) .low.negative{--tw-text-opacity:1;color:rgb(var(--text-color-negative-base)/var(--tw-text-opacity))}.low.neutral{--tw-bg-opacity:1;--shadow-color:var(--material-neutral-base-shadow);background-color:rgb(var(--background-color-material-neutral-base)/var(--tw-bg-opacity))}:host(.toast) .low.neutral{--tw-text-opacity:1;color:rgb(var(--text-color-neutral-base)/var(--tw-text-opacity))}.low.neutral2{--tw-bg-opacity:1;--shadow-color:var(--material-neutral2-base-shadow);background-color:rgb(var(--background-color-material-neutral2-base)/var(--tw-bg-opacity))}:host(.toast) .low.neutral2{--tw-text-opacity:1;color:rgb(var(--text-color-neutral2-base)/var(--tw-text-opacity))}::slotted(*){--icon-color:var(--text-color);--color:var(--text-color)}.close{grid-area:end}:host::part(native){background-color:var(--background-color-transparent,transparent)!important}', b = d, h = class {
|
|
7
|
+
constructor(a) {
|
|
8
|
+
s(this, a), this.prismAutoDismiss = i(this, "prismAutoDismiss", 7), this.prismClick = i(this, "prismClick", 7), this.autoDismiss = this.variant === "toast" && !this.dismissable, this.dismissTimerID = void 0, this.body = this.el.closest("body"), this.runDismissTimer = () => {
|
|
9
|
+
this.open && (this.dismissTimerID = setTimeout(() => {
|
|
10
|
+
this.open = !1, this.ariaLive = !1, this.prismAutoDismiss.emit({ name: "toast-auto-dismissed", open: this.open });
|
|
11
|
+
}, this.toastDismiss));
|
|
12
|
+
}, this.dismiss = (t) => {
|
|
13
|
+
this.open = !1;
|
|
14
|
+
const { currentTarget: e } = t, { id: r } = e;
|
|
15
|
+
this.prismClick.emit({ id: r, name: "dismiss", target: e });
|
|
16
|
+
}, this.slots = {
|
|
17
|
+
icon: !1,
|
|
18
|
+
action: !1
|
|
19
|
+
}, this.tone = "info", this.variant = "notification", this.layout = "stacked", this.toastPosition = "top-center", this.toastDismiss = 5e3, this.priority = "high", this.dismissable = !1, this.open = !0, this.dismissIcon = "close", this.bannerRole = "complementary", this.ariaLive = !1;
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* @description Public: Open Banner
|
|
23
|
+
*/
|
|
24
|
+
async setOpen() {
|
|
25
|
+
this.ariaLive = !0, this.open = !0;
|
|
26
|
+
}
|
|
27
|
+
/**
|
|
28
|
+
* @description Public: Close Banner
|
|
29
|
+
*/
|
|
30
|
+
async setClose() {
|
|
31
|
+
this.ariaLive = !1, this.open = !1;
|
|
32
|
+
}
|
|
33
|
+
connectedCallback() {
|
|
34
|
+
this.slots.icon = !!this.el.querySelector('[slot="icon"]'), this.slots.action = !!this.el.querySelector('[slot="action"]'), l("prism-banner");
|
|
35
|
+
}
|
|
36
|
+
componentDidRender() {
|
|
37
|
+
this._toastDismiss();
|
|
38
|
+
}
|
|
39
|
+
componentDidLoad() {
|
|
40
|
+
var a;
|
|
41
|
+
(a = this.el) === null || a === void 0 || a.addEventListener("keydown", (t) => {
|
|
42
|
+
t.code === "Escape" && this.dismissable && this.dismiss(t);
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
_toastDismiss() {
|
|
46
|
+
this.autoDismiss && (clearTimeout(this.dismissTimerID), this.runDismissTimer());
|
|
47
|
+
}
|
|
48
|
+
watchOpen(a) {
|
|
49
|
+
a ? (this.dismissable && setTimeout(() => {
|
|
50
|
+
var t;
|
|
51
|
+
(t = this.dismissButton) === null || t === void 0 || t.setFocus();
|
|
52
|
+
}, 0), this._toastDismiss()) : setTimeout(() => {
|
|
53
|
+
var t;
|
|
54
|
+
(t = this.referElement) === null || t === void 0 || t.focus();
|
|
55
|
+
}, 0);
|
|
56
|
+
}
|
|
57
|
+
render() {
|
|
58
|
+
const a = this.variant === "toast" ? "polite" : this.ariaLive === !0 ? this.tone !== "negative" ? "polite" : "assertive" : null;
|
|
59
|
+
return o(n, { key: "8e1552e7feb53f8200cb905e0fccf0954e6fc352", class: {
|
|
60
|
+
toast: this.variant === "toast",
|
|
61
|
+
[this.toastPosition]: this.variant === "toast"
|
|
62
|
+
}, role: this.variant === "toast" ? "alert" : this.bannerRole, "aria-hidden": !this.open.toString(), "aria-label": this.variant === "toast" ? null : "notification", "aria-live": a }, this.open && o("section", { key: "ef87e2184bb0ea0659c8311432269c8342829904", class: {
|
|
63
|
+
[this.variant]: !0,
|
|
64
|
+
[this.priority]: !0,
|
|
65
|
+
layout: !0,
|
|
66
|
+
[this.layout]: !0,
|
|
67
|
+
[this.tone]: !0
|
|
68
|
+
} }, this.slots.icon && o("slot", { key: "81cc88f3aa406e110b2521101c5df0aba8c8f77c", name: "icon" }), o("section", { key: "61e5c71d9fd50171412988a566eef6f0d9aff9df", part: "content", class: { status: !0, content: !0 } }, o("slot", { key: "eb43eb51018bf9ecde4804ef42928eda061861ad" })), this.slots.action && o("slot", { key: "e78e8fd5bcc9a0d8197a574e958405fb12422d11", name: "action" }), this.dismissable && o("prism-button", { key: "01e3bbb307304ec3317033665ad1fe533461564f", ref: (t) => this.dismissButton = t, display: "ghost-icon", size: "xs", tone: this.priority === "high" ? "neutral-inverse" : this.tone, part: "close", class: "close", label: "close notification", onPrismPress: (t) => this.dismiss(t) }, o("prism-icon", { key: "cc19065fc2f76135c6a4aa6f91c2bafdb6f31891", tone: this.priority === "high" ? "neutral-inverse" : "neutral", name: this.dismissIcon, theme: "outline", size: "sm", class: { icon: !0 } }))));
|
|
69
|
+
}
|
|
70
|
+
get el() {
|
|
71
|
+
return c(this);
|
|
72
|
+
}
|
|
73
|
+
static get watchers() {
|
|
74
|
+
return {
|
|
75
|
+
open: ["watchOpen"]
|
|
76
|
+
};
|
|
77
|
+
}
|
|
78
|
+
};
|
|
79
|
+
h.style = b;
|
|
80
|
+
export {
|
|
81
|
+
h as prism_banner
|
|
82
|
+
};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { r as m, e as n, h as e, F as l, H as c, g as p } from "./index-C9Rf5U9q.js";
|
|
2
|
+
import { m as d } 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 = ":host{--tw-bg-opacity:1;--shadow-color:var(--material-neutral-base-shadow);background-color:rgb(var(--background-color-material-neutral-base)/var(--tw-bg-opacity));display:block;padding:.25rem;width:100%}.hidden-text{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.menu-items{list-style-type:none;margin:0;padding:0}.menu-items,.menu-items li{align-items:center;display:flex}.menu-items li{margin-right:0}.menu-item,::slotted(.menu-item){clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.more{--tw-rotate:90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active{--tw-text-opacity:1;color:rgb(var(--text-color-theme1-base)/var(--tw-text-opacity));overflow:hidden;padding:.25rem}.active,.menu-action{max-width:10ch;text-overflow:ellipsis;white-space:nowrap}@media (prefers-reduced-motion:reduce){.menu-action{transition:none}}@media (min-width:768px){.more{display:none}.menu-item,::slotted(.menu-item){clip:auto;height:auto;margin:0;overflow:visible;padding:0;position:static;white-space:normal;width:auto}.active,.menu-action{max-width:inherit}}", h = u, w = class {
|
|
7
|
+
constructor(r) {
|
|
8
|
+
m(this, r), this.prismMenu = n(this, "prismMenu", 7), this.prismClick = n(this, "prismClick", 7), this._menuItemClicked = (t) => {
|
|
9
|
+
const { currentTarget: i } = t, { label: s, prismId: a } = i;
|
|
10
|
+
this.prismClick.emit({ id: a, name: s, target: i });
|
|
11
|
+
}, this.menu = [], this.root = "/";
|
|
12
|
+
}
|
|
13
|
+
connectedCallback() {
|
|
14
|
+
d("prism-breadcrumb");
|
|
15
|
+
}
|
|
16
|
+
componentWillLoad() {
|
|
17
|
+
this.prismMenu.emit({ name: "breadcrumb", menu: this.menu });
|
|
18
|
+
}
|
|
19
|
+
render() {
|
|
20
|
+
const r = () => e("prism-icon", { class: "arrow", role: "presentation", name: "caret_right_button", size: "xs" });
|
|
21
|
+
return e(c, null, e("ol", { ref: (t) => this.menuItems = t, class: "menu-items", part: "menu" }, e("li", { class: "home" }, e("prism-button", { onPrismPress: (t) => this._menuItemClicked(t), class: { "menu-action": !0 }, display: "ghost", tone: "neutral", href: this.root, label: "Return Home" }, e("prism-icon", { role: "presentation", name: "home", theme: "fill", size: "xs" })), e(r, null)), this.menu.map((t, i) => {
|
|
22
|
+
let s = this.menu.length - 1 === i, a = this.menu.length - 2 === i;
|
|
23
|
+
return e("li", { class: { "menu-item": !s && !a, parent: a } }, s ? e("span", { class: "active" }, e("prism-text", { display: "button" }, t.title), " ", e("span", { class: "hidden-text" }, "Current page")) : e(l, null, e("prism-button", { onPrismPress: (o) => this._menuItemClicked(o), class: { "menu-action": !0 }, display: "ghost", tone: "neutral", target: t.target, href: t.href }, t.title), e(r, null)));
|
|
24
|
+
}), e("slot", null)));
|
|
25
|
+
}
|
|
26
|
+
get el() {
|
|
27
|
+
return p(this);
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
w.style = h;
|
|
31
|
+
export {
|
|
32
|
+
w as prism_breadcrumb
|
|
33
|
+
};
|