@tartaguti/ui-components 0.0.0-stage → 0.2.0

package/dist/tt-card.js

@@ -0,0 +1,429 @@
+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, nothing } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { ifDefined } from "lit/directives/if-defined.js";
+let TTCard = class TTCard extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.variant = "default";
+        // Reflected, like radius, because the presets are :host([padding])
+        // rules. They have to live on :host, next to the --tt-card-* variables
+        // they set; see the styles for why that level matters.
+        this.padding = "medium";
+        this.radius = "medium";
+        this.clickable = false;
+        // Hugs its content instead of filling the row. Reflected so the
+        // :host([inline]) selector below can react to it.
+        this.inline = false;
+        /*
+          The title row. Most cards are "a title, maybe a line under it, maybe
+          an action on the right", and hand-built headers had drifted: a bare
+          div on one page, a <strong> on the next, each styled by whoever wrote
+          it. These give every card the same header; the header slot stays for
+          anything they do not cover.
+        */
+        this.heading = "";
+        this.description = "";
+        // A card cannot know where it sits in the page outline, so the level is
+        // the author's call, as on tt-accordion-item.
+        this.headingLevel = 3;
+        // Whether anything is slotted into header or actions. There is no CSS
+        // selector for "this slot has content", so slotchange records it, and
+        // an empty header row takes no space and adds no gap.
+        this.hasHeaderSlot = false;
+        this.hasActions = false;
+        this.onKeydown = (event) => {
+            /*
+              Only a key pressed on the card itself. Keys bubble, so Enter on a
+              button slotted inside the card reaches this handler too, and would
+              click the card as well as the button.
+            */
+            if (event.target !== event.currentTarget)
+                return;
+            if (event.key === "Enter" || event.key === " ") {
+                event.preventDefault();
+                this.click();
+            }
+        };
+    }
+    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 {
+      /*
+        Public knobs. Set them on the card itself, inline or with a class:
+        <tt-card style="--tt-card-padding-x: 2rem">.
+
+        Declared on :host and nowhere lower. A consumer's rule on the
+        element beats :host, but loses to anything declared further down
+        inside the shadow root, and the presets used to set these on the
+        inner .card, which silently overrode every consumer value.
+      */
+      /*
+        The medium defaults. Were 16px padding on an 8px corner, the
+        CONTROL radius, while tokens.css assigns lg to cards. Every block
+        overrode both upwards, and a card nobody could override, such as
+        the one inside tt-stat, stayed tight beside them: a dashboard's
+        stat tiles had sharper, more cramped corners than the chart card
+        under them.
+      */
+      --tt-card-padding-y: var(--tt-space-5);
+      --tt-card-padding-x: var(--tt-space-5);
+      --tt-card-gap: var(--tt-space-4);
+      --tt-card-radius: var(--tt-radius-lg);
+
+      /*
+        Concentric corners. A slotted child that fills the padding box
+        reads --tt-radius-nested and gets a curve parallel to the card's,
+        instead of two unrelated arcs meeting at the corner. The smaller
+        padding is the one the eye measures against; floored at sm so a
+        tight card cannot produce a negative radius.
+
+        Computed HERE, next to the presets. A custom property resolves its
+        var()s on the element that declares it, so while this sat on :host
+        and the presets sat on the inner .card, it always used the host
+        defaults: an xlarge card with small padding still handed its
+        children a 4px corner.
+      */
+      --tt-radius-nested: max(
+        var(--tt-radius-sm),
+        calc(
+          var(--tt-card-radius) -
+            min(var(--tt-card-padding-x), var(--tt-card-padding-y))
+        )
+      );
+
+      display: block;
+
+      /*
+        Grid and flex items default to min-width:auto, so they refuse to
+        shrink below their content. A long URL then pushes the card wider
+        than its cell. This lets it shrink and the content wrap instead.
+      */
+      min-width: 0;
+
+      /*
+        text-align inherits, so a card inside a centred section centred its
+        heading and body by accident. Same fix as tt-product. A consumer
+        who wants a centred card still gets one: their rule beats :host.
+      */
+      text-align: start;
+
+      color: var(--tt-card-foreground);
+      font-family: var(--tt-font-sans);
+      -webkit-font-smoothing: antialiased;
+      text-rendering: optimizeLegibility;
+    }
+
+    :host([inline]) {
+      display: inline-block;
+      vertical-align: top;
+    }
+
+    /* ---- Padding presets (medium is the :host default) ---- */
+
+    :host([padding="none"]) {
+      --tt-card-padding-y: 0px;
+      --tt-card-padding-x: 0px;
+      --tt-card-gap: 0px;
+    }
+
+    :host([padding="small"]) {
+      --tt-card-padding-y: var(--tt-space-2);
+      --tt-card-padding-x: var(--tt-space-2);
+      --tt-card-gap: var(--tt-space-2);
+    }
+
+    :host([padding="large"]) {
+      --tt-card-padding-y: var(--tt-space-6);
+      --tt-card-padding-x: var(--tt-space-8);
+      --tt-card-gap: var(--tt-space-6);
+    }
+
+    /* ---- Radius presets (medium is the :host default) ----
+       One rung up the token scale from where they started, so the
+       default lands on lg, the card rung, and the five words still name
+       five different corners: small is a control's corner, large a
+       panel's, xlarge a bento tile's. */
+
+    :host([radius="none"]) {
+      --tt-card-radius: 0px;
+    }
+
+    :host([radius="small"]) {
+      --tt-card-radius: var(--tt-radius-md);
+    }
+
+    :host([radius="large"]) {
+      --tt-card-radius: var(--tt-radius-xl);
+    }
+
+    :host([radius="xlarge"]) {
+      --tt-card-radius: var(--tt-radius-2xl);
+    }
+
+    .card {
+      box-sizing: border-box;
+      display: flex;
+      flex-direction: column;
+      gap: var(--tt-card-gap);
+      min-width: 0;
+      width: 100%;
+
+      /*
+        Fill the host. Grid and flex stretch the HOST to the tallest card
+        in the row; without this the visible box stays content-sized and
+        a row of cards looks ragged. Pairs with the footer's margin-top:
+        auto below.
+      */
+      height: 100%;
+
+      padding: var(--tt-card-padding-y) var(--tt-card-padding-x);
+
+      background: var(--tt-card);
+      color: var(--tt-card-foreground);
+
+      border: 1px solid var(--tt-border);
+      border-radius: var(--tt-card-radius);
+
+      /* Rung 1 of the elevation table in tokens.css, which lists cards:
+         the card surface AND its shadow. The default had the surface and
+         no shadow, so a card on the page grey had a hairline and no edge
+         underneath. A theme decides how much this shows: sharp sets it
+         to none. */
+      box-shadow: var(--tt-elevation-1);
+
+      transition:
+        border-color var(--tt-duration-normal) var(--tt-ease),
+        box-shadow var(--tt-duration-normal) var(--tt-ease),
+        background-color var(--tt-duration-normal) var(--tt-ease);
+    }
+
+    /* ---- Variants ---- */
+
+    /* No surface, so no shadow: a shadow under a see-through box reads
+       as a smudge, not as height. */
+    .variant-outlined {
+      background: transparent;
+      box-shadow: none;
+    }
+
+    .variant-elevated {
+      border-color: transparent;
+      box-shadow: var(--tt-elevation-1);
+    }
+
+    /* ---- Interaction ---- */
+
+    .clickable {
+      cursor: pointer;
+      -webkit-user-select: none;
+      user-select: none;
+    }
+
+    .clickable:hover {
+      border-color: var(--tt-border-strong);
+      box-shadow: var(--tt-elevation-1);
+    }
+
+    .variant-elevated.clickable:hover {
+      box-shadow: var(--tt-elevation-2);
+    }
+
+    .clickable:active {
+      box-shadow: none;
+    }
+
+    .clickable:focus-visible {
+      outline: var(--tt-ring-width) solid var(--tt-ring);
+      outline-offset: var(--tt-ring-offset);
+    }
+
+    /* ---- Header ---- */
+
+    /* Sits a little closer to the body than the gap: it labels what
+       follows, so it belongs with it. */
+    .header {
+      display: flex;
+      align-items: flex-start;
+      gap: var(--tt-space-3);
+      margin-bottom: calc(var(--tt-card-gap) * -0.5);
+    }
+
+    /* The author rule above would otherwise beat the UA's [hidden]. */
+    .header[hidden] {
+      display: none;
+    }
+
+    /* The titles take what is left and wrap; the actions keep their size. */
+    .titles {
+      flex: 1;
+      min-width: 0;
+
+      display: flex;
+      flex-direction: column;
+      gap: var(--tt-space-1);
+    }
+
+    .heading {
+      color: var(--tt-foreground);
+      font-size: var(--tt-text-md);
+      font-weight: var(--tt-weight-semibold);
+      line-height: var(--tt-leading-tight);
+      letter-spacing: -0.01em;
+      overflow-wrap: break-word;
+    }
+
+    .description {
+      color: var(--tt-muted-foreground);
+      font-size: var(--tt-text-sm);
+      line-height: var(--tt-leading-normal);
+    }
+
+    /* ---- Slotted content ---- */
+
+    ::slotted(*) {
+      min-width: 0;
+      margin: 0;
+    }
+
+    ::slotted([slot="actions"]) {
+      flex: none;
+    }
+
+    /* auto pushes the footer to the bottom of a stretched card, so
+       footers line up across a row whatever the content above them. */
+    ::slotted([slot="footer"]) {
+      margin-top: auto;
+    }
+
+    /*
+      Full-bleed image. The card's padding is cancelled with a matching
+      negative margin, and the width grows by the horizontal padding on
+      both sides so the image reaches the card edges.
+
+      The image rounds its own top corners rather than the card clipping
+      them with overflow:hidden, which would also cut off anything else
+      that needs to escape the card, such as a dropdown. The inner radius
+      is the card's less its 1px border.
+    */
+    ::slotted([slot="image"]) {
+      display: block;
+      box-sizing: border-box;
+      width: calc(100% + var(--tt-card-padding-x) * 2);
+
+      margin: calc(var(--tt-card-padding-y) * -1)
+        calc(var(--tt-card-padding-x) * -1) calc(var(--tt-card-gap) * -0.5);
+
+      border-radius: calc(var(--tt-card-radius) - 1px)
+        calc(var(--tt-card-radius) - 1px) 0 0;
+
+      object-fit: cover;
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      .card {
+        transition: none;
+      }
+    }
+  `; }
+    onSlotChange(event) {
+        const slot = event.target;
+        // Whitespace between tags is not content.
+        const filled = slot
+            .assignedNodes({ flatten: true })
+            .some((node) => node.nodeType === Node.ELEMENT_NODE ||
+            (node.textContent ?? "").trim() !== "");
+        if (slot.name === "actions")
+            this.hasActions = filled;
+        else
+            this.hasHeaderSlot = filled;
+    }
+    render() {
+        const interactive = this.clickable;
+        const hasHeader = Boolean(this.heading || this.description || this.hasHeaderSlot || this.hasActions);
+        return html `
+      <div
+        part="card"
+        class="card variant-${this.variant} ${interactive ? "clickable" : ""}"
+        tabindex=${ifDefined(interactive ? "0" : undefined)}
+        role=${ifDefined(interactive ? "button" : undefined)}
+        @keydown=${interactive ? this.onKeydown : nothing}
+      >
+        <slot name="image"></slot>
+
+        <!-- Always rendered, so its slots exist and report slotchange;
+             hidden when there is nothing to show. -->
+        <div class="header" part="header" ?hidden=${!hasHeader}>
+          <div class="titles">
+            ${this.heading
+            ? html `<div
+                  class="heading"
+                  part="heading"
+                  role="heading"
+                  aria-level=${this.headingLevel}
+                >
+                  ${this.heading}
+                </div>`
+            : nothing}
+            ${this.description
+            ? html `<div class="description" part="description">
+                  ${this.description}
+                </div>`
+            : nothing}
+            <slot name="header" @slotchange=${this.onSlotChange}></slot>
+          </div>
+
+          <slot name="actions" @slotchange=${this.onSlotChange}></slot>
+        </div>
+
+        <slot></slot>
+        <slot name="footer"></slot>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], TTCard.prototype, "variant", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], TTCard.prototype, "padding", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], TTCard.prototype, "radius", void 0);
+__decorate([
+    property({ type: Boolean })
+], TTCard.prototype, "clickable", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], TTCard.prototype, "inline", void 0);
+__decorate([
+    property({ type: String })
+], TTCard.prototype, "heading", void 0);
+__decorate([
+    property({ type: String })
+], TTCard.prototype, "description", void 0);
+__decorate([
+    property({ type: Number, attribute: "heading-level" })
+], TTCard.prototype, "headingLevel", void 0);
+__decorate([
+    state()
+], TTCard.prototype, "hasHeaderSlot", void 0);
+__decorate([
+    state()
+], TTCard.prototype, "hasActions", void 0);
+TTCard = __decorate([
+    customElement("tt-card")
+], TTCard);
+export { TTCard };
+//# sourceMappingURL=tt-card.js.map

