@sondor-technology/sondor-components 1.0.0 → 1.0.1-develop.2

package/dist/components/switch/switch.d.ts

@@ -0,0 +1,25 @@
+import { LitElement, PropertyValues } from "lit";
+export declare class StSwitch extends LitElement {
+    static formAssociated: boolean;
+    private _internals;
+    private _inputEl;
+    name: string;
+    value: string;
+    checked: boolean;
+    disabled: boolean;
+    required: boolean;
+    ariaLabel: string;
+    constructor();
+    static styles: import("lit").CSSResult[];
+    updated(changedProperties: PropertyValues<this>): void;
+    private _syncValidity;
+    formResetCallback(): void;
+    private _handleChange;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "st-switch": StSwitch;
+    }
+}
+//# sourceMappingURL=switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/switch/switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAa,cAAc,EAAC,MAAM,KAAK,CAAC;AAI1D,qBACa,QAAS,SAAQ,UAAU;IACtC,MAAM,CAAC,cAAc,UAAQ;IAC7B,OAAO,CAAC,UAAU,CAAmB;IAErB,OAAO,CAAC,QAAQ,CAAoB;IAEX,IAAI,SAAM;IACzB,KAAK,SAAQ;IAEG,OAAO,UAAS;IAChB,QAAQ,UAAS;IACjB,QAAQ,UAAS;IAEtB,SAAS,SAAM;IAEpD,cAGC;IAED,MAAM,CAAC,MAAM,4BAyFX;IAEO,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,QAWvD;IAED,OAAO,CAAC,aAAa;IASrB,iBAAiB,SAIhB;IAED,OAAO,CAAC,aAAa;IASrB,MAAM,yCAoBL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/dist/components/switch/switch.js

@@ -0,0 +1,185 @@
+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 } from "lit/decorators.js";
+import { resetStyles } from "../../styles/reset.js";
+let StSwitch = class StSwitch extends LitElement {
+    constructor() {
+        super();
+        this.name = "";
+        this.value = "on";
+        this.checked = false;
+        this.disabled = false;
+        this.required = false;
+        this.ariaLabel = "";
+        this._internals = this.attachInternals();
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has("checked") || changedProperties.has("value")) {
+            this._internals.setFormValue(this.checked ? this.value : null);
+            this._syncValidity();
+        }
+        if (changedProperties.has("required")) {
+            this._syncValidity();
+        }
+    }
+    _syncValidity() {
+        if (!this._inputEl)
+            return;
+        this._internals.setValidity(this._inputEl.validity, this._inputEl.validationMessage, this._inputEl);
+    }
+    formResetCallback() {
+        this.checked = false;
+        this._internals.setFormValue(null);
+        this.updateComplete.then(() => this._syncValidity());
+    }
+    _handleChange(e) {
+        e.stopPropagation();
+        if (this.disabled)
+            return;
+        this.checked = this._inputEl.checked;
+        this.dispatchEvent(new Event("change", { bubbles: true, composed: true }));
+    }
+    render() {
+        return html `
+      <label>
+        <input
+          type="checkbox"
+          role="switch"
+          aria-label=${this.ariaLabel || ""}
+          .name=${this.name}
+          .value=${this.value}
+          .checked=${this.checked}
+          ?disabled=${this.disabled}
+          ?required=${this.required}
+          @change=${this._handleChange}
+        />
+        <div class="track">
+          <div class="thumb"></div>
+        </div>
+        <span class="label"><slot></slot></span>
+      </label>
+    `;
+    }
+};
+StSwitch.formAssociated = true;
+StSwitch.styles = [
+    resetStyles,
+    css `
+      :host {
+        display: inline-block;
+        outline: none;
+        user-select: none;
+      }
+
+      label {
+        display: inline-flex;
+        align-items: center;
+        gap: var(--st-spacing-sm);
+        cursor: pointer;
+        color: var(--st-color-text);
+        font-size: var(--st-font-size-base);
+      }
+
+      /* Visually hide the native input */
+      input {
+        position: absolute;
+        width: 1px;
+        height: 1px;
+        padding: 0;
+        margin: -1px;
+        overflow: hidden;
+        clip: rect(0, 0, 0, 0);
+        white-space: nowrap;
+        border-width: 0;
+      }
+
+      /* The Switch Track (Pill) */
+      .track {
+        display: flex;
+        align-items: center;
+        width: 2.25rem; /* 36px */
+        height: 1.25rem; /* 20px */
+        background-color: var(--st-color-border);
+        border-radius: 999px;
+        padding: 2px;
+        transition:
+          background-color 0.2s ease,
+          box-shadow 0.2s ease;
+        flex-shrink: 0;
+      }
+
+      /* The Switch Thumb (Circle) */
+      .thumb {
+        width: 1rem; /* 16px */
+        height: 1rem; /* 16px */
+        background-color: var(--st-white);
+        border-radius: 50%;
+        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+        transform: translateX(0);
+        transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+      }
+
+      /* Focus State */
+      input:focus-visible + .track {
+        box-shadow:
+          0 0 0 2px var(--st-color-bg),
+          0 0 0 4px var(--st-color-primary);
+      }
+
+      /* Checked State */
+      :host([checked]) .track {
+        background-color: var(--st-color-primary);
+      }
+
+      :host([checked]) .thumb {
+        /* Move thumb to the right: Track width (36px) - Padding (4px) - Thumb width (16px) = 16px */
+        transform: translateX(16px);
+      }
+
+      /* Hover State (Subtle darkening of the track if unchecked) */
+      label:hover input:not(:checked) + .track {
+        background-color: var(--st-color-text-muted);
+      }
+
+      /* Disabled State */
+      :host([disabled]) {
+        pointer-events: none;
+      }
+
+      :host([disabled]) label {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+    `,
+];
+__decorate([
+    query("input")
+], StSwitch.prototype, "_inputEl", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], StSwitch.prototype, "name", void 0);
+__decorate([
+    property({ type: String })
+], StSwitch.prototype, "value", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], StSwitch.prototype, "checked", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], StSwitch.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], StSwitch.prototype, "required", void 0);
+__decorate([
+    property({ attribute: "aria-label" })
+], StSwitch.prototype, "ariaLabel", void 0);
+StSwitch = __decorate([
+    customElement("st-switch")
+], StSwitch);
+export { StSwitch };

