@nysds/nys-badge 1.20.0 → 1.20.1

package/dist/nys-badge.js

@@ -6,13 +6,13 @@ import "@nysds/nys-icon";
    * █ █ █  █▄▄▄█  ▀▀▀▄▄  █   █ ▀▀▀▄▄
    * █  ▀█    █    █▄▄▄█  █▄▄▀  █▄▄▄█
    *
-   * Badge Component v1.20.0
+   * Badge Component v1.20.1
    * Part of the New York State Design System
    * Repository: https://github.com/its-hcd/nysds
    * License: MIT
 */
 /*!
-  * New York State Design System v1.20.0
+  * New York State Design System v1.20.1
   * Description: A design system for New York State's digital products.
   * Repository: https://github.com/its-hcd/nysds
   * License: MIT

package/dist/nys-badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"nys-badge.js","sources":["../../internals/dist/index.js","../src/nys-badge.ts"],"sourcesContent":["import { LitElement as u } from \"lit\";\n/*!\n   * New York State Design System v1.20.0\n   * Description: A design system for New York State's digital products.\n   * Repository: https://github.com/its-hcd/nysds\n   * License: MIT\n */\nlet y = 0;\nfunction f(e) {\n  return `${e}-${Date.now()}-${y++}`;\n}\nconst p = {\n  labelledby: \"ariaLabelledByElements\",\n  describedby: \"ariaDescribedByElements\"\n}, A = {\n  labelledby: \"ariaLabel\",\n  describedby: \"ariaDescription\"\n};\nfunction R(e) {\n  return \"ariaDescribedByElements\" in e;\n}\nfunction _(e) {\n  return e === \"errormessage\" ? \"aria-errormessage\" : `aria-${e}`;\n}\nfunction d(e) {\n  return e.filter((t) => !!t);\n}\nfunction E(e) {\n  return e.map((t) => (t.id || (t.id = f(\"nys-ref\")), t.id));\n}\nfunction V(e, t, n) {\n  const i = d(n), r = _(t);\n  i.length ? e.setAttribute(r, E(i).join(\" \")) : e.removeAttribute(r);\n}\nfunction x(e, t, n, i, r) {\n  const s = d(i), a = p[n], l = t;\n  if (a && R(t)) {\n    l[a] = s.length ? s : null;\n    return;\n  }\n  const o = A[n];\n  if (!o) return;\n  const c = r ?? (s.length ? s.map((m) => m.textContent?.trim() ?? \"\").filter(Boolean).join(\" \") : \"\");\n  o in l ? l[o] = c || null : c ? e.setAttribute(\n    n === \"labelledby\" ? \"aria-label\" : \"aria-description\",\n    c\n  ) : e.removeAttribute(\n    n === \"labelledby\" ? \"aria-label\" : \"aria-description\"\n  );\n}\nconst g = {\n  labelledby: \"ariaLabelledByElements\",\n  describedby: \"ariaDescribedByElements\"\n}, C = {\n  labelledby: \"aria-label\",\n  describedby: \"aria-description\"\n};\nfunction L(e, t, n) {\n  const i = d(n), r = g[t], s = C[t], a = e;\n  if (r && r in e && (a[r] = i.length ? i : null), !s) return;\n  const l = i.map((o) => o.textContent?.trim() ?? \"\").filter(Boolean).join(\" \");\n  l ? e.setAttribute(s, l) : e.removeAttribute(s);\n}\nconst b = (e) => {\n  class t extends e {\n    get idPrefix() {\n      return this.localName || \"nys-element\";\n    }\n    ensureId() {\n      this.id || (this.id = f(this.idPrefix));\n    }\n    connectedCallback() {\n      super.connectedCallback(), this.ensureId();\n    }\n  }\n  return t;\n}, P = /* @__PURE__ */ b(u), h = (e) => {\n  class t extends b(e) {\n    constructor() {\n      super(...arguments), this.__internals = null;\n    }\n    get internals() {\n      if (this.__internals) return this.__internals;\n      if (typeof this.attachInternals == \"function\")\n        try {\n          this.__internals = this.attachInternals();\n        } catch {\n          this.__internals = null;\n        }\n      return this.__internals;\n    }\n    get defaultRole() {\n      return null;\n    }\n    setHostAria(i, r) {\n      const s = this.internals;\n      if (s && i in s) {\n        s[i] = r;\n        return;\n      }\n      const a = v(i);\n      r === null ? this.removeAttribute(a) : this.setAttribute(a, r);\n    }\n    reflectDefaultSemantics() {\n      const i = this.defaultRole;\n      i && this.setHostAria(\"role\", i);\n    }\n    connectedCallback() {\n      super.connectedCallback(), this.reflectDefaultSemantics();\n    }\n  }\n  return t;\n};\nfunction v(e) {\n  if (e === \"role\") return \"role\";\n  const t = e.replace(/^aria/, \"\");\n  return \"aria-\" + t.charAt(0).toLowerCase() + t.slice(1);\n}\nconst T = /* @__PURE__ */ h(u), I = (e) => {\n  const n = class n extends h(e) {\n    setFormValue(r) {\n      this.internals?.setFormValue(r ?? null);\n    }\n    setValidityFromState(r, s, a) {\n      const l = this.internals;\n      if (!l) return;\n      const o = Object.values(r).some(Boolean);\n      o ? l.setValidity(r, s ?? \"Invalid value\", a) : l.setValidity({}), this.setHostAria(\"ariaInvalid\", o ? \"true\" : \"false\");\n    }\n    clearValidity() {\n      this.internals?.setValidity({}), this.setHostAria(\"ariaInvalid\", \"false\");\n    }\n    checkValidity() {\n      return this.internals?.checkValidity() ?? !0;\n    }\n    reportValidity() {\n      return this.internals?.reportValidity() ?? !0;\n    }\n    formResetCallback() {\n      this.clearValidity();\n    }\n  };\n  n.formAssociated = !0;\n  let t = n;\n  return t;\n}, w = /* @__PURE__ */ I(u);\nfunction O(e) {\n  const t = e.tagName.toLowerCase(), n = /* @__PURE__ */ new Set(), i = (r) => {\n    r.querySelectorAll(\"*\").forEach((s) => {\n      const a = s.tagName.toLowerCase();\n      a.startsWith(\"nys-\") && a !== t && !customElements.get(a) && n.add(a), s.shadowRoot && i(s.shadowRoot);\n    });\n  };\n  return e.shadowRoot && i(e.shadowRoot), i(e), [...n].sort();\n}\nexport {\n  I as FormControlMixin,\n  b as IdentifiedMixin,\n  P as NysElement,\n  w as NysFormControlElement,\n  T as NysReflectsAriaElement,\n  h as ReflectsAriaMixin,\n  V as associateControl,\n  L as associateControlRefs,\n  x as associateHost,\n  O as findUnregisteredChildren,\n  f as generateId,\n  R as supportsElementRefs\n};\n//# sourceMappingURL=index.js.map\n","import { html, unsafeCSS } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { NysElement } from \"@nysds/internals\";\n// This element is rendered inside this component's shadow DOM (prefix/suffix\n// icons), so it must be registered whenever nys-badge is used. Importing it\n// here (intentional side effect) guarantees it always renders.\nimport \"@nysds/nys-icon\";\n// @ts-ignore: SCSS module imported via bundler as inline\nimport styles from \"./nys-badge.scss?inline\";\n\n/**\n * A compact label for status, counts, or categorization. Supports semantic intents with auto-selected icons.\n *\n * Use badges to highlight metadata like status (\"Approved\"), counts (\"3 new\"), or categories.\n * Set `intent` to apply semantic meaning. Add `prefixIcon` or `suffixIcon` as boolean for default icons,\n * or pass icon name strings for custom icons.\n *\n * @summary Compact label for status, counts, or categorization with semantic styling.\n * @element nys-badge\n *\n * @example Basic\n * ```html\n * <nys-badge label=\"Basic badge\"></nys-badge>\n * ```\n *\n * @example Error Intent\n * ```html\n * <nys-badge label=\"Error\" intent=\"error\" prefixIcon></nys-badge>\n * ```\n *\n * @example Warning Intent\n * ```html\n * <nys-badge label=\"Warning\" intent=\"warning\" prefixIcon></nys-badge>\n * ```\n *\n * @example Success Intent\n * ```html\n * <nys-badge label=\"Success\" intent=\"success\" prefixIcon></nys-badge>\n * ```\n *\n * @example Strong Neutral\n * ```html\n * <nys-badge variant=\"strong\" label=\"Neutral\" prefixIcon></nys-badge>\n * ```\n *\n * @example Strong Error\n * ```html\n * <nys-badge variant=\"strong\" label=\"Error\" intent=\"error\" prefixIcon></nys-badge>\n * ```\n *\n * @example Strong Warning\n * ```html\n * <nys-badge variant=\"strong\" label=\"Warning\" intent=\"warning\" prefixIcon></nys-badge>\n * ```\n *\n * @example Strong Success\n * ```html\n * <nys-badge variant=\"strong\" label=\"Success\" intent=\"success\" prefixIcon></nys-badge>\n * ```\n *\n * @example Custom Prefix Icon\n * ```html\n * <nys-badge label=\"Custom prefixIcon\" prefixIcon=\"check\"></nys-badge>\n * ```\n *\n * @example Custom Suffix Icon\n * ```html\n * <nys-badge label=\"Custom suffixIcon\" suffixIcon=\"check\"></nys-badge>\n * ```\n *\n * @example Size Small\n * ```html\n * <nys-badge label=\"Small\" size=\"sm\"></nys-badge>\n * ```\n *\n * @example Screen reader text\n * ```html\n * <nys-badge intent=\"warning\" label=\"Caution\" prefixIcon srText=\"concern\"></nys-badge>\n * ```\n */\n\nexport class NysBadge extends NysElement {\n  static styles = unsafeCSS(styles);\n\n  /** Unique identifier. */\n  @property({ type: String, reflect: true }) id = \"\";\n\n  /** Name attribute for form association. */\n  @property({ type: String, reflect: true }) name = \"\";\n\n  /**\n   * Badge size: `sm` (smaller text) or `md` (default).\n   * @default \"md\"\n   */\n  @property({ type: String, reflect: true }) size: \"sm\" | \"md\" = \"md\";\n\n  /**\n   * Semantic intent affecting color: `neutral`, `error`, `success`, or `warning`.\n   * @default \"neutral\"\n   */\n  @property({ type: String, reflect: true }) intent:\n    | \"neutral\"\n    | \"error\"\n    | \"success\"\n    | \"warning\" = \"neutral\";\n\n  /** Secondary label displayed before the main label. */\n  @property({ type: String }) prefixLabel = \"\";\n\n  /** Primary label text displayed in the badge. */\n  @property({ type: String }) label = \"\";\n\n  /** Screen reader text appended after the label for additional context. */\n  @property({ type: String }) srText = \"\";\n\n  @property({ type: String, reflect: true }) variant: \"strong\" | \"\" = \"\";\n\n  // Icons (string or boolean)\n  private _prefixIcon: string | boolean = \"\";\n  @property({ type: String, attribute: \"prefixicon\" })\n  get prefixIcon(): string | boolean {\n    return this._prefixIcon;\n  }\n  set prefixIcon(value: string | boolean) {\n    if (value === \"\" || value === null) {\n      // boolean attribute without value → true\n      this._prefixIcon = true;\n    } else if (value === \"false\" || value === false) {\n      this._prefixIcon = \"\";\n    } else {\n      this._prefixIcon = value;\n    }\n  }\n\n  private _suffixIcon: string | boolean = \"\";\n  @property({ type: String, attribute: \"suffixicon\" })\n  get suffixIcon(): string | boolean {\n    return this._suffixIcon;\n  }\n  set suffixIcon(value: string | boolean) {\n    if (value === \"\" || value === null) {\n      this._suffixIcon = true;\n    } else if (value === \"false\" || value === false) {\n      this._suffixIcon = \"\";\n    } else {\n      this._suffixIcon = value;\n    }\n  }\n\n  /**\n   * Lifecycle methods\n   * --------------------------------------------------------------------------\n   */\n\n  connectedCallback() {\n    // super.connectedCallback() (NysElement) auto-assigns an id when\n    // one is not provided, preserving the \"nys-badge-<ts>-<n>\" shape. A badge is\n    // static, non-interactive label content, so no host role is reflected\n    // (defaultRole stays null).\n    super.connectedCallback();\n\n    const attr = this.getAttribute(\"prefixicon\");\n    if (attr !== null && this.prefixIcon === \"\") {\n      this.prefixIcon = attr;\n    }\n\n    const suffixAttr = this.getAttribute(\"suffixicon\");\n    if (suffixAttr !== null && this.suffixIcon === \"\") {\n      this.suffixIcon = suffixAttr;\n    }\n  }\n\n  /**\n   * Functions\n   * --------------------------------------------------------------------------\n   */\n\n  // Map of default icons by intent\n  private static readonly DEFAULT_ICONS: Record<string, string> = {\n    neutral: \"info\",\n    error: \"emergency_home\",\n    success: \"check_circle\",\n    warning: \"warning\",\n  };\n\n  // WCAG 1.4.1 (Use of Color): intent is otherwise conveyed only by color and a\n  // decorative (aria-hidden) icon. Provide a screen-reader-only text alternative\n  // so the semantic meaning is not color-only. Skipped for \"neutral\" (no\n  // semantic meaning) and when the author supplies their own srText override.\n  private static readonly INTENT_SR_TEXT: Record<string, string> = {\n    error: \"Error\",\n    success: \"Success\",\n    warning: \"Warning\",\n  };\n\n  /**\n   * Resolves the screen-reader-only text describing the badge's semantic intent.\n   * Returns null when no intent description should be announced.\n   */\n  private resolveIntentSrText(): string | null {\n    if (this.srText) return null; // author-provided text takes precedence\n    return NysBadge.INTENT_SR_TEXT[this.intent] ?? null;\n  }\n\n  /**\n   * Resolves which icon should be rendered.\n   * @param icon The icon property value (string or boolean)\n   * @returns Icon name or null if no icon should be rendered\n   */\n  private resolveIcon(icon: string | boolean): string | null {\n    if (icon === true) {\n      return NysBadge.DEFAULT_ICONS[this.intent] ?? \"info\";\n    }\n    if (typeof icon === \"string\" && icon.trim() !== \"\") {\n      return icon;\n    }\n    return null;\n  }\n\n  render() {\n    const prefixIconName = this.resolveIcon(this.prefixIcon);\n    const suffixIconName = this.resolveIcon(this.suffixIcon);\n    const intentSrText = this.resolveIntentSrText();\n\n    return html`\n      <mark class=\"nys-badge\">\n        ${prefixIconName\n          ? html`<nys-icon size=\"16\" name=${prefixIconName}></nys-icon>`\n          : \"\"}\n        ${this.prefixLabel\n          ? html`<div class=\"nys-badge__prefix\">${this.prefixLabel}</div>`\n          : \"\"}\n        <div class=\"nys-badge__label\">\n          ${intentSrText\n            ? html`<span class=\"nys-badge__sr-only\"\n                >${intentSrText + \": \"}</span\n              >`\n            : \"\"}\n          ${this.label}\n          ${this.srText\n            ? html`<span class=\"nys-badge__sr-only\"\n                >${\": \" + this.srText}</span\n              >`\n            : \"\"}\n        </div>\n\n        ${suffixIconName\n          ? html`<nys-icon size=\"16\" name=${suffixIconName}></nys-icon>`\n          : \"\"}\n      </mark>\n    `;\n  }\n}\n\nif (!customElements.get(\"nys-badge\")) {\n  customElements.define(\"nys-badge\", NysBadge);\n}\n"],"names":["LitElement","unsafeCSS","html","property","y","f","e","b","t","P","u","_NysBadge","_a","NysElement","value","attr","suffixAttr","icon","prefixIconName","suffixIconName","intentSrText","styles","__decorateClass","NysBadge"],"mappings":"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"}
+{"version":3,"file":"nys-badge.js","sources":["../../internals/dist/index.js","../src/nys-badge.ts"],"sourcesContent":["import { LitElement as u } from \"lit\";\n/*!\n   * New York State Design System v1.20.1\n   * Description: A design system for New York State's digital products.\n   * Repository: https://github.com/its-hcd/nysds\n   * License: MIT\n */\nlet y = 0;\nfunction f(e) {\n  return `${e}-${Date.now()}-${y++}`;\n}\nconst p = {\n  labelledby: \"ariaLabelledByElements\",\n  describedby: \"ariaDescribedByElements\"\n}, A = {\n  labelledby: \"ariaLabel\",\n  describedby: \"ariaDescription\"\n};\nfunction R(e) {\n  return \"ariaDescribedByElements\" in e;\n}\nfunction _(e) {\n  return e === \"errormessage\" ? \"aria-errormessage\" : `aria-${e}`;\n}\nfunction d(e) {\n  return e.filter((t) => !!t);\n}\nfunction E(e) {\n  return e.map((t) => (t.id || (t.id = f(\"nys-ref\")), t.id));\n}\nfunction V(e, t, n) {\n  const i = d(n), r = _(t);\n  i.length ? e.setAttribute(r, E(i).join(\" \")) : e.removeAttribute(r);\n}\nfunction x(e, t, n, i, r) {\n  const s = d(i), a = p[n], l = t;\n  if (a && R(t)) {\n    l[a] = s.length ? s : null;\n    return;\n  }\n  const o = A[n];\n  if (!o) return;\n  const c = r ?? (s.length ? s.map((m) => m.textContent?.trim() ?? \"\").filter(Boolean).join(\" \") : \"\");\n  o in l ? l[o] = c || null : c ? e.setAttribute(\n    n === \"labelledby\" ? \"aria-label\" : \"aria-description\",\n    c\n  ) : e.removeAttribute(\n    n === \"labelledby\" ? \"aria-label\" : \"aria-description\"\n  );\n}\nconst g = {\n  labelledby: \"ariaLabelledByElements\",\n  describedby: \"ariaDescribedByElements\"\n}, C = {\n  labelledby: \"aria-label\",\n  describedby: \"aria-description\"\n};\nfunction L(e, t, n) {\n  const i = d(n), r = g[t], s = C[t], a = e;\n  if (r && r in e && (a[r] = i.length ? i : null), !s) return;\n  const l = i.map((o) => o.textContent?.trim() ?? \"\").filter(Boolean).join(\" \");\n  l ? e.setAttribute(s, l) : e.removeAttribute(s);\n}\nconst b = (e) => {\n  class t extends e {\n    get idPrefix() {\n      return this.localName || \"nys-element\";\n    }\n    ensureId() {\n      this.id || (this.id = f(this.idPrefix));\n    }\n    connectedCallback() {\n      super.connectedCallback(), this.ensureId();\n    }\n  }\n  return t;\n}, P = /* @__PURE__ */ b(u), h = (e) => {\n  class t extends b(e) {\n    constructor() {\n      super(...arguments), this.__internals = null;\n    }\n    get internals() {\n      if (this.__internals) return this.__internals;\n      if (typeof this.attachInternals == \"function\")\n        try {\n          this.__internals = this.attachInternals();\n        } catch {\n          this.__internals = null;\n        }\n      return this.__internals;\n    }\n    get defaultRole() {\n      return null;\n    }\n    setHostAria(i, r) {\n      const s = this.internals;\n      if (s && i in s) {\n        s[i] = r;\n        return;\n      }\n      const a = v(i);\n      r === null ? this.removeAttribute(a) : this.setAttribute(a, r);\n    }\n    reflectDefaultSemantics() {\n      const i = this.defaultRole;\n      i && this.setHostAria(\"role\", i);\n    }\n    connectedCallback() {\n      super.connectedCallback(), this.reflectDefaultSemantics();\n    }\n  }\n  return t;\n};\nfunction v(e) {\n  if (e === \"role\") return \"role\";\n  const t = e.replace(/^aria/, \"\");\n  return \"aria-\" + t.charAt(0).toLowerCase() + t.slice(1);\n}\nconst T = /* @__PURE__ */ h(u), I = (e) => {\n  const n = class n extends h(e) {\n    setFormValue(r) {\n      this.internals?.setFormValue(r ?? null);\n    }\n    setValidityFromState(r, s, a) {\n      const l = this.internals;\n      if (!l) return;\n      const o = Object.values(r).some(Boolean);\n      o ? l.setValidity(r, s ?? \"Invalid value\", a) : l.setValidity({}), this.setHostAria(\"ariaInvalid\", o ? \"true\" : \"false\");\n    }\n    clearValidity() {\n      this.internals?.setValidity({}), this.setHostAria(\"ariaInvalid\", \"false\");\n    }\n    checkValidity() {\n      return this.internals?.checkValidity() ?? !0;\n    }\n    reportValidity() {\n      return this.internals?.reportValidity() ?? !0;\n    }\n    formResetCallback() {\n      this.clearValidity();\n    }\n  };\n  n.formAssociated = !0;\n  let t = n;\n  return t;\n}, w = /* @__PURE__ */ I(u);\nfunction O(e) {\n  const t = e.tagName.toLowerCase(), n = /* @__PURE__ */ new Set(), i = (r) => {\n    r.querySelectorAll(\"*\").forEach((s) => {\n      const a = s.tagName.toLowerCase();\n      a.startsWith(\"nys-\") && a !== t && !customElements.get(a) && n.add(a), s.shadowRoot && i(s.shadowRoot);\n    });\n  };\n  return e.shadowRoot && i(e.shadowRoot), i(e), [...n].sort();\n}\nexport {\n  I as FormControlMixin,\n  b as IdentifiedMixin,\n  P as NysElement,\n  w as NysFormControlElement,\n  T as NysReflectsAriaElement,\n  h as ReflectsAriaMixin,\n  V as associateControl,\n  L as associateControlRefs,\n  x as associateHost,\n  O as findUnregisteredChildren,\n  f as generateId,\n  R as supportsElementRefs\n};\n//# sourceMappingURL=index.js.map\n","import { html, unsafeCSS } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { NysElement } from \"@nysds/internals\";\n// This element is rendered inside this component's shadow DOM (prefix/suffix\n// icons), so it must be registered whenever nys-badge is used. Importing it\n// here (intentional side effect) guarantees it always renders.\nimport \"@nysds/nys-icon\";\n// @ts-ignore: SCSS module imported via bundler as inline\nimport styles from \"./nys-badge.scss?inline\";\n\n/**\n * A compact label for status, counts, or categorization. Supports semantic intents with auto-selected icons.\n *\n * Use badges to highlight metadata like status (\"Approved\"), counts (\"3 new\"), or categories.\n * Set `intent` to apply semantic meaning. Add `prefixIcon` or `suffixIcon` as boolean for default icons,\n * or pass icon name strings for custom icons.\n *\n * @summary Compact label for status, counts, or categorization with semantic styling.\n * @element nys-badge\n *\n * @example Basic\n * ```html\n * <nys-badge label=\"Basic badge\"></nys-badge>\n * ```\n *\n * @example Error Intent\n * ```html\n * <nys-badge label=\"Error\" intent=\"error\" prefixIcon></nys-badge>\n * ```\n *\n * @example Warning Intent\n * ```html\n * <nys-badge label=\"Warning\" intent=\"warning\" prefixIcon></nys-badge>\n * ```\n *\n * @example Success Intent\n * ```html\n * <nys-badge label=\"Success\" intent=\"success\" prefixIcon></nys-badge>\n * ```\n *\n * @example Strong Neutral\n * ```html\n * <nys-badge variant=\"strong\" label=\"Neutral\" prefixIcon></nys-badge>\n * ```\n *\n * @example Strong Error\n * ```html\n * <nys-badge variant=\"strong\" label=\"Error\" intent=\"error\" prefixIcon></nys-badge>\n * ```\n *\n * @example Strong Warning\n * ```html\n * <nys-badge variant=\"strong\" label=\"Warning\" intent=\"warning\" prefixIcon></nys-badge>\n * ```\n *\n * @example Strong Success\n * ```html\n * <nys-badge variant=\"strong\" label=\"Success\" intent=\"success\" prefixIcon></nys-badge>\n * ```\n *\n * @example Custom Prefix Icon\n * ```html\n * <nys-badge label=\"Custom prefixIcon\" prefixIcon=\"check\"></nys-badge>\n * ```\n *\n * @example Custom Suffix Icon\n * ```html\n * <nys-badge label=\"Custom suffixIcon\" suffixIcon=\"check\"></nys-badge>\n * ```\n *\n * @example Size Small\n * ```html\n * <nys-badge label=\"Small\" size=\"sm\"></nys-badge>\n * ```\n *\n * @example Screen reader text\n * ```html\n * <nys-badge intent=\"warning\" label=\"Caution\" prefixIcon srText=\"concern\"></nys-badge>\n * ```\n */\n\nexport class NysBadge extends NysElement {\n  static styles = unsafeCSS(styles);\n\n  /** Unique identifier. */\n  @property({ type: String, reflect: true }) id = \"\";\n\n  /** Name attribute for form association. */\n  @property({ type: String, reflect: true }) name = \"\";\n\n  /**\n   * Badge size: `sm` (smaller text) or `md` (default).\n   * @default \"md\"\n   */\n  @property({ type: String, reflect: true }) size: \"sm\" | \"md\" = \"md\";\n\n  /**\n   * Semantic intent affecting color: `neutral`, `error`, `success`, or `warning`.\n   * @default \"neutral\"\n   */\n  @property({ type: String, reflect: true }) intent:\n    | \"neutral\"\n    | \"error\"\n    | \"success\"\n    | \"warning\" = \"neutral\";\n\n  /** Secondary label displayed before the main label. */\n  @property({ type: String }) prefixLabel = \"\";\n\n  /** Primary label text displayed in the badge. */\n  @property({ type: String }) label = \"\";\n\n  /** Screen reader text appended after the label for additional context. */\n  @property({ type: String }) srText = \"\";\n\n  @property({ type: String, reflect: true }) variant: \"strong\" | \"\" = \"\";\n\n  // Icons (string or boolean)\n  private _prefixIcon: string | boolean = \"\";\n  @property({ type: String, attribute: \"prefixicon\" })\n  get prefixIcon(): string | boolean {\n    return this._prefixIcon;\n  }\n  set prefixIcon(value: string | boolean) {\n    if (value === \"\" || value === null) {\n      // boolean attribute without value → true\n      this._prefixIcon = true;\n    } else if (value === \"false\" || value === false) {\n      this._prefixIcon = \"\";\n    } else {\n      this._prefixIcon = value;\n    }\n  }\n\n  private _suffixIcon: string | boolean = \"\";\n  @property({ type: String, attribute: \"suffixicon\" })\n  get suffixIcon(): string | boolean {\n    return this._suffixIcon;\n  }\n  set suffixIcon(value: string | boolean) {\n    if (value === \"\" || value === null) {\n      this._suffixIcon = true;\n    } else if (value === \"false\" || value === false) {\n      this._suffixIcon = \"\";\n    } else {\n      this._suffixIcon = value;\n    }\n  }\n\n  /**\n   * Lifecycle methods\n   * --------------------------------------------------------------------------\n   */\n\n  connectedCallback() {\n    // super.connectedCallback() (NysElement) auto-assigns an id when\n    // one is not provided, preserving the \"nys-badge-<ts>-<n>\" shape. A badge is\n    // static, non-interactive label content, so no host role is reflected\n    // (defaultRole stays null).\n    super.connectedCallback();\n\n    const attr = this.getAttribute(\"prefixicon\");\n    if (attr !== null && this.prefixIcon === \"\") {\n      this.prefixIcon = attr;\n    }\n\n    const suffixAttr = this.getAttribute(\"suffixicon\");\n    if (suffixAttr !== null && this.suffixIcon === \"\") {\n      this.suffixIcon = suffixAttr;\n    }\n  }\n\n  /**\n   * Functions\n   * --------------------------------------------------------------------------\n   */\n\n  // Map of default icons by intent\n  private static readonly DEFAULT_ICONS: Record<string, string> = {\n    neutral: \"info\",\n    error: \"emergency_home\",\n    success: \"check_circle\",\n    warning: \"warning\",\n  };\n\n  // WCAG 1.4.1 (Use of Color): intent is otherwise conveyed only by color and a\n  // decorative (aria-hidden) icon. Provide a screen-reader-only text alternative\n  // so the semantic meaning is not color-only. Skipped for \"neutral\" (no\n  // semantic meaning) and when the author supplies their own srText override.\n  private static readonly INTENT_SR_TEXT: Record<string, string> = {\n    error: \"Error\",\n    success: \"Success\",\n    warning: \"Warning\",\n  };\n\n  /**\n   * Resolves the screen-reader-only text describing the badge's semantic intent.\n   * Returns null when no intent description should be announced.\n   */\n  private resolveIntentSrText(): string | null {\n    if (this.srText) return null; // author-provided text takes precedence\n    return NysBadge.INTENT_SR_TEXT[this.intent] ?? null;\n  }\n\n  /**\n   * Resolves which icon should be rendered.\n   * @param icon The icon property value (string or boolean)\n   * @returns Icon name or null if no icon should be rendered\n   */\n  private resolveIcon(icon: string | boolean): string | null {\n    if (icon === true) {\n      return NysBadge.DEFAULT_ICONS[this.intent] ?? \"info\";\n    }\n    if (typeof icon === \"string\" && icon.trim() !== \"\") {\n      return icon;\n    }\n    return null;\n  }\n\n  render() {\n    const prefixIconName = this.resolveIcon(this.prefixIcon);\n    const suffixIconName = this.resolveIcon(this.suffixIcon);\n    const intentSrText = this.resolveIntentSrText();\n\n    return html`\n      <mark class=\"nys-badge\">\n        ${prefixIconName\n          ? html`<nys-icon size=\"16\" name=${prefixIconName}></nys-icon>`\n          : \"\"}\n        ${this.prefixLabel\n          ? html`<div class=\"nys-badge__prefix\">${this.prefixLabel}</div>`\n          : \"\"}\n        <div class=\"nys-badge__label\">\n          ${intentSrText\n            ? html`<span class=\"nys-badge__sr-only\"\n                >${intentSrText + \": \"}</span\n              >`\n            : \"\"}\n          ${this.label}\n          ${this.srText\n            ? html`<span class=\"nys-badge__sr-only\"\n                >${\": \" + this.srText}</span\n              >`\n            : \"\"}\n        </div>\n\n        ${suffixIconName\n          ? html`<nys-icon size=\"16\" name=${suffixIconName}></nys-icon>`\n          : \"\"}\n      </mark>\n    `;\n  }\n}\n\nif (!customElements.get(\"nys-badge\")) {\n  customElements.define(\"nys-badge\", NysBadge);\n}\n"],"names":["LitElement","unsafeCSS","html","property","y","f","e","b","t","P","u","_NysBadge","_a","NysElement","value","attr","suffixAttr","icon","prefixIconName","suffixIconName","intentSrText","styles","__decorateClass","NysBadge"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nysds/nys-badge",
-  "version": "1.20.0",
+  "version": "1.20.1",
   "description": "The Badge component from the NYS Design System.",
   "module": "dist/nys-badge.js",
   "types": "dist/index.d.ts",
@@ -23,10 +23,10 @@
     "lit-analyze": "lit-analyzer '**/*.ts'"
   },
   "dependencies": {
-    "@nysds/nys-icon": "^1.20.0"
+    "@nysds/nys-icon": "^1.20.1"
   },
   "devDependencies": {
-    "@nysds/internals": "^1.20.0",
+    "@nysds/internals": "^1.20.1",
     "lit": "^3.3.1",
     "typescript": "^5.9.3",
     "vite": "^7.3.1"