@govtechsg/sgds-web-component 3.0.0-rc.0 → 3.0.0-rc.2

package/base/form-check-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-check-element.js","sources":["../../src/base/form-check-element.ts"],"sourcesContent":["import { html } from \"lit\";\nimport { property, query } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { defaultValue } from \"../utils/defaultvalue\";\nimport { FormSubmitController, SgdsFormControl } from \"../utils/form\";\nimport { watch } from \"../utils/watch\";\nimport SgdsElement from \"./sgds-element\";\n\nexport class FormCheckElement extends SgdsElement implements SgdsFormControl {\n  /**@internal */\n  @query('input[type=\"checkbox\"]') input: HTMLInputElement;\n  /**@internal */\n  private readonly formSubmitController = new FormSubmitController(this, {\n    value: (control: FormCheckElement) => (control.checked ? control.value : undefined),\n    defaultValue: (control: FormCheckElement) => control.defaultChecked,\n    setValue: (control: FormCheckElement, checked: boolean) => (control.checked = checked)\n  });\n\n  /** Name of the HTML form control. Submitted with the form as part of a name/value pair. */\n  @property({ type: String, reflect: true }) name: string;\n\n  /** For aria-label when there is no appropriate text label visible */\n  @property({ type: String, reflect: true }) ariaLabel = \"checkbox\";\n\n  /** Value of the HTML form control. Primarily used to differentiate a list of related checkboxes that have the same name. */\n  @property({ type: String, reflect: true }) value: string;\n\n  /** Makes the checkbox a required field. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  /** Draws the checkbox in a checked state. */\n  @property({ type: Boolean, reflect: true }) checked = false;\n\n  /** Disables the checkbox (so the user can't check / uncheck it). */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Allows invalidFeedback, invalid and valid styles to be visible with the input */\n  @property({ type: Boolean, reflect: true }) hasFeedback = false;\n\n  /** Gets or sets the default value used to reset this element. The initial value corresponds to the one originally specified in the HTML that created this element. */\n  @defaultValue(\"checked\")\n  defaultChecked = false;\n\n  /** Marks the checkbox input as invalid. Replace the pseudo :invalid selector for absent in custom elements */\n  @property({ type: Boolean, reflect: true }) invalid = false;\n\n  /** Marks the checkbox input as indeterminate , with indeterminate logo  */\n  @property({ type: Boolean, reflect: true }) indeterminate = false;\n\n  @watch(\"invalid\", { waitUntilFirstUpdate: true })\n  _handleInvalidChange() {\n    this.emit(\"sgds-validity-change\", { detail: { invalid: this.invalid } });\n  }\n  /** Simulates a click on the checkbox. */\n  public click() {\n    this.input.click();\n  }\n  /** Sets focus on the checkbox. */\n  public focus(options?: FocusOptions) {\n    this.input.focus(options);\n  }\n\n  /** Removes focus from the checkbox. */\n  public blur() {\n    this.input.blur();\n  }\n  /** Checks for validity and shows the browser's validation message if the control is invalid. */\n  public reportValidity() {\n    if (!this.input.reportValidity()) {\n      this.invalid = !this.input.checkValidity();\n    }\n    return this.input.reportValidity();\n  }\n\n  protected _handleChange() {\n    if (this.indeterminate) {\n      this.indeterminate = !this.indeterminate;\n    }\n\n    this.checked = !this.checked;\n    this.value = this.input.value;\n    this.emit(\"sgds-change\", { detail: { checked: this.checked, value: this.value } });\n  }\n\n  protected _handleKeyDown(event: KeyboardEvent) {\n    const hasModifier = event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;\n    if (event.key === \"Enter\" && !hasModifier) {\n      this.click();\n    }\n  }\n\n  protected _handleInvalid(e: Event) {\n    e.preventDefault();\n    this.invalid = true;\n  }\n  /** @internal For Id/For pair of the HTML form control and label. */\n  protected _inputId: string;\n\n  /**@internal */\n  @property({ type: String }) protected _size: string;\n  /** @internal */\n  @watch(\"disabled\", { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    // Disabled form controls are always valid, so we need to recheck validity when the state changes\n    this.input.disabled = this.disabled;\n    this.invalid = !this.input.checkValidity();\n  }\n  /** @internal */\n  @watch(\"checked\", { waitUntilFirstUpdate: true })\n  handleStateChange() {\n    this.invalid = !this.input.checkValidity();\n  }\n\n  render() {\n    return html`\n      <div\n        class=${classMap({\n          \"form-check\": true\n        })}\n      >\n        <input\n          class=${classMap({\n            \"form-check-input\": true,\n            \"is-invalid\": this.hasFeedback && this.invalid,\n            md: this._size === \"md\"\n          })}\n          type=\"checkbox\"\n          id=${this._inputId}\n          aria-invalid=${this.invalid ? \"true\" : \"false\"}\n          name=${ifDefined(this.name)}\n          value=${ifDefined(this.value)}\n          ?checked=${this.checked}\n          ?indeterminate=${this.indeterminate}\n          ?disabled=${this.disabled}\n          ?required=${this.required}\n          aria-disabled=${this.disabled ? \"true\" : \"false\"}\n          aria-checked=${this.checked ? \"true\" : \"false\"}\n          @change=${this._handleChange}\n          @keydown=${this._handleKeyDown}\n          @invalid=${(e: Event) => this._handleInvalid(e)}\n        />\n        <label for=\"${this._inputId}\" aria-label=${ifDefined(this.ariaLabel)} class=\"form-check-label\"\n          ><slot></slot\n        ></label>\n      </div>\n    `;\n  }\n}\n\nexport default FormCheckElement;\n"],"names":[],"mappings":"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"}

