@ed.yakovich/component-library 0.0.7 → 0.0.8

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 (91) hide show
  1. package/dist/lib/main.d.ts +0 -15
  2. package/dist/main.js +2 -32
  3. package/package.json +9 -5
  4. package/dist/components/Accordion/context/index.js +0 -7
  5. package/dist/components/Accordion/index.js +0 -38
  6. package/dist/components/Accordion/types/index.js +0 -1
  7. package/dist/components/Cart/index.js +0 -35
  8. package/dist/components/EquipmentSummary/context/index.js +0 -10
  9. package/dist/components/EquipmentSummary/index.js +0 -65
  10. package/dist/components/EquipmentSummary/types/index.js +0 -1
  11. package/dist/components/Grid/index.js +0 -19
  12. package/dist/components/HeroBanner/context/index.js +0 -7
  13. package/dist/components/HeroBanner/index.js +0 -33
  14. package/dist/components/HeroBanner/types/index.js +0 -1
  15. package/dist/components/InfoBanner/context/index.js +0 -7
  16. package/dist/components/InfoBanner/index.js +0 -26
  17. package/dist/components/InfoBanner/types/index.js +0 -1
  18. package/dist/components/Nav/index.js +0 -23
  19. package/dist/components/OfferCards/context/index.js +0 -7
  20. package/dist/components/OfferCards/index.js +0 -30
  21. package/dist/components/OfferCards/subComponents/OfferCard.js +0 -62
  22. package/dist/components/OfferCards/types/index.js +0 -1
  23. package/dist/components/SaleBanner/context/index.js +0 -7
  24. package/dist/components/SaleBanner/index.js +0 -59
  25. package/dist/components/SaleBanner/types/index.js +0 -1
  26. package/dist/index-0d8e0844-BJzWsYCM.js +0 -7403
  27. package/dist/index-C9Rf5U9q.js +0 -29143
  28. package/dist/index-b30029d4-E1YxEHFH.js +0 -12
  29. package/dist/index-e6818ded-r_t6ryaW.js +0 -57
  30. package/dist/index.esm-322571ff-D1REhsOg.js +0 -41
  31. package/dist/lib/components/Accordion/context/index.d.ts +0 -10
  32. package/dist/lib/components/Accordion/index.d.ts +0 -2
  33. package/dist/lib/components/Accordion/types/index.d.ts +0 -13
  34. package/dist/lib/components/Cart/index.d.ts +0 -6
  35. package/dist/lib/components/EquipmentSummary/context/index.d.ts +0 -10
  36. package/dist/lib/components/EquipmentSummary/index.d.ts +0 -2
  37. package/dist/lib/components/EquipmentSummary/types/index.d.ts +0 -14
  38. package/dist/lib/components/Grid/index.d.ts +0 -13
  39. package/dist/lib/components/HeroBanner/context/index.d.ts +0 -10
  40. package/dist/lib/components/HeroBanner/index.d.ts +0 -2
  41. package/dist/lib/components/HeroBanner/types/index.d.ts +0 -11
  42. package/dist/lib/components/InfoBanner/context/index.d.ts +0 -10
  43. package/dist/lib/components/InfoBanner/index.d.ts +0 -2
  44. package/dist/lib/components/InfoBanner/types/index.d.ts +0 -7
  45. package/dist/lib/components/Nav/index.d.ts +0 -8
  46. package/dist/lib/components/OfferCards/context/index.d.ts +0 -9
  47. package/dist/lib/components/OfferCards/index.d.ts +0 -2
  48. package/dist/lib/components/OfferCards/subComponents/OfferCard.d.ts +0 -3
  49. package/dist/lib/components/OfferCards/types/index.d.ts +0 -26
  50. package/dist/lib/components/SaleBanner/context/index.d.ts +0 -10
  51. package/dist/lib/components/SaleBanner/index.d.ts +0 -2
  52. package/dist/lib/components/SaleBanner/types/index.d.ts +0 -11
  53. package/dist/link-DO_Jvm9n.js +0 -685
  54. package/dist/prism-accordion.entry-DeyFGNx-.js +0 -51
  55. package/dist/prism-avatar_2.entry-MLbdVrJg.js +0 -68
  56. package/dist/prism-badge.entry-BG5y7O5U.js +0 -58
  57. package/dist/prism-banner.entry-DChrjpFH.js +0 -82
  58. package/dist/prism-breadcrumb.entry-1YzYlKen.js +0 -33
  59. package/dist/prism-button_2.entry-DO8IGIoS.js +0 -110
  60. package/dist/prism-card.entry-DQ6P4TZP.js +0 -119
  61. package/dist/prism-carousel.entry-BA8zsHRW.js +0 -3111
  62. package/dist/prism-checkbox-group.entry-CP4-gghb.js +0 -62
  63. package/dist/prism-checkbox.entry-CJCy8fvC.js +0 -99
  64. package/dist/prism-data-table.entry--0djw8ls.js +0 -10475
  65. package/dist/prism-datepicker.entry-DPm7tpKB.js +0 -249
  66. package/dist/prism-form.entry-CS1zRoMt.js +0 -42
  67. package/dist/prism-grid.entry-jcx2aMUm.js +0 -28
  68. package/dist/prism-header.entry-CBSIpa0M.js +0 -202
  69. package/dist/prism-hero.entry-B0CKL5y9.js +0 -23
  70. package/dist/prism-icon_2.entry-Aja4QGUK.js +0 -118
  71. package/dist/prism-image.entry-B--khr6E.js +0 -38
  72. package/dist/prism-input-file.entry-i5qJkwEK.js +0 -119
  73. package/dist/prism-input-otp.entry-DXoARuzH.js +0 -63
  74. package/dist/prism-input-text.entry-D4QQ-dYX.js +0 -228
  75. package/dist/prism-input-textarea.entry-eeQHnhqC.js +0 -140
  76. package/dist/prism-layout.entry-bfKqOEnU.js +0 -20
  77. package/dist/prism-lineitem.entry-YIRZPVe_.js +0 -44
  78. package/dist/prism-menu.entry-BIlRCiaA.js +0 -231
  79. package/dist/prism-modal.entry-Kc-SpAR-.js +0 -94
  80. package/dist/prism-pagination.entry-BCo9aMdq.js +0 -60
  81. package/dist/prism-popover.entry-LmDvzCiR.js +0 -1013
  82. package/dist/prism-popper.entry-BqrcyTkE.js +0 -959
  83. package/dist/prism-progress.entry-29_ezvop.js +0 -79
  84. package/dist/prism-radio-group.entry-cL6AqjTk.js +0 -66
  85. package/dist/prism-radio.entry-CM_vZFZA.js +0 -101
  86. package/dist/prism-select.entry-B6A3gk7B.js +0 -230
  87. package/dist/prism-switch.entry-CtEfKB58.js +0 -95
  88. package/dist/prism-tab.entry-DIDUhFlk.js +0 -20
  89. package/dist/prism-tabs.entry-Cj3dW5_E.js +0 -70
  90. package/dist/prism-tooltip.entry-DEdY5eRd.js +0 -52
  91. package/dist/prism-typeahead.entry-D2XrvXaG.js +0 -1234
