@tartaguti/ui-components 0.0.0-stage → 0.2.0

package/dist/tt-quantity.js

@@ -0,0 +1,396 @@
+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";
+import { srOnly } from "./sr-only.js";
+import "./tt-icon.js";
+let uid = 0;
+let TTQuantity = class TTQuantity extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.internals = this.attachInternals();
+        this.name = "";
+        this.value = 1;
+        this.min = 0;
+        this.max = Infinity;
+        this.step = 1;
+        this.label = "";
+        // Hides the label but keeps it as the control's name, as on tt-input.
+        this.labelHidden = false;
+        this.disabled = false;
+        // small | medium | large, the same three steps as every other field
+        // (large was missing until Oct 2026).
+        this.size = "medium";
+        this.inputId = `tt-quantity-${++uid}`;
+    }
+    static { this.formAssociated = true; }
+    get form() {
+        return this.internals.form;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.internals.setFormValue(String(this.value));
+    }
+    formResetCallback() {
+        this.value = this.min;
+    }
+    formStateRestoreCallback(state) {
+        const restored = Number(state);
+        this.value = Number.isNaN(restored)
+            ? this.min
+            : restored;
+    }
+    updated(changed) {
+        if (changed.has("value")) {
+            this.internals.setFormValue(String(this.value));
+        }
+    }
+    commit(next) {
+        const clamped = Math.min(this.max, Math.max(this.min, next));
+        if (clamped === this.value)
+            return;
+        this.value = clamped;
+        this.dispatchEvent(new CustomEvent("tt-change", {
+            detail: {
+                value: this.value,
+            },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    nudge(direction) {
+        this.commit(this.value + this.step * direction);
+    }
+    handleInput(event) {
+        const input = event.target;
+        const raw = input.value;
+        const parsed = Number(raw);
+        if (raw === "" || Number.isNaN(parsed)) {
+            return;
+        }
+        this.commit(parsed);
+    }
+    handleBlur(event) {
+        const input = event.target;
+        const parsed = Number(input.value);
+        this.commit(Number.isNaN(parsed)
+            ? this.min
+            : parsed);
+        input.value = String(this.value);
+    }
+    handleKeydown(event) {
+        if (event.key === "ArrowUp") {
+            event.preventDefault();
+            this.nudge(1);
+        }
+        if (event.key === "ArrowDown") {
+            event.preventDefault();
+            this.nudge(-1);
+        }
+    }
+    focus(options) {
+        this.renderRoot
+            ?.querySelector("input")
+            ?.focus(options);
+    }
+    static { this.styles = [srOnly, 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 {
+      /*
+       * Keep the custom element itself intrinsic-sized.
+       * This prevents it from becoming full-width inside
+       * normal containers such as a drawer body.
+       */
+      display: inline-flex;
+      width: max-content;
+      min-width: 0;
+
+      font-family: var(--tt-font-sans);
+
+      /* The one height this control is, read by the group and the
+         buttons below, so a size is set in one place. */
+      --_h: var(--tt-control-md);
+    }
+
+    :host([size="small"]) {
+      --_h: var(--tt-control-sm);
+    }
+
+    :host([size="large"]) {
+      --_h: var(--tt-control-lg);
+    }
+
+    /*
+      A disabled FIELD does not fade. It takes the muted surface and muted
+      text, the same as tt-input and tt-textarea, so a disabled row of
+      fields reads as one state. It used to fade the whole host as well,
+      which made a disabled select look different from a disabled input
+      beside it.
+    */
+    :host([disabled]) .group {
+      background: var(--tt-muted);
+      color: var(--tt-muted-foreground);
+    }
+
+    :host([disabled]) input {
+      color: var(--tt-muted-foreground);
+    }
+
+    .field {
+      display: flex;
+      flex-direction: column;
+      gap: var(--tt-space-2);
+
+      width: max-content;
+    }
+
+    .label {
+      font-size: var(--tt-text-sm);
+      font-weight: var(--tt-weight-medium);
+      color: var(--tt-foreground);
+    }
+
+    .group {
+      display: inline-flex;
+      align-items: center;
+
+      width: max-content;
+
+      /*
+        The height lives HERE, on the box that draws the border, and
+        border-box counts the border inside it. It used to live on the
+        buttons, and the group's 1px border was added around them, so a
+        medium quantity measured 38px beside a 36px input or button.
+      */
+      box-sizing: border-box;
+      height: var(--_h);
+
+      border: 1px solid var(--tt-input);
+      border-radius: var(--tt-radius);
+      background: var(--tt-field);
+
+      overflow: hidden;
+    }
+
+    button {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+
+      /* Fills the group's inside height, and aspect-ratio keeps it
+         square at whatever height that is. */
+      align-self: stretch;
+      aspect-ratio: 1;
+
+      flex: 0 0 auto;
+
+      padding: 0;
+      border: none;
+
+      background: transparent;
+      color: var(--tt-foreground);
+
+      font: inherit;
+      font-size: var(--tt-text-md);
+      line-height: 1;
+
+      cursor: pointer;
+
+      transition:
+        background var(--tt-duration-fast) var(--tt-ease);
+
+      -webkit-user-select: none;
+      user-select: none;
+    }
+
+    :host([size="small"]) button {
+      font-size: var(--tt-text-sm);
+    }
+
+    :host([size="large"]) input {
+      font-size: var(--tt-text-md);
+    }
+
+    /* iOS zooms the viewport when a focused field is under 16px, as
+       tt-input and tt-textarea already guard against. */
+    @media (max-width: 480px) {
+      input,
+      :host([size="large"]) input {
+        font-size: 16px;
+      }
+    }
+
+    button:hover:not(:disabled) {
+      background: var(--tt-accent);
+    }
+
+    button:focus-visible {
+      outline: var(--tt-ring-width) solid var(--tt-ring);
+      outline-offset: calc(var(--tt-ring-width) * -1);
+    }
+
+    button:disabled {
+      color: var(--tt-muted-foreground);
+      opacity: var(--tt-opacity-disabled);
+      cursor: not-allowed;
+    }
+
+    input {
+      width: 3ch;
+
+      flex: 0 0 auto;
+
+      box-sizing: content-box;
+
+      padding: 0 var(--tt-space-1);
+
+      border: none;
+
+      background: transparent;
+      color: var(--tt-foreground);
+
+      font: inherit;
+      font-size: var(--tt-text-sm);
+      /* Not the page's line-height, which font: inherit would bring in.
+         Same fix as tt-combobox's input. */
+      line-height: normal;
+      font-variant-numeric: tabular-nums;
+
+      text-align: center;
+
+      -moz-appearance: textfield;
+      appearance: textfield;
+    }
+
+    input::-webkit-outer-spin-button,
+    input::-webkit-inner-spin-button {
+      -webkit-appearance: none;
+      margin: 0;
+    }
+
+    input:focus-visible {
+      outline: var(--tt-ring-width) solid var(--tt-ring);
+      outline-offset: calc(var(--tt-ring-width) * -1);
+
+      border-radius: var(--tt-radius-sm);
+    }
+
+    input:disabled {
+      cursor: not-allowed;
+    }
+  `]; }
+    render() {
+        const atMin = this.value <= this.min;
+        const atMax = this.value >= this.max;
+        return html `
+      <div class="field">
+
+        ${this.label
+            ? html `
+                <label
+                  class="label ${this.labelHidden ? "sr-only" : ""}"
+                  part="label"
+                  for=${this.inputId}
+                >
+                  ${this.label}
+                </label>
+              `
+            : ""}
+
+        <div
+          class="group"
+          part="group"
+        >
+          <button
+            part="decrement"
+            type="button"
+            aria-label="Decrease"
+            ?disabled=${this.disabled || atMin}
+            @click=${() => this.nudge(-1)}
+          >
+            <tt-icon
+              name="minus"
+              size="14px"
+            ></tt-icon>
+          </button>
+
+          <input
+            part="input"
+            id=${this.inputId}
+            type="number"
+            inputmode="numeric"
+
+            .value=${String(this.value)}
+
+            min=${this.min}
+            max=${this.max === Infinity ? "" : this.max}
+            step=${this.step}
+
+            ?disabled=${this.disabled}
+
+            aria-label=${this.label || "Quantity"}
+
+            @input=${this.handleInput}
+            @blur=${this.handleBlur}
+            @keydown=${this.handleKeydown}
+          />
+
+          <button
+            part="increment"
+            type="button"
+            aria-label="Increase"
+            ?disabled=${this.disabled || atMax}
+            @click=${() => this.nudge(1)}
+          >
+            <tt-icon
+              name="plus"
+              size="14px"
+            ></tt-icon>
+          </button>
+        </div>
+
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: String, reflect: true })
+], TTQuantity.prototype, "name", void 0);
+__decorate([
+    property({ type: Number })
+], TTQuantity.prototype, "value", void 0);
+__decorate([
+    property({ type: Number })
+], TTQuantity.prototype, "min", void 0);
+__decorate([
+    property({ type: Number })
+], TTQuantity.prototype, "max", void 0);
+__decorate([
+    property({ type: Number })
+], TTQuantity.prototype, "step", void 0);
+__decorate([
+    property({ type: String })
+], TTQuantity.prototype, "label", void 0);
+__decorate([
+    property({ type: Boolean, attribute: "label-hidden", reflect: true })
+], TTQuantity.prototype, "labelHidden", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], TTQuantity.prototype, "disabled", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], TTQuantity.prototype, "size", void 0);
+TTQuantity = __decorate([
+    customElement("tt-quantity")
+], TTQuantity);
+export { TTQuantity };
+//# sourceMappingURL=tt-quantity.js.map