package/css/body.css

@@ -1,28 +0,0 @@
-body.lg-semibold {
-    font-size: var(--sgds-font-size-3);
-    font-weight: var(--sgds-font-weight-semibold);
-}
-
-body.lg-regular {
-    font-size: var(--sgds-font-size-3);
-    font-weight: var(--sgds-font-weight-regular);
-}
-
-body.md-semibold {
-    font-size: var(--sgds-font-size-2);
-    font-weight: var(--sgds-font-weight-semibold);
-}
-
-body.md-regular {
-    font-size: var(--sgds-font-size-2);
-    font-weight: var(--sgds-font-weight-regular);
-}
-
-body.sm-semibold{
-    font-size: var(--sgds-font-size-1);
-    font-weight: var(--sgds-font-weight-semibold);
-}
-body.sm-regular{
-    font-size: var(--sgds-font-size-1);
-    font-weight: var(--sgds-font-weight-regular);
- }

package/css/caption.css

@@ -1,7 +0,0 @@
-caption.semibold{
-    font-size: var(--sgds-font-size-1);
-    font-weight: var(--sgds-font-weight-semibold);
-    line-height: var(--sgds-line-height-body);
-    letter-spacing: var(--sgds-letter-spacing-normal);
-    margin-bottom: var(--sgds-paragraph-spacing-md);
-}

package/css/label.css

@@ -1,28 +0,0 @@
-label.lg-semibold{
-    font-size: var(--sgds-font-size-3);
-    font-weight: var(--sgds-font-weight-semibold);
-}
-label.lg-regular{
-    font-size: var(--sgds-font-size-3);
-    font-weight: var(--sgds-font-weight-regular);
-}
-label.md-semibold{
-    font-size: var(--sgds-font-size-2);
-    font-weight: var(--sgds-font-weight-semibold);
-}
-label.md-regular{
-    font-size: var(--sgds-font-size-2);
-    font-weight: var(--sgds-font-weight-regular);
-}
-label.md-light{
-    font-size: var(--sgds-font-size-2);
-    font-weight: var(--sgds-font-weight-light);
-}
-label.sm-semibold{
-    font-size: var(--sgds-font-size-1);
-    font-weight: var(--sgds-font-weight-semibold);
-}
-label.sm-regular{
-    font-size: var(--sgds-font-size-1);
-    font-weight: var(--sgds-font-weight-regular);
-}

package/react/base/form-check-element.cjs.js

