@ed.yakovich/example-component-library-equipment-summary 1.0.1

package/dist/prism-checkbox-group.entry-8qXingIs.js

@@ -0,0 +1,62 @@
+import { r as a, c, h as i, H as r, g as n } from "./index-DxRZ6prf.js";
+import { g as o, m as h } from "./index-e6818ded-r_t6ryaW.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
+ */
+const d = ".sc-prism-checkbox-group-h{display:block}.parent.sc-prism-checkbox-group{--checkbox-margin-top:0;--checkbox-margin-bottom:0}.options.sc-prism-checkbox-group{margin-left:1.5rem;padding-left:1rem}.group-row.sc-prism-checkbox-group{align-items:center;display:flex;justify-content:space-between;margin-top:1rem}.expandable-content.sc-prism-checkbox-group{max-height:0;overflow-y:hidden;transition:max-height .2s ease-in-out}.expandable-content.visible.sc-prism-checkbox-group{display:block;max-height:500vh;overflow:auto}.toggle.sc-prism-checkbox-group{margin-left:1rem}", p = d, l = class {
+  constructor(e) {
+    a(this, e), this.prismChange = c(this, "prismChange", 7), this.uid = o(), this.toggleSelections = (s) => {
+      this.checkBoxes.forEach((t) => {
+        s.detail.checked ? t.checked = !0 : t.checked = !1;
+      });
+    }, this.name = void 0, this.loading = !1, this.prismId = `prism-checkbox-group-${this.uid}`, this.variant = "static", this.expanded = !0;
+  }
+  connectedCallback() {
+    h("prism-checkbox-group");
+  }
+  _setParentUnchecked() {
+    this.parentCheckbox.checked = !1, this.parentCheckbox.indeterminate = !1;
+  }
+  _setParentChecked() {
+    this.parentCheckbox.checked = !0, this.parentCheckbox.indeterminate = !1;
+  }
+  _setParentIndeterminate() {
+    this.parentCheckbox.checked = !1, this.parentCheckbox.indeterminate = !0;
+  }
+  _setParentCheckbox() {
+    const e = this.checkBoxes.length, s = this.checkBoxes.filter((t) => t.checked === !0).length;
+    return s === 0 ? this._setParentUnchecked() : s === e ? this._setParentChecked() : this._setParentIndeterminate();
+  }
+  componentDidRender() {
+    this.checkBoxes = Array.from(this.checkboxCollection.getElementsByTagName("prism-checkbox")), this.checkBoxes.forEach((e) => {
+      this.loading ? e.setAttribute("disabled", "true") : e.removeAttribute("disabled");
+    }), this._setParentCheckbox();
+  }
+  onCheckboxChange(e) {
+    const s = e.detail, t = s.target;
+    s.target.id !== this.prismId && (this._setParentCheckbox(), this.prismChange.emit({
+      name: "checkbox-group-changed",
+      checked: t.checked,
+      group: t.name,
+      id: t.id,
+      invalid: t.invalid,
+      loading: t.loading,
+      target: t,
+      value: t.value
+    }));
+  }
+  render() {
+    return i(r, { key: "5211fc7e6ce6d3ab0d32522c80f75145070b3eef", role: this.variant === "tree" ? "group" : null }, i("span", { key: "3868c2d9a76850370435facac130efe4efb6a876", class: "group-row" }, i("prism-checkbox", { key: "b99becdfca51c5d178d0aa332ac84c00f945ff4b", ref: (e) => this.parentCheckbox = e, prismId: this.prismId, loading: this.loading, onPrismInput: (e) => this.toggleSelections(e), name: this.name, class: "parent" }), this.variant === "tree" && i("prism-button", { key: "6f7fb83b3163907b76a689c9dfaea2fcfb201b54", class: "toggle", onPrismPress: () => this.expanded = !this.expanded, expanded: this.expanded, size: "xs", display: "ghost-icon", label: `toggle ${this.name}` }, " ", i("prism-icon", { key: "ed68fca8525ef6507d78ad397c514eccda1467a4", class: { icon: !0 }, "aria-hidden": "true", priority: "secondary", tone: "custom", theme: "outline", name: this.expanded ? "caret_up_button" : "caret_down_button" }))), i("section", { key: "412b75734b39bbe333a6b445915a28893026f825", "aria-hidden": this.expanded && this.variant === "tree" ? "false" : this.variant === "tree" ? "true" : null, ref: (e) => this.checkboxCollection = e, class: {
+      options: !0,
+      "expandable-content": this.variant === "tree",
+      visible: this.expanded && this.variant === "tree"
+    } }, i("slot", { key: "ab5ac4dce9fe2f72a31f6ae4a1bb443890735913" })));
+  }
+  get el() {
+    return n(this);
+  }
+};
+l.style = p;
+export {
+  l as prism_checkbox_group
+};