package/dist/tt-quantity.js.map

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

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

@@ -0,0 +1,50 @@
+import { LitElement } from "lit";
+import type { PropertyValues } from "lit";
+export interface RadioOption {
+    value: string;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+}
+/**
+ * Pick exactly one of a small set.
+ *
+ * The group is the form control, not the individual radios, which is why
+ * this is form-associated and there is no tt-radio. A lone radio button
+ * is meaningless: "one of these" is a property of the set.
+ */
+export declare class TTRadioGroup extends LitElement {
+    static formAssociated: boolean;
+    private internals;
+    name: string;
+    value: string;
+    label: string;
+    labelHidden: boolean;
+    error: string;
+    options: RadioOption[];
+    required: boolean;
+    disabled: boolean;
+    orientation: "horizontal" | "vertical";
+    private groupId;
+    get form(): HTMLFormElement | null;
+    get validity(): ValidityState;
+    checkValidity(): boolean;
+    reportValidity(): boolean;
+    connectedCallback(): void;
+    formResetCallback(): void;
+    formStateRestoreCallback(state: string): void;
+    updated(changed: PropertyValues): void;
+    private syncFormState;
+    private select;
+    private handleKeydown;
+    static styles: import("lit").CSSResult[];
+    private get tabStop();
+    focus(options?: FocusOptions): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "tt-radio-group": TTRadioGroup;
+    }
+}
+//# sourceMappingURL=tt-radio-group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tt-radio-group.d.ts","sourceRoot":"","sources":["../src/tt-radio-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAC5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAM1C,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAID;;;;;;GAMG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC1C,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAO,CAAC,SAAS,CAA0B;IAYA,IAAI,SAAM;IACzB,KAAK,SAAM;IAGX,KAAK,SAAM;IAIvC,WAAW,UAAS;IAEQ,KAAK,SAAM;IAEZ,OAAO,EAAE,WAAW,EAAE,CAAM;IAE1B,QAAQ,UAAS;IAIF,QAAQ,UAAS;IAI7D,WAAW,EAAE,YAAY,GAAG,UAAU,CAAc;IAEpD,OAAO,CAAC,OAAO,CAA6B;IAE5C,IAAI,IAAI,2BAEP;IACD,IAAI,QAAQ,kBAEX;IAID,aAAa;IAIb,cAAc;IAId,iBAAiB;IAKjB,iBAAiB;IAIjB,wBAAwB,CAAC,KAAK,EAAE,MAAM;IAItC,OAAO,CAAC,OAAO,EAAE,cAAc;IAM/B,OAAO,CAAC,aAAa;IAgBrB,OAAO,CAAC,MAAM;IAmBd,OAAO,CAAC,aAAa;IAyBrB,MAAM,CAAC,MAAM,4BAsIV;IAaH,OAAO,KAAK,OAAO,GAMlB;IAED,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAM5B,MAAM;CA4DP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}