@@ -1,175 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var lit = require('lit');
-var decorators_js = require('lit/decorators.js');
-var classMap_js = require('lit/directives/class-map.js');
-var ifDefined_js = require('lit/directives/if-defined.js');
-var defaultvalue = require('../utils/defaultvalue.cjs.js');
-var form = require('../utils/form.cjs.js');
-var watch = require('../utils/watch.cjs.js');
-var sgdsElement = require('./sgds-element.cjs.js');
-
-class FormCheckElement extends sgdsElement["default"] {
-    constructor() {
-        super(...arguments);
-        /**@internal */
-        this.formSubmitController = new form.FormSubmitController(this, {
-            value: (control) => (control.checked ? control.value : undefined),
-            defaultValue: (control) => control.defaultChecked,
-            setValue: (control, checked) => (control.checked = checked)
-        });
-        /** For aria-label when there is no appropriate text label visible */
-        this.ariaLabel = "checkbox";
-        /** Makes the checkbox a required field. */
-        this.required = false;
-        /** Draws the checkbox in a checked state. */
-        this.checked = false;
-        /** Disables the checkbox (so the user can't check / uncheck it). */
-        this.disabled = false;
-        /** Allows invalidFeedback, invalid and valid styles to be visible with the input */
-        this.hasFeedback = false;
-        /** Gets or sets the default value used to reset this element. The initial value corresponds to the one originally specified in the HTML that created this element. */
-        this.defaultChecked = false;
-        /** Marks the checkbox input as invalid. Replace the pseudo :invalid selector for absent in custom elements */
-        this.invalid = false;
-        /** Marks the checkbox input as indeterminate , with indeterminate logo  */
-        this.indeterminate = false;
-    }
-    _handleInvalidChange() {
-        this.emit("sgds-validity-change", { detail: { invalid: this.invalid } });
-    }
-    /** Simulates a click on the checkbox. */
-    click() {
-        this.input.click();
-    }
-    /** Sets focus on the checkbox. */
-    focus(options) {
-        this.input.focus(options);
-    }
-    /** Removes focus from the checkbox. */
-    blur() {
-        this.input.blur();
-    }
-    /** Checks for validity and shows the browser's validation message if the control is invalid. */
-    reportValidity() {
-        if (!this.input.reportValidity()) {
-            this.invalid = !this.input.checkValidity();
-        }
-        return this.input.reportValidity();
-    }
-    _handleChange() {
-        if (this.indeterminate) {
-            this.indeterminate = !this.indeterminate;
-        }
-        this.checked = !this.checked;
-        this.value = this.input.value;
-        this.emit("sgds-change", { detail: { checked: this.checked, value: this.value } });
-    }
-    _handleKeyDown(event) {
-        const hasModifier = event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;
-        if (event.key === "Enter" && !hasModifier) {
-            this.click();
-        }
-    }
-    _handleInvalid(e) {
-        e.preventDefault();
-        this.invalid = true;
-    }
-    /** @internal */
-    handleDisabledChange() {
-        // Disabled form controls are always valid, so we need to recheck validity when the state changes
-        this.input.disabled = this.disabled;
-        this.invalid = !this.input.checkValidity();
-    }
-    /** @internal */
-    handleStateChange() {
-        this.invalid = !this.input.checkValidity();
-    }
-    render() {
-        return lit.html `
-      <div
-        class=${classMap_js.classMap({
-            "form-check": true
-        })}
-      >
-        <input
-          class=${classMap_js.classMap({
-            "form-check-input": true,
-            "is-invalid": this.hasFeedback && this.invalid,
-            md: this._size === "md"
-        })}
-          type="checkbox"
-          id=${this._inputId}
-          aria-invalid=${this.invalid ? "true" : "false"}
-          name=${ifDefined_js.ifDefined(this.name)}
-          value=${ifDefined_js.ifDefined(this.value)}
-          ?checked=${this.checked}
-          ?indeterminate=${this.indeterminate}
-          ?disabled=${this.disabled}
-          ?required=${this.required}
-          aria-disabled=${this.disabled ? "true" : "false"}
-          aria-checked=${this.checked ? "true" : "false"}
-          @change=${this._handleChange}
-          @keydown=${this._handleKeyDown}
-          @invalid=${(e) => this._handleInvalid(e)}
-        />
-        <label for="${this._inputId}" aria-label=${ifDefined_js.ifDefined(this.ariaLabel)} class="form-check-label"
-          ><slot></slot
-        ></label>
-      </div>
-    `;
-    }
-}
-tslib.__decorate([
-    decorators_js.query('input[type="checkbox"]')
-], FormCheckElement.prototype, "input", void 0);
-tslib.__decorate([
-    decorators_js.property({ type: String, reflect: true })
-], FormCheckElement.prototype, "name", void 0);
-tslib.__decorate([
-    decorators_js.property({ type: String, reflect: true })
-], FormCheckElement.prototype, "ariaLabel", void 0);
-tslib.__decorate([
-    decorators_js.property({ type: String, reflect: true })
-], FormCheckElement.prototype, "value", void 0);
-tslib.__decorate([
-    decorators_js.property({ type: Boolean, reflect: true })
-], FormCheckElement.prototype, "required", void 0);
-tslib.__decorate([
-    decorators_js.property({ type: Boolean, reflect: true })
-], FormCheckElement.prototype, "checked", void 0);
-tslib.__decorate([
-    decorators_js.property({ type: Boolean, reflect: true })
-], FormCheckElement.prototype, "disabled", void 0);
-tslib.__decorate([
-    decorators_js.property({ type: Boolean, reflect: true })
-], FormCheckElement.prototype, "hasFeedback", void 0);
-tslib.__decorate([
-    defaultvalue.defaultValue("checked")
-], FormCheckElement.prototype, "defaultChecked", void 0);
-tslib.__decorate([
-    decorators_js.property({ type: Boolean, reflect: true })
-], FormCheckElement.prototype, "invalid", void 0);
-tslib.__decorate([
-    decorators_js.property({ type: Boolean, reflect: true })
-], FormCheckElement.prototype, "indeterminate", void 0);
-tslib.__decorate([
-    watch.watch("invalid", { waitUntilFirstUpdate: true })
-], FormCheckElement.prototype, "_handleInvalidChange", null);
-tslib.__decorate([
-    decorators_js.property({ type: String })
-], FormCheckElement.prototype, "_size", void 0);
-tslib.__decorate([
-    watch.watch("disabled", { waitUntilFirstUpdate: true })
-], FormCheckElement.prototype, "handleDisabledChange", null);
-tslib.__decorate([
-    watch.watch("checked", { waitUntilFirstUpdate: true })
-], FormCheckElement.prototype, "handleStateChange", null);
-
-exports.FormCheckElement = FormCheckElement;
-exports["default"] = FormCheckElement;
-//# sourceMappingURL=form-check-element.cjs.js.map

