tyrell-components 1.0.0-TC7

package/lib/components/button.js

@@ -0,0 +1,244 @@
+/**
+ * TyButton Web Component
+ *
+ * Three appearance variants × six flavors × three tones (+/base/-).
+ *   appearance="solid"     saturated brand fill (default)
+ *   appearance="outlined"  transparent bg, text === border
+ *   appearance="ghost"     text only, hover bg
+ *
+ * Append `+` or `-` to a flavor for stronger/softer tone (e.g. "primary+").
+ */
+import { TyComponent } from "../base/ty-component.js";
+import { ensureStyles, buildClassList } from "../utils/styles.js";
+import { buttonStyles } from "../styles/button.js";
+/**
+ * Ty Button Component
+ *
+ * @example
+ * ```html
+ * <ty-button flavor="primary">Default solid</ty-button>
+ * <ty-button appearance="outlined" flavor="danger">Outlined</ty-button>
+ * <ty-button appearance="ghost" flavor="success+">Ghost stronger</ty-button>
+ * ```
+ */
+export class TyButton extends TyComponent {
+    constructor() {
+        super();
+        this._structureInitialized = false;
+        ensureStyles(this.shadowRoot, { css: buttonStyles, id: "ty-button" });
+    }
+    onConnect() { }
+    onDisconnect() { }
+    onPropertiesChanged(_changes) { }
+    // ============================================================================
+    // PROPERTY ACCESSORS
+    // ============================================================================
+    get flavor() {
+        return this.getProperty("flavor");
+    }
+    set flavor(value) {
+        this.setProperty("flavor", value);
+    }
+    get size() {
+        return this.getProperty("size");
+    }
+    set size(value) {
+        this.setProperty("size", value);
+    }
+    get appearance() {
+        return this.getProperty("appearance");
+    }
+    set appearance(value) {
+        this.setProperty("appearance", value);
+    }
+    get disabled() {
+        return this.getProperty("disabled");
+    }
+    set disabled(value) {
+        this.setProperty("disabled", value);
+    }
+    get type() {
+        return this.getProperty("type");
+    }
+    set type(value) {
+        this.setProperty("type", value);
+    }
+    get pill() {
+        return this.getProperty("pill");
+    }
+    set pill(value) {
+        this.setProperty("pill", value);
+    }
+    get action() {
+        return this.getProperty("action");
+    }
+    set action(value) {
+        this.setProperty("action", value);
+    }
+    get wide() {
+        return this.getProperty("wide");
+    }
+    set wide(value) {
+        this.setProperty("wide", value);
+    }
+    get name() {
+        return this.getProperty("name");
+    }
+    set name(value) {
+        this.setProperty("name", value);
+    }
+    get value() {
+        return this.getProperty("value");
+    }
+    set value(value) {
+        this.setProperty("value", value);
+    }
+    // ============================================================================
+    // INTERNAL
+    // ============================================================================
+    /** Parse the optional `+`/`-` shade suffix from a flavor string. */
+    parseFlavor() {
+        const f = this.flavor || "";
+        if (f.length > 1 && f.endsWith("+"))
+            return { base: f.slice(0, -1), tone: "+" };
+        if (f.length > 1 && f.endsWith("-"))
+            return { base: f.slice(0, -1), tone: "-" };
+        return { base: f, tone: "" };
+    }
+    buildClasses() {
+        const { base, tone } = this.parseFlavor();
+        return buildClassList(base, this.size, this.appearance, this.pill && "pill", this.action && "action", tone === "+" && "tone-plus", tone === "-" && "tone-minus");
+    }
+    handleFormAction() {
+        const form = this._internals.form;
+        if (!form)
+            return;
+        switch (this.type) {
+            case "submit":
+                if (this.name && this.value) {
+                    this._internals.setFormValue(this.value);
+                }
+                form.requestSubmit();
+                break;
+            case "reset":
+                form.reset();
+                break;
+            case "button":
+                break;
+        }
+    }
+    initializeButtonStructure() {
+        const shadow = this.shadowRoot;
+        const classes = this.buildClasses();
+        const button = document.createElement("button");
+        button.disabled = this.disabled;
+        button.className = classes;
+        const startSlot = document.createElement("slot");
+        startSlot.name = "start";
+        startSlot.className = "start";
+        const defaultSlot = document.createElement("slot");
+        const endSlot = document.createElement("slot");
+        endSlot.name = "end";
+        endSlot.className = "end";
+        button.appendChild(startSlot);
+        button.appendChild(defaultSlot);
+        button.appendChild(endSlot);
+        button.addEventListener("click", (e) => {
+            if (this.disabled)
+                return;
+            e.stopPropagation();
+            this.handleFormAction();
+            this.dispatchEvent(new CustomEvent("click", {
+                bubbles: true,
+                composed: true,
+                detail: { originalEvent: e },
+            }));
+        });
+        shadow.appendChild(button);
+        this._structureInitialized = true;
+    }
+    render() {
+        const shadow = this.shadowRoot;
+        if (!this._structureInitialized) {
+            this.initializeButtonStructure();
+            return;
+        }
+        const classes = this.buildClasses();
+        const button = shadow.querySelector("button");
+        if (button) {
+            button.disabled = this.disabled;
+            button.className = classes;
+        }
+    }
+}
+TyButton.formAssociated = true;
+TyButton.properties = {
+    flavor: {
+        type: "string",
+        visual: true,
+        default: "neutral",
+    },
+    size: {
+        type: "string",
+        visual: true,
+        default: "md",
+        validate: (v) => ["xs", "sm", "md", "lg", "xl"].includes(v),
+        coerce: (v) => {
+            if (!["xs", "sm", "md", "lg", "xl"].includes(v)) {
+                console.warn(`[ty-button] Invalid size '${v}'. Using 'md'.`);
+                return "md";
+            }
+            return v;
+        },
+    },
+    appearance: {
+        type: "string",
+        visual: true,
+        default: "solid",
+        validate: (v) => ["solid", "outlined", "ghost"].includes(v),
+        coerce: (v) => {
+            if (!["solid", "outlined", "ghost"].includes(v)) {
+                console.warn(`[ty-button] Invalid appearance '${v}'. Using 'solid'.`);
+                return "solid";
+            }
+            return v;
+        },
+    },
+    disabled: {
+        type: "boolean",
+        visual: true,
+        default: false,
+    },
+    type: {
+        type: "string",
+        visual: false,
+        default: "submit",
+    },
+    pill: {
+        type: "boolean",
+        visual: true,
+        default: false,
+    },
+    action: {
+        type: "boolean",
+        visual: true,
+        default: false,
+    },
+    wide: {
+        type: "boolean",
+        visual: false,
+        default: false,
+    },
+    name: {
+        type: "string",
+        default: "",
+    },
+    value: {
+        type: "string",
+        default: "",
+    },
+};
+if (!customElements.get("ty-button")) {
+    customElements.define("ty-button", TyButton);
+}
+//# sourceMappingURL=button.js.map

