@sondor-technology/sondor-components 1.0.1-develop.13 → 1.0.1-develop.15

package/dist/components/pin-input/pin-input.js

@@ -0,0 +1,253 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css } from "lit";
+import { customElement, property, queryAll, state } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+import { resetStyles } from "../../styles/reset.js";
+let StPinInput = class StPinInput extends LitElement {
+    constructor() {
+        super();
+        this.name = "";
+        this.label = "";
+        this.length = 6;
+        this.value = "";
+        // Obscures the input for secure PINs
+        this.mask = false;
+        this.disabled = false;
+        this.required = false;
+        this.invalid = false;
+        this.error = "";
+        this._touched = false;
+        this._internals = this.attachInternals();
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has("value") ||
+            changedProperties.has("required") ||
+            changedProperties.has("error")) {
+            this._internals.setFormValue(this.value || null);
+            this._syncValidity();
+        }
+    }
+    _syncValidity() {
+        this.invalid = false;
+        if (this.error) {
+            this._internals.setValidity({ customError: true }, this.error);
+            this.invalid = true;
+            return;
+        }
+        if (this.required && (this.value.length < this.length || this.value.includes(" "))) {
+            this._internals.setValidity({ valueMissing: true }, `Please enter all ${this.length} digits.`);
+            if (this._touched)
+                this.invalid = true;
+            return;
+        }
+        this._internals.setValidity({});
+    }
+    checkValidity() {
+        return this._internals.checkValidity();
+    }
+    reportValidity() {
+        this._touched = true;
+        this._syncValidity();
+        return this._internals.reportValidity();
+    }
+    _updateValue() {
+        const chars = Array.from(this._inputs).map((input) => input.value || " ");
+        this.value = chars.join("");
+        this.dispatchEvent(new Event("input", { bubbles: true, composed: true }));
+        // Only fire 'change' if the pin is completely filled
+        if (!this.value.includes(" ")) {
+            this.dispatchEvent(new Event("change", { bubbles: true, composed: true }));
+        }
+    }
+    // Handle typing and auto-advancing
+    _handleInput(e, index) {
+        this._touched = true;
+        const input = e.target;
+        // If the user typed a character, move to the next input
+        if (input.value && index < this.length - 1) {
+            this._inputs[index + 1].focus();
+        }
+        this._updateValue();
+    }
+    // Handle backspace rewinding and arrow keys
+    _handleKeyDown(e, index) {
+        const input = e.target;
+        if (e.key === "Backspace") {
+            // If current box is empty, jump to previous box and clear it
+            if (!input.value && index > 0) {
+                e.preventDefault();
+                this._inputs[index - 1].value = "";
+                this._inputs[index - 1].focus();
+                this._updateValue();
+            }
+        }
+        else if (e.key === "ArrowLeft" && index > 0) {
+            e.preventDefault();
+            this._inputs[index - 1].focus();
+        }
+        else if (e.key === "ArrowRight" && index < this.length - 1) {
+            e.preventDefault();
+            this._inputs[index + 1].focus();
+        }
+    }
+    // Handle cross-field pasting (e.g. pasting "123456" into the first box)
+    _handlePaste(e, startIndex) {
+        e.preventDefault();
+        this._touched = true;
+        const pasteData = e.clipboardData?.getData("text") || "";
+        // Clean the string (optional: restrict to numbers if you want strict numeric PINs)
+        const chars = pasteData.replace(/\s/g, "").split("");
+        if (!chars.length)
+            return;
+        let currentIndex = startIndex;
+        for (const char of chars) {
+            if (currentIndex < this.length) {
+                this._inputs[currentIndex].value = char;
+                currentIndex++;
+            }
+        }
+        // Focus the last filled input (or the very last input if we filled them all)
+        const focusIndex = Math.min(currentIndex, this.length - 1);
+        this._inputs[focusIndex].focus();
+        this._updateValue();
+    }
+    render() {
+        // Break the current value into an array of characters for rendering
+        const values = this.value.padEnd(this.length, " ").split("");
+        const isInvalid = this.invalid || !!this.error;
+        return html `
+      ${this.label ? html `<label>${this.label}</label>` : ""}
+
+      <div class=${classMap({ "pin-container": true, "is-invalid": isInvalid })}>
+        ${values
+            .slice(0, this.length)
+            .map((char, index) => html `
+              <input
+                class="pin-box"
+                aria-label="Digit ${index + 1}"
+                type=${this.mask ? "password" : "text"}
+                inputmode="numeric"
+                autocomplete="${"one-time-code"}"
+                maxlength="1"
+                .value=${char.trim()}
+                ?disabled=${this.disabled}
+                @input=${(e) => this._handleInput(e, index)}
+                @keydown=${(e) => this._handleKeyDown(e, index)}
+                @paste=${(e) => this._handlePaste(e, index)}
+              />
+            `)}
+      </div>
+
+      ${isInvalid && this.error ? html `<span class="error-msg">${this.error}</span>` : ""}
+    `;
+    }
+};
+StPinInput.formAssociated = true;
+StPinInput.styles = [
+    resetStyles,
+    css `
+      :host {
+        display: block;
+        font-family: inherit;
+      }
+
+      label {
+        display: block;
+        font-size: var(--st-font-size-sm);
+        font-weight: 500;
+        color: var(--st-color-text-muted);
+        margin-bottom: var(--st-spacing-xs);
+      }
+
+      .pin-container {
+        display: flex;
+        gap: var(--st-spacing-sm);
+      }
+
+      .pin-box {
+        width: 48px;
+        height: 56px;
+        text-align: center;
+        font-size: var(--st-font-size-xl);
+        font-weight: var(--st-font-weight-semibold);
+        color: var(--st-color-text);
+        background: var(--st-color-surface);
+        border: 1px solid var(--st-color-border);
+        border-radius: var(--st-radius-md);
+        box-sizing: border-box;
+        transition:
+          border-color 0.2s,
+          box-shadow 0.2s,
+          background-color 0.2s;
+        /* iOS optimization for numeric pads */
+        caret-color: var(--st-color-primary);
+      }
+
+      .pin-box:focus {
+        outline: none;
+        border-color: var(--st-color-primary);
+        box-shadow: 0 0 0 2px var(--st-color-primary-muted, rgba(59, 130, 246, 0.25));
+      }
+
+      .pin-box:disabled {
+        background: var(--st-color-surface-muted, #f1f5f9);
+        color: var(--st-color-text-muted);
+        cursor: not-allowed;
+      }
+
+      .is-invalid .pin-box {
+        border-color: var(--st-color-danger, #dc2626);
+      }
+
+      .error-msg {
+        display: block;
+        margin-top: var(--st-spacing-xs);
+        font-size: var(--st-font-size-xs);
+        color: var(--st-color-danger, #dc2626);
+      }
+    `,
+];
+__decorate([
+    property({ type: String, reflect: true })
+], StPinInput.prototype, "name", void 0);
+__decorate([
+    property({ type: String })
+], StPinInput.prototype, "label", void 0);
+__decorate([
+    property({ type: Number })
+], StPinInput.prototype, "length", void 0);
+__decorate([
+    property({ type: String })
+], StPinInput.prototype, "value", void 0);
+__decorate([
+    property({ type: Boolean })
+], StPinInput.prototype, "mask", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], StPinInput.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], StPinInput.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], StPinInput.prototype, "invalid", void 0);
+__decorate([
+    property({ type: String })
+], StPinInput.prototype, "error", void 0);
+__decorate([
+    queryAll(".pin-box")
+], StPinInput.prototype, "_inputs", void 0);
+__decorate([
+    state()
+], StPinInput.prototype, "_touched", void 0);
+StPinInput = __decorate([
+    customElement("st-pin-input")
+], StPinInput);
+export { StPinInput };
+//# sourceMappingURL=pin-input.js.map