package/react/base/form-check-element.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-check-element.cjs.js","sources":["../../../src/base/form-check-element.ts"],"sourcesContent":["import { html } from \"lit\";\nimport { property, query } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { defaultValue } from \"../utils/defaultvalue\";\nimport { FormSubmitController, SgdsFormControl } from \"../utils/form\";\nimport { watch } from \"../utils/watch\";\nimport SgdsElement from \"./sgds-element\";\n\nexport class FormCheckElement extends SgdsElement implements SgdsFormControl {\n  /**@internal */\n  @query('input[type=\"checkbox\"]') input: HTMLInputElement;\n  /**@internal */\n  private readonly formSubmitController = new FormSubmitController(this, {\n    value: (control: FormCheckElement) => (control.checked ? control.value : undefined),\n    defaultValue: (control: FormCheckElement) => control.defaultChecked,\n    setValue: (control: FormCheckElement, checked: boolean) => (control.checked = checked)\n  });\n\n  /** Name of the HTML form control. Submitted with the form as part of a name/value pair. */\n  @property({ type: String, reflect: true }) name: string;\n\n  /** For aria-label when there is no appropriate text label visible */\n  @property({ type: String, reflect: true }) ariaLabel = \"checkbox\";\n\n  /** Value of the HTML form control. Primarily used to differentiate a list of related checkboxes that have the same name. */\n  @property({ type: String, reflect: true }) value: string;\n\n  /** Makes the checkbox a required field. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  /** Draws the checkbox in a checked state. */\n  @property({ type: Boolean, reflect: true }) checked = false;\n\n  /** Disables the checkbox (so the user can't check / uncheck it). */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Allows invalidFeedback, invalid and valid styles to be visible with the input */\n  @property({ type: Boolean, reflect: true }) hasFeedback = false;\n\n  /** Gets or sets the default value used to reset this element. The initial value corresponds to the one originally specified in the HTML that created this element. */\n  @defaultValue(\"checked\")\n  defaultChecked = false;\n\n  /** Marks the checkbox input as invalid. Replace the pseudo :invalid selector for absent in custom elements */\n  @property({ type: Boolean, reflect: true }) invalid = false;\n\n  /** Marks the checkbox input as indeterminate , with indeterminate logo  */\n  @property({ type: Boolean, reflect: true }) indeterminate = false;\n\n  @watch(\"invalid\", { waitUntilFirstUpdate: true })\n  _handleInvalidChange() {\n    this.emit(\"sgds-validity-change\", { detail: { invalid: this.invalid } });\n  }\n  /** Simulates a click on the checkbox. */\n  public click() {\n    this.input.click();\n  }\n  /** Sets focus on the checkbox. */\n  public focus(options?: FocusOptions) {\n    this.input.focus(options);\n  }\n\n  /** Removes focus from the checkbox. */\n  public blur() {\n    this.input.blur();\n  }\n  /** Checks for validity and shows the browser's validation message if the control is invalid. */\n  public reportValidity() {\n    if (!this.input.reportValidity()) {\n      this.invalid = !this.input.checkValidity();\n    }\n    return this.input.reportValidity();\n  }\n\n  protected _handleChange() {\n    if (this.indeterminate) {\n      this.indeterminate = !this.indeterminate;\n    }\n\n    this.checked = !this.checked;\n    this.value = this.input.value;\n    this.emit(\"sgds-change\", { detail: { checked: this.checked, value: this.value } });\n  }\n\n  protected _handleKeyDown(event: KeyboardEvent) {\n    const hasModifier = event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;\n    if (event.key === \"Enter\" && !hasModifier) {\n      this.click();\n    }\n  }\n\n  protected _handleInvalid(e: Event) {\n    e.preventDefault();\n    this.invalid = true;\n  }\n  /** @internal For Id/For pair of the HTML form control and label. */\n  protected _inputId: string;\n\n  /**@internal */\n  @property({ type: String }) protected _size: string;\n  /** @internal */\n  @watch(\"disabled\", { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    // Disabled form controls are always valid, so we need to recheck validity when the state changes\n    this.input.disabled = this.disabled;\n    this.invalid = !this.input.checkValidity();\n  }\n  /** @internal */\n  @watch(\"checked\", { waitUntilFirstUpdate: true })\n  handleStateChange() {\n    this.invalid = !this.input.checkValidity();\n  }\n\n  render() {\n    return html`\n      <div\n        class=${classMap({\n          \"form-check\": true\n        })}\n      >\n        <input\n          class=${classMap({\n            \"form-check-input\": true,\n            \"is-invalid\": this.hasFeedback && this.invalid,\n            md: this._size === \"md\"\n          })}\n          type=\"checkbox\"\n          id=${this._inputId}\n          aria-invalid=${this.invalid ? \"true\" : \"false\"}\n          name=${ifDefined(this.name)}\n          value=${ifDefined(this.value)}\n          ?checked=${this.checked}\n          ?indeterminate=${this.indeterminate}\n          ?disabled=${this.disabled}\n          ?required=${this.required}\n          aria-disabled=${this.disabled ? \"true\" : \"false\"}\n          aria-checked=${this.checked ? \"true\" : \"false\"}\n          @change=${this._handleChange}\n          @keydown=${this._handleKeyDown}\n          @invalid=${(e: Event) => this._handleInvalid(e)}\n        />\n        <label for=\"${this._inputId}\" aria-label=${ifDefined(this.ariaLabel)} class=\"form-check-label\"\n          ><slot></slot\n        ></label>\n      </div>\n    `;\n  }\n}\n\nexport default FormCheckElement;\n"],"names":["SgdsElement","FormSubmitController","html","classMap","ifDefined","__decorate","query","property","defaultValue","watch"],"mappings":"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"}

