@nysds/nys-toggle 1.16.1 → 1.17.0

package/dist/nys-toggle.js

@@ -6,7 +6,7 @@ import { ifDefined as g } from "lit/directives/if-defined.js";
    * █ █ █  █▄▄▄█  ▀▀▀▄▄  █   █ ▀▀▀▄▄
    * █  ▀█    █    █▄▄▄█  █▄▄▀  █▄▄▄█
    *
-   * Toggle Component v1.16.1
+   * Toggle Component v1.17.0
    * Part of the New York State Design System
    * Repository: https://github.com/its-hcd/nysds
    * License: MIT
@@ -105,10 +105,10 @@ const l = class l extends h {
             </span>
           </div>
           ${this.label && i`<nys-label
-            for=${this.id}
             label=${this.label}
             description=${g(this.description || void 0)}
             ?inverted=${this.inverted}
+            @nys-label-click=${this._handleClick}
           >
             <slot name="description" slot="description"
               >${this.description}</slot

package/dist/nys-toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"nys-toggle.js","sources":["../src/nys-toggle.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\n// @ts-ignore: SCSS module imported via bundler as inline\nimport styles from \"./nys-toggle.scss?inline\";\n\nlet toggleIdCounter = 0;\n\n/**\n * A toggle switch for binary settings with immediate effect. Form-associated via ElementInternals.\n *\n * Use when changing a setting takes effect immediately (e.g., dark mode, notifications).\n * For binary choices in forms that submit later, use `nys-checkbox` instead.\n *\n * @summary Toggle switch for binary settings with immediate effect.\n * @element nys-toggle\n *\n * @slot description - Custom HTML description content.\n *\n * @fires nys-change - Fired when toggle state changes. Detail: `{id, checked}`.\n * @fires nys-focus - Fired when toggle gains focus.\n * @fires nys-blur - Fired when toggle loses focus.\n *\n * @example Basic toggle\n * ```html\n * <nys-toggle label=\"Enable notifications\" name=\"notifications\"></nys-toggle>\n * ```\n *\n * @example Dark mode toggle\n * ```html\n * <nys-toggle label=\"Dark mode\" description=\"Adjust display for low light\" checked></nys-toggle>\n * ```\n */\n\nexport class NysToggle extends LitElement {\n  static styles = unsafeCSS(styles);\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  /** Unique identifier. Auto-generated if not provided. */\n  @property({ type: String, reflect: true }) id = \"\";\n\n  /** Name for form submission. */\n  @property({ type: String, reflect: true }) name = \"\";\n\n  /** Value submitted when toggle is on. */\n  @property({ type: String }) value = \"\";\n\n  /** Visible label text. */\n  @property({ type: String }) label = \"\";\n\n  /** Helper text below label. Use slot for custom HTML. */\n  @property({ type: String }) description = \"\";\n\n  /** Form `id` to associate with. */\n  @property({ type: String, reflect: true }) form: string | null = null;\n\n  /** Whether toggle is on. */\n  @property({ type: Boolean, reflect: true }) checked = false;\n\n  /** Prevents interaction. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Hides check/close icon inside toggle knob. */\n  @property({ type: Boolean }) noIcon = false;\n\n  /** Adjusts colors for dark backgrounds. */\n  @property({ type: Boolean, reflect: true }) inverted = false;\n\n  /**\n   * Toggle size: `sm` or `md` (default).\n   * @default \"md\"\n   */\n  @property({ type: String, reflect: true }) size: \"sm\" | \"md\" = \"md\";\n\n  private _internals: ElementInternals;\n\n  /**\n   * Lifecycle methods\n   * --------------------------------------------------------------------------\n   */\n\n  static formAssociated = true; // allows use of elementInternals' API\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n  }\n\n  // Generate a unique ID if one is not provided\n  connectedCallback() {\n    super.connectedCallback();\n    if (!this.id) {\n      this.id = `nys-toggle-${Date.now()}-${toggleIdCounter++}`;\n    }\n  }\n\n  /**\n   * Form Integration\n   * --------------------------------------------------------------------------\n   */\n\n  // Update the internals whenever `checked` or `value` changes.\n  updated(changedProperties: Map<string, any>) {\n    if (changedProperties.has(\"checked\") || changedProperties.has(\"value\")) {\n      this._internals.setFormValue(this.checked ? this.value : null);\n    }\n  }\n\n  public formResetCallback() {\n    this.checked = false;\n\n    this._internals.setFormValue(this.checked ? this.value : null);\n\n    // Re-render UI\n    this.requestUpdate();\n  }\n\n  /**\n   * Event Handlers\n   * --------------------------------------------------------------------------\n   */\n\n  private _emitChangeEvent() {\n    this.dispatchEvent(\n      new CustomEvent(\"nys-change\", {\n        detail: { id: this.id, checked: this.checked },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  // Handle focus event\n  private _handleFocus() {\n    this.dispatchEvent(\n      new Event(\"nys-focus\", { bubbles: true, composed: true }),\n    );\n  }\n\n  // Handle blur event\n  private _handleBlur() {\n    this.dispatchEvent(\n      new Event(\"nys-blur\", { bubbles: true, composed: true }),\n    );\n  }\n\n  private _handleClick() {\n    if (this.disabled) return;\n    this.checked = !this.checked;\n    this._emitChangeEvent();\n  }\n\n  private _handleSliderClick(e: Event) {\n    e.stopPropagation();\n    this._handleClick();\n  }\n\n  private _handleKeyDown(event: KeyboardEvent) {\n    if (!this.disabled && (event.key === \" \" || event.key === \"Enter\")) {\n      event.preventDefault();\n\n      // Manually toggle the checked state\n      this.checked = !this.checked;\n\n      this._emitChangeEvent();\n    }\n  }\n\n  render() {\n    return html`\n      <div class=\"nys-toggle\">\n        <div class=\"nys-toggle__content\">\n          <div class=\"nys-toggle__toggle\">\n            <input\n              id=${this.id}\n              type=\"checkbox\"\n              name=\"${ifDefined(this.name ? this.name : undefined)}\"\n              .value=${this.value}\n              form=${ifDefined(this.form || undefined)}\n              .checked=${this.checked}\n              ?disabled=${this.disabled}\n              role=\"switch\"\n              aria-checked=\"${this.checked ? \"true\" : \"false\"}\"\n              aria-disabled=\"${this.disabled ? \"true\" : \"false\"}\"\n              aria-label=\"${this.label || \"Toggle switch\"}\"\n              @click=${this._handleClick}\n              @focus=${this._handleFocus}\n              @blur=${this._handleBlur}\n              @keydown=${this._handleKeyDown}\n            />\n            <span class=\"slider\" @click=${this._handleSliderClick}>\n              <div class=\"knob\">\n                ${this.noIcon\n                  ? \"\"\n                  : html`<nys-icon\n                      class=\"toggle-icon\"\n                      name=\"${this.checked ? \"check\" : \"close\"}\"\n                      size=\"2xl\"\n                    ></nys-icon>`}\n              </div>\n            </span>\n          </div>\n          ${this.label &&\n          html`<nys-label\n            for=${this.id}\n            label=${this.label}\n            description=${ifDefined(this.description || undefined)}\n            ?inverted=${this.inverted}\n          >\n            <slot name=\"description\" slot=\"description\"\n              >${this.description}</slot\n            >\n          </nys-label> `}\n        </div>\n      </div>\n    `;\n  }\n}\n\nif (!customElements.get(\"nys-toggle\")) {\n  customElements.define(\"nys-toggle\", NysToggle);\n}\n"],"names":["toggleIdCounter","_NysToggle","LitElement","changedProperties","e","event","html","ifDefined","unsafeCSS","styles","NysToggle","__decorateClass","property"],"mappings":"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"}
+{"version":3,"file":"nys-toggle.js","sources":["../src/nys-toggle.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\n// @ts-ignore: SCSS module imported via bundler as inline\nimport styles from \"./nys-toggle.scss?inline\";\n\nlet toggleIdCounter = 0;\n\n/**\n * A toggle switch for binary settings with immediate effect. Form-associated via ElementInternals.\n *\n * Use when changing a setting takes effect immediately (e.g., dark mode, notifications).\n * For binary choices in forms that submit later, use `nys-checkbox` instead.\n *\n * @summary Toggle switch for binary settings with immediate effect.\n * @element nys-toggle\n *\n * @slot description - Custom HTML description content.\n *\n * @fires nys-change - Fired when toggle state changes. Detail: `{id, checked}`.\n * @fires nys-focus - Fired when toggle gains focus.\n * @fires nys-blur - Fired when toggle loses focus.\n *\n * @example Basic toggle\n * ```html\n * <nys-toggle label=\"Enable notifications\" name=\"notifications\"></nys-toggle>\n * ```\n *\n * @example Dark mode toggle\n * ```html\n * <nys-toggle label=\"Dark mode\" description=\"Adjust display for low light\" checked></nys-toggle>\n * ```\n */\n\nexport class NysToggle extends LitElement {\n  static styles = unsafeCSS(styles);\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  /** Unique identifier. Auto-generated if not provided. */\n  @property({ type: String, reflect: true }) id = \"\";\n\n  /** Name for form submission. */\n  @property({ type: String, reflect: true }) name = \"\";\n\n  /** Value submitted when toggle is on. */\n  @property({ type: String }) value = \"\";\n\n  /** Visible label text. */\n  @property({ type: String }) label = \"\";\n\n  /** Helper text below label. Use slot for custom HTML. */\n  @property({ type: String }) description = \"\";\n\n  /** Form `id` to associate with. */\n  @property({ type: String, reflect: true }) form: string | null = null;\n\n  /** Whether toggle is on. */\n  @property({ type: Boolean, reflect: true }) checked = false;\n\n  /** Prevents interaction. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Hides check/close icon inside toggle knob. */\n  @property({ type: Boolean }) noIcon = false;\n\n  /** Adjusts colors for dark backgrounds. */\n  @property({ type: Boolean, reflect: true }) inverted = false;\n\n  /**\n   * Toggle size: `sm` or `md` (default).\n   * @default \"md\"\n   */\n  @property({ type: String, reflect: true }) size: \"sm\" | \"md\" = \"md\";\n\n  private _internals: ElementInternals;\n\n  /**\n   * Lifecycle methods\n   * --------------------------------------------------------------------------\n   */\n\n  static formAssociated = true; // allows use of elementInternals' API\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n  }\n\n  // Generate a unique ID if one is not provided\n  connectedCallback() {\n    super.connectedCallback();\n    if (!this.id) {\n      this.id = `nys-toggle-${Date.now()}-${toggleIdCounter++}`;\n    }\n  }\n\n  /**\n   * Form Integration\n   * --------------------------------------------------------------------------\n   */\n\n  // Update the internals whenever `checked` or `value` changes.\n  updated(changedProperties: Map<string, any>) {\n    if (changedProperties.has(\"checked\") || changedProperties.has(\"value\")) {\n      this._internals.setFormValue(this.checked ? this.value : null);\n    }\n  }\n\n  public formResetCallback() {\n    this.checked = false;\n\n    this._internals.setFormValue(this.checked ? this.value : null);\n\n    // Re-render UI\n    this.requestUpdate();\n  }\n\n  /**\n   * Event Handlers\n   * --------------------------------------------------------------------------\n   */\n\n  private _emitChangeEvent() {\n    this.dispatchEvent(\n      new CustomEvent(\"nys-change\", {\n        detail: { id: this.id, checked: this.checked },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  // Handle focus event\n  private _handleFocus() {\n    this.dispatchEvent(\n      new Event(\"nys-focus\", { bubbles: true, composed: true }),\n    );\n  }\n\n  // Handle blur event\n  private _handleBlur() {\n    this.dispatchEvent(\n      new Event(\"nys-blur\", { bubbles: true, composed: true }),\n    );\n  }\n\n  private _handleClick() {\n    if (this.disabled) return;\n    this.checked = !this.checked;\n    this._emitChangeEvent();\n  }\n\n  private _handleSliderClick(e: Event) {\n    e.stopPropagation();\n    this._handleClick();\n  }\n\n  private _handleKeyDown(event: KeyboardEvent) {\n    if (!this.disabled && (event.key === \" \" || event.key === \"Enter\")) {\n      event.preventDefault();\n\n      // Manually toggle the checked state\n      this.checked = !this.checked;\n\n      this._emitChangeEvent();\n    }\n  }\n\n  render() {\n    return html`\n      <div class=\"nys-toggle\">\n        <div class=\"nys-toggle__content\">\n          <div class=\"nys-toggle__toggle\">\n            <input\n              id=${this.id}\n              type=\"checkbox\"\n              name=\"${ifDefined(this.name ? this.name : undefined)}\"\n              .value=${this.value}\n              form=${ifDefined(this.form || undefined)}\n              .checked=${this.checked}\n              ?disabled=${this.disabled}\n              role=\"switch\"\n              aria-checked=\"${this.checked ? \"true\" : \"false\"}\"\n              aria-disabled=\"${this.disabled ? \"true\" : \"false\"}\"\n              aria-label=\"${this.label || \"Toggle switch\"}\"\n              @click=${this._handleClick}\n              @focus=${this._handleFocus}\n              @blur=${this._handleBlur}\n              @keydown=${this._handleKeyDown}\n            />\n            <span class=\"slider\" @click=${this._handleSliderClick}>\n              <div class=\"knob\">\n                ${this.noIcon\n                  ? \"\"\n                  : html`<nys-icon\n                      class=\"toggle-icon\"\n                      name=\"${this.checked ? \"check\" : \"close\"}\"\n                      size=\"2xl\"\n                    ></nys-icon>`}\n              </div>\n            </span>\n          </div>\n          ${this.label &&\n          html`<nys-label\n            label=${this.label}\n            description=${ifDefined(this.description || undefined)}\n            ?inverted=${this.inverted}\n            @nys-label-click=${this._handleClick}\n          >\n            <slot name=\"description\" slot=\"description\"\n              >${this.description}</slot\n            >\n          </nys-label> `}\n        </div>\n      </div>\n    `;\n  }\n}\n\nif (!customElements.get(\"nys-toggle\")) {\n  customElements.define(\"nys-toggle\", NysToggle);\n}\n"],"names":["toggleIdCounter","_NysToggle","LitElement","changedProperties","e","event","html","ifDefined","unsafeCSS","styles","NysToggle","__decorateClass","property"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nysds/nys-toggle",
-  "version": "1.16.1",
+  "version": "1.17.0",
   "description": "The Toggle component from the NYS Design System.",
   "module": "dist/nys-toggle.js",
   "exports": {
@@ -22,7 +22,7 @@
     "lit-analyze": "lit-analyzer '**/*.ts'"
   },
   "dependencies": {
-    "@nysds/nys-icon": "^1.16.1"
+    "@nysds/nys-icon": "^1.17.0"
   },
   "devDependencies": {
     "lit": "^3.3.1",