@ed.yakovich/component-library 0.0.12 → 0.0.13

package/dist/prism-switch.entry-CINfgY_6.js

@@ -0,0 +1,95 @@
+import { r, c as s, h as e, H as a } from "./index-By9FNwDt.js";
+import { g as c, m as o } from "./index-e6818ded-r_t6ryaW.js";
+import { A as n } from "./index-b30029d4-WVn-64c9.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
+ */
+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 {
+  constructor(t) {
+    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;
+  }
+  /**
+   * @description Public: Set Focus on Input
+   */
+  async setFocus() {
+    this.element && this.element.focus();
+  }
+  /**
+   * Listen to Reset Events
+   */
+  handleReset() {
+    this.checked = !1;
+  }
+  /**
+   * Listen to Keydown Events
+   */
+  /** @internal */
+  inputKeyDown(t) {
+    this.loading && t.key === " " && t.preventDefault();
+  }
+  // Emit onChange of Value Event
+  /** @internal */
+  valueChanged(t) {
+    this.prismChange.emit({
+      name: "value-changed",
+      checked: this.checked,
+      invalid: this.invalid,
+      value: t.target.value,
+      type: "checkbox"
+    });
+  }
+  // Native Event Handling
+  /** @internal */
+  inputChanged(t) {
+    this.isDirty = !0, this.describedBy = `${this.hintId} ${this.ariaDescribedby}`.trim();
+    let i = t.currentTarget;
+    this.checked = i.checked, this.prismInput.emit({ name: "input-change", checked: this.checked, invalid: this.invalid, target: i });
+  }
+  /** @internal */
+  onCheckValidity(t) {
+    t.preventDefault();
+    const i = t.currentTarget;
+    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 });
+  }
+  // Input has focus or blurred
+  /** @internal */
+  inputState(t) {
+    let i = t.currentTarget;
+    switch (t.type) {
+      case "blur":
+        this.isDirty && (this.invalid = !i.validity.valid), this.prismBlur.emit({
+          name: "input-blurred",
+          checked: this.checked,
+          type: "checkbox",
+          value: i.value,
+          target: i
+        });
+        break;
+      case "focus":
+        this.prismFocus.emit({
+          name: "input-focused",
+          checked: this.checked,
+          type: "checkbox",
+          value: i.value,
+          target: i
+        });
+    }
+  }
+  connectedCallback() {
+    this.describedBy = this.hint ? `${this.hintId} ${this.ariaDescribedby}`.trim() : this.ariaDescribedby, o("prism-switch");
+  }
+  render() {
+    const t = this.invalid;
+    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: {
+      "hint-container": !0,
+      "screen-reader-text": this.invalid && this.hideInvalid
+    } }, this.invalid && e("prism-icon", { key: "d5184b8a865f80ce3c582061d8ed6d61fdad4b9d", theme: "fill", slot: "icon-trailing", size: "xs", tone: "negative", name: "alert" }), e("prism-text", { key: "89f60d13a2744f695251f093413eb4ce7a3c0776", class: {
+      "invalid-text": this.invalid,
+      "hint-text": !0
+    }, display: "caption" }, this.invalidMessage))));
+  }
+};
+d.style = h;
+export {
+  d as prism_switch
+};

package/dist/prism-tab.entry-dV7AljQC.js

@@ -0,0 +1,20 @@
+import { r as a, h as e, H as s } from "./index-By9FNwDt.js";
+import { m as o } from "./index-e6818ded-r_t6ryaW.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
+ */
+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 {
+  constructor(t) {
+    a(this, t), this.tab = void 0;
+  }
+  connectedCallback() {
+    o("prism-tab");
+  }
+  render() {
+    return e(s, { key: "4f8b238862c9dc5ab2f89a68d67b0e90932f7780", tabindex: "0", class: "panel", role: "tabpanel", "aria-labelledby": this.tab }, e("slot", { key: "307a6887af64a4e961da7eb66feceb28e5dc7bc1" }));
+  }
+};
+i.style = n;
+export {
+  i as prism_tab
+};

package/dist/prism-tabs.entry-DPc_2ypT.js