package/react/base/form-check-element.js

@@ -1,170 +0,0 @@
-'use client';
-import { __decorate } from 'tslib';
-import { html } from 'lit';
-import { query, property } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
-import { defaultValue } from '../utils/defaultvalue.js';
-import { FormSubmitController } from '../utils/form.js';
-import { watch } from '../utils/watch.js';
-import SgdsElement from './sgds-element.js';
-
-class FormCheckElement extends SgdsElement {
-    constructor() {
-        super(...arguments);
-        /**@internal */
-        this.formSubmitController = new FormSubmitController(this, {
-            value: (control) => (control.checked ? control.value : undefined),
-            defaultValue: (control) => control.defaultChecked,
-            setValue: (control, checked) => (control.checked = checked)
-        });
-        /** For aria-label when there is no appropriate text label visible */
-        this.ariaLabel = "checkbox";
-        /** Makes the checkbox a required field. */
-        this.required = false;
-        /** Draws the checkbox in a checked state. */
-        this.checked = false;
-        /** Disables the checkbox (so the user can't check / uncheck it). */
-        this.disabled = false;
-        /** Allows invalidFeedback, invalid and valid styles to be visible with the input */
-        this.hasFeedback = false;
-        /** Gets or sets the default value used to reset this element. The initial value corresponds to the one originally specified in the HTML that created this element. */
-        this.defaultChecked = false;
-        /** Marks the checkbox input as invalid. Replace the pseudo :invalid selector for absent in custom elements */
-        this.invalid = false;
-        /** Marks the checkbox input as indeterminate , with indeterminate logo  */
-        this.indeterminate = false;
-    }
-    _handleInvalidChange() {
-        this.emit("sgds-validity-change", { detail: { invalid: this.invalid } });
-    }
-    /** Simulates a click on the checkbox. */
-    click() {
-        this.input.click();
-    }
-    /** Sets focus on the checkbox. */
-    focus(options) {
-        this.input.focus(options);
-    }
-    /** Removes focus from the checkbox. */
-    blur() {
-        this.input.blur();
-    }
-    /** Checks for validity and shows the browser's validation message if the control is invalid. */
-    reportValidity() {
-        if (!this.input.reportValidity()) {
-            this.invalid = !this.input.checkValidity();
-        }
-        return this.input.reportValidity();
-    }
-    _handleChange() {
-        if (this.indeterminate) {
-            this.indeterminate = !this.indeterminate;
-        }
-        this.checked = !this.checked;
-        this.value = this.input.value;
-        this.emit("sgds-change", { detail: { checked: this.checked, value: this.value } });
-    }
-    _handleKeyDown(event) {
-        const hasModifier = event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;
-        if (event.key === "Enter" && !hasModifier) {
-            this.click();
-        }
-    }
-    _handleInvalid(e) {
-        e.preventDefault();
-        this.invalid = true;
-    }
-    /** @internal */
-    handleDisabledChange() {
-        // Disabled form controls are always valid, so we need to recheck validity when the state changes
-        this.input.disabled = this.disabled;
-        this.invalid = !this.input.checkValidity();
-    }
-    /** @internal */
-    handleStateChange() {
-        this.invalid = !this.input.checkValidity();
-    }
-    render() {
-        return html `
-      <div
-        class=${classMap({
-            "form-check": true
-        })}
-      >
-        <input
-          class=${classMap({
-            "form-check-input": true,
-            "is-invalid": this.hasFeedback && this.invalid,
-            md: this._size === "md"
-        })}
-          type="checkbox"
-          id=${this._inputId}
-          aria-invalid=${this.invalid ? "true" : "false"}
-          name=${ifDefined(this.name)}
-          value=${ifDefined(this.value)}
-          ?checked=${this.checked}
-          ?indeterminate=${this.indeterminate}
-          ?disabled=${this.disabled}
-          ?required=${this.required}
-          aria-disabled=${this.disabled ? "true" : "false"}
-          aria-checked=${this.checked ? "true" : "false"}
-          @change=${this._handleChange}
-          @keydown=${this._handleKeyDown}
-          @invalid=${(e) => this._handleInvalid(e)}
-        />
-        <label for="${this._inputId}" aria-label=${ifDefined(this.ariaLabel)} class="form-check-label"
-          ><slot></slot
-        ></label>
-      </div>
-    `;
-    }
-}
-__decorate([
-    query('input[type="checkbox"]')
-], FormCheckElement.prototype, "input", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], FormCheckElement.prototype, "name", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], FormCheckElement.prototype, "ariaLabel", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], FormCheckElement.prototype, "value", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], FormCheckElement.prototype, "required", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], FormCheckElement.prototype, "checked", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], FormCheckElement.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], FormCheckElement.prototype, "hasFeedback", void 0);
-__decorate([
-    defaultValue("checked")
-], FormCheckElement.prototype, "defaultChecked", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], FormCheckElement.prototype, "invalid", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], FormCheckElement.prototype, "indeterminate", void 0);
-__decorate([
-    watch("invalid", { waitUntilFirstUpdate: true })
-], FormCheckElement.prototype, "_handleInvalidChange", null);
-__decorate([
-    property({ type: String })
-], FormCheckElement.prototype, "_size", void 0);
-__decorate([
-    watch("disabled", { waitUntilFirstUpdate: true })
-], FormCheckElement.prototype, "handleDisabledChange", null);
-__decorate([
-    watch("checked", { waitUntilFirstUpdate: true })
-], FormCheckElement.prototype, "handleStateChange", null);
-
-export { FormCheckElement, FormCheckElement as default };
-//# sourceMappingURL=form-check-element.js.map

