@ed.yakovich/component-library 0.0.13 → 0.0.15

package/dist/prism-progress.entry-Z21rpoTm.js

@@ -0,0 +1,79 @@
+import { r as p, h as i, F as b, H as g } from "./index-D9BZSjMp.js";
+import { m as f } from "./index-44540db3-BN5vFHKr.js";
+import { d as m } from "./index-ba31999b-V1s4iffq.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v8.28.0 - made with ❤️ in Philadelphia
+ */
+const x = ":host{align-items:center;display:flex}.wrap{width:100%}.line{background-color:var(--prism-color-material-secondary-down);border-radius:var(--prism-radius-size-xs);height:var(--prism-spacer-size-xs);margin-right:var(--prism-spacer-size-sm);overflow:hidden;position:relative}.progress-value{bottom:0;left:0;position:absolute;top:0;transform-origin:left;transition:all var(--prism-animation-duration-normal) var(--prism-animation-timing-function);width:100%}.base-track{stroke:var(--prism-color-material-secondary-down)}.circular{align-items:center;display:flex;height:100%;justify-content:center;margin-left:auto;margin-right:auto;position:relative;width:100%}.circle{overflow:visible;position:absolute;z-index:var(--prism-layout-z-index-base)}.circular .value{z-index:50}.primary-brand{background-color:var(--prism-color-fill-brand-primary-base)}.stroke-primary-brand{color:var(--prism-color-text-brand-primary-base)}.secondary-brand{background-color:var(--prism-color-fill-brand-secondary-base)}.stroke-secondary-brand{color:var(--prism-color-text-brand-secondary-base)}.caution{background-color:var(--prism-color-fill-caution-base)}.stroke-caution{color:var(--prism-color-text-caution-base)}.info{background-color:var(--prism-color-fill-info-base)}.stroke-info{color:var(--prism-color-text-info-base)}.primary{background-color:var(--prism-color-fill-primary-base)}.stroke-primary{color:var(--prism-color-text-primary-base)}.secondary{background-color:var(--prism-color-fill-secondary-base)}.stroke-secondary{color:var(--prism-color-text-secondary-base)}.danger{background-color:var(--prism-color-fill-danger-base)}.stroke-danger{color:var(--prism-color-text-danger-base)}.success{background-color:var(--prism-color-fill-success-base)}.stroke-success{color:var(--prism-color-text-success-base)}@media (prefers-reduced-motion){.progress-value{transition:none}}.sr-use-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}", y = x, w = class {
+  constructor(s) {
+    p(this, s), this._transform = (t) => {
+      let e = t - 100;
+      return this.variant === "line" ? `translateX(${e}%)` : `translateX(${Math.abs(0)})`;
+    }, this._feedback = (t) => this.secondsElapsed >= 0 ? m.format(m.addSeconds(/* @__PURE__ */ new Date(0), this.duration - this.secondsElapsed), "mm:ss") : `${t}%`, this._circularSizeConversion = (t) => {
+      switch (t) {
+        case "sm":
+          this.size = 96, this.strokeWidth = 4, this.textSize = "300", this.textFamily = "headline";
+          break;
+        case "md":
+          this.size = 136, this.strokeWidth = 6, this.textSize = "100", this.textFamily = "display";
+          break;
+        case "lg":
+          this.size = 206, this.strokeWidth = 8, this.textSize = "200", this.textFamily = "display";
+          break;
+        default:
+          this.size = 96, this.strokeWidth = 4, this.textSize = "300", this.textFamily = "headline";
+          break;
+      }
+    }, this._countDown = () => {
+      if (this.duration >= 0) {
+        const t = () => {
+          this.secondsElapsed = Math.floor((Date.now() - this.startTime) / 1e3), this.value = Math.floor(100 / this.duration * this.secondsElapsed), Date.now() - this.startTime < this.duration * 1e3 ? setTimeout(t.bind(this), 1e3) : this.value = 100;
+        };
+        t();
+      }
+    }, this._between = (t, e) => this.value >= t && this.value <= e, this._getMultiRangeObject = (t) => this.multitoneRange.find((e) => e.name === t), this.value = 0, this.variant = "line", this.label = void 0, this.tone = "primary-brand", this.circularSize = "sm", this.duration = void 0, this.with = "value", this.multitone = !1, this.multitoneRange = [
+      {
+        name: "low",
+        min: 0,
+        max: 25
+      },
+      {
+        name: "medium",
+        min: 26,
+        max: 74
+      },
+      {
+        name: "high",
+        min: 75,
+        max: 100
+      }
+    ];
+  }
+  watchSize() {
+    this._circularSizeConversion(this.circularSize);
+  }
+  watchMultitone() {
+    this.multitone === !1 && (this.tone = this.tone);
+  }
+  connectedCallback() {
+    f("prism-progress"), this.variant === "circular" && (this._circularSizeConversion(this.circularSize), this.startTime = Date.now(), this._countDown());
+  }
+  render() {
+    var s, t, e, r, a, o, n, l;
+    const h = () => this._feedback(this.value).length ? this._feedback(this.value) : i("slot", null), v = `0 0 ${this.size} ${this.size}`, c = (this.size - this.strokeWidth) / 2, u = c * Math.PI * 2, d = this.value * u / 100;
+    return this.multitone && this.multitoneRange ? (this._between((s = this._getMultiRangeObject("low")) === null || s === void 0 ? void 0 : s.min, (t = this._getMultiRangeObject("low")) === null || t === void 0 ? void 0 : t.max) && (this.tone = "danger"), this._between((e = this._getMultiRangeObject("medium")) === null || e === void 0 ? void 0 : e.min, (r = this._getMultiRangeObject("medium")) === null || r === void 0 ? void 0 : r.max) && (this.tone = "caution"), this._between((a = this._getMultiRangeObject("high")) === null || a === void 0 ? void 0 : a.min, (o = this._getMultiRangeObject("high")) === null || o === void 0 ? void 0 : o.max) && (this.tone = "success"), (n = this._getMultiRangeObject("full")) === null || n === void 0 || n.min, !((l = this._getMultiRangeObject("full")) === null || l === void 0) && l.max && (this.tone = this.tone)) : this.tone = this.tone, i(g, null, i("div", { class: "wrap", style: {
+      width: this.variant === "circular" ? `${this.size}px` : null,
+      height: this.variant === "circular" ? `${this.size}px` : null
+    } }, i("div", { class: { [this.variant]: !0 }, role: "progressbar", "aria-label": this.label, "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": this.value, "aria-valuetext": `${this.value.toString()}% Complete` }, this.variant === "line" && i("div", { class: { "progress-value": !0, [this.tone]: !0, [`type-${this.variant}`]: !0 }, style: { transform: this._transform(this.value) } }), this.variant === "circular" && i(b, null, i("svg", { class: { [`stroke-${this.tone}`]: !0, circle: !0 }, width: this.size, height: this.size, viewBox: v }, i("circle", { class: "base-track", fill: "none", stroke: "#ccc", cx: this.size / 2, cy: this.size / 2, r: c, "stroke-width": `${this.strokeWidth}px` }), i("circle", { fill: "none", stroke: "currentColor", cx: this.size / 2, cy: this.size / 2, r: c, "stroke-width": `${this.strokeWidth}px`, transform: `rotate(-90 ${this.size / 2} ${this.size / 2})`, "stroke-dasharray": `${[d, u - d]}`, "stroke-dashoffset": "0px", "stroke-linecap": "round", style: { transition: "all 0.5s ease-in-out" } })), i("prism-text", { family: this.textFamily, size: this.textSize, class: { value: !0, "sr-use-only": this.with === "none" } }, i(h, null))))), this.variant === "line" && i("prism-text", { family: "body", size: "400", class: { value: !0, "sr-use-only": this.with === "none" } }, i(h, null)));
+  }
+  static get watchers() {
+    return {
+      circularSize: ["watchSize"],
+      multitone: ["watchMultitone"]
+    };
+  }
+};
+w.style = y;
+export {
+  w as prism_progress
+};