package/dist/components/table/data-table.d.ts

@@ -0,0 +1,72 @@
+import { LitElement, PropertyValues } from 'lit';
+export interface DataTableColumn {
+    header: string;
+    key: string;
+    sortable?: boolean;
+    hidden?: boolean;
+}
+export interface SortConfig {
+    key: string;
+    direction: 'asc' | 'desc';
+}
+export declare class StDataTable extends LitElement {
+    /**
+     * Array defining table headers, keys, and sortability.
+     */
+    columns: DataTableColumn[];
+    /**
+     * Array of row data objects rendered in the table.
+     */
+    data: Record<string, any>[];
+    /**
+     * Total number of rows available on the server (used for pagination).
+     */
+    totalRows: number;
+    /**
+     * Current page number (1-indexed).
+     */
+    page: number;
+    /**
+     * Number of rows per page.
+     */
+    pageSize: number;
+    /**
+     * Enables holding 'Shift' to sort by multiple columns sequentially.
+     */
+    multiSort: boolean;
+    /**
+     * Displays loading skeleton rows and locks controls.
+     */
+    loading: boolean;
+    private internalColumns;
+    private sortState;
+    private searchQuery;
+    private showColumnMenu;
+    private searchTimeout?;
+    private draggedColumnKey;
+    static styles: import("lit").CSSResult[];
+    willUpdate(changedProperties: PropertyValues): void;
+    firstUpdated(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleOutsideClick;
+    private emitChange;
+    private handleSearchInput;
+    private handleSort;
+    private get totalPages();
+    private prevPage;
+    private nextPage;
+    private toggleColumnVisibility;
+    private handleDragStart;
+    private handleDragOver;
+    private handleDragLeave;
+    private handleDrop;
+    private renderSortIcon;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'st-data-table': StDataTable;
+    }
+}
+//# sourceMappingURL=data-table.d.ts.map

package/dist/components/table/data-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../../src/components/table/data-table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAK5D,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,KAAK,GAAG,MAAM,CAAC;CAC3B;AAED,qBACa,WAAY,SAAQ,UAAU;IACzC;;OAEG;IACwB,OAAO,EAAE,eAAe,EAAE,CAAM;IAE3D;;OAEG;IACwB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAM;IAE5D;;OAEG;IACkD,SAAS,SAAK;IAEnE;;OAEG;IACyB,IAAI,SAAK;IAErC;;OAEG;IACiD,QAAQ,SAAM;IAElE;;OAEG;IACmD,SAAS,UAAS;IAExE;;OAEG;IACyC,OAAO,UAAS;IAGnD,OAAO,CAAC,eAAe,CAAyB;IAChD,OAAO,CAAC,SAAS,CAAoB;IACrC,OAAO,CAAC,WAAW,CAAM;IACzB,OAAO,CAAC,cAAc,CAAS;IAExC,OAAO,CAAC,aAAa,CAAC,CAAS;IAC/B,OAAO,CAAC,gBAAgB,CAAuB;IAE/C,MAAM,CAAC,MAAM,4BA+LX;IAEF,UAAU,CAAC,iBAAiB,EAAE,cAAc,QAM3C;IAED,YAAY,SAKX;IAED,iBAAiB,SAGhB;IAED,oBAAoB,SAGnB;IAED,OAAO,CAAC,kBAAkB,CAKxB;IAEF,OAAO,CAAC,UAAU;IAalB,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,UAAU;IAmClB,OAAO,KAAK,UAAU,GAErB;IAED,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,sBAAsB;IAM9B,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,UAAU;IAkBlB,OAAO,CAAC,cAAc;IAkBtB,MAAM,yCAyHL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,WAAW,CAAC;KAC9B;CACF"}