package/react/base/form-check-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-check-element.js","sources":["../../../src/base/form-check-element.ts"],"sourcesContent":["import { html } from \"lit\";\nimport { property, query } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { defaultValue } from \"../utils/defaultvalue\";\nimport { FormSubmitController, SgdsFormControl } from \"../utils/form\";\nimport { watch } from \"../utils/watch\";\nimport SgdsElement from \"./sgds-element\";\n\nexport class FormCheckElement extends SgdsElement implements SgdsFormControl {\n  /**@internal */\n  @query('input[type=\"checkbox\"]') input: HTMLInputElement;\n  /**@internal */\n  private readonly formSubmitController = new FormSubmitController(this, {\n    value: (control: FormCheckElement) => (control.checked ? control.value : undefined),\n    defaultValue: (control: FormCheckElement) => control.defaultChecked,\n    setValue: (control: FormCheckElement, checked: boolean) => (control.checked = checked)\n  });\n\n  /** Name of the HTML form control. Submitted with the form as part of a name/value pair. */\n  @property({ type: String, reflect: true }) name: string;\n\n  /** For aria-label when there is no appropriate text label visible */\n  @property({ type: String, reflect: true }) ariaLabel = \"checkbox\";\n\n  /** Value of the HTML form control. Primarily used to differentiate a list of related checkboxes that have the same name. */\n  @property({ type: String, reflect: true }) value: string;\n\n  /** Makes the checkbox a required field. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  /** Draws the checkbox in a checked state. */\n  @property({ type: Boolean, reflect: true }) checked = false;\n\n  /** Disables the checkbox (so the user can't check / uncheck it). */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Allows invalidFeedback, invalid and valid styles to be visible with the input */\n  @property({ type: Boolean, reflect: true }) hasFeedback = false;\n\n  /** Gets or sets the default value used to reset this element. The initial value corresponds to the one originally specified in the HTML that created this element. */\n  @defaultValue(\"checked\")\n  defaultChecked = false;\n\n  /** Marks the checkbox input as invalid. Replace the pseudo :invalid selector for absent in custom elements */\n  @property({ type: Boolean, reflect: true }) invalid = false;\n\n  /** Marks the checkbox input as indeterminate , with indeterminate logo  */\n  @property({ type: Boolean, reflect: true }) indeterminate = false;\n\n  @watch(\"invalid\", { waitUntilFirstUpdate: true })\n  _handleInvalidChange() {\n    this.emit(\"sgds-validity-change\", { detail: { invalid: this.invalid } });\n  }\n  /** Simulates a click on the checkbox. */\n  public click() {\n    this.input.click();\n  }\n  /** Sets focus on the checkbox. */\n  public focus(options?: FocusOptions) {\n    this.input.focus(options);\n  }\n\n  /** Removes focus from the checkbox. */\n  public blur() {\n    this.input.blur();\n  }\n  /** Checks for validity and shows the browser's validation message if the control is invalid. */\n  public reportValidity() {\n    if (!this.input.reportValidity()) {\n      this.invalid = !this.input.checkValidity();\n    }\n    return this.input.reportValidity();\n  }\n\n  protected _handleChange() {\n    if (this.indeterminate) {\n      this.indeterminate = !this.indeterminate;\n    }\n\n    this.checked = !this.checked;\n    this.value = this.input.value;\n    this.emit(\"sgds-change\", { detail: { checked: this.checked, value: this.value } });\n  }\n\n  protected _handleKeyDown(event: KeyboardEvent) {\n    const hasModifier = event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;\n    if (event.key === \"Enter\" && !hasModifier) {\n      this.click();\n    }\n  }\n\n  protected _handleInvalid(e: Event) {\n    e.preventDefault();\n    this.invalid = true;\n  }\n  /** @internal For Id/For pair of the HTML form control and label. */\n  protected _inputId: string;\n\n  /**@internal */\n  @property({ type: String }) protected _size: string;\n  /** @internal */\n  @watch(\"disabled\", { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    // Disabled form controls are always valid, so we need to recheck validity when the state changes\n    this.input.disabled = this.disabled;\n    this.invalid = !this.input.checkValidity();\n  }\n  /** @internal */\n  @watch(\"checked\", { waitUntilFirstUpdate: true })\n  handleStateChange() {\n    this.invalid = !this.input.checkValidity();\n  }\n\n  render() {\n    return html`\n      <div\n        class=${classMap({\n          \"form-check\": true\n        })}\n      >\n        <input\n          class=${classMap({\n            \"form-check-input\": true,\n            \"is-invalid\": this.hasFeedback && this.invalid,\n            md: this._size === \"md\"\n          })}\n          type=\"checkbox\"\n          id=${this._inputId}\n          aria-invalid=${this.invalid ? \"true\" : \"false\"}\n          name=${ifDefined(this.name)}\n          value=${ifDefined(this.value)}\n          ?checked=${this.checked}\n          ?indeterminate=${this.indeterminate}\n          ?disabled=${this.disabled}\n          ?required=${this.required}\n          aria-disabled=${this.disabled ? \"true\" : \"false\"}\n          aria-checked=${this.checked ? \"true\" : \"false\"}\n          @change=${this._handleChange}\n          @keydown=${this._handleKeyDown}\n          @invalid=${(e: Event) => this._handleInvalid(e)}\n        />\n        <label for=\"${this._inputId}\" aria-label=${ifDefined(this.ariaLabel)} class=\"form-check-label\"\n          ><slot></slot\n        ></label>\n      </div>\n    `;\n  }\n}\n\nexport default FormCheckElement;\n"],"names":[],"mappings":"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"}