package/lib/components/button.js.map

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

package/lib/components/calendar-month.d.ts

@@ -0,0 +1,132 @@
+/**
+ * TyCalendarMonth Web Component
+ * PORTED FROM: cljs/ty/components/calendar_month.cljs
+ *
+ * A stateless, property-driven calendar month renderer with customizable
+ * day content and styling.
+ *
+ * Features:
+ * - 42-day grid (6 weeks × 7 days) with Monday-first ordering
+ * - Localized weekday headers
+ * - Custom day content rendering via dayContentFn
+ * - Custom day classes via dayClassesFn
+ * - Custom CSS injection via customCSS
+ * - Responsive width system (width, minWidth, maxWidth)
+ * - Rich day-click events with full context
+ *
+ * @example
+ * ```html
+ * <!-- Basic usage -->
+ * <ty-calendar-month
+ *   display-year="2025"
+ *   display-month="10"
+ *   locale="en-US">
+ * </ty-calendar-month>
+ *
+ * <!-- With custom rendering -->
+ * <ty-calendar-month id="custom"></ty-calendar-month>
+ * <script type="module">
+ *   const cal = document.getElementById('custom');
+ *   cal.dayContentFn = (ctx) => {
+ *     const el = document.createElement('div');
+ *     el.textContent = ctx.dayInMonth;
+ *     return el;
+ *   };
+ * </script>
+ * ```
+ */
+import { type DayContext } from '../utils/calendar-utils.js';
+/**
+ * Calendar size variants
+ */
+export type CalendarSize = 'sm' | 'md' | 'lg';
+/**
+ * Custom day content render function
+ * Must return a DOM element or string
+ */
+export type DayContentFn = (dayContext: DayContext) => HTMLElement | string;
+/**
+ * Day click event detail
+ */
+export interface DayClickDetail {
+    dayContext: DayContext;
+    value: number;
+    year: number;
+    month: number;
+    day: number;
+    isHoliday?: boolean;
+    isToday?: boolean;
+    isWeekend: boolean;
+    isOtherMonth: boolean;
+}
+/**
+ * TyCalendarMonth Web Component
+ */
+export declare class TyCalendarMonth extends HTMLElement {
+    private _displayYear;
+    private _displayMonth;
+    private _locale;
+    private _size;
+    private _width?;
+    private _minWidth?;
+    private _maxWidth?;
+    private _dayContentFn?;
+    private _customCSS?;
+    private _value?;
+    private _localeObserver?;
+    /**
+     * Observed attributes (minimal - mainly for debugging)
+     * Properties are the primary API
+     */
+    static get observedAttributes(): string[];
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, _oldValue: string | null, newValue: string | null): void;
+    get displayYear(): number;
+    set displayYear(value: number);
+    get displayMonth(): number;
+    set displayMonth(value: number);
+    get locale(): string;
+    set locale(value: string);
+    get size(): CalendarSize;
+    set size(value: CalendarSize);
+    get width(): string | undefined;
+    set width(value: string | undefined);
+    get minWidth(): string | undefined;
+    set minWidth(value: string | undefined);
+    get maxWidth(): string | undefined;
+    set maxWidth(value: string | undefined);
+    get dayContentFn(): DayContentFn | undefined;
+    set dayContentFn(fn: DayContentFn | undefined);
+    get customCSS(): CSSStyleSheet | undefined;
+    set customCSS(sheet: CSSStyleSheet | undefined);
+    get value(): number | undefined;
+    set value(timestamp: number | null | undefined);
+    /**
+     * Apply width-related properties as CSS custom properties
+     */
+    private applyWidthProperties;
+    /**
+     * Apply custom CSS to shadow root
+     */
+    private applyCustomCSS;
+    /**
+     * Force re-render of the calendar month
+     * Useful when external data changes (e.g., async event loading)
+     */
+    refresh(): void;
+    /**
+     * Dispatch day-click custom event with day context
+     */
+    private dispatchDayClick;
+    /**
+     * Render a single day cell
+     */
+    private renderDayCell;
+    /**
+     * Main render function - property-based approach
+     */
+    private render;
+}
+//# sourceMappingURL=calendar-month.d.ts.map

package/lib/components/calendar-month.d.ts.map

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