package/dist/components/pin-input/pin-input.js.map

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

package/dist/components/popover/popover.d.ts

@@ -0,0 +1,26 @@
+import { LitElement, PropertyValues } from "lit";
+export type PopoverPosition = "top" | "bottom" | "left" | "right";
+export declare class StPopover extends LitElement {
+    position: PopoverPosition;
+    offset: number;
+    disabled: boolean;
+    private _isOpen;
+    private _triggerWrapper;
+    private _popoverEl;
+    private _triggerElements;
+    static styles: import("lit").CSSResult[];
+    updated(changedProperties: PropertyValues): void;
+    private _handleTriggerSlotChange;
+    private _togglePopover;
+    show(): void;
+    hide(): void;
+    private _handleNativeToggle;
+    private _reposition;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "st-popover": StPopover;
+    }
+}
+//# sourceMappingURL=popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAa,cAAc,EAAC,MAAM,KAAK,CAAC;AAI1D,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAElE,qBACa,SAAU,SAAQ,UAAU;IACb,QAAQ,EAAE,eAAe,CAAY;IACrC,MAAM,SAAK;IACK,QAAQ,UAAS;IAElD,OAAO,CAAC,OAAO,CAAS;IAEN,OAAO,CAAC,eAAe,CAAe;IACtC,OAAO,CAAC,UAAU,CAAe;IAElB,OAAO,CAAC,gBAAgB,CAAiB;IAEnF,MAAM,CAAC,MAAM,4BAkDX;IAEO,OAAO,CAAC,iBAAiB,EAAE,cAAc,QAOjD;IAED,OAAO,CAAC,wBAAwB;IAOhC,OAAO,CAAC,cAAc;IAKf,IAAI,SAWV;IAEM,IAAI,SAOV;IAED,OAAO,CAAC,mBAAmB;IAW3B,OAAO,CAAC,WAAW,CAwCjB;IAEF,MAAM,yCAiBL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/dist/components/popover/popover.js

