@tartaguti/ui-components 0.0.0-stage → 0.2.0

package/dist/tt-form.js

@@ -0,0 +1,202 @@
+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 } from "lit/decorators.js";
+/**
+ * Groups form controls, validates them, and reports their values.
+ *
+ * It does NOT render a <form> element, and that is deliberate. A form
+ * inside a shadow root cannot own light-DOM controls: form ownership
+ * follows the DOM tree, and slotted children are children of the host,
+ * not of anything in its shadow root. A wrapped <form> looks correct and
+ * silently collects nothing.
+ *
+ * So this collects from its named children directly. If you want the pure
+ * platform behaviour instead, use a native <form>: tt-* controls are
+ * form-associated, so they work inside one with no wrapper at all.
+ */
+// Controls where Enter means "done", seen from the form's own tree, where
+// a tt-* control appears as its host element.
+const TEXT_HOSTS = new Set(["TT-INPUT", "TT-COMBOBOX", "TT-QUANTITY"]);
+const NOT_TEXT = new Set([
+    "checkbox",
+    "radio",
+    "button",
+    "submit",
+    "reset",
+    "file",
+    "range",
+    "color",
+    "image",
+]);
+function isTextField(el) {
+    if (TEXT_HOSTS.has(el.tagName))
+        return true;
+    return el instanceof HTMLInputElement && !NOT_TEXT.has(el.type);
+}
+let TTForm = class TTForm extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.name = "";
+        // Reflected so the :host([layout=...]) and :host([loading]) rules match.
+        this.layout = "vertical";
+        this.disabled = false;
+        this.loading = false;
+        // Skip validation before emitting, matching the native attribute.
+        this.novalidate = false;
+        this.handleButtonClick = (event) => {
+            const target = event.target;
+            if (target.getAttribute("type") === "submit")
+                this.submit();
+        };
+        // A plain <button type="submit"> works too, not only tt-button.
+        this.handleClick = (event) => {
+            const target = event.target;
+            if (target instanceof HTMLButtonElement && target.type === "submit") {
+                event.preventDefault();
+                this.submit();
+            }
+        };
+        /*
+          Enter submits from a TEXT FIELD, and only from one. That is the
+          browser's own rule for a native form ("implicit submission").
+      
+          It used to submit from anything that was not a textarea. So Enter on a
+          tt-select option chose it AND submitted the form, Enter on a checkbox
+          submitted, Enter on a Cancel button submitted, and Enter on the submit
+          tt-button submitted twice: once here and once from its click.
+      
+          defaultPrevented is the other half: a combobox that used this Enter to
+          pick an option has already handled it, so the form must not.
+        */
+        this.handleKeydown = (event) => {
+            if (event.key !== "Enter" || event.defaultPrevented)
+                return;
+            if (!isTextField(event.target))
+                return;
+            event.preventDefault();
+            this.submit();
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener("keydown", this.handleKeydown);
+        this.addEventListener("tt-button-click", this.handleButtonClick);
+        this.addEventListener("click", this.handleClick);
+    }
+    disconnectedCallback() {
+        this.removeEventListener("keydown", this.handleKeydown);
+        this.removeEventListener("tt-button-click", this.handleButtonClick);
+        this.removeEventListener("click", this.handleClick);
+        super.disconnectedCallback();
+    }
+    /** Every named control inside the form, in document order. */
+    get controls() {
+        return Array.from(this.querySelectorAll("[name]"));
+    }
+    /**
+     * Validates, then emits tt-form-submit with the collected values.
+     * Returns false if validation stopped it.
+     */
+    submit() {
+        if (this.disabled || this.loading)
+            return false;
+        if (!this.novalidate) {
+            for (const control of this.controls) {
+                if (control.checkValidity && !control.checkValidity()) {
+                    // Focuses and shows the browser's own message.
+                    control.reportValidity?.();
+                    return false;
+                }
+            }
+        }
+        this.dispatchEvent(new CustomEvent("tt-form-submit", {
+            detail: { formData: this.collect() },
+            bubbles: true,
+            composed: true,
+        }));
+        return true;
+    }
+    /** Builds FormData from the named controls. */
+    collect() {
+        const data = new FormData();
+        for (const control of this.controls) {
+            const name = control.name || control.getAttribute("name");
+            if (!name || control.disabled)
+                continue;
+            // A control with a checked state contributes nothing when it is
+            // off, exactly like a native checkbox: the key is absent, not empty.
+            if (typeof control.checked === "boolean" && !control.checked)
+                continue;
+            data.append(name, String(control.value ?? "on"));
+        }
+        return data;
+    }
+    /** Clears every control by calling its form reset callback. */
+    reset() {
+        for (const control of this.controls) {
+            control.formResetCallback?.();
+        }
+        this.dispatchEvent(new CustomEvent("tt-form-reset", { bubbles: true, composed: true }));
+    }
+    static { this.styles = css `
+    /* The browser's own [hidden] rule loses to any :host display, so a
+       hidden element would still show. Important, so it always wins. */
+    :host([hidden]) {
+      display: none !important;
+    }
+
+    :host {
+      display: flex;
+      width: 100%;
+      gap: var(--tt-space-4);
+    }
+
+    :host([layout="horizontal"]) {
+      flex-direction: row;
+      align-items: flex-end;
+    }
+
+    :host(:not([layout="horizontal"])) {
+      flex-direction: column;
+    }
+
+    :host([loading]) {
+      pointer-events: none;
+    }
+
+    @media (max-width: 768px) {
+      :host([layout="horizontal"]) {
+        flex-direction: column;
+        align-items: stretch;
+      }
+    }
+  `; }
+    render() {
+        return html `<slot></slot>`;
+    }
+};
+__decorate([
+    property({ type: String })
+], TTForm.prototype, "name", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], TTForm.prototype, "layout", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], TTForm.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], TTForm.prototype, "loading", void 0);
+__decorate([
+    property({ type: Boolean })
+], TTForm.prototype, "novalidate", void 0);
+TTForm = __decorate([
+    customElement("tt-form")
+], TTForm);
+export { TTForm };
+//# sourceMappingURL=tt-form.js.map