@@ -1,95 +0,0 @@
1
- import { r, e as s, h as e, H as a } from "./index-C9Rf5U9q.js";
2
- import { g as c, m as o } from "./index-e6818ded-r_t6ryaW.js";
3
- import { A as n } from "./index-b30029d4-E1YxEHFH.js";
4
- /*!
5
- * Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
6
- */
7
- const l = '.sr-input.sc-prism-switch{margin:0;opacity:0;overflow:hidden;padding:0;position:absolute!important;visibility:visible}.sc-prism-switch-h{--switch-margin-top:1rem;--switch-margin-bottom:1rem;box-sizing:border-box;display:block;margin-bottom:var(--switch-margin-bottom);margin-top:var(--switch-margin-top);position:relative;width:auto}.loading.sc-prism-switch{cursor:wait;pointer-events:none}.screen-reader-text.sc-prism-switch{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.label.sc-prism-switch{-moz-column-gap:1rem;column-gap:1rem;display:grid;grid-template-areas:"checkbox label" "checkbox hint";grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;grid-template-rows:1fr}.label.right.sc-prism-switch{grid-template-areas:"label checkbox" "hint checkbox"}.label.sc-prism-switch:hover{cursor:pointer}.input[disabled].sc-prism-switch:hover,.label.disabled.sc-prism-switch:hover{cursor:not-allowed}.label-text.sc-prism-switch{--tw-text-opacity:1;color:rgb(var(--text-color-neutral-base)/var(--tw-text-opacity));grid-area:label}.switch.sc-prism-switch{align-items:center;display:flex;flex-grow:0;flex-shrink:0;grid-area:checkbox;transition:all .2s ease-in;width:3rem}.switch.sc-prism-switch,.switch.sc-prism-switch:before{border-radius:var(--border-radius-large,16px);height:1.5rem;position:relative}.switch.sc-prism-switch:before{--tw-bg-opacity:1;background-color:rgb(var(--background-color-fill-neutral2-base)/var(--tw-bg-opacity));content:"";width:100%}.switch.sc-prism-switch:after{--tw-bg-opacity:1;--shadow-color:var(--material-neutral-base-shadow);background-color:rgb(var(--background-color-material-neutral-base)/var(--tw-bg-opacity));border-radius:50%;content:"";height:1.25rem;pointer-events:none;position:absolute;text-align:center;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,1,1);width:1.25rem;z-index:10}.loading-spinner.sc-prism-switch,.switch.sc-prism-switch:after{transform:translateX(.125rem)}.input.sc-prism-switch{border-style:solid;border-width:1px;cursor:pointer;height:1.5rem;margin:0;opacity:0;overflow:hidden;padding:0;position:absolute;visibility:visible;width:1.5rem}.input.sc-prism-switch:focus+.label.sc-prism-switch:not(.loading) .switch.sc-prism-switch{outline-color:var(--outline-color-neutral2-focus,#35353b);outline-offset:2px;outline-style:solid;outline-width:1px}.input.sc-prism-switch:focus+.label.sc-prism-switch:not(.loading) .switch.invalid.sc-prism-switch{outline-color:var(--outline-color-negative-focus,#8f002f)}.label.sc-prism-switch:not(.disabled):hover .switch.sc-prism-switch:not(.invalid):not(.checked):before{--tw-bg-opacity:1;background-color:rgb(var(--background-color-fill-neutral2-hover)/var(--tw-bg-opacity))}.input.sc-prism-switch:focus+.label.sc-prism-switch:not(.loading) .switch.sc-prism-switch:not(.invalid):not(.checked):before{--tw-bg-opacity:1;background-color:rgb(var(--background-color-fill-neutral2-focus)/var(--tw-bg-opacity))}.checked.sc-prism-switch{background-color:var(--background-color-transparent,transparent)}.checked.sc-prism-switch .loading-spinner.sc-prism-switch,.checked.sc-prism-switch:after{transform:translateX(1.625rem)}.checked.sc-prism-switch:before{--tw-bg-opacity:1;--shadow-color:var(--fill-theme1-base-shadow);background-color:rgb(var(--background-color-fill-theme1-base)/var(--tw-bg-opacity))}.input.sc-prism-switch:focus+.label.sc-prism-switch .checked.sc-prism-switch:not(.invalid){outline-color:var(--outline-color-theme1-base,#5a23b9)}.input.sc-prism-switch:focus+.label.sc-prism-switch:not(.loading) .checked.sc-prism-switch:before{--tw-bg-opacity:1;--shadow-color:var(--fill-theme1-focus-shadow);background-color:rgb(var(--background-color-fill-theme1-focus)/var(--tw-bg-opacity))}.label.sc-prism-switch:not(.disabled):hover .checked.sc-prism-switch:before{--tw-bg-opacity:1;--shadow-color:var(--fill-theme1-hover-shadow);background-color:rgb(var(--background-color-fill-theme1-hover)/var(--tw-bg-opacity))}.invalid.sc-prism-switch:before{--tw-border-opacity:1;--tw-bg-opacity:1;--shadow-color:var(--material-neutral-base-shadow);background-color:rgb(var(--background-color-material-neutral-base)/var(--tw-bg-opacity));border-color:rgb(var(--border-color-stroke-negative-base)/var(--tw-border-opacity));border-width:1px}.label.sc-prism-switch:not(.disabled):hover .invalid.sc-prism-switch:before{--tw-border-opacity:1;border-color:rgb(var(--border-color-stroke-negative-hover)/var(--tw-border-opacity))}.input.sc-prism-switch:focus+.label.sc-prism-switch .invalid.sc-prism-switch:before{--tw-border-opacity:1;border-color:rgb(var(--border-color-stroke-negative-focus)/var(--tw-border-opacity))}.label.sc-prism-switch:not(.disabled):hover .checked.invalid.sc-prism-switch:before,.label.sc-prism-switch:not(.disabled):hover .invalid.sc-prism-switch:not(.checked):after{--tw-bg-opacity:1;--shadow-color:var(--fill-negative-hover-shadow);background-color:rgb(var(--background-color-fill-negative-hover)/var(--tw-bg-opacity))}.input.sc-prism-switch:focus+.label.sc-prism-switch .checked.invalid.sc-prism-switch:before,.input.sc-prism-switch:focus+.label.sc-prism-switch .invalid.sc-prism-switch:not(.checked):after{--tw-bg-opacity:1;--shadow-color:var(--fill-negative-focus-shadow);background-color:rgb(var(--background-color-fill-negative-focus)/var(--tw-bg-opacity))}.invalid.checked.sc-prism-switch:before,.invalid.sc-prism-switch:not(.checked):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))}.invalid.checked.sc-prism-switch:before{border-width:0}.hint-container.sc-prism-switch{align-items:center;display:flex;margin-top:.25rem}.hint-container.sc-prism-switch>.sc-prism-switch:not([hidden])~.sc-prism-switch:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.hint-text.sc-prism-switch{display:block;grid-area:hint;text-align:left}.invalid-text.sc-prism-switch{--tw-text-opacity:1;color:rgb(var(--text-color-negative-base)/var(--tw-text-opacity))}.disabled.sc-prism-switch{cursor:not-allowed}.disabled.sc-prism-switch,.loading.sc-prism-switch .switch.sc-prism-switch:before{opacity:var(--opacity-inactive,.3)}.loading-spinner.sc-prism-switch{color:rgb(var(--text-color-neutral2-base)/var(--tw-text-opacity));height:1.25rem;position:absolute;transform:translateX(.125rem);transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,1,1);width:1.25rem;z-index:20}.checked.sc-prism-switch .loading-spinner.sc-prism-switch,.loading-spinner.sc-prism-switch{--tw-text-opacity:1}.checked.sc-prism-switch .loading-spinner.sc-prism-switch{color:rgb(var(--text-color-theme1-base)/var(--tw-text-opacity))}@media (prefers-reduced-motion){.switch.sc-prism-switch,.switch.sc-prism-switch:after{transition:none}}', h = l, d = class {
8
- constructor(t) {
9
- r(this, t), this.prismChange = s(this, "prismChange", 7), this.prismInput = s(this, "prismInput", 7), this.prismBlur = s(this, "prismBlur", 7), this.prismFocus = s(this, "prismFocus", 7), this.uid = c(), this.isDirty = !1, this.prismId = `prism-switch-${this.uid}`, this.name = this.prismId, this.label = this.name.charAt(0).toUpperCase() + this.name.replace(/-/g, " ").substring(1), this.checked = !1, this.required = !1, this.disabled = !1, this.loading = !1, this.hideLabel = !1, this.hideInvalid = !1, this.hint = void 0, this.value = void 0, this.invalid = !1, this.invalidMessage = "This field is required", this.ariaDescribedby = "", this.alignment = "left", this.hintId = `${this.prismId}-hint`, this.describedBy = void 0;
10
- }
11
- /**
12
- * @description Public: Set Focus on Input
13
- */
14
- async setFocus() {
15
- this.element && this.element.focus();
16
- }
17
- /**
18
- * Listen to Reset Events
19
- */
20
- handleReset() {
21
- this.checked = !1;
22
- }
23
- /**
24
- * Listen to Keydown Events
25
- */
26
- /** @internal */
27
- inputKeyDown(t) {
28
- this.loading && t.key === " " && t.preventDefault();
29
- }
30
- // Emit onChange of Value Event
31
- /** @internal */
32
- valueChanged(t) {
33
- this.prismChange.emit({
34
- name: "value-changed",
35
- checked: this.checked,
36
- invalid: this.invalid,
37
- value: t.target.value,
38
- type: "checkbox"
39
- });
40
- }
41
- // Native Event Handling
42
- /** @internal */
43
- inputChanged(t) {
44
- this.isDirty = !0, this.describedBy = `${this.hintId} ${this.ariaDescribedby}`.trim();
45
- let i = t.currentTarget;
46
- this.checked = i.checked, this.prismInput.emit({ name: "input-change", checked: this.checked, invalid: this.invalid, target: i });
47
- }
48
- /** @internal */
49
- onCheckValidity(t) {
50
- t.preventDefault();
51
- const i = t.currentTarget;
52
- this.invalid = !i.validity.valid, this.describedBy = `${this.hintId} ${this.ariaDescribedby}`.trim(), this.prismInput.emit({ name: "check-validity", value: i.value, target: i, reason: i.validity });
53
- }
54
- // Input has focus or blurred
55
- /** @internal */
56
- inputState(t) {
57
- let i = t.currentTarget;
58
- switch (t.type) {
59
- case "blur":
60
- this.isDirty && (this.invalid = !i.validity.valid), this.prismBlur.emit({
61
- name: "input-blurred",
62
- checked: this.checked,
63
- type: "checkbox",
64
- value: i.value,
65
- target: i
66
- });
67
- break;
68
- case "focus":
69
- this.prismFocus.emit({
70
- name: "input-focused",
71
- checked: this.checked,
72
- type: "checkbox",
73
- value: i.value,
74
- target: i
75
- });
76
- }
77
- }
78
- connectedCallback() {
79
- this.describedBy = this.hint ? `${this.hintId} ${this.ariaDescribedby}`.trim() : this.ariaDescribedby, o("prism-switch");
80
- }
81
- render() {
82
- const t = this.invalid;
83
- return e(a, { key: "c0226732aac369607aee17cd0eaecf1a715ff535" }, e("input", { key: "e7bfb316d6331b4d62ec2eb4b48311c43e0cbff4", onInput: (i) => this.inputChanged(i), onChange: (i) => this.valueChanged(i), onInvalid: (i) => this.onCheckValidity(i), onBlur: (i) => this.inputState(i), onFocus: (i) => this.inputState(i), onKeyDown: (i) => this.inputKeyDown(i), ref: (i) => this.element = i, checked: this.checked, id: this.prismId, name: this.name.replace(/ /g, "-"), type: "checkbox", disabled: this.disabled, required: this.required, "aria-invalid": this.invalid.toString(), "aria-required": this.required.toString(), "aria-describedby": this.describedBy ? this.describedBy : !1, value: this.value, class: { input: !0, loading: this.loading } }), e("label", { key: "6686a8dbe2324db681395372305158fae8ed03a1", class: { label: !0, disabled: this.disabled, loading: this.loading, [this.alignment]: !0 }, htmlFor: this.prismId }, e("span", { key: "bb0df444d808a282fb2a16556d19f93073bc395b", class: { switch: !0, checked: this.checked, invalid: this.invalid } }, this.loading && e("span", { key: "b80dd8044a8e90fd8f46a852375531fb968cc3a6", class: "loading-spinner" }, e("prism-loading", { key: "1d0b7205ec5e6403bab7c4b4f75eab0c67a1b9d0", type: "spinner", "spinner-size": "sm" }))), e("prism-text", { key: "c9e0b970940b12637b21c7d3641187c93a6ac10b", display: "body1", class: { "label-text": !0, "screen-reader-text": this.hideLabel } }, this.label, this.required && e(n, { key: "87fed696a97b59df429cbe8ba8a33221c7b47559" })), this.hint && e("prism-text", { key: "095be3abc1ff7026bc208595d24a9a980a3c3a7f", display: "caption", priority: "secondary", class: { "hint-text": !0, "screen-reader-text": this.hideLabel } }, this.hint)), e("span", { key: "292c1345755d010189f7f436ff10cbe5a39ff50f", "aria-live": "polite", id: this.hintId }, t && e("span", { key: "50fed6f99e7c6b0b6678c072979f3a29f1468832", class: {
84
- "hint-container": !0,
85
- "screen-reader-text": this.invalid && this.hideInvalid
86
- } }, this.invalid && e("prism-icon", { key: "d5184b8a865f80ce3c582061d8ed6d61fdad4b9d", theme: "fill", slot: "icon-trailing", size: "xs", tone: "negative", name: "alert" }), e("prism-text", { key: "89f60d13a2744f695251f093413eb4ce7a3c0776", class: {
87
- "invalid-text": this.invalid,
88
- "hint-text": !0
89
- }, display: "caption" }, this.invalidMessage))));
90
- }
91
- };
92
- d.style = h;
93
- export {
94
- d as prism_switch
95
- };
@@ -1,20 +0,0 @@
1
- import { r as a, h as e, H as s } from "./index-C9Rf5U9q.js";
2
- import { m as o } from "./index-e6818ded-r_t6ryaW.js";
3
- /*!
4
- * Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
5
- */
6
- const r = ":host{display:block}:host([hidden]){display:none}:host(.panel:focus){--tw-border-opacity:var(--border-opacity-tertiary,0.15);outline-color:var(--outline-color-neutral-base,#141417);transition:all .3s ease-out;transition-property:outline}@media (prefers-reduced-motion){:host(.panel:focus){transition:none}}", n = r, i = class {
7
- constructor(t) {
8
- a(this, t), this.tab = void 0;
9
- }
10
- connectedCallback() {
11
- o("prism-tab");
12
- }
13
- render() {
14
- return e(s, { key: "4f8b238862c9dc5ab2f89a68d67b0e90932f7780", tabindex: "0", class: "panel", role: "tabpanel", "aria-labelledby": this.tab }, e("slot", { key: "307a6887af64a4e961da7eb66feceb28e5dc7bc1" }));
15
- }
16
- };
17
- i.style = n;
18
- export {
19
- i as prism_tab
20
- };
@@ -1,70 +0,0 @@
1
- import { r as b, e as c, h as s, H as m, g as l } from "./index-C9Rf5U9q.js";
2
- import { g as d, i as p, m as h } from "./index-e6818ded-r_t6ryaW.js";
3
- /*!
4
- * Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
5
- */
6
- const v = '.sc-prism-tabs-h{--prism-tabs-horizontal-gap:0.5rem;--prism-tabs-vertical-gap:1rem;display:grid}.horizontal.sc-prism-tabs-h{gap:var(--prism-tabs-horizontal-gap);grid-template-areas:"tab-header" "tab-content";grid-template-columns:minmax(100%,1fr);grid-template-rows:1fr}.horizontal-below.sc-prism-tabs-h{gap:var(--prism-tabs-horizontal-gap);grid-template-areas:"tab-content" "tab-header";grid-template-columns:minmax(100%,1fr);grid-template-rows:1fr}.horizontal.sc-prism-tabs-h .tab-header.sc-prism-tabs,.horizontal-below.sc-prism-tabs-h .tab-header.sc-prism-tabs{display:flex}.horizontal.sc-prism-tabs-h .tab-header.sc-prism-tabs>.sc-prism-tabs:not([hidden])~.sc-prism-tabs:not([hidden]),.horizontal-below.sc-prism-tabs-h .tab-header.sc-prism-tabs>.sc-prism-tabs:not([hidden])~.sc-prism-tabs:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.horizontal.sc-prism-tabs-h .tab-header.sc-prism-tabs,.horizontal-below.sc-prism-tabs-h .tab-header.sc-prism-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:.25rem;white-space:nowrap}.vertical.sc-prism-tabs-h{gap:var(--prism-tabs-vertical-gap);grid-template-areas:"tab-header tab-content";grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;grid-template-rows:1fr}.vertical.sc-prism-tabs-h .tab-header.sc-prism-tabs{display:flex;flex-direction:column}.vertical.sc-prism-tabs-h .tab-header.sc-prism-tabs>.sc-prism-tabs:not([hidden])~.sc-prism-tabs:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.vertical.sc-prism-tabs-h .tab-header.sc-prism-tabs{align-self:flex-start;justify-self:start}.tab-header.sc-prism-tabs{background-color:var(--tab-controls-bg-color,transparent);bottom:var(--tab-controls-inset,0);grid-area:tab-header;left:var(--tab-controls-inset,0);position:var(--tab-controls-position,static);right:var(--tab-controls-inset,0);top:var(--tab-controls-inset,0);width:var(--tab-controls-width,auto)}.tab-content.sc-prism-tabs{grid-area:tab-content}.tab-item.sc-prism-tabs{--tw-text-opacity:1;align-items:var(--tab-item-align,center);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:var(--border-color-transparent,transparent);border-width:2px;color:rgb(var(--text-color-neutral-base)/var(--tw-text-opacity));cursor:pointer;display:var(--tab-item-display,flex);flex:var(--tab-item-flex,0 1 auto);justify-content:var(--tab-item-justify,flex-start);margin:var(--tab-item-margin,inherit);outline:2px solid transparent;outline-offset:2px;transition:all .2s ease-in-out}.horizontal.sc-prism-tabs-h .tab-item.sc-prism-tabs>.sc-prism-tabs:not([hidden])~.sc-prism-tabs:not([hidden]),.horizontal-below.sc-prism-tabs-h .tab-item.sc-prism-tabs>.sc-prism-tabs:not([hidden])~.sc-prism-tabs:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.horizontal.sc-prism-tabs-h .tab-item.sc-prism-tabs,.horizontal-below.sc-prism-tabs-h .tab-item.sc-prism-tabs{border-radius:var(--border-radius-xlarge,32px);padding:.5rem 1rem}.horizontal.sc-prism-tabs-h .tab-item.col.sc-prism-tabs,.horizontal-below.sc-prism-tabs-h .tab-item.col.sc-prism-tabs{flex-direction:column;justify-content:flex-end}.horizontal.sc-prism-tabs-h .tab-item.col.sc-prism-tabs>.sc-prism-tabs:not([hidden])~.sc-prism-tabs:not([hidden]),.horizontal-below.sc-prism-tabs-h .tab-item.col.sc-prism-tabs>.sc-prism-tabs:not([hidden])~.sc-prism-tabs:not([hidden]){--tw-space-y-reverse:0;--tw-space-x-reverse:0;margin:calc(.5rem*(1 - var(--tw-space-y-reverse))) calc(0px*var(--tw-space-x-reverse)) calc(.5rem*var(--tw-space-y-reverse)) calc(0px*(1 - var(--tw-space-x-reverse)))}.horizontal.sc-prism-tabs-h .tab-item.col.sc-prism-tabs,.horizontal-below.sc-prism-tabs-h .tab-item.col.sc-prism-tabs{border-radius:var(--border-radius-small,4px)}.vertical.sc-prism-tabs-h .tab-item.sc-prism-tabs{border-radius:var(--border-radius-medium,8px);flex-direction:column;padding:.25rem .5rem}@media (min-width:768px){.horizontal.sc-prism-tabs-h .tab-item.sc-prism-tabs,.horizontal-below.sc-prism-tabs-h .tab-item.sc-prism-tabs,.vertical.sc-prism-tabs-h .tab-item.sc-prism-tabs{flex-direction:row}.horizontal.sc-prism-tabs-h .tab-item.sc-prism-tabs>.sc-prism-tabs:not([hidden])~.sc-prism-tabs:not([hidden]),.horizontal-below.sc-prism-tabs-h .tab-item.sc-prism-tabs>.sc-prism-tabs:not([hidden])~.sc-prism-tabs:not([hidden]),.vertical.sc-prism-tabs-h .tab-item.sc-prism-tabs>.sc-prism-tabs:not([hidden])~.sc-prism-tabs:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.horizontal.sc-prism-tabs-h .tab-item.sc-prism-tabs,.horizontal-below.sc-prism-tabs-h .tab-item.sc-prism-tabs,.vertical.sc-prism-tabs-h .tab-item.sc-prism-tabs{border-radius:var(--border-radius-xlarge,32px);padding:.5rem 1rem}}.tab-item.sc-prism-tabs:focus-visible{outline-color:var(--outline-color-theme1-base,#5a23b9);outline-offset:2px;outline-width:2px}.tab-item.sc-prism-tabs:hover{--tw-bg-opacity:1;--shadow-color:var(--material-neutral2-base-shadow);background-color:rgb(var(--background-color-material-neutral2-base)/var(--tw-bg-opacity))}.tab-item.active.sc-prism-tabs{--tw-border-opacity:1;--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));border-color:rgb(var(--border-color-stroke-theme1-base)/var(--tw-border-opacity));color:rgb(var(--text-color-theme1-base)/var(--tw-text-opacity))}.tab-item.active.sc-prism-tabs .button-icon.sc-prism-tabs{--icon-color:rgb(var(--text-color-theme1-base))}.button-text.sc-prism-tabs{--text-button1-leading:1;--text-button1-leading:var(--text-button1-line-height);--text-button1-family:var(--text-family-brand);font-family:var(--text-button1-family);font-size:var(--text-button1-size);font-weight:var(--text-button1-weight);letter-spacing:var(--text-button1-letter-spacing);line-height:var(--text-button1-leading);text-transform:var(--text-button1-text-transform)}.vertical.sc-prism-tabs-h .button-text.sc-prism-tabs{max-width:-webkit-min-content;max-width:-moz-min-content;max-width:min-content}@media (min-width:768px){.button-text.sc-prism-tabs{--text-button1-leading:var(--text-button1-line-height);--text-button1-family:var(--text-family-brand);font-family:var(--text-button1-family);font-size:var(--text-button1-size);font-weight:var(--text-button1-weight);letter-spacing:var(--text-button1-letter-spacing);line-height:var(--text-button1-leading);text-transform:var(--text-button1-text-transform)}.vertical.sc-prism-tabs-h .button-text.sc-prism-tabs{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}}@media (prefers-reduced-motion){.tab-item.sc-prism-tabs{transition:none}}.minimal.horizontal.sc-prism-tabs-h .tab-item.sc-prism-tabs,.minimal.vertical.sc-prism-tabs-h .tab-item.sc-prism-tabs{background-color:var(--background-color-transparent,transparent);border-color:var(--border-color-transparent,transparent);border-radius:var(--border-radius-none,0);border-style:solid;border-width:0 0 2px;padding-left:.25rem;padding-right:.25rem}.minimal.horizontal-below.sc-prism-tabs-h .tab-item.sc-prism-tabs{background-color:var(--background-color-transparent,transparent);border-color:var(--border-color-transparent,transparent);border-radius:var(--border-radius-none,0);border-style:solid;border-width:2px 0 0;padding-left:.25rem;padding-right:.25rem}.minimal.horizontal.sc-prism-tabs-h .tab-header.sc-prism-tabs>.sc-prism-tabs:not([hidden])~.sc-prism-tabs:not([hidden]),.minimal.horizontal-below.sc-prism-tabs-h .tab-header.sc-prism-tabs>.sc-prism-tabs:not([hidden])~.sc-prism-tabs:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.minimal.vertical.sc-prism-tabs-h .tab-header.sc-prism-tabs>.sc-prism-tabs:not([hidden])~.sc-prism-tabs:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.minimal.horizontal.sc-prism-tabs-h .tab-item.active.sc-prism-tabs:not(:focus-visible),.minimal.horizontal-below.sc-prism-tabs-h .tab-item.active.sc-prism-tabs:not(:focus-visible),.minimal.vertical.sc-prism-tabs-h .tab-item.active.sc-prism-tabs:not(:focus-visible){--tw-border-opacity:1;border-color:rgb(var(--border-color-stroke-theme1-base)/var(--tw-border-opacity))}.minimal.sc-prism-tabs-h .tab-item.sc-prism-tabs:hover{--tw-border-opacity:1;border-color:rgb(var(--border-color-stroke-theme1-hover)/var(--tw-border-opacity));border-radius:var(--border-radius-none,0)}.minimal.sc-prism-tabs-h .tab-item.sc-prism-tabs:focus-visible{border-radius:var(--border-radius-xsmall,2px);border-top-color:var(--border-color-transparent,transparent)}.horizontal.sc-prism-tabs-h .tab-header.condensed.sc-prism-tabs>.sc-prism-tabs:not([hidden])~.sc-prism-tabs:not([hidden]),.horizontal-below.sc-prism-tabs-h .tab-header.condensed.sc-prism-tabs>.sc-prism-tabs:not([hidden])~.sc-prism-tabs:not([hidden]),.vertical.sc-prism-tabs-h .tab-header.condensed.sc-prism-tabs>.sc-prism-tabs:not([hidden])~.sc-prism-tabs:not([hidden]){--tw-space-x-reverse:0;--tw-space-y-reverse:0;margin:calc(0px*(1 - var(--tw-space-y-reverse))) calc(0px*var(--tw-space-x-reverse)) calc(0px*var(--tw-space-y-reverse)) calc(0px*(1 - var(--tw-space-x-reverse)))}.horizontal.sc-prism-tabs-h .tab-header.fill.sc-prism-tabs{--tab-item-justify:center;--tab-item-flex:1 1 auto}', g = v, u = class {
7
- constructor(t) {
8
- b(this, t), this.prismClick = c(this, "prismClick", 7), this.prismChange = c(this, "prismChange", 7), this.uid = d(), this.activeTab = [], this.tabControl = (a) => {
9
- let r = a.currentTarget, e = r.closest("[role=tablist]"), o = r.getAttribute("aria-controls"), n = p(r);
10
- this.prismClick.emit({ tabId: r.id, panelId: o, target: r }), a.type === "focus" && (n.left || n.right) && r.scrollIntoView({ inline: "center" }), Array.from(e.querySelectorAll("button")).forEach((i) => {
11
- i.classList.remove("active"), i.setAttribute("aria-selected", "false"), i.setAttribute("tabindex", "-1");
12
- }), r.classList.add("active"), r.setAttribute("aria-selected", "true"), r.removeAttribute("tabindex"), this.childrenData.content.forEach((i) => {
13
- i.id !== o ? i.setAttribute("hidden", "true") : (this.prismChange.emit({
14
- name: "prism-tab-visibility",
15
- tabId: r.id,
16
- panelId: o,
17
- target: r,
18
- action: "visible"
19
- }), i.removeAttribute("hidden"));
20
- });
21
- }, this.tabKeyListeners = (a) => {
22
- let r = a.currentTarget, e = r.closest("[role=tablist]");
23
- switch (a.key) {
24
- case "ArrowRight":
25
- r.nextElementSibling ? r.nextElementSibling.focus() : e.firstChild.focus();
26
- break;
27
- case "ArrowLeft":
28
- r.previousElementSibling ? r.previousElementSibling.focus() : e.lastChild.focus();
29
- break;
30
- case "Home":
31
- a.preventDefault(), e.firstChild.focus();
32
- break;
33
- case "End":
34
- a.preventDefault(), e.lastChild.focus();
35
- break;
36
- }
37
- }, this.prismId = `prism-tabs-${this.uid}`, this.childrenData = {}, this.label = void 0, this.tabs = [], this.layout = "horizontal", this.controlsLayout = "row", this.controlsSpacing = "standard", this.variant = "contained", this.iconSize = "xs";
38
- }
39
- connectedCallback() {
40
- h("prism-tabs");
41
- }
42
- componentDidLoad() {
43
- var t;
44
- let a = (t = this.panelContentElement) === null || t === void 0 ? void 0 : t.children;
45
- this.childrenData && (this.childrenData = {
46
- hasChildren: (a == null ? void 0 : a.length) > 0,
47
- numberOfChildren: a == null ? void 0 : a.length,
48
- content: a ? Array.from(a) : []
49
- }), this.tabs.forEach((r, e) => {
50
- r.active === !0 && this.activeTab.push(e);
51
- }), this.activeTab[0] || (this.activeTab[0] = 0), this.childrenData.numberOfChildren > 0 && this.childrenData.content.forEach((r, e) => {
52
- e !== this.activeTab[0] && r.setAttribute("hidden", "true");
53
- });
54
- }
55
- render() {
56
- return s(m, { key: "a3160c4abf5db9babbc79f3b87cbbcbba07413c3", class: { [this.layout]: !0, [this.variant]: !0 } }, s("div", { key: "4297a091b206c3eea8b00b127973f2f1c2d97fea", ref: (t) => this.buttonContentElement = t, role: "tablist", class: { "tab-header": !0, [this.controlsSpacing]: !0 }, "aria-label": this.label, id: this.prismId }, this.tabs.map((t) => {
57
- var a;
58
- return s("button", { role: "tab", class: { active: t.active === !0, "tab-item": !0, [this.controlsLayout]: !0 }, onFocus: (r) => this.tabControl(r), onClick: (r) => this.tabControl(r), onKeyDown: (r) => this.tabKeyListeners(r), "aria-selected": t.active.toString(), "aria-controls": t.controls, id: t.id, tabindex: t.active ? void 0 : "-1", "data-testid": t.id }, (t == null ? void 0 : t.leadingBadge) && s("prism-badge", { label: t == null ? void 0 : t.leadingBadgeLabel, tone: t != null && t.active ? "theme1" : "neutral2", priority: (t == null ? void 0 : t.leadingBadgePriority) || "high" }, t == null ? void 0 : t.leadingBadge), ((a = t == null ? void 0 : t.icon) === null || a === void 0 ? void 0 : a.length) > 0 && s("prism-icon", { tone: "custom", class: "button-icon", name: t.icon, size: t.size || this.iconSize }), s("span", { class: {
59
- "button-text": !0
60
- } }, t.title), (t == null ? void 0 : t.trailingBadge) && s("prism-badge", { label: t == null ? void 0 : t.trailingBadgeLabel, tone: t != null && t.active ? "theme1" : "neutral2", priority: (t == null ? void 0 : t.trailingBadgePriority) || "high" }, t == null ? void 0 : t.trailingBadge));
61
- })), s("span", { key: "7a6fb540323c2ebfb24355e322a8237b976aa380", ref: (t) => this.panelContentElement = t, class: "tab-content" }, s("slot", { key: "461898e14e0cacc014b6920e75d2660398f77171" })));
62
- }
63
- get host() {
64
- return l(this);
65
- }
66
- };
67
- u.style = g;
68
- export {
69
- u as prism_tabs
70
- };
@@ -1,52 +0,0 @@
1
- import { r as n, e as l, h as r, H as d, g as p } from "./index-C9Rf5U9q.js";
2
- import { g as h, i as a, c as s, m as c, d 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 x = '.text-body2{--text-body2-leading:var(--text-body2-line-height);--text-body2-family:var(--text-family-default);font-family:var(--text-body2-family);font-size:var(--text-body2-size);font-weight:var(--text-body2-weight);letter-spacing:var(--text-body2-letter-spacing);line-height:var(--text-body2-leading);text-transform:var(--text-body2-text-transform)}:host{--tooltip-mw:320px;--tooltip-visibility:collapse;--tooltip-alpha:0;--tooltip-delay:0.15s;--tooltip-cursor:help;display:inline-block;position:relative}:host(.open.hover:focus-within),:host(.open.hover:hover){--tooltip-visibility:visible;--tooltip-alpha:1}:host(.open.click){--tooltip-visibility:visible;--tooltip-alpha:1}.trigger{--text-body2-leading:var(--text-body2-line-height);--text-body2-family:var(--text-family-default);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--background-color-transparent,transparent);border-radius:var(--border-radius-xsmall,2px);border-style:none;border-width:0;cursor:var(--tooltip-cursor);font-family:var(--text-body2-family);font-size:var(--text-body2-size);font-weight:var(--text-body2-weight);letter-spacing:var(--text-body2-letter-spacing);line-height:var(--text-body2-leading);outline:2px solid transparent;outline-offset:2px;padding:0;text-transform:var(--text-body2-text-transform);transition:outline .2s ease-in-out}.trigger:focus-visible{outline:1px rgb(var(--ring-color-stroke-neutral-focus)) solid}.tooltip{--tw-border-opacity:1;--tw-border-opacity:var(--border-opacity-tertiary,0.15);--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(var(--background-color-material-theme1-inverse-base)/var(--tw-bg-opacity));border-color:rgb(var(--border-color-stroke-neutral-base)/var(--tw-border-opacity));border-radius:var(--border-radius-xsmall,2px);border-radius:4px;border-style:solid;border-width:1px;max-width:var(--tooltip-mw);opacity:var(--tooltip-alpha);padding:.5rem 1rem;position:absolute;transition:opacity .2s ease-in-out;transition-delay:var(--tooltip-delay);visibility:var(--tooltip-visibility);width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:500}.above,.tooltip{color:rgb(var(--text-color-inverse-base)/var(--tw-text-opacity))}.above{--text-body2-leading:var(--text-body2-line-height);--text-body2-family:var(--text-family-default);--tw-text-opacity:1;--tw-shadow:0px 4px 8px -4px var(--shadow-color);--tw-shadow-colored:0px 4px 8px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);font-family:var(--text-body2-family);font-size:var(--text-body2-size);font-weight:var(--text-body2-weight);left:0;letter-spacing:var(--text-body2-letter-spacing);line-height:var(--text-body2-leading);text-transform:var(--text-body2-text-transform);top:0;transform:translate(calc(-50% + var(--width)),calc(-100% - .625rem))}.above:after{--tw-rotate:-90deg;border-bottom:8px solid transparent;border-right:8px solid rgb(var(--background-color-material-theme1-inverse-base));border-top:8px solid transparent;bottom:-.75rem;content:"";display:block;left:50%;position:absolute;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))}.below{--text-body2-leading:var(--text-body2-line-height);--text-body2-family:var(--text-family-default);--tw-text-opacity:1;--tw-shadow:0px 4px 8px -4px var(--shadow-color);--tw-shadow-colored:0px 4px 8px -4px var(--tw-shadow-color);bottom:0;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(var(--text-color-inverse-base)/var(--tw-text-opacity));font-family:var(--text-body2-family);font-size:var(--text-body2-size);font-weight:var(--text-body2-weight);left:0;letter-spacing:var(--text-body2-letter-spacing);line-height:var(--text-body2-leading);text-transform:var(--text-body2-text-transform);transform:translate(calc(-50% + var(--width)),calc(100% + .625rem))}.below:after{--tw-rotate:-90deg;border-bottom:8px solid transparent;border-left:8px solid rgb(var(--background-color-material-theme1-inverse-base));border-top:8px solid transparent;content:"";display:block;left:50%;position:absolute;top:-.75rem;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))}.left{--text-body2-leading:var(--text-body2-line-height);--text-body2-family:var(--text-family-default);--tw-text-opacity:1;--tw-shadow:0px 4px 8px -4px var(--shadow-color);--tw-shadow-colored:0px 4px 8px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(var(--text-color-inverse-base)/var(--tw-text-opacity));font-family:var(--text-body2-family);font-size:var(--text-body2-size);font-weight:var(--text-body2-weight);left:0;letter-spacing:var(--text-body2-letter-spacing);line-height:var(--text-body2-leading);text-transform:var(--text-body2-text-transform);top:0;transform:translate(calc(-100% - .625rem),calc(var(--height)*-.5))}.left:after{border-bottom:8px solid transparent;border-left:8px solid rgb(var(--background-color-material-theme1-inverse-base));border-top:8px solid transparent;content:"";display:block;position:absolute;right:-.5rem;top:.5rem}.right{--text-body2-leading:var(--text-body2-line-height);--text-body2-family:var(--text-family-default);--tw-text-opacity:1;--tw-shadow:0px 4px 8px -4px var(--shadow-color);--tw-shadow-colored:0px 4px 8px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(var(--text-color-inverse-base)/var(--tw-text-opacity));font-family:var(--text-body2-family);font-size:var(--text-body2-size);font-weight:var(--text-body2-weight);letter-spacing:var(--text-body2-letter-spacing);line-height:var(--text-body2-leading);right:0;text-transform:var(--text-body2-text-transform);top:0;transform:translate(calc(100% + .625rem),calc(var(--height)*-.5))}.right:before{border-bottom:8px solid transparent;border-right:8px solid rgb(var(--background-color-material-theme1-inverse-base));border-top:8px solid transparent;content:"";display:block;left:-.5rem;position:absolute;top:.5rem}@media (prefers-reduced-motion){.tooltip{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}}', v = x, g = class {
7
- constructor(t) {
8
- n(this, t), this.prismClick = l(this, "prismClick", 7), this.uid = h(), this.tagName = "prism-tooltip", this.body = this.host.closest("body"), this.openTooltip = (e) => {
9
- let o = e.type, i = this.trigger;
10
- o === "click" && this.prismClick.emit({ name: "tooltip", type: o, target: e.currentTarget }), !(i === "hover" && o === "click") && (i === "click" && (o === "mouseenter" || o === "focus") || (this.appearOn(a(this.tt)), a(this.tt) && (this.body.style.overflowX = "hidden")));
11
- }, this.closeTooltip = (e) => {
12
- let o = e.type, i = this.trigger;
13
- if (this.body.style.overflowX = "auto", i === "click") {
14
- o === "blur" && this.open === !0 && (this.open = !0), o === "keydown" && this.open && e.key === "Escape" && (this.open = !1);
15
- return;
16
- }
17
- i === "hover" && o === "click" || (this.open = !1, this.open === !1 && (this.updatedDirection = this.direction));
18
- }, this.onBlur = (e) => {
19
- e.target.closest(this.tagName) !== this.host && (this.open = !1);
20
- }, this.appearOn = (e, o = !0) => {
21
- e.left && (this.updatedDirection = "right"), e.right && (this.updatedDirection = "left"), e.top && (this.updatedDirection = "below"), e.bottom && (this.updatedDirection = "above"), o && (this.trigger === "click" ? this.open = !this.open : this.open = !0);
22
- }, this.direction = void 0, this.trigger = "hover", this.label = void 0, this.size = "sm", this.icon = "help", this.theme = "outline", this.iconTone = "neutral", this.prismId = `prism-tooltip-${this.uid}`, this.buttonAttributes = void 0, this.position = { width: "24px", height: "24px" }, this.open = !1, this.updatedDirection = void 0, this.iconName = `psm-tooltip-${this.icon}`;
23
- }
24
- getHeight() {
25
- return (s[this.size].h - 6) / 2;
26
- }
27
- getWidth() {
28
- return (s[this.size].w - 6) / 2;
29
- }
30
- componentWillLoad() {
31
- this.position.height = `${this.getHeight()}px`, this.position.width = `${this.getWidth()}px`, this.updatedDirection = this.direction;
32
- }
33
- connectedCallback() {
34
- document.addEventListener("mousedown", this.onBlur), c("prism-tooltip"), b("<prism-tooltip/>", 'has been deprecated. Please use `<prism-popover as="tooltip"/> for improved functionality;');
35
- }
36
- componentDidRender() {
37
- !a(this.ic).any && a(this.tt).any;
38
- }
39
- disconnectedCallback() {
40
- document.removeEventListener("mousedown", this.onBlur);
41
- }
42
- render() {
43
- return r(d, { key: "b776e17a34c09c02c67abcfbda7965ea3b1811f1", class: { open: this.open, [this.trigger]: !0 } }, r("button", Object.assign({ key: "8a38c41248b65a0bb2b5c6af64c22c42985dad90", id: this.prismId, class: "trigger", "aria-label": this.label, onKeyDown: (t) => this.closeTooltip(t), onBlur: (t) => this.closeTooltip(t), onFocus: (t) => this.openTooltip(t), onMouseLeave: (t) => this.closeTooltip(t), onMouseEnter: (t) => this.openTooltip(t), onClick: (t) => this.openTooltip(t), type: "button", "aria-expanded": this.trigger === "click" ? this.open.toString() : void 0, part: "tooltip-trigger" }, this.buttonAttributes), r("prism-icon", { key: "f7f8b2783c7edec7f62c36fe66a62f0d7b9dd3cc", ref: (t) => this.ic = t, size: this.size, part: "tooltip-icon", theme: this.theme, id: this.iconName, name: this.icon, tone: this.iconTone })), r("div", { key: "03240007e6888001103f9985b55f3d6d695265af", style: { "--width": this.position.width, "--height": this.position.height }, "aria-hidden": (this.trigger === "hover").toString(), ref: (t) => this.tt = t, class: { tooltip: !0, closed: !this.open, [this.updatedDirection]: !0 }, part: "tooltip-container" }, this.trigger === "click" ? r("slot", null) : this.label));
44
- }
45
- get host() {
46
- return p(this);
47
- }
48
- };
49
- g.style = v;
50
- export {
51
- g as prism_tooltip
52
- };