@sondor-technology/sondor-components 1.0.1-develop.12 → 1.0.1-develop.14

package/dist/components/button/button.js

@@ -13,242 +13,279 @@ let StButton = class StButton extends LitElement {
         this.target = "_self";
         this.disabled = false;
         this.loading = false;
-        this.variant = "primary";
+        this.variant = "solid";
+        this.color = "default";
         this.size = "md";
-        this.color = "primary";
         this.active = false;
         this.ariaLabel = null;
+        this.type = "button";
+        this.block = false;
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener("click", this._handleClick);
     }
     render() {
         const content = html `<slot></slot>`;
         if (this.href) {
-            return html `<a href="${this.href}" target="${this.target}" class="btn" color="${this.color}" aria-label=${this.ariaLabel || nothing}
+            return html `<a
+        href="${this.href}"
+        target="${this.target}"
+        class="btn"
+        aria-label=${this.ariaLabel || nothing}
         >${content}</a
       >`;
         }
+        // ADDED: Passing this.type to the native button element
         return html `
-      <button class="btn" ?disabled=${this.disabled || this.loading}>
-        ${this.loading
-            ? html `
-              <svg class="spinner" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-                <path
-                  opacity="0.2"
-                  fill-rule="evenodd"
-                  clip-rule="evenodd"
-                  d="M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
-                  fill="currentColor"
-                />
-                <path
-                  d="M2 12C2 6.47715 6.47715 2 12 2V5C8.13401 5 5 8.13401 5 12H2Z"
-                  fill="currentColor"
-                />
-              </svg>
-            `
-            : html `<slot name="prefix"></slot>`}
+      <button
+        class="btn"
+        type="${this.type}"
+        ?disabled=${this.disabled || this.loading}
+        @click="${this._handleClick}"
+      >
+        ${this.renderLoadingSpinner()}
+        ${this.renderPrefixSlot()}
         ${content}
         <slot name="suffix"></slot>
       </button>
     `;
     }
+    renderLoadingSpinner() {
+        if (!this.loading) {
+            return html ``;
+        }
+        return html `<svg class="spinner" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+      <path
+        opacity="0.2"
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
+        fill="currentColor"
+      />
+      <path d="M2 12C2 6.47715 6.47715 2 12 2V5C8.13401 5 5 8.13401 5 12H2Z" fill="currentColor" />
+    </svg>`;
+    }
+    renderPrefixSlot() {
+        if (this.loading) {
+            return html ``;
+        }
+        return html `<slot name="prefix"></slot>`;
+    }
+    _handleClick(e) {
+        if (this.disabled || this.loading) {
+            e.preventDefault();
+            e.stopPropagation();
+            return;
+        }
+        if (this.type === "submit") {
+            const form = this.closest("form");
+            if (form) {
+                e.preventDefault(); // Prevent duplicate events
+                form.requestSubmit(); // Natively triggers the form's submit event and validation
+            }
+        }
+        else if (this.type === "reset") {
+            const form = this.closest("form");
+            if (form) {
+                e.preventDefault();
+                form.reset();
+            }
+        }
+    }
 };
 StButton.styles = [
     resetStyles,
     css `
       :host {
-        /* ==========================================================
-           1. Base Palette (Defaults to Primary Theme)
-           ========================================================== */
-        --_palette-base: var(--st-color-primary);
-        --_palette-hover: var(--st-color-primary-hover);
-        --_palette-surface: var(--st-color-surface);
-        --_palette-surface-hover: var(--st-color-border);
-
-        --_palette-text-on-base: var(--st-color-surface);
-        --_palette-text-on-surface: var(--st-color-text);
-
-        /* Sizing Tokens */
         --_btn-padding: var(--st-spacing-sm) var(--st-spacing-md);
         --_btn-font-size: var(--st-font-size-sm);
         --_btn-radius: 4px;
         --_btn-gap: var(--st-spacing-sm);
-
         display: inline-block;
       }
 
       /* ==========================================================
-         2. Semantic Color Overrides (Swaps the active palette)
+         VARIANT: SOLID (Filled background, contrasting text)
          ========================================================== */
-      :host([color="error"]) {
-        --_palette-base: var(--st-color-error);
-        --_palette-hover: color-mix(in srgb, var(--st-color-error), black 15%);
-        --_palette-surface: var(--st-color-error-bg);
-        --_palette-surface-hover: color-mix(in srgb, var(--st-color-error-bg), black 10%);
-        --_palette-text-on-base: var(--st-white); /* Force white text */
-        --_palette-text-on-surface: var(--st-color-error);
+      /* 'default' consumes surface-hover and text, which naturally invert */
+      :host([variant="solid"][color="default"]) {
+        --_bg: var(--st-color-surface-hover);
+        --_text: var(--st-color-text);
       }
-
-      :host([color="success"]) {
-        --_palette-base: var(--st-color-success);
-        --_palette-hover: color-mix(in srgb, var(--st-color-success), black 15%);
-        --_palette-surface: var(--st-color-success-bg);
-        --_palette-surface-hover: color-mix(in srgb, var(--st-color-success-bg), black 10%);
-        --_palette-text-on-base: var(--st-white);
-        --_palette-text-on-surface: var(--st-color-success);
+      /* Semantic colors use the semantic token for bg, and the global app bg (white/dark gray) for text */
+      :host([variant="solid"][color="primary"]) {
+        --_bg: var(--st-color-primary);
+        --_text: var(--st-color-bg);
       }
-
-      :host([color="warning"]) {
-        --_palette-base: var(--st-color-warning);
-        --_palette-hover: color-mix(in srgb, var(--st-color-warning), black 15%);
-        --_palette-surface: var(--st-color-warning-bg);
-        --_palette-surface-hover: color-mix(in srgb, var(--st-color-warning-bg), black 10%);
-        --_palette-text-on-base: var(--st-gray-900); /* Amber needs dark text for contrast */
-        --_palette-text-on-surface: var(--st-color-warning);
+      :host([variant="solid"][color="error"]) {
+        --_bg: var(--st-color-error);
+        --_text: var(--st-color-bg);
+      }
+      :host([variant="solid"][color="success"]) {
+        --_bg: var(--st-color-success);
+        --_text: var(--st-color-bg);
+      }
+      :host([variant="solid"][color="warning"]) {
+        --_bg: var(--st-color-warning);
+        --_text: var(--st-color-bg);
+      }
+      :host([variant="solid"][color="info"]) {
+        --_bg: var(--st-color-info);
+        --_text: var(--st-color-bg);
       }
 
-      :host([color="info"]) {
-        --_palette-base: var(--st-color-info);
-        --_palette-hover: color-mix(in srgb, var(--st-color-info), black 15%);
-        --_palette-surface: var(--st-color-info-bg);
-        --_palette-surface-hover: color-mix(in srgb, var(--st-color-info-bg), black 10%);
-        --_palette-text-on-base: var(--st-white);
-        --_palette-text-on-surface: var(--st-color-info);
+      :host([variant="solid"]) .btn:hover {
+        filter: brightness(var(--st-hover-brightness, 0.9));
       }
 
       /* ==========================================================
-         3. Visual Variants (Consumes the active palette)
+         VARIANT: OUTLINE (Transparent bg, semantic text/border)
          ========================================================== */
+      :host([variant="outline"]) {
+        --_bg: transparent;
+      }
+      :host([variant="outline"][color="default"]) {
+        --_border: var(--st-gray-500, #71717a);
+        --_text: var(--st-color-text);
+      }
+      :host([variant="outline"][color="primary"]) {
+        --_border: var(--st-color-primary-text);
+        --_text: var(--st-color-primary-text);
+      }
+      :host([variant="outline"][color="error"]) {
+        --_border: var(--st-color-error-text);
+        --_text: var(--st-color-error-text);
+      }
+      :host([variant="outline"][color="success"]) {
+        --_border: var(--st-color-success);
+        --_text: var(--st-color-success);
+      }
+      :host([variant="outline"][color="warning"]) {
+        --_border: var(--st-color-warning);
+        --_text: var(--st-color-warning);
+      }
+      :host([variant="outline"][color="info"]) {
+        --_border: var(--st-color-info-text);
+        --_text: var(--st-color-info-text);
+      }
 
-      /* Base (Primary / Solid) */
-      :host {
-        --_btn-bg: var(--_palette-base);
-        --_btn-bg-hover: var(--_palette-hover);
-        --_btn-text: var(--_palette-text-on-base);
-        --_btn-border: transparent;
+      :host([variant="outline"]) .btn:hover {
+        background-color: var(--st-color-surface-hover);
       }
 
-      /* Secondary Variant */
-      :host([variant="secondary"]) {
-        --_btn-bg: var(--_palette-surface);
-        --_btn-bg-hover: var(--_palette-surface-hover);
-        --_btn-text: var(--_palette-text-on-surface);
-        --_btn-border: transparent;
+      /* ==========================================================
+         VARIANT: SECONDARY (Soft background, semantic text)
+         ========================================================== */
+      :host([variant="secondary"][color="default"]) {
+        --_bg: var(--st-color-surface);
+        --_text: var(--st-color-text);
+      }
+      :host([variant="secondary"][color="primary"]) {
+        --_bg: var(--st-color-primary-bg);
+        --_text: var(--st-color-primary-text);
+      }
+      :host([variant="secondary"][color="error"]) {
+        --_bg: var(--st-color-error-bg);
+        --_text: var(--st-color-error-text);
+      }
+      :host([variant="secondary"][color="success"]) {
+        --_bg: var(--st-color-success-bg);
+        --_text: var(--st-color-success);
+      }
+      :host([variant="secondary"][color="warning"]) {
+        --_bg: var(--st-color-warning-bg);
+        --_text: var(--st-color-warning);
+      }
+      :host([variant="secondary"][color="info"]) {
+        --_bg: var(--st-color-info-bg);
+        --_text: var(--st-color-info-text);
       }
 
-      /* Outline Variant */
-      :host([variant="outline"]) {
-        --_btn-bg: transparent;
-        --_btn-bg-hover: var(--_palette-surface);
-        --_btn-text: var(--_palette-base);
-        --_btn-border: var(--_palette-base);
+      :host([variant="secondary"]) .btn:hover {
+        filter: brightness(var(--st-hover-brightness, 0.9));
       }
 
       /* ==========================================================
-         4. Size Variants
+         LAYOUT, SIZE & BASE APPLICATION
          ========================================================== */
+      :host([block]) {
+        display: block;
+        width: 100%;
+      }
+      :host([block]) .btn {
+        width: 100%;
+      }
+
       :host([size="sm"]) {
         --_btn-padding: var(--st-spacing-xs) var(--st-spacing-sm);
         --_btn-font-size: var(--st-font-size-xs);
         --_btn-radius: 2px;
         --_btn-gap: var(--st-spacing-xs);
       }
-
       :host([size="lg"]) {
         --_btn-padding: var(--st-spacing-md) var(--st-spacing-lg);
         --_btn-font-size: var(--st-font-size-base);
         --_btn-radius: 6px;
-        --_btn-gap: var(--st-spacing-sm);
       }
 
-      /* ==========================================================
-         5. Base Button Rules
-         ========================================================== */
       .btn {
         display: inline-flex;
         align-items: center;
         justify-content: center;
         gap: var(--_btn-gap);
 
-        background-color: var(--_btn-bg);
-        color: var(--_btn-text);
-        border: 1px solid var(--_btn-border);
+        background-color: var(--_bg);
+        color: var(--_text);
+        border: 1px solid var(--_border, transparent);
+
         padding: var(--_btn-padding);
         font-size: var(--_btn-font-size);
-        border-radius: var(--_btn-radius);
         line-height: 1;
 
         cursor: pointer;
-        font-weight: var(--st-font-weight-medium);
+        font-weight: var(--st-font-weight-medium, 500);
         transition: all 0.2s ease;
-        padding: 0.5rem 1rem;
+        text-decoration: none;
 
-        /* 1. Split the border radius into 4 independent corners */
         border-radius: var(--btn-radius-tl, var(--st-radius-md, 0.5rem))
           var(--btn-radius-tr, var(--st-radius-md, 0.5rem))
           var(--btn-radius-br, var(--st-radius-md, 0.5rem))
           var(--btn-radius-bl, var(--st-radius-md, 0.5rem));
-
-        /* 2. Add a hook for the group wrapper to inject a divider line */
-        box-shadow: var(--btn-divider, none);
-
-        font-weight: 500;
-        text-decoration: none;
-        border: 1px solid transparent;
-      }
-
-      .btn:hover {
-        color: var(--_btn-text);
-        background-color: var(--_btn-bg-hover);
       }
 
-      /* ==========================================================
-         Logical Active States (Selected/Toggled)
-         ========================================================== */
       :host([active]) .btn {
         filter: brightness(0.9);
         box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2);
-        border-color: transparent;
-        color: var(--_btn-text);
-        background-color: var(--_btn-bg-hover);
-      }
-
-      :host([active]) .btn[color="primary"] {
-        filter: brightness(0.85);
-        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2); /* Inset shadow gives a pressed look */
+        background-color: var(--_bg); /* Retain base background */
       }
 
-      /* ==========================================================
-         Focus State (Accessibility)
-         ========================================================== */
-      /* focus-visible ensures this only shows for keyboard navigation, not mouse clicks */
       .btn:focus-visible {
-        outline: 2px solid var(--st-color-primary);
-        outline-offset: 2px;
-        z-index: 1; /* Pulls the focused button forward if it's in a button group */
+        outline: none;
+        box-shadow:
+          0 0 0 2px var(--st-color-bg, #ffffff),
+          0 0 0 4px var(--st-color-primary);
+        z-index: 1;
       }
 
-      /* ==========================================================
-         Physical Active State (Mouse down)
-         ========================================================== */
       .btn:active {
         transform: scale(0.98);
       }
 
-      /* Disabled & Loading */
       :host([disabled]),
       :host([loading]) {
         pointer-events: none;
       }
 
-      :host([disabled]) button {
+      :host([disabled]) .btn {
         opacity: 0.5;
         cursor: not-allowed;
       }
 
-      :host([loading]) button {
+      :host([loading]) .btn {
         opacity: 0.8;
       }
 
-      /* Icons & Spinner */
       ::slotted(svg),
       svg.spinner {
         width: 1.25em;
@@ -288,17 +325,24 @@ __decorate([
 ], StButton.prototype, "variant", void 0);
 __decorate([
     property({ type: String, reflect: true })
-], StButton.prototype, "size", void 0);
+], StButton.prototype, "color", void 0);
 __decorate([
     property({ type: String, reflect: true })
-], StButton.prototype, "color", void 0);
+], StButton.prototype, "size", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], StButton.prototype, "active", void 0);
 __decorate([
-    property({ type: String, attribute: 'aria-label' })
+    property({ type: String, attribute: "aria-label" })
 ], StButton.prototype, "ariaLabel", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], StButton.prototype, "type", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], StButton.prototype, "block", void 0);
 StButton = __decorate([
     customElement("st-button")
 ], StButton);
 export { StButton };
+//# sourceMappingURL=button.js.map

package/dist/components/button/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button/button.ts"],"names":[],"mappings":"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"}

package/dist/components/button-group/button-group.d.ts

@@ -1,6 +1,7 @@
 import { LitElement } from "lit";
 export declare class StButtonGroup extends LitElement {
     static styles: import("lit").CSSResult[];
+    connectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist/components/button-group/button-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../../src/components/button-group/button-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAI1C,qBACa,aAAc,SAAQ,UAAU;IAC3C,MAAM,CAAC,MAAM,4BAmDX;IAEF,MAAM,yCAML;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}
+{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../../src/components/button-group/button-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAI1C,qBACa,aAAc,SAAQ,UAAU;IAC3C,MAAM,CAAC,MAAM,4BA0CX;IAEF,iBAAiB,SAOhB;IAED,MAAM,yCAEL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}

package/dist/components/button-group/button-group.js

@@ -8,12 +8,16 @@ import { LitElement, html, css } from "lit";
 import { customElement } from "lit/decorators.js";
 import { resetStyles } from "../../styles/reset";
 let StButtonGroup = class StButtonGroup extends LitElement {
+    connectedCallback() {
+        super.connectedCallback();
+        // Automatically apply the semantic role to the host if the developer omits it.
+        // This allows them to just write: <st-button-group aria-label="Pagination">
+        if (!this.hasAttribute("role")) {
+            this.setAttribute("role", "group");
+        }
+    }
     render() {
-        return html `
-      <div class="group" role="group" aria-label="button group">
-        <slot></slot>
-      </div>
-    `;
+        return html `<slot></slot>`;
     }
 };
 StButtonGroup.styles = [
@@ -24,10 +28,6 @@ StButtonGroup.styles = [
         align-items: center;
       }
 
-      .group {
-        display: inline-flex;
-      }
-
       /* 1. Flatten all corners by default */
       ::slotted(st-button) {
         --btn-radius-tl: 0px;
@@ -49,21 +49,16 @@ StButtonGroup.styles = [
         --btn-radius-br: var(--st-radius-md, 0.5rem);
       }
 
-      /* 4. Collapse borders by hiding the left border of adjacent default buttons */
-      ::slotted(st-button[color="default"]:not(:first-child)) {
+      /* 4. Collapse borders by pulling adjacent buttons left */
+      ::slotted(st-button:not(:first-child)) {
         margin-left: -1px;
       }
 
-      /* 5. Prevent Primary buttons from overlapping at all, use box-shadow for the divider */
-      ::slotted(st-button[color="primary"]:not(:first-child)) {
-        --btn-divider: inset 1px 0 0 0 rgba(255, 255, 255, 0.3);
-        margin-left: 0; /* Override any inherited negative margins */
-      }
-
-      /* 6. Pull active/hovered default buttons forward so their full border shows */
-      ::slotted(st-button[color="default"]:hover),
-      ::slotted(st-button[color="default"]:focus-within),
-      ::slotted(st-button[color="default"]:active) {
+      /* 5. Pull active/hovered buttons forward so their full border shows */
+      ::slotted(st-button:hover),
+      ::slotted(st-button:focus-within),
+      ::slotted(st-button:active),
+      ::slotted(st-button[active]) {
         z-index: 1;
       }
     `,
@@ -72,3 +67,4 @@ StButtonGroup = __decorate([
     customElement("st-button-group")
 ], StButtonGroup);
 export { StButtonGroup };
+//# sourceMappingURL=button-group.js.map

package/dist/components/button-group/button-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.js","sourceRoot":"","sources":["../../../src/components/button-group/button-group.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,UAAU,EAAE,IAAI,EAAE,GAAG,EAAC,MAAM,KAAK,CAAC;AAC1C,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAC;AAGxC,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IA6C3C,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,+EAA+E;QAC/E,4EAA4E;QAC5E,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;YAC/B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QACrC,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;CACF,CAAA;AAxDQ,oBAAM,GAAG;IACd,WAAW;IACX,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuCF;CACF,AA1CY,CA0CX;AA3CS,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CAyDzB"}

package/dist/components/checkbox/checkbox.constants.d.ts

@@ -0,0 +1,3 @@
+export declare const checkboxSizes: readonly ["sm", "md", "lg"];
+export type CheckboxSize = (typeof checkboxSizes)[number];
+//# sourceMappingURL=checkbox.constants.d.ts.map

package/dist/components/checkbox/checkbox.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.constants.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,YAAI,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU,CAAC;AACzD,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC"}

package/dist/components/checkbox/checkbox.constants.js

@@ -0,0 +1,2 @@
+export const checkboxSizes = ["sm", "md", "lg"];
+//# sourceMappingURL=checkbox.constants.js.map

package/dist/components/checkbox/checkbox.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.constants.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU,CAAC"}

package/dist/components/checkbox/checkbox.d.ts

@@ -1,9 +1,10 @@
 import { LitElement, PropertyValues } from "lit";
+import { CheckboxSize } from "./checkbox.constants.js";
 export declare class StCheckbox extends LitElement {
     static formAssociated: boolean;
     private _internals;
     private _inputEl;
-    size: "sm" | "md" | "lg";
+    size: CheckboxSize;
     name: string;
     value: string;
     checked: boolean;
@@ -19,6 +20,9 @@ export declare class StCheckbox extends LitElement {
     private _syncValidity;
     checkValidity(): boolean;
     reportValidity(): boolean;
+    get validity(): ValidityState;
+    get validationMessage(): string;
+    get willValidate(): boolean;
     formResetCallback(): void;
     private _handleChange;
     render(): import("lit-html").TemplateResult<1>;

package/dist/components/checkbox/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAa,cAAc,EAAC,MAAM,KAAK,CAAC;AAI1D,qBACa,UAAW,SAAQ,UAAU;IACxC,MAAM,CAAC,cAAc,UAAQ;IAC7B,OAAO,CAAC,UAAU,CAAmB;IAErB,OAAO,CAAC,QAAQ,CAAoB;IAEX,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAChC,IAAI,SAAM;IACzB,KAAK,SAAQ;IAEG,OAAO,UAAS;IAChB,aAAa,UAAS;IAEtB,QAAQ,UAAS;IACjB,OAAO,UAAS;IAChB,QAAQ,UAAS;IACjC,YAAY,SAAM;IAEP,SAAS,SAAM;IAEpD,cAWC;IAED,MAAM,CAAC,MAAM,4BA6GX;IAEO,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,QAWvD;IAED,OAAO,CAAC,aAAa;IAmBd,aAAa,IAAI,OAAO,CAkB9B;IAEM,cAAc,IAAI,OAAO,CAK/B;IAED,iBAAiB,SAMhB;IAED,OAAO,CAAC,aAAa;IAkBrB,MAAM,yCAwBL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAa,cAAc,EAAC,MAAM,KAAK,CAAC;AAG1D,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAErD,qBACa,UAAW,SAAQ,UAAU;IACxC,MAAM,CAAC,cAAc,UAAQ;IAC7B,OAAO,CAAC,UAAU,CAAmB;IAErB,OAAO,CAAC,QAAQ,CAAoB;IAEX,IAAI,EAAE,YAAY,CAAQ;IAC1B,IAAI,SAAM;IACzB,KAAK,SAAQ;IAEG,OAAO,UAAS;IAChB,aAAa,UAAS;IAEtB,QAAQ,UAAS;IACjB,OAAO,UAAS;IAChB,QAAQ,UAAS;IACjC,YAAY,SAAM;IAEP,SAAS,SAAM;IAEpD,cAWC;IAED,MAAM,CAAC,MAAM,4BA6GX;IAEO,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,QAevD;IAED,OAAO,CAAC,aAAa;IAkBd,aAAa,IAAI,OAAO,CAiB9B;IAEM,cAAc,IAAI,OAAO,CAK/B;IAED,IAAW,QAAQ,IAAI,aAAa,CAEnC;IAED,IAAW,iBAAiB,IAAI,MAAM,CAErC;IAED,IAAW,YAAY,IAAI,OAAO,CAEjC;IAED,iBAAiB,SAMhB;IAED,OAAO,CAAC,aAAa;IAkBrB,MAAM,yCAwBL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

package/dist/components/checkbox/checkbox.js

@@ -21,16 +21,18 @@ let StCheckbox = class StCheckbox extends LitElement {
         this.errorMessage = "";
         this.ariaLabel = "";
         this._internals = this.attachInternals();
-        this.addEventListener('focusout', () => {
+        this.addEventListener("focusout", () => {
             this.invalid = !this.checkValidity();
         });
-        this.addEventListener('invalid', () => {
+        this.addEventListener("invalid", () => {
             this.invalid = !this.checkValidity();
         });
     }
     updated(changedProperties) {
         super.updated(changedProperties);
-        if (changedProperties.has("checked") || changedProperties.has("value") || changedProperties.has("errorMessage")) {
+        if (changedProperties.has("checked") ||
+            changedProperties.has("value") ||
+            changedProperties.has("errorMessage")) {
             this._internals.setFormValue(this.checked ? this.value : null);
             this._syncValidity();
         }
@@ -42,7 +44,9 @@ let StCheckbox = class StCheckbox extends LitElement {
         if (!this._inputEl)
             return;
         if (this.required && !this.checked) {
-            const message = this.errorMessage || this._inputEl.validationMessage || "Please check this box if you want to proceed.";
+            const message = this.errorMessage ||
+                this._inputEl.validationMessage ||
+                "Please check this box if you want to proceed.";
             this._internals.setValidity({ valueMissing: true }, message, this._inputEl);
         }
         else {
@@ -53,7 +57,9 @@ let StCheckbox = class StCheckbox extends LitElement {
         if (!this._inputEl)
             return true;
         if (this.required && !this.checked) {
-            const message = this.errorMessage || this._inputEl.validationMessage || "Please check this box if you want to proceed.";
+            const message = this.errorMessage ||
+                this._inputEl.validationMessage ||
+                "Please check this box if you want to proceed.";
             this._internals.setValidity({ valueMissing: true }, message, this._inputEl);
             this.invalid = true;
             return false;
@@ -69,6 +75,15 @@ let StCheckbox = class StCheckbox extends LitElement {
         this.invalid = !isValid;
         return isValid;
     }
+    get validity() {
+        return this._internals.validity;
+    }
+    get validationMessage() {
+        return this._internals.validationMessage;
+    }
+    get willValidate() {
+        return this._internals.willValidate;
+    }
     formResetCallback() {
         this.checked = false;
         this.indeterminate = false;
@@ -263,3 +278,4 @@ StCheckbox = __decorate([
     customElement("st-checkbox")
 ], StCheckbox);
 export { StCheckbox };
+//# sourceMappingURL=checkbox.js.map

package/dist/components/checkbox/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.ts"],"names":[],"mappings":"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"}