package/dist/tt-form.js.map

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

package/dist/tt-grid.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from "lit";
+import type { PropertyValues } from "lit";
+/**
+ * Responsive grid. By default it auto-fills as many columns as will fit
+ * at `minWidth`, so it reflows without media queries. Set `columns` for a
+ * fixed count instead.
+ */
+export declare class TTGrid extends LitElement {
+    minWidth: string;
+    gap: string;
+    columns: number;
+    willUpdate(changed: PropertyValues): void;
+    private setVar;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "tt-grid": TTGrid;
+    }
+}
+//# sourceMappingURL=tt-grid.d.ts.map

package/dist/tt-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tt-grid.d.ts","sourceRoot":"","sources":["../src/tt-grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAC5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C;;;;GAIG;AACH,qBACa,MAAO,SAAQ,UAAU;IAGgB,QAAQ,SAAM;IAGtC,GAAG,SAAM;IAGT,OAAO,SAAK;IAExC,UAAU,CAAC,OAAO,EAAE,cAAc;IAelC,OAAO,CAAC,MAAM;IAQd,MAAM,CAAC,MAAM,0BAwCX;IAEF,MAAM;CAOP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/dist/tt-grid.js

@@ -0,0 +1,106 @@
+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 } from "lit/decorators.js";
+/**
+ * Responsive grid. By default it auto-fills as many columns as will fit
+ * at `minWidth`, so it reflows without media queries. Set `columns` for a
+ * fixed count instead.
+ */
+let TTGrid = class TTGrid extends LitElement {
+    constructor() {
+        super(...arguments);
+        // Smallest an item may shrink to before the grid drops a column.
+        // Any CSS length ("220px", "14rem"). Ignored when `columns` is set.
+        this.minWidth = "";
+        // Space between items, both axes. Any CSS length or token.
+        this.gap = "";
+        // Fixed column count. 0 (default) = responsive auto-fill from minWidth.
+        this.columns = 0;
+    }
+    willUpdate(changed) {
+        if (changed.has("minWidth")) {
+            this.setVar("--tt-grid-min", this.minWidth);
+        }
+        if (changed.has("gap")) {
+            this.setVar("--tt-grid-gap", this.gap);
+        }
+        if (changed.has("columns")) {
+            this.setVar("--tt-grid-columns", this.columns > 0 ? `repeat(${this.columns}, 1fr)` : "");
+        }
+    }
+    setVar(prop, value) {
+        if (value) {
+            this.style.setProperty(prop, value);
+        }
+        else {
+            this.style.removeProperty(prop);
+        }
+    }
+    static { this.styles = css `
+    /* The browser's own [hidden] rule loses to any :host display, so a
+       hidden element would still show. Important, so it always wins. */
+    :host([hidden]) {
+      display: none !important;
+    }
+
+    :host {
+      display: block;
+      width: 100%;
+    }
+
+    .grid {
+      display: grid;
+      gap: var(--tt-grid-gap, 24px);
+
+      grid-template-columns: var(
+        --tt-grid-columns,
+        repeat(auto-fill, minmax(var(--tt-grid-min, 220px), 1fr))
+      );
+    }
+
+    /*
+      A fixed column count would squash into unreadable slivers on a
+      phone, so below the tablet breakpoint it always falls back to
+      auto-fill. So columns means "this many, on wide screens".
+    */
+    @media (max-width: 768px) {
+      .grid {
+        grid-template-columns: repeat(
+          auto-fill,
+          minmax(var(--tt-grid-min, 220px), 1fr)
+        );
+      }
+    }
+
+    /* The grid owns the width; cards fill their cell. */
+    ::slotted(tt-product) {
+      --tt-product-width: 100%;
+    }
+  `; }
+    render() {
+        return html `
+      <div class="grid" part="grid">
+        <slot></slot>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: String, attribute: "min-width" })
+], TTGrid.prototype, "minWidth", void 0);
+__decorate([
+    property({ type: String })
+], TTGrid.prototype, "gap", void 0);
+__decorate([
+    property({ type: Number })
+], TTGrid.prototype, "columns", void 0);
+TTGrid = __decorate([
+    customElement("tt-grid")
+], TTGrid);
+export { TTGrid };
+//# sourceMappingURL=tt-grid.js.map

package/dist/tt-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tt-grid.js","sourceRoot":"","sources":["../src/tt-grid.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D;;;;GAIG;AAEI,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAU;IAA/B;;QACL,iEAAiE;QACjE,oEAAoE;QAChB,aAAQ,GAAG,EAAE,CAAC;QAElE,2DAA2D;QAC/B,QAAG,GAAG,EAAE,CAAC;QAErC,wEAAwE;QAC5C,YAAO,GAAG,CAAC,CAAC;IA0E1C,CAAC;IAxEC,UAAU,CAAC,OAAuB;QAChC,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;YAC5B,IAAI,CAAC,MAAM,CAAC,eAAe,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC9C,CAAC;QACD,IAAI,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;YACvB,IAAI,CAAC,MAAM,CAAC,eAAe,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;QACzC,CAAC;QACD,IAAI,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;YAC3B,IAAI,CAAC,MAAM,CACT,mBAAmB,EACnB,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,EAAE,CACvD,CAAC;QACJ,CAAC;IACH,CAAC;IAEO,MAAM,CAAC,IAAY,EAAE,KAAa;QACxC,IAAI,KAAK,EAAE,CAAC;YACV,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACtC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC;IACH,CAAC;aAEM,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwClB,AAxCY,CAwCX;IAEF,MAAM;QACJ,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;;AA/EmD;IAAnD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;wCAAe;AAGtC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mCAAU;AAGT;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCAAa;AAT7B,MAAM;IADlB,aAAa,CAAC,SAAS,CAAC;GACZ,MAAM,CAmFlB"}

package/dist/tt-icon.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from "lit";
+import type { PropertyValues, SVGTemplateResult } from "lit";
+declare const shapes: Record<string, SVGTemplateResult>;
+export type IconName = keyof typeof shapes;
+/** Every icon name, so a docs page can list them without a second list. */
+export declare const ICON_NAMES: string[];
+export declare class TTIcon extends LitElement {
+    name: string;
+    size: string;
+    willUpdate(changed: PropertyValues): void;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "tt-icon": TTIcon;
+    }
+}
+export {};
+//# sourceMappingURL=tt-icon.d.ts.map

package/dist/tt-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tt-icon.d.ts","sourceRoot":"","sources":["../src/tt-icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,KAAK,CAAC;AA0B7D,QAAA,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAwc7C,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,MAAM,CAAC;AAE3C,2EAA2E;AAC3E,eAAO,MAAM,UAAU,UAA6B,CAAC;AAErD,qBACa,MAAO,SAAQ,UAAU;IACR,IAAI,SAAM;IAYV,IAAI,SAAM;IAEtC,UAAU,CAAC,OAAO,EAAE,cAAc;IAUlC,MAAM,CAAC,MAAM,0BAqCX;IAEF,MAAM;CAuBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}