@@ -0,0 +1,196 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css } from "lit";
+import { customElement, property, query, state, queryAssignedElements } from "lit/decorators.js";
+import { resetStyles } from "../../styles/reset.js";
+let StPopover = class StPopover extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.position = "bottom";
+        this.offset = 8;
+        this.disabled = false;
+        this._isOpen = false;
+        this._reposition = () => {
+            if (!this._isOpen || !this._popoverEl || !this._triggerWrapper)
+                return;
+            const triggerRect = this._triggerWrapper.getBoundingClientRect();
+            const popoverRect = this._popoverEl.getBoundingClientRect();
+            let top = 0;
+            let left = 0;
+            switch (this.position) {
+                case "bottom":
+                    top = triggerRect.bottom + this.offset;
+                    left = triggerRect.left + triggerRect.width / 2 - popoverRect.width / 2;
+                    break;
+                case "top":
+                    top = triggerRect.top - popoverRect.height - this.offset;
+                    left = triggerRect.left + triggerRect.width / 2 - popoverRect.width / 2;
+                    break;
+                case "right":
+                    top = triggerRect.top + triggerRect.height / 2 - popoverRect.height / 2;
+                    left = triggerRect.right + this.offset;
+                    break;
+                case "left":
+                    top = triggerRect.top + triggerRect.height / 2 - popoverRect.height / 2;
+                    left = triggerRect.left - popoverRect.width - this.offset;
+                    break;
+            }
+            const padding = 8;
+            if (left < padding)
+                left = padding;
+            if (left + popoverRect.width > window.innerWidth - padding) {
+                left = window.innerWidth - popoverRect.width - padding;
+            }
+            if (top < padding)
+                top = padding;
+            if (top + popoverRect.height > window.innerHeight - padding) {
+                top = window.innerHeight - popoverRect.height - padding;
+            }
+            this._popoverEl.style.top = `${top}px`;
+            this._popoverEl.style.left = `${left}px`;
+        };
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has("_isOpen")) {
+            this._triggerElements?.forEach((el) => {
+                el.setAttribute("aria-expanded", String(this._isOpen));
+            });
+        }
+    }
+    _handleTriggerSlotChange() {
+        this._triggerElements?.forEach((el) => {
+            el.setAttribute("aria-haspopup", "dialog");
+            el.setAttribute("aria-expanded", String(this._isOpen));
+        });
+    }
+    _togglePopover() {
+        if (this.disabled)
+            return;
+        this._isOpen ? this.hide() : this.show();
+    }
+    show() {
+        if (this.disabled || this._isOpen)
+            return;
+        // 🚀 FIX: Update state synchronously so the _reposition check passes instantly
+        this._isOpen = true;
+        this._popoverEl.showPopover();
+        this._reposition();
+        window.addEventListener("resize", this._reposition);
+        window.addEventListener("scroll", this._reposition, true);
+    }
+    hide() {
+        if (!this._isOpen)
+            return;
+        // 🚀 FIX: Update state synchronously
+        this._isOpen = false;
+        this._popoverEl.hidePopover();
+    }
+    _handleNativeToggle(e) {
+        const isOpening = e.newState === "open";
+        this._isOpen = isOpening;
+        // This handles the cleanup when the user clicks outside or hits ESC
+        if (!isOpening) {
+            window.removeEventListener("resize", this._reposition);
+            window.removeEventListener("scroll", this._reposition, true);
+        }
+    }
+    render() {
+        return html `
+      <div
+        class="trigger-wrapper"
+        @click=${this._togglePopover}
+        @keydown=${(e) => e.key === "Enter" || e.key === " " ? this._togglePopover() : null}
+      >
+        <slot name="trigger" @slotchange=${this._handleTriggerSlotChange}></slot>
+      </div>
+
+      <div id="popover-content" popover="auto" @toggle=${this._handleNativeToggle}>
+        <div class="popover-surface">
+          <slot name="content"></slot>
+        </div>
+      </div>
+    `;
+    }
+};
+StPopover.styles = [
+    resetStyles,
+    css `
+      :host {
+        display: inline-block;
+      }
+
+      .trigger-wrapper {
+        display: inline-block;
+        cursor: pointer;
+      }
+
+      /* Native popover styles */
+      [popover] {
+        position: fixed;
+        margin: 0;
+        padding: 0;
+        border: none;
+        background: transparent;
+        overflow: visible;
+        /* 🚀 FIX: Erase the browser's native centering inset so our JS coordinates work */
+        inset: auto;
+      }
+
+      .popover-surface {
+        background: var(--st-color-surface);
+        border: 1px solid var(--st-color-border);
+        border-radius: var(--st-radius-md);
+        box-shadow:
+          0 10px 15px -3px rgba(0, 0, 0, 0.1),
+          0 4px 6px -2px rgba(0, 0, 0, 0.05);
+        padding: var(--st-spacing-md);
+        color: var(--st-color-text);
+
+        opacity: 0;
+        transform: scale(0.95);
+        transition:
+          opacity 0.15s ease,
+          transform 0.15s ease;
+      }
+
+      [popover]:popover-open .popover-surface {
+        opacity: 1;
+        transform: scale(1);
+      }
+
+      [popover]::backdrop {
+        background: transparent;
+      }
+    `,
+];
+__decorate([
+    property({ type: String })
+], StPopover.prototype, "position", void 0);
+__decorate([
+    property({ type: Number })
+], StPopover.prototype, "offset", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], StPopover.prototype, "disabled", void 0);
+__decorate([
+    state()
+], StPopover.prototype, "_isOpen", void 0);
+__decorate([
+    query(".trigger-wrapper")
+], StPopover.prototype, "_triggerWrapper", void 0);
+__decorate([
+    query("#popover-content")
+], StPopover.prototype, "_popoverEl", void 0);
+__decorate([
+    queryAssignedElements({ slot: "trigger" })
+], StPopover.prototype, "_triggerElements", void 0);
+StPopover = __decorate([
+    customElement("st-popover")
+], StPopover);
+export { StPopover };
+//# sourceMappingURL=popover.js.map