@@ -0,0 +1,70 @@
+import { r as b, c, h as s, H as m, g as l } from "./index-By9FNwDt.js";
+import { g as d, i as p, m as h } from "./index-e6818ded-r_t6ryaW.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
+ */
+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 {
+  constructor(t) {
+    b(this, t), this.prismClick = c(this, "prismClick", 7), this.prismChange = c(this, "prismChange", 7), this.uid = d(), this.activeTab = [], this.tabControl = (a) => {
+      let r = a.currentTarget, e = r.closest("[role=tablist]"), o = r.getAttribute("aria-controls"), n = p(r);
+      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) => {
+        i.classList.remove("active"), i.setAttribute("aria-selected", "false"), i.setAttribute("tabindex", "-1");
+      }), r.classList.add("active"), r.setAttribute("aria-selected", "true"), r.removeAttribute("tabindex"), this.childrenData.content.forEach((i) => {
+        i.id !== o ? i.setAttribute("hidden", "true") : (this.prismChange.emit({
+          name: "prism-tab-visibility",
+          tabId: r.id,
+          panelId: o,
+          target: r,
+          action: "visible"
+        }), i.removeAttribute("hidden"));
+      });
+    }, this.tabKeyListeners = (a) => {
+      let r = a.currentTarget, e = r.closest("[role=tablist]");
+      switch (a.key) {
+        case "ArrowRight":
+          r.nextElementSibling ? r.nextElementSibling.focus() : e.firstChild.focus();
+          break;
+        case "ArrowLeft":
+          r.previousElementSibling ? r.previousElementSibling.focus() : e.lastChild.focus();
+          break;
+        case "Home":
+          a.preventDefault(), e.firstChild.focus();
+          break;
+        case "End":
+          a.preventDefault(), e.lastChild.focus();
+          break;
+      }
+    }, 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";
+  }
+  connectedCallback() {
+    h("prism-tabs");
+  }
+  componentDidLoad() {
+    var t;
+    let a = (t = this.panelContentElement) === null || t === void 0 ? void 0 : t.children;
+    this.childrenData && (this.childrenData = {
+      hasChildren: (a == null ? void 0 : a.length) > 0,
+      numberOfChildren: a == null ? void 0 : a.length,
+      content: a ? Array.from(a) : []
+    }), this.tabs.forEach((r, e) => {
+      r.active === !0 && this.activeTab.push(e);
+    }), this.activeTab[0] || (this.activeTab[0] = 0), this.childrenData.numberOfChildren > 0 && this.childrenData.content.forEach((r, e) => {
+      e !== this.activeTab[0] && r.setAttribute("hidden", "true");
+    });
+  }
+  render() {
+    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) => {
+      var a;
+      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: {
+        "button-text": !0
+      } }, 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));
+    })), s("span", { key: "7a6fb540323c2ebfb24355e322a8237b976aa380", ref: (t) => this.panelContentElement = t, class: "tab-content" }, s("slot", { key: "461898e14e0cacc014b6920e75d2660398f77171" })));
+  }
+  get host() {
+    return l(this);
+  }
+};
+u.style = g;
+export {
+  u as prism_tabs
+};

package/dist/prism-tooltip.entry-DZJ2tfFV.js

@@ -0,0 +1,52 @@
+import { r as n, c as l, h as r, H as d, g as p } from "./index-By9FNwDt.js";
+import { g as h, i as a, c as s, m as c, d as b } from "./index-e6818ded-r_t6ryaW.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
+ */
+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 {
+  constructor(t) {
+    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) => {
+      let o = e.type, i = this.trigger;
+      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")));
+    }, this.closeTooltip = (e) => {
+      let o = e.type, i = this.trigger;
+      if (this.body.style.overflowX = "auto", i === "click") {
+        o === "blur" && this.open === !0 && (this.open = !0), o === "keydown" && this.open && e.key === "Escape" && (this.open = !1);
+        return;
+      }
+      i === "hover" && o === "click" || (this.open = !1, this.open === !1 && (this.updatedDirection = this.direction));
+    }, this.onBlur = (e) => {
+      e.target.closest(this.tagName) !== this.host && (this.open = !1);
+    }, this.appearOn = (e, o = !0) => {
+      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);
+    }, 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}`;
+  }
+  getHeight() {
+    return (s[this.size].h - 6) / 2;
+  }
+  getWidth() {
+    return (s[this.size].w - 6) / 2;
+  }
+  componentWillLoad() {
+    this.position.height = `${this.getHeight()}px`, this.position.width = `${this.getWidth()}px`, this.updatedDirection = this.direction;
+  }
+  connectedCallback() {
+    document.addEventListener("mousedown", this.onBlur), c("prism-tooltip"), b("<prism-tooltip/>", 'has been deprecated. Please use `<prism-popover as="tooltip"/> for improved functionality;');
+  }
+  componentDidRender() {
+    !a(this.ic).any && a(this.tt).any;
+  }
+  disconnectedCallback() {
+    document.removeEventListener("mousedown", this.onBlur);
+  }
+  render() {
+    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));
+  }
+  get host() {
+    return p(this);
+  }
+};
+g.style = v;
+export {
+  g as prism_tooltip
+};