package/dist/prism-radio_2.entry-C0HPCb3G.js

@@ -0,0 +1,159 @@
+import { r as o, c as d, h as e, H as c, g as l } from "./index-D9BZSjMp.js";
+import { g as n, m as p } from "./index-44540db3-BN5vFHKr.js";
+import { A as m } from "./index-4d46d9ca-BtyZMEt1.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v8.28.0 - made with ❤️ in Philadelphia
+ */
+const h = '.sc-prism-radio-h{display:var(--prism-radio-display,block);margin:var(--prism-radio-spacing-margin,var(--prism-spacer-size-lg) 0);position:relative;width:auto}.screen-reader-text.sc-prism-radio{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-radio{grid-column-gap:var(--prism-spacer-size-lg);-moz-column-gap:var(--prism-spacer-size-lg);column-gap:var(--prism-spacer-size-lg);display:grid;grid-template-areas:"radio label" "radio hint";grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;grid-template-rows:1fr}.no-visual.label.sc-prism-radio{gap:0}.label.right.sc-prism-radio{grid-template-areas:"label radio" "hint radio"}.label.sc-prism-radio:hover{cursor:pointer}.input[disabled].sc-prism-radio:hover,.label.disabled.sc-prism-radio:hover{cursor:not-allowed}.label-text.sc-prism-radio{color:var(--prism-color-text-primary-base);display:inline-block;grid-area:label;vertical-align:middle}.radio.sc-prism-radio{background-color:var(--prism-color-material-primary-base);border:1px solid var(--prism-color-border-secondary-base);border-radius:var(--prism-radius-size-full);box-sizing:initial;display:inline-block;flex-shrink:0;grid-area:radio;height:1.5rem;outline:1px solid transparent;outline-offset:2px;pointer-events:none;text-align:center;vertical-align:middle;width:1.5rem}.radio.sc-prism-radio,.radio.sc-prism-radio:after{position:relative;transition:all var(--prism-animation-duration-normal) var(--prism-animation-timing-function)}.radio.sc-prism-radio:after{background-color:initial;border-radius:var(--prism-radius-size-full);bottom:var(--prism-spacer-size-xs);content:"";display:block;height:var(--prism-spacer-size-lg);left:var(--prism-spacer-size-xs);right:var(--prism-spacer-size-xs);top:var(--prism-spacer-size-xs);width:var(--prism-spacer-size-lg)}.input.sc-prism-radio{border:2px solid;border-radius:var(--prism-radius-size-full);cursor:pointer;height:1.5rem;left:var(--prism-spacer-size-xxs);margin:0;opacity:0;overflow:hidden;padding:0;position:absolute;top:var(--prism-spacer-size-xxs);visibility:visible;width:1.5rem}.checked.sc-prism-radio{border-color:var(--prism-color-border-brand-primary-base)}.checked.sc-prism-radio:after{background-color:var(--prism-color-fill-brand-primary-base)}.sc-prism-radio-h:focus-within .sc-prism-radio:not(.loading) .radio.sc-prism-radio{outline:1px solid var(--prism-color-border-secondary-focus)}.sc-prism-radio-h:focus-within .sc-prism-radio:not(.loading) .checked.sc-prism-radio{outline-color:var(--prism-color-border-brand-primary-focus)}.sc-prism-radio-h:focus-within .sc-prism-radio:not(.loading) .checked.sc-prism-radio:after{background-color:var(--prism-color-fill-brand-primary-focus)}.input.sc-prism-radio:hover+.label.sc-prism-radio:not(.disabled) .radio.sc-prism-radio,.label.sc-prism-radio:not(.disabled):hover .radio.sc-prism-radio{border-color:var(--prism-color-border-primary-hover)}.input.sc-prism-radio:hover+.label.sc-prism-radio:not(.disabled) .checked.sc-prism-radio:after,.label.sc-prism-radio:not(.disabled):hover .checked.sc-prism-radio:after{background-color:var(--prism-color-fill-brand-primary-hover)}.input.sc-prism-radio:hover+.label.sc-prism-radio:not(.disabled) .checked.sc-prism-radio,.label.sc-prism-radio:not(.disabled):hover .checked.sc-prism-radio{border-color:var(--prism-color-border-brand-primary-hover)}.sc-prism-radio-h:focus-within .label.sc-prism-radio .checked.invalid.sc-prism-radio,.sc-prism-radio-h:focus-within .label.sc-prism-radio .invalid.sc-prism-radio{outline-color:var(--prism-color-border-danger-focus)}.sc-prism-radio-h:focus-within .label.sc-prism-radio .checked.invalid.sc-prism-radio:after{background-color:var(--prism-color-fill-danger-focus)}.input.sc-prism-radio:hover+.label.sc-prism-radio:not(.disabled) .invalid.sc-prism-radio,.label.sc-prism-radio:not(.disabled):hover .invalid.sc-prism-radio{border-color:var(--prism-color-border-danger-hover)}.input.sc-prism-radio:hover+.label.sc-prism-radio:not(.disabled) .checked.invalid.sc-prism-radio:after,.label.sc-prism-radio:not(.disabled):hover .checked.invalid.sc-prism-radio:after{background-color:var(--prism-color-fill-danger-hover)}.invalid.sc-prism-radio{border-color:var(--prism-color-border-danger-base)}.checked.invalid.sc-prism-radio:after{background-color:var(--prism-color-fill-danger-base)}.disabled.sc-prism-radio{cursor:not-allowed;opacity:var(--prism-alpha-disabled)}.disabled.sc-prism-radio .radio.sc-prism-radio{border-color:var(--prism-color-border-primary-disabled)}.hint-container.sc-prism-radio{align-items:center;display:flex;gap:var(--prism-spacer-size-xs);margin:var(--prism-spacer-size-xs)}.hint-text.sc-prism-radio{display:block;text-align:left}.invalid-text.sc-prism-radio{color:var(--prism-color-text-danger-base)}.loading.sc-prism-radio{cursor:wait;pointer-events:none}.loading.sc-prism-radio .radio.sc-prism-radio{border-color:var(--prism-color-border-primary-disabled)}.loading.sc-prism-radio .radio.sc-prism-radio:after{opacity:var(--prism-alpha-disabled)}.loading-spinner.sc-prism-radio{align-items:center;border-color:var(--prism-color-border-primary-inactive);color:var(--prism-color-text-secondary-base);display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.checked.sc-prism-radio .loading-spinner.sc-prism-radio{color:var(--prism-color-text-brand-primary-base)}@media (prefers-reduced-motion:reduce){.radio.sc-prism-radio,.radio.sc-prism-radio:after{transition:none}}', b = h, u = class {
+  constructor(r) {
+    o(this, r), this.prismChange = d(this, "prismChange", 7), this.prismInput = d(this, "prismInput", 7), this.prismRadioElement = d(this, "prismRadioElement", 7), this.prismBlur = d(this, "prismBlur", 7), this.prismFocus = d(this, "prismFocus", 7), this.uid = n(), this.isDirty = !1, this._supressAsterisk = !1, this.prismId = `prism-radio-${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.invalid = !1, this.invalidMessage = "This field is required", this.describedby = "", this.value = void 0, this.alignment = "left", this.validation = "native", this.hintId = `${this.prismId}-hint`, this.customDescribedBy = void 0;
+  }
+  /**
+   * Listen for Prism Connected Event
+   */
+  onConnected(r) {
+    let i = r.detail.id, s = this.el.closest("prism-radio-group").querySelector("fieldset").id;
+    i === s && r.detail.name === "prism-radio-group-connected" && r.detail.required === !0 && (this._supressAsterisk = !0);
+  }
+  /**
+   * @description Public: Set Focus on Input
+   */
+  async setFocus() {
+    this.element && this.element.focus();
+  }
+  /** @internal  */
+  onCheckValidity(r) {
+    r.preventDefault();
+    const i = r.currentTarget, s = i.closest("prism-radio-group");
+    s ? s.setAttribute("invalid", !0) : (this.validation === "native" && (this.invalid = !i.validity.valid), this.customDescribedBy = `${this.hintId} ${this.describedby}`.trim()), this.prismInput.emit({ name: "check-validity", value: i.value, target: i, reason: i.validity });
+  }
+  // Emit onChange of Value Event
+  /** @internal  */
+  valueChanged(r) {
+    var i;
+    (i = this.el) === null || i === void 0 || i.setAttribute("value", r.target.value), this.prismChange.emit({ name: "value-changed", value: r.target.value });
+  }
+  // Native Event Handling
+  /** @internal  */
+  inputChanged(r) {
+    this.isDirty = !0, this.customDescribedBy = `${this.hintId} ${this.describedby}`.trim();
+    let i = r.currentTarget;
+    this.checked = i.checked, this.validation === "native" && (this.invalid = !i.validity.valid), this.prismInput.emit({
+      name: "radio-changed",
+      id: i.id,
+      group: this.name,
+      checked: this.checked,
+      invalid: this.invalid,
+      target: i
+    });
+  }
+  // Input has focus or blurred
+  /** @internal  */
+  inputState(r) {
+    let i = r.currentTarget;
+    switch (r.type) {
+      case "blur":
+        this.isDirty && this.validation === "native" && (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
+        });
+    }
+  }
+  /**
+   * Listen to Keydown Events
+   */
+  /** @internal  */
+  inputKeyDown(r) {
+    this.loading && (r.key === "ArrowUp" || r.key === "ArrowDown" || r.key === "ArrowLeft" || r.key === "ArrowRight") && r.preventDefault();
+  }
+  connectedCallback() {
+    this.customDescribedBy = this.hint ? `${this.hintId} ${this.describedby}`.trim() : this.describedby, p("prism-radio");
+  }
+  render() {
+    const r = this.invalid;
+    return e(c, { key: "82d0ef174b5f0aacd10e3cf2af1b744559cea543" }, e("input", { key: "21b37f4a4601188a383e2e528d252375f1ad50ca", onInput: (i) => this.inputChanged(i), onInvalid: (i) => this.onCheckValidity(i), onChange: (i) => this.valueChanged(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, type: "radio", disabled: this.disabled, required: this.required, "aria-describedby": this.customDescribedBy ? this.customDescribedBy : !1, value: this.value, class: { input: !0, loading: this.loading } }), e("label", { key: "b7c2209cce9e93e1d784ff0ba9fefdda26f3ff6c", class: { label: !0, disabled: this.disabled, loading: this.loading, [this.alignment]: !0, "no-visual": this.hideLabel }, htmlFor: this.prismId }, e("span", { key: "3415615258a3d70dda6fc5f854be3616f1ffef51", class: { radio: !0, checked: this.checked, invalid: this.invalid } }, this.loading && e("span", { key: "c1e1687c6b098a44aedefe34f086db4efd191555", class: "loading-spinner" }, e("prism-loading", { key: "723dbb47fff88059d6cb39c344ff205b0b21556e", as: "spinner", size: "xs" }))), e("prism-text", { key: "f8b1fe0f07495640ca72ccdffb1d66aeae28385b", family: "body", size: "400", class: { "label-text": !0, "screen-reader-text": this.hideLabel } }, this.label, this.required && !this._supressAsterisk && e(m, { key: "17f056269ec6f5a4a7f040f0c580e93b5c1cf08a" })), this.hint && e("prism-text", { key: "7024a1cc702cb31d4a26430714f02ba59d873d48", as: "caption", priority: "secondary", class: { "hint-text": !0, "screen-reader-text": this.hideLabel } }, this.hint), e("slot", { key: "d71cb6267ea11148aadef908c07a4ea6f24887c6", name: "meta" })), e("span", { key: "b6db768ad9f6ad77bcbf1037166a3360e540fbfb", "aria-live": "polite", id: this.hintId }, r && e("span", { key: "f0c6648d82f183090509ff31d9af036c1e8220ff", class: {
+      "hint-container": !0,
+      "screen-reader-text": this.invalid && this.hideInvalid
+    } }, this.invalid && e("prism-icon", { key: "1feeb3299adb69b513cd7ed4b0cceb335f8831ea", display: "fill", slot: "icon-trailing", size: "xs", tone: "danger", name: "alert" }), e("prism-text", { key: "0b778fad5d1c0b7b085f2b718e12240e2ba2bfd0", class: {
+      "invalid-text": this.invalid,
+      "hint-text": !0
+    }, as: "caption" }, this.invalidMessage))));
+  }
+  get el() {
+    return l(this);
+  }
+};
+u.style = b;
+const g = ".sc-prism-radio-group-h{display:var(--prism-radio-group-display,block)}.screen-reader-text.sc-prism-radio-group{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}fieldset.sc-prism-radio-group{border:2px solid transparent;color:var(--prism-radio-group-legend-color,var(--prism-color-text-primary-base));margin:0;padding:var(--prism-radio-group-spacing-padding,var(--prism-spacer-size-sm));transition:border-color var(--prism-animation-duration-normal) var(--prism-animation-timing-function)}.layout-inline.sc-prism-radio-group,.layout-stacked.sc-prism-radio-group,.radio-collection.sc-prism-radio-group{--prism-radio-spacing-margin:var(--prism-radio-group-collection-spacing-margin,0);display:var(--prism-radio-group-collection-display,flex);flex-direction:var(--prism-radio-group-collection-flex-direction,row);gap:var(--prism-radio-group-collection-spacing-gap,var(--prism-spacer-size-xl))}.layout-stacked.sc-prism-radio-group{flex-direction:var(--prism-radio-group-collection-flex-direction,column)}.legend-container.sc-prism-radio-group{display:flex;margin:0}.legend.sc-prism-radio-group{--prism-text-display:block;color:var(--prism-color-text-primary-base);margin-bottom:var(--prism-spacer-size-xs)}.invalid.sc-prism-radio-group{border:2px solid var(--prism-color-border-danger-base)}.invalid-message.sc-prism-radio-group{color:var(--prism-color-text-danger-base);display:block}.hint-container.sc-prism-radio-group{align-items:center;display:flex;gap:var(--prism-spacer-size-xs);margin-top:var(--prism-spacer-size-xs)}@media (prefers-reduced-motion:reduce){fieldset.sc-prism-radio-group{transition:none}}", f = g, v = class {
+  constructor(r) {
+    o(this, r), this.prismChange = d(this, "prismChange", 7), this.prismConnected = d(this, "prismConnected", 7), this.uid = n(), this.radios = this.el.getElementsByTagName("prism-radio"), this.prismId = `prism-radio-group-${this.uid}`, this.legend = void 0, this.showLegend = !0, this.invalid = !1, this.value = void 0, this.loading = !1, this.invalidMessage = "Please choose from one of the options", this.layout = void 0, this.required = !1, this.legendTypeSize = "md", this.hintId = `${this.prismId}-hint`;
+  }
+  onRadioSelect(r) {
+    const i = r.detail;
+    if (i.name === "radio-changed") {
+      Array.from(this.radios).map((t) => {
+        t.setAttribute("loading", String(this.loading)), this.invalid = t.invalid, t.checked && i.id !== t.getAttribute("prism-id") && t.removeAttribute("checked");
+      });
+      const a = i.target;
+      this.prismChange.emit({
+        name: "radio-group-changed",
+        checked: a.checked,
+        group: a.name,
+        id: a.id,
+        invalid: a.invalid,
+        loading: a.loading,
+        target: a,
+        value: a.value
+      });
+    }
+  }
+  /**
+   * Listen to Reset Events
+   */
+  handleReset() {
+    Array.from(this.radios).map((i) => {
+      i.checked = !1;
+    });
+  }
+  /** Component Added to DOM */
+  connectedCallback() {
+    Array.from(this.radios).forEach((i) => {
+      if (i.setAttribute("loading", String(this.loading)), i.value === this.value && (i.checked = !0), i.hasAttribute("aria-describedby")) {
+        let s = i.getAttribute("aria-describedby");
+        i.setAttribute("aria-describedby", `${this.hintId} ${s}`);
+      } else
+        i.setAttribute("aria-describedby", this.hintId);
+    }), this.prismConnected.emit({ name: "prism-radio-group-connected", id: this.prismId, required: this.required }), p("prism-radio-group");
+  }
+  componentDidUpdate() {
+    Array.from(this.radios).forEach((i) => {
+      i.setAttribute("loading", String(this.loading));
+    });
+  }
+  render() {
+    return e(c, { key: "ae1aae43ed30f2afc5d241f0d9cfa32d97c23ce6" }, e("fieldset", { key: "d4f7555cb644acd2c5a72ae263034c6c9b25177e", id: this.prismId, class: { invalid: this.invalid }, role: "radiogroup", "aria-required": this.required.toString(), "aria-invalid": this.invalid.toString() }, e("legend", { key: "320929525fa2ce0bf56f35c6f4de91e06dd2032d", class: {
+      "legend-container": !0,
+      "screen-reader-text": !this.showLegend || this.legend === ""
+    } }, e("prism-text", { key: "dd51abeb2d644df9bc78bff981adffe067ba81fb", class: "legend", tag: "span", as: this.legendTypeSize === "sm" ? "caption" : void 0, family: this.legendTypeSize === "md" ? "body" : void 0, size: this.legendTypeSize === "md" ? "400" : void 0 }, this.legend), this.required && e(m, { key: "53b7a5897c13d5e6dc91564bed073c1f4a3671a3" })), e("section", { key: "8052e34252d143095b68cfacdef2176f63814fbb", class: { "radio-collection": !0, [`layout-${this.layout}`]: !!this.layout } }, e("slot", { key: "b97381ce7ac72547a3cfc60ab0f9355bbd685004" })), e("span", { key: "7f521bdd307aa449046fecb0beac4da1a9098071", "aria-live": "polite", id: this.hintId }, this.invalid && e("span", { key: "38109a79934d74cbddbe2c004e7e0f78f454d8f8", class: "hint-container" }, this.invalid && e("prism-icon", { key: "eb6fd617b82c22709fb3a4bb7c97245f2450bddc", display: "fill", size: "xs", tone: "danger", name: "alert" }), e("prism-text", { key: "0eb86992a05912b060af44b8541db50662774a58", class: "invalid-message", as: "caption" }, this.invalidMessage)))));
+  }
+  get el() {
+    return l(this);
+  }
+};
+v.style = f;
+export {
+  u as prism_radio,
+  v as prism_radio_group
+};

package/dist/prism-select.entry-B_l-ab1d.js

@@ -0,0 +1,286 @@
+import { r as b, c as u, h as a, F as f, H as y, g as z } from "./index-D9BZSjMp.js";
+import { r as x } from "./index.esm-a7c99373-DUoLYEEM.js";
+import { g as w, m as O } from "./index-44540db3-BN5vFHKr.js";
+import { A as S } from "./index-4d46d9ca-BtyZMEt1.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v8.28.0 - made with ❤️ in Philadelphia
+ */
+const k = '.sc-prism-select-h{--arrow-trigger-width:var(--prism-spacer-size-xxl);box-sizing:border-box;display:block;isolation:auto;margin:var(--prism-select-spacing-margin,var(--prism-spacer-size-lg) 0);position:relative;width:100%}.screen-reader-text.sc-prism-select{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-text.sc-prism-select{color:var(--prism-color-text-primary-base);cursor:pointer;display:inline-block;margin-bottom:var(--prism-spacer-size-xs);text-align:left}@media (prefers-reduced-motion){.select.sc-prism-select{transition:none}}.select.sc-prism-select{--select-contained-size-md:var(--prism-spacer-size-lg) calc(var(--prism-spacer-size-lg) + var(--arrow-trigger-width)) var(--prism-spacer-size-lg) var(--prism-spacer-size-lg);--select-contained-size-md-leading:var(--prism-spacer-size-lg) calc(var(--prism-spacer-size-lg) + var(--arrow-trigger-width)) var(--prism-spacer-size-lg) var(--prism-spacer-size-4xl);--select-contained-size-sm:var(--prism-spacer-size-md) calc(var(--prism-spacer-size-md) + var(--arrow-trigger-width)) var(--prism-spacer-size-md) var(--prism-spacer-size-md);--select-contained-size-sm-leading:var(--prism-spacer-size-md) calc(var(--prism-spacer-size-md) + var(--arrow-trigger-width)) var(--prism-spacer-size-md) var(--prism-spacer-size-4xl);--select-contained-size-xs:var(--prism-spacer-size-sm-plus) calc(var(--prism-spacer-size-sm-plus) + var(--arrow-trigger-width)) var(--prism-spacer-size-sm-plus) var(--prism-spacer-size-sm-plus);--select-contained-size-xs-leading:var(--prism-spacer-size-sm-plus) calc(var(--prism-spacer-size-sm-plus) + var(--arrow-trigger-width)) var(--prism-spacer-size-sm-plus) var(--prism-spacer-size-4xl);--select-contained-size-2xs:var(--prism-spacer-size-xs) calc(var(--prism-spacer-size-sm) + var(--arrow-trigger-width)) var(--prism-spacer-size-xs) var(--prism-spacer-size-sm);--select-contained-size-2xs-leading:var(--prism-spacer-size-xs) calc(var(--prism-spacer-size-sm) + var(--arrow-trigger-width)) var(--prism-spacer-size-xs) var(--prism-spacer-size-4xl);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--prism-color-border-secondary-base);border-radius:var(--prism-radius-size-sm);box-sizing:border-box;color:var(--prism-color-text-primary-base);display:block;font-family:var(--prism-font-body-400-family);font-size:var(--prism-font-body-400-size);font-weight:var(--prism-font-body-400-weight);letter-spacing:var(--prism-font-body-400-tracking);line-height:var(--prism-font-body-400-leading);outline:2px solid transparent;outline-offset:2px;text-align:left;transition:all var(--prism-animation-duration-normal) var(--prism-animation-timing-function);width:100%}.ghost.sc-prism-select{border:1px solid transparent}.select.select-size-sm.sc-prism-select,.select.select-size-xs.sc-prism-select,.select.select-size-xxs.sc-prism-select{font-family:var(--prism-font-body-300-family);font-size:var(--prism-font-body-300-size);font-weight:var(--prism-font-body-300-weight);letter-spacing:var(--prism-font-body-300-tracking);line-height:var(--prism-font-body-300-leading)}.select.contained.select-size-md.sc-prism-select,.select.ghost.select-size-md.sc-prism-select{padding:var(--prism-select-spacing-padding,var(--select-contained-size-md))}.select.contained.select-size-md.with-leading-icon.sc-prism-select,.select.ghost.select-size-md.with-leading-icon.sc-prism-select{padding:var(--prism-select-spacing-padding,var(--select-contained-size-md-leading))}.select.contained.select-size-sm.sc-prism-select,.select.ghost.select-size-sm.sc-prism-select{padding:var(--prism-select-spacing-padding,var(--select-contained-size-sm))}.select.contained.select-size-sm.with-leading-icon.sc-prism-select,.select.ghost.select-size-sm.with-leading-icon.sc-prism-select{padding:var(--prism-select-spacing-padding,var(--select-contained-size-sm-leading))}.select.contained.select-size-xs.sc-prism-select,.select.ghost.select-size-xs.sc-prism-select{padding:var(--prism-select-spacing-padding,var(--select-contained-size-xs))}.select.contained.select-size-xs.with-leading-icon.sc-prism-select,.select.ghost.select-size-xs.with-leading-icon.sc-prism-select{padding:var(--prism-select-spacing-padding,var(--select-contained-size-xs-leading))}.select.contained.select-size-xxs.sc-prism-select,.select.ghost.select-size-xxs.sc-prism-select{padding:var(--prism-select-spacing-padding,var(--select-contained-size-2xs))}.select.contained.select-size-xxs.with-leading-icon.sc-prism-select,.select.ghost.select-size-xxs.with-leading-icon.sc-prism-select{padding:var(--prism-select-spacing-padding,var(--select-contained-size-2xs-leading))}.select.contained.primary-tone.sc-prism-select,.select.ghost.primary-tone.sc-prism-select{background-color:var(--prism-color-material-primary-base)}.select.contained.secondary-tone.sc-prism-select,.select.ghost.secondary-tone.sc-prism-select{background-color:var(--prism-color-material-secondary-base)}.select.minimal.sc-prism-select{--select-minimal-size-md:var(--prism-spacer-size-md) var(--arrow-trigger-width) var(--prism-spacer-size-sm) 0;--select-minimal-size-md-leading:var(--prism-spacer-size-md) var(--arrow-trigger-width) var(--prism-spacer-size-sm) var(--prism-spacer-size-3xl);--select-minimal-size-sm:var(--prism-spacer-size-md) var(--arrow-trigger-width) var(--prism-spacer-size-md) 0px;--select-minimal-size-sm-leading:var(--prism-spacer-size-md) var(--arrow-trigger-width) var(--prism-spacer-size-md) var(--prism-spacer-size-3xl);--select-minimal-size-xs:var(--prism-spacer-size-sm-plus) var(--arrow-trigger-width) var(--prism-spacer-size-sm-plus) 0px;--select-minimal-size-xs-leading:var(--prism-spacer-size-sm-plus) var(--arrow-trigger-width) var(--prism-spacer-size-sm-plus) var(--prism-spacer-size-3xl);--select-minimal-size-2xs:var(--prism-spacer-size-sm) var(--prism-spacer-size-xxl) var(--prism-spacer-size-sm) 0px;--select-minimal-size-2xs-leading:var(--prism-spacer-size-sm) var(--arrow-trigger-width) var(--prism-spacer-size-sm) var(--prism-spacer-size-3xl);background-color:initial;border:0;border-bottom:2px solid var(--prism-color-border-secondary-base);border-radius:var(--prism-radius-size-none)}.select.minimal.select-size-md.sc-prism-select{padding:var(--prism-select-spacing-padding,var(--select-minimal-size-md))}.select.minimal.select-size-md.with-leading-icon.sc-prism-select{padding:var(--prism-select-spacing-padding,var(--select-minimal-size-md-leading))}.select.minimal.select-size-sm.sc-prism-select{padding:var(--prism-select-spacing-padding,var(--select-minimal-size-sm))}.select.minimal.select-size-sm.with-leading-icon.sc-prism-select{padding:var(--prism-select-spacing-padding,var(--select-minimal-size-sm-leading))}.select.minimal.select-size-xs.sc-prism-select{padding:var(--prism-select-spacing-padding,var(--select-minimal-size-xs))}.select.minimal.select-size-xs.with-leading-icon.sc-prism-select{padding:var(--prism-select-spacing-padding,var(--select-minimal-size-xs-leading))}.select.minimal.select-size-xxs.sc-prism-select{padding:var(--prism-select-spacing-padding,var(--select-minimal-size-2xs))}.select.minimal.select-size-xxs.with-leading-icon.sc-prism-select{padding:var(--prism-select-spacing-padding,var(--select-minimal-size-2xs-leading))}.select.sc-prism-select:invalid{color:var(--prism-color-text-danger-base)}.select.sc-prism-select:focus-visible{border-color:var(--prism-color-border-brand-primary-focus);outline:1px solid var(--prism-color-border-brand-primary-focus);outline-offset:0}.minimal.sc-prism-select-h .select.sc-prism-select:focus-visible{border:0;border-bottom:2px solid var(--prism-color-border-brand-primary-focus);border-radius:var(--prism-radius-size-xs);outline:2px solid var(--prism-color-border-brand-primary-focus);outline-offset:var(--prism-spacer-size-xs)}.hint-text.sc-prism-select{display:block;text-align:left}.invalid-text.sc-prism-select{color:var(--prism-color-text-danger-base)}.disabled.sc-prism-select{cursor:not-allowed;opacity:var(--prism-alpha-inactive)}.invalid.sc-prism-select:focus-visible{outline-color:var(--prism-color-border-danger-base)}.invalid.sc-prism-select,.minimal.sc-prism-select-h .invalid.sc-prism-select,.minimal.sc-prism-select-h .invalid.sc-prism-select:focus-visible{border-color:var(--prism-color-border-danger-base)}.select-container.sc-prism-select{align-items:center;display:flex;position:relative}.arrow.sc-prism-select{pointer-events:none;position:absolute;right:calc(var(--prism-select-arrow-offset, var(--prism-spacer-size-lg)) - var(--arrow-trigger-width));transition:none;z-index:var(--prism-layout-z-index-base)}.arrow.hidden.sc-prism-select{display:none}.hint-container.sc-prism-select{gap:var(--prism-spacer-size-xs);margin-top:var(--prism-spacer-size-xs)}.hint-container.sc-prism-select,.result.sc-prism-select{align-items:center;display:flex}.result.sc-prism-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border-style:none;-moz-column-gap:var(--prism-spacer-size-lg);column-gap:var(--prism-spacer-size-lg);cursor:pointer;font-family:var(--prism-font-body-400-family);font-size:var(--prism-font-body-400-size);font-weight:var(--prism-font-body-400-weight);justify-content:space-between;letter-spacing:var(--prism-font-body-400-tracking);line-height:var(--prism-font-body-400-leading);padding:1rem;text-align:left;transition:background-color var(--prism-animation-duration-fast) var(--prism-animation-timing-function);width:100%}.result.sc-prism-select .selected-icon.sc-prism-select{color:var(--prism-color-text-brand-primary-base)}.result.sc-prism-select:focus-visible{background-color:var(--prism-color-material-primary-focus);outline:2px solid var(--prism-color-border-brand-primary-focus);outline-offset:-3px}.result.sc-prism-select:hover{--prism-text-priority:1;background-color:var(--prism-color-material-primary-hover)}.result.sc-prism-select:active{background-color:var(--prism-color-material-primary-down)}.result.selected.sc-prism-select{--prism-text-priority:1;background-color:var(--prism-color-material-brand-primary-base)}.result.selected.sc-prism-select:hover{background-color:var(--prism-color-material-brand-primary-hover)}.result.selected.sc-prism-select:active{background-color:var(--prism-color-material-brand-primary-down)}.result.selected.sc-prism-select:focus{background-color:var(--prism-color-material-brand-primary-focus)}.result.selected.sc-prism-select:focus .selected-icon.sc-prism-select{color:var(--prism-color-text-brand-primary-focus)}.result.sc-prism-select:disabled{cursor:not-allowed}.result-group-label.sc-prism-select{color:var(--prism-color-text-secondary-base);font-family:var(--prism-font-callout-sm-family);font-size:var(--prism-font-callout-sm-size);font-weight:var(--prism-font-callout-sm-weight);letter-spacing:var(--prism-font-callout-sm-tracking);line-height:var(--prism-font-callout-sm-leading);padding:var(--prism-spacer-size-lg);text-transform:var(--prism-font-callout-sm-transform)}.results.sc-prism-select{display:none;left:0;overflow:auto;position:absolute;top:0}.arrow.results.sc-prism-select{display:none}.results.sc-prism-select{background-color:var(--prism-color-material-primary-base);border:1px solid color-mix(in srgb,var(--prism-color-border-primary-base) var(--prism-alpha-tertiary-percentage),transparent);border-radius:var(--prism-radius-size-md);box-shadow:var(--prism-shadow-xs-base);margin-top:var(--prism-spacer-size-xs);max-height:var(--prism-select-results-height,50vh);width:var(--prism-select-results-width,100%);z-index:var(--prism-layout-z-index-dropdown)}.results.open.sc-prism-select{display:block}.selection-content.sc-prism-select{-moz-column-gap:var(--prism-spacer-size-sm);column-gap:var(--prism-spacer-size-sm);display:grid;flex:1 1 auto;grid-template-areas:"title badge";grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto}.selection-content.with-description.sc-prism-select{grid-template-areas:"title badge" "description badge"}.selection-content.sc-prism-select .selection-title.sc-prism-select{grid-area:title;min-width:0;overflow:hidden;place-self:start;text-overflow:ellipsis}.selection-content.sc-prism-select .selection-description.sc-prism-select{grid-area:description;min-width:0;overflow:hidden;place-self:start;text-overflow:ellipsis}.selection-content.sc-prism-select .selection-attributes.sc-prism-select{grid-area:badge;place-self:center;justify-self:start}.results-container.sc-prism-select{position:relative}.announcement.sc-prism-select{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.count-badge.sc-prism-select{margin-right:var(--prism-spacer-size-xs)}.sc-prism-select-s>[css-slot=asset-leading]{left:var(--prism-spacer-size-lg);position:absolute;z-index:var(--prism-layout-z-index-base)}.sc-prism-select-h.minimal.sc-prism-select-s>[css-slot=asset-leading],.sc-prism-select-h.minimal .sc-prism-select-s>[css-slot=asset-leading]{left:0}', C = k, _ = class {
+  constructor(t) {
+    b(this, t), this.prismChange = u(this, "prismChange", 7), this.prismInput = u(this, "prismInput", 7), this.prismBlur = u(this, "prismBlur", 7), this.prismFocus = u(this, "prismFocus", 7), this.prismWatch = u(this, "prismWatch", 7), this.uid = w(), this.isDirty = !1, this.debounceDelay = 500, this.appearFrom = "bottom", this._hostTag = "prism-select", this._setResultsPosition = (s) => {
+      let i = window.innerHeight / 2;
+      this.appearFrom === "top" && i > s.top && (this.resultsPosition = "bottom"), this.appearFrom === "bottom" && i < s.bottom && (this.resultsPosition = "top"), this.hostHeight = `${s.height}px`;
+    }, this._setInitialValue = () => {
+      const s = (e, c) => {
+        if (!e || e.length === 0)
+          return null;
+        let l = e.find((r) => r.value === c);
+        if (l)
+          return l;
+        for (const r of e)
+          if (r.children && r.children.length > 0) {
+            const d = s(r.children, c);
+            if (d)
+              return d;
+          }
+        return null;
+      }, i = (e) => {
+        if (!e || e.length === 0)
+          return null;
+        let c = e.find((l) => l.value === "");
+        if (c || (c = e.find((l) => l.selected === !0), c))
+          return c;
+        for (const l of e)
+          if (l.children && l.children.length > 0) {
+            const r = i(l.children);
+            if (r)
+              return r;
+          }
+        return e[0];
+      };
+      let n = null;
+      this.value && (n = s(this.customOptions, this.value)), n || (n = i(this.customOptions)), n && this.as === "custom" && (this.value = n.value, this.customDisplayValue = n.display || n.value, this.hiddenValue = n.value, this.multiple || (this._clearAllSelectedOptions(), this._updateCustomSelections(n.value)));
+    }, this.slots = {
+      "asset-leading": !1
+    }, this._handleResize = x((s) => {
+      this._setResultsPosition(this.el.getBoundingClientRect());
+    }, this.debounceDelay), this._hasInitializedSlot = !1, this.filterSelectedOptions = (s) => s == null ? void 0 : s.reduce((i, n) => (n.selected ? i.push(n) : n.children && (i = [...i, ...this.filterSelectedOptions(n.children)]), i), []), this._clearAllSelectedOptions = () => {
+      this.customOptions.forEach((s) => {
+        var i;
+        s.selected && (s.selected = !1), (i = s.children) === null || i === void 0 || i.forEach((n) => {
+          n.selected && (n.selected = !1);
+        });
+      });
+    }, this._updateCustomSelections = (s) => {
+      const i = (n) => n.map((e) => {
+        if (e.label && e.children && !e.value)
+          return Object.assign(Object.assign({}, e), { children: i(e.children) });
+        if (this.multiple) {
+          if (e.value === s)
+            return e.selected === !0 ? Object.assign(Object.assign({}, e), { selected: !1 }) : Object.assign(Object.assign({}, e), { selected: !0 });
+          if (e.value === "")
+            return Object.assign(Object.assign({}, e), { selected: !1 });
+        } else if (e.value === s)
+          return Object.assign(Object.assign({}, e), { selected: !0 });
+        return e.children && e.children.length > 0 ? Object.assign(Object.assign({}, e), { children: i(e.children) }) : !this.multiple && !e.value && !e.children ? Object.assign(Object.assign({}, e), { selected: !1 }) : Object.assign({}, e);
+      });
+      this.customOptions = i(this.customOptions);
+    }, this._setMultipleValues = () => {
+      if (this.multiple && this.customOptions) {
+        if (this.hiddenValue = this.filterSelectedOptions(this.customOptions).map((s) => s.value).join(","), this.totalCustomOptions = this.hiddenValue !== "" ? this.hiddenValue.split(",").length : 0, this.totalCustomOptions <= 0) {
+          const s = this.customOptions.find((i) => i.value === "");
+          s && (this.value = s.value, this.customDisplayValue = s.display || s.value, s.selected = !0, this.pseudoSelect.value = s.value);
+        } else
+          this.customDisplayValue = `Selected ${this.totalCustomOptions > 1 ? "options" : "option"}`, this.pseudoSelect.value = this.value;
+        this.liveMessage = `${this.totalCustomOptions} ${this.customDisplayValue}`;
+      }
+    }, this.selectOption = (s) => {
+      let i = s.currentTarget;
+      i.dataset.value === "" && this._clearAllSelectedOptions(), this.multiple || (this.pseudoSelect.value = i.dataset.value, this.value = i.dataset.value === "" ? i.dataset.display : i.dataset.value, this.customDisplayValue = i.dataset.display, this.displayResults = !1, this._clearAllSelectedOptions(), this.pseudoSelect.focus(), this.hiddenValue = i.dataset.value), this._updateCustomSelections(i.dataset.value), this._setMultipleValues(), this.prismChange.emit({
+        name: "value-changed",
+        value: this.hiddenValue,
+        data: this.customOptions,
+        multiple: this.multiple,
+        icon: i.dataset.icon,
+        iconTone: i.dataset.icontone
+      });
+    }, this.onBlur = (s) => {
+      s.target.closest(this.el.tagName.toLowerCase()) !== this.el && (this.displayResults = !1);
+    }, this.openCustomOptions = (s) => {
+      this.displayResults = !this.displayResults;
+    }, this.inputKeyListeners = (s) => {
+      switch (s.key) {
+        case "ArrowDown":
+          s.preventDefault(), this.resultsElement && this.resultsElement.querySelectorAll("button")[0].focus();
+          break;
+        case "Escape":
+          this.displayResults = !1;
+          break;
+      }
+    }, this.resultsKeyListeners = (s) => {
+      var i, n, e, c, l, r;
+      let d = s.currentTarget, p = this.resultsElement.querySelectorAll("button"), h = p[0], v = p[p.length - 1];
+      switch (s.key) {
+        case "ArrowDown":
+          switch (s.preventDefault(), (i = d.nextElementSibling) === null || i === void 0 ? void 0 : i.role) {
+            case "option":
+              (n = d.nextElementSibling) === null || n === void 0 || n.focus();
+              break;
+            case "group":
+              let o = d.nextElementSibling.querySelector('[role="option"]');
+              o == null || o.focus();
+              break;
+            default:
+              let m = (e = d.closest('[role="group"]')) === null || e === void 0 ? void 0 : e.nextElementSibling;
+              m ? m.focus() : h.focus();
+              break;
+          }
+          break;
+        case "ArrowUp":
+          switch (s.preventDefault(), (c = d.previousElementSibling) === null || c === void 0 ? void 0 : c.role) {
+            case "option":
+              (l = d.previousElementSibling) === null || l === void 0 || l.focus();
+              break;
+            case "group":
+              let o = d.previousElementSibling.querySelectorAll('[role="option"]'), m = o[o.length - 1];
+              m == null || m.focus();
+              break;
+            default:
+              let g = (r = d.closest('[role="group"]')) === null || r === void 0 ? void 0 : r.previousElementSibling;
+              g ? g.focus() : v.focus();
+              break;
+          }
+          break;
+        case "Home":
+          h.focus();
+          break;
+        case "End":
+          v.focus();
+          break;
+        case "Escape":
+          this.displayResults = !1, this.pseudoSelect.focus();
+          break;
+      }
+    }, this.prismId = `prism-select-${this.uid}`, this.name = this.uid, this.label = this.name.charAt(0).toUpperCase() + this.name.replace(/-/g, " ").substring(1), this.required = !1, this.disabled = !1, this.hideLabel = !1, this.hideInvalid = !1, this.hint = void 0, this.multiple = !1, this.invalid = !1, this.invalidMessage = "This field is required", this.describedby = "", this.value = void 0, this.options = void 0, this.readonly = !1, this.autoComplete = "off", this.variant = "contained", this.as = "native", this.validation = "native", this.tone = "secondary", this.size = "md", this.combinedDescribedBy = void 0, this.hintId = `${this.prismId}-hint`, this.arrowOffset = "0px", this.hostHeight = "83", this.resultsPosition = "bottom", this.displayResults = !1, this.customOptions = void 0, this.selectedOptions = [], this.hiddenValue = void 0, this.liveMessage = void 0, this.totalCustomOptions = void 0, this.customDisplayValue = void 0;
+  }
+  /**
+   * @description Public: Set Focus on Input
+   */
+  async setFocus() {
+    this.element && this.element.focus(), this.as === "custom" && this.pseudoSelect.focus();
+  }
+  // Watch for changes to the form value
+  emitHiddenValue(t, s) {
+    t !== s && this.prismWatch.emit({
+      name: "multi-results-updated",
+      value: this.hiddenValue
+    });
+  }
+  // Watch for changes to options
+  setCustomOptions(t, s) {
+    if (t && Array.isArray(t)) {
+      const i = (c) => JSON.stringify(c.map((l) => Object.assign(Object.assign({}, l), {
+        // If children exist, sort and serialize them too
+        children: l.children ? i(l.children) : void 0
+      })).sort((l, r) => l.value > r.value ? 1 : -1)), n = i(t), e = s ? i(s) : "";
+      n !== e && (this.customOptions = t, this.as === "custom" && this._setInitialValue());
+    }
+  }
+  setValue(t, s) {
+    this.as === "custom" && !this.multiple && t !== s && this._setInitialValue();
+  }
+  onSubmit(t) {
+    this.as === "custom" && t.type === "submit" && this.pseudoSelect.ariaRequired === "true" && (this.invalid = this.pseudoSelect.value === "");
+  }
+  // Emit onChange of Value Event
+  /** @internal */
+  valueChanged(t) {
+    let s = [];
+    Array.from(t.target.selectedOptions).forEach((i) => s.push(i.value)), this.value = s.join(","), this.prismChange.emit({ name: "value-changed", value: this.value });
+  }
+  // Native Event Handling
+  /** @internal */
+  inputChanged(t) {
+    this.isDirty = !0;
+    let s = t.currentTarget;
+    this.prismInput.emit({
+      name: "input-changed",
+      id: s.id,
+      invalid: this.invalid,
+      target: s
+    });
+  }
+  /** @internal */
+  onCheckValidity(t) {
+    t.preventDefault();
+    const s = t.currentTarget;
+    this.validation === "native" && (this.invalid = !s.validity.valid), this.combinedDescribedBy = `${this.hintId} ${this.combinedDescribedBy}`.trim(), this.prismInput.emit({ name: "check-validity", value: s.value, target: s, reason: s.validity });
+  }
+  // Input has focus or blurred
+  /** @internal */
+  inputState(t) {
+    let s = t.currentTarget;
+    switch (t.type) {
+      case "blur":
+        this.isDirty && this.validation === "native" && (this.invalid = !s.validity.valid), this.prismBlur.emit({ name: "input-blurred", value: s.value, target: s });
+        break;
+      case "focus":
+        this.prismFocus.emit({ name: "input-focused", value: s.value, target: s });
+    }
+  }
+  connectedCallback() {
+    this.combinedDescribedBy = this.hint ? `${this.hintId} ${this.combinedDescribedBy}` : this.combinedDescribedBy, this.as === "custom" && (this.customOptions = this.options ? JSON.parse(JSON.stringify(this.options)) : [], this._setInitialValue(), document.addEventListener("mousedown", this.onBlur), document.addEventListener("keyup", this.onBlur), this.appearFrom ? this.resultsPosition = this.appearFrom : window.addEventListener("resize", this._handleResize)), O("prism-select");
+  }
+  disconnectedCallback() {
+    document.removeEventListener("mousedown", this.onBlur), document.removeEventListener("keyup", this.onBlur), window.removeEventListener("resize", this._handleResize);
+  }
+  componentDidLoad() {
+    if (!this._hasInitializedSlot) {
+      const s = this.el.querySelector('[slot="asset-leading"]');
+      s && (s.setAttribute("css-slot", "asset-leading"), this.slots["asset-leading"] = !0, this._hasInitializedSlot = !0);
+    }
+    this._hostDimensions = this.el.getBoundingClientRect();
+    const t = this.element || this.pseudoSelect;
+    t && (this.arrowOffset = getComputedStyle(t).paddingRight || "0px");
+  }
+  componentWillRender() {
+    if (!this._hasInitializedSlot) {
+      const t = this.el.querySelector('[slot="asset-leading"]');
+      t && (t.setAttribute("css-slot", "asset-leading"), this.slots["asset-leading"] = !0, this._hasInitializedSlot = !0);
+    }
+    this.as === "custom" && (!this.customOptions || this.customOptions.length === 0) && this.options && (this.customOptions = JSON.parse(JSON.stringify(this.options)), this._setInitialValue()), this._hostDimensions && this._setResultsPosition(this._hostDimensions);
+  }
+  componentDidRender() {
+    var t;
+    this.displayResults && this.as === "custom" && this.resultsElement && !this.multiple && ((t = this.resultsElement.querySelector('[aria-selected="true"]')) === null || t === void 0 || t.focus()), this.as === "custom" && this.multiple && this._setMultipleValues();
+  }
+  render() {
+    var t, s;
+    const i = this.invalid || this.hint, n = (e) => {
+      let c = e.selected;
+      const l = !!(e != null && e.icon) || !!(e != null && e.iconPath);
+      return a("button", Object.assign({}, Array.isArray(e.data) ? e.data.reduce((r, d) => Object.assign(Object.assign({}, r), d), {}) : e.data, { role: "option", type: "button", "aria-selected": c == null ? void 0 : c.toString(), key: e.value, "data-value": e.value, "data-display": e.display, "data-icon": e == null ? void 0 : e.icon, "data-icontone": e == null ? void 0 : e.iconTone, value: e.display || e.value, name: e.display || e.value, hidden: e.hidden, disabled: e.disabled, onClick: (r) => this.selectOption(r), onKeyDown: (r) => this.resultsKeyListeners(r), class: { result: !0, selected: c } }), l && a("prism-icon", { class: e == null ? void 0 : e.iconCss, "aria-hidden": e != null && e.iconLabel && (e == null ? void 0 : e.iconLabel.length) > 0 ? void 0 : "true", label: e == null ? void 0 : e.iconLabel, display: (e == null ? void 0 : e.iconTheme) || "fill", name: e == null ? void 0 : e.icon, path: e == null ? void 0 : e.iconPath, tone: c || e == null ? void 0 : e.iconTone }), a("span", { class: { "selection-content": !0, "with-description": !!(e != null && e.description) } }, a("span", { class: "selection-title" }, e.display || e.value), (e == null ? void 0 : e.description) && a("prism-text", { family: "body", size: "300", priority: "secondary", class: "selection-description" }, e == null ? void 0 : e.description), (e == null ? void 0 : e.badge) && a("prism-badge", { tone: e.badgeTone ? e.badgeTone : e.selected ? "primary-brand" : "secondary", label: e == null ? void 0 : e.badgeLabel, class: "selection-attributes", priority: e.badgePriority ? e.badgePriority : "high" }, e == null ? void 0 : e.badge)), c && a("prism-icon", { class: { "checked-icon": !0, "selected-icon": c, hide: !c }, name: "check", "aria-hidden": "true" }));
+    };
+    return a(y, { value: this.value, class: { [this.variant]: !0 } }, this.multiple && this.as === "custom" && a("div", { class: "announcement", "aria-live": "polite", "aria-atomic": "true" }, this.liveMessage), a("label", { id: `labelfor-${this.prismId}`, htmlFor: this.prismId }, a("prism-text", { tag: "span", as: "caption", class: { "label-text": !0, "screen-reader-text": this.hideLabel } }, this.label, this.required && a(S, null))), a("div", { class: "select-container" }, a("slot", { name: "asset-leading" }), this.as === "native" ? a("select", { autoComplete: this.autoComplete, multiple: this.multiple, onChange: (e) => this.valueChanged(e), onInput: (e) => this.inputChanged(e), onInvalid: (e) => this.onCheckValidity(e), onBlur: (e) => this.inputState(e), onFocus: (e) => this.inputState(e), id: this.prismId, ref: (e) => this.element = e, name: this.name, disabled: this.disabled, required: this.required, "aria-invalid": this.invalid.toString(), "aria-required": this.required.toString(), "aria-describedby": this.combinedDescribedBy ? this.combinedDescribedBy : !1, class: {
+      select: !0,
+      "with-leading-icon": this.slots["asset-leading"],
+      disabled: this.disabled,
+      invalid: this.invalid,
+      [`${this.tone}-tone`]: !0,
+      [this.variant]: !0,
+      [`select-size-${this.size}`]: !0
+    } }, (t = this.options) === null || t === void 0 ? void 0 : t.map((e) => {
+      var c;
+      let l = (c = this.value) === null || c === void 0 ? void 0 : c.split(",");
+      return e.label ? a("optgroup", { label: e.label }, e.children.map((r) => a("option", Object.assign({}, Array.isArray(r.data) ? r.data.reduce((d, p) => Object.assign(Object.assign({}, d), p), {}) : r.data, { selected: r.selected || (l == null ? void 0 : l.includes(r.value)), key: r.value, value: r.value, hidden: r.hidden, disabled: r.disabled }), r.display || r.value))) : a("option", Object.assign({}, Array.isArray(e.data) ? e.data.reduce((r, d) => Object.assign(Object.assign({}, r), d), {}) : e.data, { selected: e.selected || (l == null ? void 0 : l.includes(e.value)), key: e.value, value: e.value, hidden: e.hidden, disabled: e.disabled }), e.display || e.value);
+    }), a("slot", { name: "option" })) : a("button", { type: "button", onClick: (e) => this.openCustomOptions(e), onKeyDown: (e) => this.inputKeyListeners(e), "aria-controls": `custom-selections-${this.prismId}`, "aria-expanded": this.displayResults.toString(), "aria-haspopup": "listbox", "aria-labelledby": `labelfor-${this.prismId} trigger-${this.prismId}`, id: `trigger-${this.prismId}`, name: this.name, disabled: this.disabled, ref: (e) => this.pseudoSelect = e, "aria-describedby": this.combinedDescribedBy ? this.combinedDescribedBy : !1, class: {
+      select: !0,
+      "with-leading-icon": this.slots["asset-leading"],
+      disabled: this.disabled,
+      invalid: this.invalid,
+      [`${this.tone}-tone`]: !0,
+      [this.variant]: !0,
+      [`select-size-${this.size}`]: !0
+    } }, a(f, null, this.multiple && this.totalCustomOptions >= 1 && a("prism-badge", { class: "count-badge", tone: "primary-brand", size: "sm" }, this.totalCustomOptions), this.customDisplayValue)), a("prism-icon", { style: { "--prism-select-arrow-offset": this.arrowOffset }, "aria-hidden": "true", class: { arrow: !0 }, display: "fill", size: "sm", name: this.displayResults ? "caret_up_button" : "caret_down_button" })), this.as === "custom" && a("div", { style: { "--bottom": this.hostHeight }, class: { "results-container": !0 }, ref: (e) => this.resultsContainerElement = e }, a("div", { role: "listbox", "aria-labelledby": `labelfor-${this.prismId}`, "aria-multiselectable": this.multiple ? "true" : void 0, id: `custom-selections-${this.prismId}`, tabindex: "-1", class: { results: !0, open: this.displayResults, [this.resultsPosition]: !0 }, ref: (e) => this.resultsElement = e }, (s = this.customOptions) === null || s === void 0 ? void 0 : s.map((e, c) => {
+      if (e.label && e.children) {
+        let l = `${e.label.replaceAll(" ", "-").toLowerCase()}-group`;
+        return a("div", { key: c, role: "group", "aria-labelledby": l }, a("div", { class: "result-group-label", "aria-hidden": "true", id: l }, e.label), e.children.map((r) => a(n, Object.assign({}, r))));
+      } else
+        return a(n, Object.assign({}, e));
+    }))), a("span", { "aria-live": "polite", id: this.hintId }, i && a("span", { class: { "hint-container": !0, "screen-reader-text": this.invalid && this.hideInvalid } }, this.invalid && a("prism-icon", { display: "fill", slot: "icon-trailing", size: "xs", tone: "danger", name: "alert" }), a("prism-text", { class: { "invalid-text": this.invalid, "hint-text": !0 }, as: "caption" }, this.invalid ? this.invalidMessage : this.hint))), this.as === "custom" && a("input", { type: "hidden", name: this.name, value: this.hiddenValue }));
+  }
+  get el() {
+    return z(this);
+  }
+  static get watchers() {
+    return {
+      hiddenValue: ["emitHiddenValue"],
+      options: ["setCustomOptions"],
+      value: ["setValue"]
+    };
+  }
+};
+_.style = C;
+export {
+  _ as prism_select
+};