package/dist/components/popover/popover.js.map

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

package/dist/components/radio/radio.d.ts

@@ -1,5 +1,13 @@
 import { LitElement } from "lit";
 export declare class StRadio extends LitElement {
+    static shadowRootOptions: {
+        clonable?: boolean;
+        customElementRegistry?: CustomElementRegistry | null;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+        delegatesFocus: boolean;
+    };
     value: string;
     checked: boolean;
     disabled: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/components/radio/radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAI1C,qBACa,OAAQ,SAAQ,UAAU;IACX,KAAK,SAAM;IACK,OAAO,UAAS;IAChB,QAAQ,UAAS;IAEtB,SAAS,SAAM;IAEpD,MAAM,CAAC,MAAM,4BAyFX;IAEF,OAAO,CAAC,aAAa;IAgBrB,MAAM,yCAeL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/components/radio/radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAK1C,qBACa,OAAQ,SAAQ,UAAU;IACrC,MAAM,CAAC,iBAAiB;;;;;;;MAA2D;IAEzD,KAAK,SAAM;IACK,OAAO,UAAS;IAChB,QAAQ,UAAS;IACtB,SAAS,SAAM;IAEpD,MAAM,CAAC,MAAM,4BAoFX;IAEF,OAAO,CAAC,aAAa;IAcrB,MAAM,yCAeL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/dist/components/radio/radio.js

@@ -6,6 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { LitElement, html, css } from "lit";
 import { customElement, property } from "lit/decorators.js";
+import { ifDefined } from "lit/directives/if-defined.js";
 import { resetStyles } from "../../styles/reset.js";
 let StRadio = class StRadio extends LitElement {
     constructor() {
@@ -16,10 +17,8 @@ let StRadio = class StRadio extends LitElement {
         this.ariaLabel = "";
     }
     _handleChange(e) {
-        // Prevent the native change event from leaking out
         e.stopPropagation();
         if (!this.disabled) {
-            // Dispatch a custom event to tell the parent group this radio was selected
             this.dispatchEvent(new CustomEvent("st-radio-select", {
                 detail: { value: this.value },
                 bubbles: true,
@@ -32,7 +31,7 @@ let StRadio = class StRadio extends LitElement {
       <label>
         <input
           type="radio"
-          aria-label=${this.ariaLabel || ""}
+          aria-label=${ifDefined(this.ariaLabel || undefined)}
           .value=${this.value}
           .checked=${this.checked}
           ?disabled=${this.disabled}
@@ -44,6 +43,7 @@ let StRadio = class StRadio extends LitElement {
     `;
     }
 };
+StRadio.shadowRootOptions = { ...LitElement.shadowRootOptions, delegatesFocus: true };
 StRadio.styles = [
     resetStyles,
     css `
@@ -62,7 +62,6 @@ StRadio.styles = [
         font-size: var(--st-font-size-base);
       }
 
-      /* Hide the native input visually, but keep it accessible for screen readers */
       input {
         position: absolute;
         width: 1px;
@@ -75,7 +74,6 @@ StRadio.styles = [
         border-width: 0;
       }
 
-      /* Custom Radio Circle */
       .control {
         display: flex;
         align-items: center;
@@ -89,45 +87,42 @@ StRadio.styles = [
         flex-shrink: 0;
       }
 
-      /* Inner Dot (Hidden by default) */
       .control::after {
         content: "";
         width: 0.625rem;
         height: 0.625rem;
         border-radius: 50%;
-        background-color: var(--st-color-bg); /* Matches the dot color to background initially */
+        background-color: var(--st-color-bg);
         transition:
           transform 0.2s ease,
           background-color 0.2s ease;
         transform: scale(0);
       }
 
-      /* Hover State */
       label:hover .control {
         border-color: var(--st-color-primary-hover);
       }
 
-      /* Focus State (Driven by the hidden input) */
       input:focus-visible + .control {
         box-shadow:
           0 0 0 2px var(--st-color-bg),
           0 0 0 4px var(--st-color-primary);
       }
 
-      /* Checked State */
       :host([checked]) .control {
         border-color: var(--st-color-primary);
         background-color: var(--st-color-primary);
       }
+
       :host([checked]) .control::after {
-        background-color: var(--st-white); /* White dot inside the primary circle */
+        background-color: #ffffff; /* Explicitly white for contrast */
         transform: scale(1);
       }
 
-      /* Disabled State */
       :host([disabled]) {
         pointer-events: none;
       }
+
       :host([disabled]) label {
         opacity: 0.5;
         cursor: not-allowed;
@@ -150,3 +145,4 @@ StRadio = __decorate([
     customElement("st-radio")
 ], StRadio);
 export { StRadio };
+//# sourceMappingURL=radio.js.map

package/dist/components/radio/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/components/radio/radio.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,UAAU,EAAE,IAAI,EAAE,GAAG,EAAC,MAAM,KAAK,CAAC;AAC1C,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAG3C,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAAhC;;QAGqB,UAAK,GAAG,EAAE,CAAC;QACK,YAAO,GAAG,KAAK,CAAC;QAChB,aAAQ,GAAG,KAAK,CAAC;QACtB,cAAS,GAAG,EAAE,CAAC;IAsHtD,CAAC;IA9BS,aAAa,CAAC,CAAQ;QAC5B,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,iBAAiB,EAAE;gBACjC,MAAM,EAAE,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAC;gBAC3B,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;aACf,CAAC,CACH,CAAC;QACJ,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;;uBAIQ,SAAS,CAAC,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC;mBAC1C,IAAI,CAAC,KAAK;qBACR,IAAI,CAAC,OAAO;sBACX,IAAI,CAAC,QAAQ;oBACf,IAAI,CAAC,aAAa;;;;;KAKjC,CAAC;IACJ,CAAC;CACF,CAAA;AA3HQ,yBAAiB,GAAG,EAAC,GAAG,UAAU,CAAC,iBAAiB,EAAE,cAAc,EAAE,IAAI,EAAC,AAA1D,CAA2D;AAO5E,cAAM,GAAG;IACd,WAAW;IACX,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiFF;CACF,AApFY,CAoFX;AAzFwB;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;sCAAY;AACK;IAAzC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;wCAAiB;AAChB;IAAzC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;yCAAkB;AACtB;IAApC,QAAQ,CAAC,EAAC,SAAS,EAAE,YAAY,EAAC,CAAC;0CAAgB;AANzC,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CA4HnB"}

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

@@ -6,17 +6,22 @@ export declare class StRadioGroup extends LitElement {
     value: string;
     label: string;
     helpText: string;
+    layout: "vertical" | "horizontal";
+    required: boolean;
     disabled: boolean;
     invalid: boolean;
     private _radios;
     constructor();
     static styles: import("lit").CSSResult[];
+    private _handleRadioSelect;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    private _handleRadioSelect;
     updated(changedProperties: PropertyValues<this>): void;
+    private _syncValidity;
     private _syncRadios;
     formResetCallback(): void;
+    checkValidity(): boolean;
+    reportValidity(): boolean;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

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

@@ -1 +1 @@
-{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../src/components/radio-group/radio-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAa,cAAc,EAAC,MAAM,KAAK,CAAC;AAK1D,qBACa,YAAa,SAAQ,UAAU;IAC1C,MAAM,CAAC,cAAc,UAAQ;IAC7B,OAAO,CAAC,UAAU,CAAmB;IAEI,IAAI,SAAM;IACzB,KAAK,SAAM;IACX,KAAK,SAAM;IACD,QAAQ,SAAM;IACR,QAAQ,UAAS;IACjB,OAAO,UAAS;IAI1D,OAAO,CAAC,OAAO,CAAa;IAE5B,cAaC;IAED,MAAM,CAAC,MAAM,4BAiDX;IAEF,iBAAiB,SAIhB;IAED,oBAAoB,SAGnB;IAED,OAAO,CAAC,kBAAkB;IAMjB,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,QAYvD;IAGD,OAAO,CAAC,WAAW;IAYnB,iBAAiB,SAIhB;IAED,MAAM,yCAYL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../src/components/radio-group/radio-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAa,cAAc,EAAC,MAAM,KAAK,CAAC;AAK1D,qBACa,YAAa,SAAQ,UAAU;IAC1C,MAAM,CAAC,cAAc,UAAQ;IAC7B,OAAO,CAAC,UAAU,CAAmB;IAEI,IAAI,SAAM;IACzB,KAAK,SAAM;IACX,KAAK,SAAM;IACD,QAAQ,SAAM;IACT,MAAM,EAAE,UAAU,GAAG,YAAY,CAAc;IAC9C,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACjB,OAAO,UAAS;IAG1D,OAAO,CAAC,OAAO,CAAa;IAE5B,cAYC;IAED,MAAM,CAAC,MAAM,4BA8CX;IAEF,OAAO,CAAC,kBAAkB,CAYxB;IAEF,iBAAiB,SAGhB;IAED,oBAAoB,SAGnB;IAEQ,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,QAevD;IAED,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,WAAW;IAWnB,iBAAiB,SAMhB;IAGD,aAAa,YAEZ;IAED,cAAc,YAEb;IAED,MAAM,yCAYL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}