package/dist/tt-card.js.map

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

package/dist/tt-chart.d.ts

@@ -0,0 +1,36 @@
+import { LitElement } from "lit";
+import type { PropertyValues } from "lit";
+import type { ChartType } from "chart.js";
+export interface ChartSeries {
+    label: string;
+    data: number[];
+}
+export declare class TTChart extends LitElement {
+    type: ChartType;
+    labels: string[];
+    series: ChartSeries[];
+    legend: boolean;
+    stacked: boolean;
+    label: string;
+    private canvas;
+    private chart?;
+    private resizeObserver?;
+    private themeObserver?;
+    private token;
+    private get palette();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    private observeSize;
+    updated(changed: PropertyValues): void;
+    private waited;
+    private rebuild;
+    static styles: import("lit").CSSResult[];
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "tt-chart": TTChart;
+    }
+}
+//# sourceMappingURL=tt-chart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tt-chart.d.ts","sourceRoot":"","sources":["../src/tt-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAC5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1C,OAAO,KAAK,EAAsB,SAAS,EAAE,MAAM,UAAU,CAAC;AAM9D,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,EAAE,CAAC;CAChB;AAED,qBACa,OAAQ,SAAQ,UAAU;IACT,IAAI,EAAE,SAAS,CAAS;IAEzB,MAAM,EAAE,MAAM,EAAE,CAAM;IAEtB,MAAM,EAAE,WAAW,EAAE,CAAM;IAEzB,MAAM,UAAS;IAEf,OAAO,UAAS;IAIjB,KAAK,SAAM;IAEtB,OAAO,CAAC,MAAM,CAAqB;IAEpD,OAAO,CAAC,KAAK,CAAC,CAAQ;IAEtB,OAAO,CAAC,cAAc,CAAC,CAAiB;IAKxC,OAAO,CAAC,aAAa,CAAC,CAAmB;IAEzC,OAAO,CAAC,KAAK;IAIb,OAAO,KAAK,OAAO,GAQlB;IAED,iBAAiB;IAyBjB,oBAAoB;IAkBpB,YAAY;IAOZ,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,OAAO,EAAE,cAAc;IAiB/B,OAAO,CAAC,MAAM,CAAK;IAEnB,OAAO,CAAC,OAAO;IAuJf,MAAM,CAAC,MAAM,4BA2BX;IAEF,MAAM;CAuCP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}