package/react/utils/form.cjs.js

@@ -1,137 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const reportValidityOverloads = new WeakMap();
-class FormSubmitController {
-    constructor(host, options) {
-        (this.host = host).addController(this);
-        this.options = Object.assign({ form: (input) => {
-                return input.closest("form");
-            }, name: (input) => input.name, value: (input) => input.value, defaultValue: (input) => input.defaultValue, disabled: (input) => input.disabled, reportValidity: (input) => {
-                return typeof input.reportValidity === "function" ? input.reportValidity() : true;
-            }, setValue: (input, value) => {
-                input.value = value;
-            } }, options);
-        this.handleFormData = this.handleFormData.bind(this);
-        this.handleFormSubmit = this.handleFormSubmit.bind(this);
-        this.handleFormReset = this.handleFormReset.bind(this);
-        this.reportFormValidity = this.reportFormValidity.bind(this);
-    }
-    hostConnected() {
-        this.form = this.options.form(this.host);
-        if (this.form) {
-            this.form.addEventListener("formdata", this.handleFormData);
-            this.form.addEventListener("submit", this.handleFormSubmit);
-            this.form.addEventListener("reset", this.handleFormReset);
-            // Overload the form's reportValidity() method so it looks at Shoelace form controls
-            if (!reportValidityOverloads.has(this.form)) {
-                reportValidityOverloads.set(this.form, this.form.reportValidity);
-                this.form.reportValidity = () => this.reportFormValidity();
-            }
-        }
-    }
-    hostDisconnected() {
-        if (this.form) {
-            this.form.removeEventListener("formdata", this.handleFormData);
-            this.form.removeEventListener("submit", this.handleFormSubmit);
-            this.form.removeEventListener("reset", this.handleFormReset);
-            // Remove the overload and restore the original method
-            if (reportValidityOverloads.has(this.form)) {
-                this.form.reportValidity = reportValidityOverloads.get(this.form);
-                reportValidityOverloads.delete(this.form);
-            }
-            this.form = undefined;
-        }
-    }
-    handleFormData(event) {
-        const disabled = this.options.disabled(this.host);
-        const name = this.options.name(this.host);
-        const value = this.options.value(this.host);
-        if (!disabled && typeof name === "string" && typeof value !== "undefined") {
-            if (Array.isArray(value)) {
-                value.forEach(val => {
-                    event.formData.append(name, val.toString());
-                });
-            }
-            else {
-                event.formData.append(name, value.toString());
-            }
-        }
-    }
-    handleFormSubmit(event) {
-        const disabled = this.options.disabled(this.host);
-        const reportValidity = this.options.reportValidity;
-        if (this.form && !this.form.noValidate && !disabled && !reportValidity(this.host)) {
-            event.preventDefault();
-            event.stopImmediatePropagation();
-        }
-    }
-    handleFormReset() {
-        this.options.setValue(this.host, this.options.defaultValue(this.host));
-    }
-    reportFormValidity() {
-        //
-        // Shoelace form controls work hard to act like regular form controls. They support the Constraint Validation API
-        // and its associated methods such as setCustomValidity() and reportValidity(). However, the HTMLFormElement also
-        // has a reportValidity() method that will trigger validation on all child controls. Since we're not yet using
-        // ElementInternals, we need to overload this method so it looks for any element with the reportValidity() method.
-        //
-        // We preserve the original method in a WeakMap, but we don't call it from the overload because that would trigger
-        // validations in an unexpected order. When the element disconnects, we revert to the original behavior. This won't
-        // be necessary once we can use ElementInternals.
-        //
-        // Note that we're also honoring the form's novalidate attribute.
-        //
-        if (this.form && !this.form.noValidate) {
-            // This seems sloppy, but checking all elements will cover native inputs, Shoelace inputs, and other custom
-            // elements that support the constraint validation API.
-            const elements = this.form.querySelectorAll("*");
-            for (const element of elements) {
-                if (typeof element.reportValidity === "function") {
-                    if (!element.reportValidity()) {
-                        return false;
-                    }
-                }
-            }
-        }
-        return true;
-    }
-    doAction(type, invoker) {
-        if (this.form) {
-            const button = document.createElement("button");
-            button.type = type;
-            button.style.position = "absolute";
-            button.style.width = "0";
-            button.style.height = "0";
-            button.style.clipPath = "inset(50%)";
-            button.style.overflow = "hidden";
-            button.style.whiteSpace = "nowrap";
-            // Pass form attributes through to the temporary button
-            if (invoker) {
-                ["formaction", "formmethod", "formnovalidate", "formtarget"].forEach(attr => {
-                    if (invoker.hasAttribute(attr)) {
-                        button.setAttribute(attr, invoker.getAttribute(attr));
-                    }
-                });
-            }
-            this.form.append(button);
-            button.click();
-            button.remove();
-        }
-    }
-    /** Resets the form, restoring all the control to their default value */
-    reset(invoker) {
-        this.doAction("reset", invoker);
-    }
-    /** Submits the form, triggering validation and form data injection. */
-    submit(invoker) {
-        // Calling form.submit() bypasses the submit event and constraint validation. To prevent this, we can inject a
-        // native submit button into the form, "click" it, then remove it to simulate a standard form submission.
-        this.doAction("submit", invoker);
-    }
-}
-
-exports.FormSubmitController = FormSubmitController;
-//# sourceMappingURL=form.cjs.js.map