package/dist/prism-checkbox.entry-BgBJyUsA.js

@@ -0,0 +1,99 @@
+import { r, c, h as t, H as o } from "./index-DxRZ6prf.js";
+import { g as a, m as s } from "./index-e6818ded-r_t6ryaW.js";
+import { A as n } from "./index-b30029d4-hGeLy_--.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
+ */
+const h = '.sr-input.sc-prism-checkbox{margin:0;opacity:0;overflow:hidden;padding:0;position:absolute!important;visibility:visible}.sc-prism-checkbox-h{--checkbox-margin-top:1rem;--checkbox-margin-bottom:1rem;display:block;margin-bottom:var(--checkbox-margin-bottom);margin-top:var(--checkbox-margin-top);position:relative;width:auto}.screen-reader-text.sc-prism-checkbox{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-checkbox{-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}.no-visual.label.sc-prism-checkbox{gap:0}.label.right.sc-prism-checkbox{grid-template-areas:"label checkbox" "hint checkbox"}.label.sc-prism-checkbox:not(.loading):hover{cursor:pointer}.input.sc-prism-checkbox:hover+.label.sc-prism-checkbox .checkbox.checked.sc-prism-checkbox,.input.sc-prism-checkbox:hover+.label.sc-prism-checkbox .checkbox.indeterminate.sc-prism-checkbox,.label.sc-prism-checkbox:hover .checkbox.checked.sc-prism-checkbox,.label.sc-prism-checkbox:hover .checkbox.indeterminate.sc-prism-checkbox{--tw-border-opacity:1;--tw-bg-opacity:1;--shadow-color:var(--fill-theme1-hover-shadow);background-color:rgb(var(--background-color-fill-theme1-hover)/var(--tw-bg-opacity));border-color:rgb(var(--border-color-stroke-theme1-hover)/var(--tw-border-opacity))}.input[disabled].sc-prism-checkbox:hover,.label.disabled.sc-prism-checkbox:hover{cursor:not-allowed}.label-text.sc-prism-checkbox{--tw-text-opacity:1;color:rgb(var(--text-color-neutral-base)/var(--tw-text-opacity));display:inline-block;grid-area:label;vertical-align:middle}.input.sc-prism-checkbox:hover+.label.sc-prism-checkbox:not(.loading) .checkbox.sc-prism-checkbox:not(.checked):not(.invalid){--tw-border-opacity:1;border-color:rgb(var(--border-color-stroke-neutral2-hover)/var(--tw-border-opacity))}.checkbox.sc-prism-checkbox{--tw-border-opacity:1;--tw-bg-opacity:1;--shadow-color:var(--material-neutral-base-shadow);background-color:var(--background-color-transparent,transparent);background-color:rgb(var(--background-color-material-neutral-base)/var(--tw-bg-opacity));border-color:rgb(var(--border-color-stroke-neutral2-base)/var(--tw-border-opacity));border-radius:var(--border-radius-small,4px);border-style:solid;border-width:1px;display:inline-block;flex-shrink:0;grid-area:checkbox;height:1.5rem;pointer-events:none;text-align:center;transition:all .2s ease-in;transition-property:background-color,border-color,box-shadow;vertical-align:middle;width:1.5rem}.loading.sc-prism-checkbox .checkbox.sc-prism-checkbox{--tw-border-opacity:var(--border-opacity-inactive,0.3);--tw-text-opacity:1;align-items:center;color:rgb(var(--text-color-neutral2-base)/var(--tw-text-opacity));display:flex;justify-content:center}.input.sc-prism-checkbox{border-style:solid;border-width:1px;cursor:pointer;height:1.5rem;left:2px;margin:0;opacity:0;overflow:hidden;padding:0;position:absolute;top:2px;visibility:visible;width:1.5rem}.sc-prism-checkbox-h:focus-within .label.sc-prism-checkbox:not(.loading) .checkbox.sc-prism-checkbox{outline-color:var(--outline-color-neutral2-focus,#35353b);outline-offset:2px;outline-style:solid;outline-width:1px}.sc-prism-checkbox-h:focus-within .label.sc-prism-checkbox:not(.loading) .checkbox.sc-prism-checkbox:not(.invalid){--tw-border-opacity:1;border-color:rgb(var(--border-color-stroke-neutral2-focus)/var(--tw-border-opacity))}.sc-prism-checkbox-h:focus-within .label.sc-prism-checkbox:not(.loading) .checked.sc-prism-checkbox,.sc-prism-checkbox-h:focus-within .label.sc-prism-checkbox:not(.loading) .indeterminate.sc-prism-checkbox{--tw-border-opacity:1;--tw-bg-opacity:1;--shadow-color:var(--fill-theme1-focus-shadow);background-color:rgb(var(--background-color-fill-theme1-focus)/var(--tw-bg-opacity));border-color:rgb(var(--border-color-stroke-theme1-focus)/var(--tw-border-opacity));outline-color:var(--outline-color-theme1-base,#5a23b9)}.checked.sc-prism-checkbox,.indeterminate.sc-prism-checkbox{--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--fill-theme1-base-shadow);align-items:center;background-color:rgb(var(--background-color-fill-theme1-base)/var(--tw-bg-opacity));border-width:0;color:rgb(var(--text-color-inverse-base)/var(--tw-text-opacity));display:inline-flex;justify-content:center}.loading.sc-prism-checkbox .checked.sc-prism-checkbox{--tw-bg-opacity:var(--background-opacity-inactive,0.3);--tw-text-opacity:1;color:rgb(var(--text-color-theme1-base)/var(--tw-text-opacity))}.invalid.sc-prism-checkbox,.invalid.checked.sc-prism-checkbox,.invalid.indeterminate.sc-prism-checkbox{--tw-border-opacity:1;border-color:rgb(var(--border-color-stroke-negative-base)/var(--tw-border-opacity))}.invalid.checked.sc-prism-checkbox,.invalid.indeterminate.sc-prism-checkbox{--tw-bg-opacity:1;--shadow-color:var(--fill-negative-base-shadow);background-color:rgb(var(--background-color-fill-negative-base)/var(--tw-bg-opacity))}.input.sc-prism-checkbox:hover+.label.sc-prism-checkbox .invalid.sc-prism-checkbox{--tw-border-opacity:1;border-color:rgb(var(--border-color-stroke-negative-hover)/var(--tw-border-opacity))}.input.sc-prism-checkbox:hover+.label.sc-prism-checkbox .invalid.checked.sc-prism-checkbox,.input.sc-prism-checkbox:hover+.label.sc-prism-checkbox .invalid.indeterminate.sc-prism-checkbox{--tw-bg-opacity:1;--shadow-color:var(--fill-negative-hover-shadow);background-color:rgb(var(--background-color-fill-negative-hover)/var(--tw-bg-opacity))}.sc-prism-checkbox-h:focus-within .label.sc-prism-checkbox .invalid.sc-prism-checkbox{--tw-border-opacity:1;border-color:rgb(var(--border-color-stroke-negative-focus)/var(--tw-border-opacity))}.sc-prism-checkbox-h:focus-within .label.sc-prism-checkbox .invalid.checked.sc-prism-checkbox,.sc-prism-checkbox-h:focus-within .label.sc-prism-checkbox .invalid.indeterminate.sc-prism-checkbox{--tw-bg-opacity:1;--shadow-color:var(--fill-negative-focus-shadow);background-color:rgb(var(--background-color-fill-negative-focus)/var(--tw-bg-opacity));outline-color:var(--outline-color-negative-focus,#8f002f)}.disabled.sc-prism-checkbox{cursor:not-allowed;opacity:var(--opacity-inactive,.3)}.icon.sc-prism-checkbox{--tw-text-opacity:1;color:rgb(var(--text-color-inverse-base)/var(--tw-text-opacity));display:block;height:1rem;width:1rem}.hint-container.sc-prism-checkbox{align-items:center;display:flex;margin-top:.25rem}.hint-container.sc-prism-checkbox>.sc-prism-checkbox:not([hidden])~.sc-prism-checkbox: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-checkbox{display:block;grid-area:hint;text-align:left}.invalid-text.sc-prism-checkbox{--tw-text-opacity:1;color:rgb(var(--text-color-negative-base)/var(--tw-text-opacity))}.loading.sc-prism-checkbox{cursor:wait;pointer-events:none}@media (prefers-reduced-motion:reduce){.checkbox.sc-prism-checkbox{transition:none}}', l = h, d = class {
+  constructor(i) {
+    r(this, i), this.prismChange = c(this, "prismChange", 7), this.prismInput = c(this, "prismInput", 7), this.prismBlur = c(this, "prismBlur", 7), this.prismFocus = c(this, "prismFocus", 7), this.uid = a(), this.isDirty = !1, this.prismId = `prism-checkbox-${this.uid}`, this.name = this.prismId, this.label = this.name.charAt(0).toUpperCase() + this.name.replace(/-/g, " ").substring(1), this.checked = !1, this.indeterminate = !1, this.required = !1, this.disabled = !1, this.loading = !1, this.hideLabel = !1, this.hideInvalid = !1, this.hint = void 0, this.invalid = !1, this.value = void 0, 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;
+  }
+  /** @internal Emit onChange of Value Event */
+  valueChanged(i) {
+    this.prismChange.emit({
+      name: "value-changed",
+      checked: this.checked,
+      indeterminate: this.indeterminate,
+      invalid: this.invalid,
+      value: i.target.value,
+      type: "checkbox"
+    });
+  }
+  /** @internal Native Event Handling */
+  inputChanged(i) {
+    this.isDirty = !0, this.describedBy = `${this.hintId} ${this.ariaDescribedby}`.trim();
+    let e = i.currentTarget;
+    this.checked = e.checked, this.checked && (this.indeterminate = !1), this.prismInput.emit({
+      name: "input-change",
+      checked: this.checked,
+      indeterminate: this.indeterminate,
+      invalid: this.invalid,
+      value: e.value,
+      type: "checkbox",
+      target: e
+    });
+  }
+  onCheckValidity(i) {
+    i.preventDefault();
+    const e = i.currentTarget;
+    this.invalid = !e.validity.valid, this.describedBy = `${this.hintId} ${this.ariaDescribedby}`.trim(), this.prismChange.emit({ name: "check-validity", checked: this.checked, target: e, reason: e.validity });
+  }
+  // Input has focus or blurred
+  inputState(i) {
+    let e = i.currentTarget;
+    switch (i.type) {
+      case "blur":
+        this.isDirty && (this.invalid = !e.validity.valid), this.prismBlur.emit({
+          name: "input-blurred",
+          checked: this.checked,
+          type: "checkbox",
+          value: e.value,
+          target: e
+        });
+        break;
+      case "focus":
+        this.prismFocus.emit({
+          name: "input-focused",
+          checked: this.checked,
+          type: "checkbox",
+          value: e.value,
+          target: e
+        });
+    }
+  }
+  /**
+   * Listen to Keydown Events
+   */
+  inputKeyDown(i) {
+    this.loading && i.key === " " && i.preventDefault();
+  }
+  connectedCallback() {
+    this.describedBy = this.hint ? `${this.hintId} ${this.ariaDescribedby}`.trim() : this.ariaDescribedby, s("prism-checkbox");
+  }
+  render() {
+    const i = this.invalid;
+    return t(o, { key: "65cacbe3fffc933047b234d54f0a2da14fe33a20" }, t("input", { key: "6495732cc9653ca57afaee2d922298a4493657cd", onInput: (e) => this.inputChanged(e), onChange: (e) => this.valueChanged(e), onInvalid: (e) => this.onCheckValidity(e), onBlur: (e) => this.inputState(e), onFocus: (e) => this.inputState(e), onKeyDown: (e) => this.inputKeyDown(e), checked: this.checked, indeterminate: this.indeterminate, id: this.prismId, ref: (e) => this.element = e, 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 } }), t("label", { key: "b1812c7b67dbe1f9671567962ff22b0b66d6e290", class: { label: !0, disabled: this.disabled, loading: this.loading, [this.alignment]: !0, "no-visual": this.hideLabel }, htmlFor: this.prismId }, t("span", { key: "b101056745114e2566e0ce0228e8d7ffc947a3c1", class: { checkbox: !0, checked: this.checked, indeterminate: this.indeterminate, invalid: this.invalid } }, this.loading && t("prism-loading", { key: "b1f030a5833ee4e4eee96391bc13ef29ee7003c2", type: "spinner", "spinner-size": "sm" }), this.checked && !this.loading && t("prism-icon", { key: "613bfc8c75ed6be38a0cfb1839b2fbb0947e12a2", tone: "neutral-inverse", theme: "outline", size: "sm", name: "check" }), this.indeterminate && t("prism-icon", { key: "5231c4e4e65d3d84ba6477f0270afaf389393bda", tone: "neutral-inverse", theme: "outline", size: "sm", name: "minus" })), t("prism-text", { key: "4c7b44338bb183c02a5022b18096fb794f2d9fc7", display: "body1", class: { "label-text": !0, "screen-reader-text": this.hideLabel } }, this.label, this.required && t(n, { key: "127d2dbae87d66397330363ba7b73fa601eb7491" })), this.hint && t("prism-text", { key: "b73fb380530d59e08e71c9c1ed25d903cd8afc6b", display: "caption", priority: "secondary", class: { "hint-text": !0, "screen-reader-text": this.hideLabel } }, this.hint)), t("span", { key: "adf77be37fffaca5f97964c7295c537c03b877ca", "aria-live": "polite", id: this.hintId }, i && t("span", { key: "a233626d35e1f37e404ec23848a36f1bcabe7a29", class: {
+      "hint-container": !0,
+      "screen-reader-text": this.invalid && this.hideInvalid
+    } }, this.invalid && t("prism-icon", { key: "31bffdf464e7b797228d21b86477f30f27e5ba13", theme: "fill", slot: "icon-trailing", size: "xs", tone: "negative", name: "alert" }), t("prism-text", { key: "eb71e5a82f050c63a98ef6bb07cf3f41fcb2add2", class: {
+      "invalid-text": this.invalid,
+      "hint-text": !0
+    }, display: "caption" }, this.invalidMessage))));
+  }
+};
+d.style = l;
+export {
+  d as prism_checkbox
+};