tyrell-components 1.0.0-TC7

package/lib/components/tag.d.ts

@@ -0,0 +1,144 @@
+/**
+ * TyTag Web Component
+ * PORTED FROM: clj/ty/components/tag.cljs
+ * Tag component with slots and semantic flavors
+ */
+import type { Flavor, Size, TyTagElement } from '../types/common.js';
+import { TyComponent } from '../base/ty-component.js';
+import type { PropertyChange } from '../utils/property-manager.js';
+/**
+ * Component internal state (for typing TyComponent)
+ */
+interface TagState {
+    flavor: Flavor;
+    size: Size;
+    value: string;
+    selected: boolean;
+    pill: boolean;
+    clickable: boolean;
+    dismissible: boolean;
+    disabled: boolean;
+}
+/**
+ * Ty Tag Component
+ *
+ * @example
+ * ```html
+ * <ty-tag flavor="primary">Primary Tag</ty-tag>
+ * <ty-tag flavor="success" dismissible>Success Tag</ty-tag>
+ * <ty-tag flavor="danger" clickable>Clickable Tag</ty-tag>
+ * <ty-tag value="tag-1" selected>Selected Tag</ty-tag>
+ * ```
+ */
+export declare class TyTag extends TyComponent<TagState> implements TyTagElement {
+    static formAssociated: boolean;
+    protected static properties: {
+        flavor: {
+            type: "string";
+            visual: boolean;
+            default: string;
+        };
+        size: {
+            type: "string";
+            visual: boolean;
+            default: string;
+            validate: (v: any) => boolean;
+            coerce: (v: any) => any;
+        };
+        value: {
+            type: "string";
+            visual: boolean;
+            default: string;
+        };
+        selected: {
+            type: "boolean";
+            visual: boolean;
+            default: boolean;
+        };
+        pill: {
+            type: "boolean";
+            visual: boolean;
+            default: boolean;
+            aliases: {
+                'not-pill': boolean;
+            };
+        };
+        clickable: {
+            type: "boolean";
+            visual: boolean;
+            default: boolean;
+        };
+        dismissible: {
+            type: "boolean";
+            visual: boolean;
+            default: boolean;
+        };
+        disabled: {
+            type: "boolean";
+            visual: boolean;
+            default: boolean;
+        };
+    };
+    private _cleanup;
+    constructor();
+    /**
+     * Called when component connects to DOM
+     * TyComponent already handled pre-connection property capture
+     * TyComponent will call render() automatically after this hook
+     */
+    protected onConnect(): void;
+    /**
+     * Called when component disconnects from DOM
+     */
+    protected onDisconnect(): void;
+    /**
+     * Handle property changes - called BEFORE render
+     */
+    protected onPropertiesChanged(_changes: PropertyChange[]): void;
+    /**
+     * Handle tag click events
+     */
+    private handleClick;
+    /**
+     * Handle tag dismiss events
+     */
+    private handleDismiss;
+    /**
+     * Handle keyboard interactions
+     */
+    private handleKeydown;
+    /**
+     * Dispatch custom tag events
+     */
+    private dispatchTagEvent;
+    /**
+     * Clean up existing event listeners
+     */
+    private cleanupEventListeners;
+    /**
+     * Setup event listeners for tag interactions
+     */
+    private setupEventListeners;
+    /**
+     * Render the tag component
+     */
+    protected render(): void;
+    get flavor(): Flavor;
+    set flavor(value: Flavor);
+    get size(): Size;
+    set size(value: Size);
+    get value(): string;
+    set value(val: string);
+    get selected(): boolean;
+    set selected(value: boolean);
+    get pill(): boolean;
+    set pill(value: boolean);
+    get clickable(): boolean;
+    set clickable(value: boolean);
+    get dismissible(): boolean;
+    set dismissible(value: boolean);
+    get disabled(): boolean;
+    set disabled(value: boolean);
+}
+export {};
+//# sourceMappingURL=tag.d.ts.map

package/lib/components/tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../src/components/tag.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAoB,MAAM,oBAAoB,CAAA;AACtF,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAIlE;;GAEG;AACH,UAAU,QAAQ;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,IAAI,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;IACjB,IAAI,EAAE,OAAO,CAAA;IACb,SAAS,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED;;;;;;;;;;GAUG;AACH,qBAAa,KAAM,SAAQ,WAAW,CAAC,QAAQ,CAAE,YAAW,YAAY;IACtE,MAAM,CAAC,cAAc,UAAO;IAK5B,SAAS,CAAC,MAAM,CAAC,UAAU;;;;;;;;;;0BAcT,GAAG;wBACL,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAuClB;IAOD,OAAO,CAAC,QAAQ,CAA4B;;IAe5C;;;;OAIG;IACH,SAAS,CAAC,SAAS,IAAI,IAAI;IAQ3B;;OAEG;IACH,SAAS,CAAC,YAAY,IAAI,IAAI;IAI9B;;OAEG;IACH,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,cAAc,EAAE,GAAG,IAAI;IAQ/D;;OAEG;IACH,OAAO,CAAC,WAAW,CAOlB;IAED;;OAEG;IACH,OAAO,CAAC,aAAa,CAMpB;IAED;;OAEG;IACH,OAAO,CAAC,aAAa,CAyBpB;IAMD;;OAEG;IACH,OAAO,CAAC,gBAAgB;IASxB;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAO7B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAiC3B;;OAEG;IACH,SAAS,CAAC,MAAM,IAAI,IAAI;IA0CxB,IAAI,MAAM,IAAI,MAAM,CAEnB;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,MAAM,EAEvB;IAED,IAAI,IAAI,IAAI,IAAI,CAEf;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,IAAI,EAEnB;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,EAEpB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAE1B;IAED,IAAI,IAAI,IAAI,OAAO,CAElB;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,OAAO,EAEtB;IAED,IAAI,SAAS,IAAI,OAAO,CAEvB;IAED,IAAI,SAAS,CAAC,KAAK,EAAE,OAAO,EAE3B;IAED,IAAI,WAAW,IAAI,OAAO,CAEzB;IAED,IAAI,WAAW,CAAC,KAAK,EAAE,OAAO,EAE7B;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAE1B;CACF"}

package/lib/components/tag.js

@@ -0,0 +1,314 @@
+/**
+ * TyTag Web Component
+ * PORTED FROM: clj/ty/components/tag.cljs
+ * Tag component with slots and semantic flavors
+ */
+import { TyComponent } from '../base/ty-component.js';
+import { ensureStyles } from '../utils/styles.js';
+import { tagStyles } from '../styles/tag.js';
+/**
+ * Ty Tag Component
+ *
+ * @example
+ * ```html
+ * <ty-tag flavor="primary">Primary Tag</ty-tag>
+ * <ty-tag flavor="success" dismissible>Success Tag</ty-tag>
+ * <ty-tag flavor="danger" clickable>Clickable Tag</ty-tag>
+ * <ty-tag value="tag-1" selected>Selected Tag</ty-tag>
+ * ```
+ */
+export class TyTag extends TyComponent {
+    constructor() {
+        super(); // TyComponent handles attachInternals() and attachShadow()
+        // ============================================================================
+        // INTERNAL STATE
+        // ============================================================================
+        // Event listener cleanup function
+        this._cleanup = null;
+        // ============================================================================
+        // EVENT HANDLERS (arrow functions for stable references)
+        // ============================================================================
+        /**
+         * Handle tag click events
+         */
+        this.handleClick = (event) => {
+            if (this.clickable && !this.disabled) {
+                event.preventDefault();
+                event.stopPropagation();
+                this.dispatchTagEvent('click', { target: this });
+                this.dispatchTagEvent('pointerdown', { target: this });
+            }
+        };
+        /**
+         * Handle tag dismiss events
+         */
+        this.handleDismiss = (event) => {
+            if (this.dismissible && !this.disabled) {
+                event.preventDefault();
+                event.stopPropagation();
+                this.dispatchTagEvent('dismiss', { target: this });
+            }
+        };
+        /**
+         * Handle keyboard interactions
+         */
+        this.handleKeydown = (event) => {
+            const keyboardEvent = event;
+            if (this.disabled)
+                return;
+            const keyCode = keyboardEvent.keyCode;
+            switch (keyCode) {
+                // ENTER or SPACE - trigger click if clickable
+                case 13: // Enter
+                case 32: // Space
+                    if (this.clickable) {
+                        keyboardEvent.preventDefault();
+                        this.dispatchTagEvent('click', { target: this });
+                    }
+                    break;
+                // DELETE or BACKSPACE - trigger dismiss if dismissible
+                case 8: // Backspace
+                case 46: // Delete
+                    if (this.dismissible) {
+                        keyboardEvent.preventDefault();
+                        this.dispatchTagEvent('dismiss', { target: this });
+                    }
+                    break;
+            }
+        };
+        // Apply styles to shadow root
+        ensureStyles(this.shadowRoot, { css: tagStyles, id: 'ty-tag' });
+    }
+    // observedAttributes auto-generated by TyComponent from properties config
+    // ============================================================================
+    // TYCOMPONENT LIFECYCLE HOOKS
+    // ============================================================================
+    /**
+     * Called when component connects to DOM
+     * TyComponent already handled pre-connection property capture
+     * TyComponent will call render() automatically after this hook
+     */
+    onConnect() {
+        // Setup event listeners after initial render happens
+        // Use queueMicrotask to ensure render() has been called by TyComponent
+        queueMicrotask(() => {
+            this.setupEventListeners();
+        });
+    }
+    /**
+     * Called when component disconnects from DOM
+     */
+    onDisconnect() {
+        this.cleanupEventListeners();
+    }
+    /**
+     * Handle property changes - called BEFORE render
+     */
+    onPropertiesChanged(_changes) {
+        // No special handling needed - TyComponent handles rendering automatically
+    }
+    // ============================================================================
+    // EVENT HELPERS
+    // ============================================================================
+    /**
+     * Dispatch custom tag events
+     */
+    dispatchTagEvent(eventType, detail) {
+        this.dispatchEvent(new CustomEvent(eventType, {
+            detail,
+            bubbles: true,
+            composed: true,
+            cancelable: true
+        }));
+    }
+    /**
+     * Clean up existing event listeners
+     */
+    cleanupEventListeners() {
+        if (this._cleanup) {
+            this._cleanup();
+            this._cleanup = null;
+        }
+    }
+    /**
+     * Setup event listeners for tag interactions
+     */
+    setupEventListeners() {
+        // Clean up any existing listeners first
+        this.cleanupEventListeners();
+        const shadow = this.shadowRoot;
+        const container = shadow.querySelector('.tag-container');
+        const dismissBtn = shadow.querySelector('.tag-dismiss');
+        if (!container)
+            return;
+        // Click handler for main tag
+        container.addEventListener('click', this.handleClick);
+        container.addEventListener('keydown', this.handleKeydown);
+        // Dismiss button handler
+        if (dismissBtn) {
+            dismissBtn.addEventListener('click', this.handleDismiss);
+        }
+        // Store cleanup function
+        this._cleanup = () => {
+            container.removeEventListener('click', this.handleClick);
+            container.removeEventListener('keydown', this.handleKeydown);
+            if (dismissBtn) {
+                dismissBtn.removeEventListener('click', this.handleDismiss);
+            }
+        };
+    }
+    // ============================================================================
+    // RENDER
+    // ============================================================================
+    /**
+     * Render the tag component
+     */
+    render() {
+        const shadow = this.shadowRoot;
+        // Build the tag container
+        const tabindex = this.clickable ? ' tabindex="0"' : '';
+        const ariaDisabled = this.disabled ? ' aria-disabled="true"' : '';
+        const dataValue = this.value ? ` data-value="${this.value}"` : '';
+        // Build dismiss button SVG
+        const dismissButton = this.dismissible ? `
+      <button class="tag-dismiss" type="button" aria-label="Remove tag">
+        <svg viewBox="0 0 20 20" fill="currentColor">
+          <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" />
+        </svg>
+      </button>
+    ` : '';
+        shadow.innerHTML = `
+      <div class="tag-container" part="container"${tabindex}${ariaDisabled}${dataValue}>
+        <div class="tag-start">
+          <slot name="start" class="tag-start"></slot>
+        </div>
+        <div class="tag-content">
+          <slot></slot>
+        </div>
+        <div class="tag-end">
+          <slot name="end"></slot>
+          ${dismissButton}
+        </div>
+      </div>
+    `;
+        // Re-setup event listeners after innerHTML replace (destroys old elements)
+        if (this._connected) {
+            this.setupEventListeners();
+        }
+    }
+    // ============================================================================
+    // PROPERTY ACCESSORS - Simple wrappers (no logic!)
+    // ============================================================================
+    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 value() {
+        return this.getProperty('value');
+    }
+    set value(val) {
+        this.setProperty('value', val);
+    }
+    get selected() {
+        return this.getProperty('selected');
+    }
+    set selected(value) {
+        this.setProperty('selected', value);
+    }
+    get pill() {
+        return this.getProperty('pill');
+    }
+    set pill(value) {
+        this.setProperty('pill', value);
+    }
+    get clickable() {
+        return this.getProperty('clickable');
+    }
+    set clickable(value) {
+        this.setProperty('clickable', value);
+    }
+    get dismissible() {
+        return this.getProperty('dismissible');
+    }
+    set dismissible(value) {
+        this.setProperty('dismissible', value);
+    }
+    get disabled() {
+        return this.getProperty('disabled');
+    }
+    set disabled(value) {
+        this.setProperty('disabled', value);
+    }
+}
+TyTag.formAssociated = true;
+// ============================================================================
+// PROPERTY CONFIGURATION - Declarative property lifecycle
+// ============================================================================
+TyTag.properties = {
+    flavor: {
+        type: 'string',
+        visual: true,
+        default: 'neutral',
+        // Built-in: primary | secondary | success | danger | warning | neutral.
+        // Append `+` for stronger or `-` for softer shade (e.g. "primary+",
+        // "danger-"). Any other string is passed through — theme custom flavors
+        // via :host([flavor="X"]) { --tag-bg: ...; --tag-color: ...; --tag-border-color: ...; }
+    },
+    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-tag] Invalid size '${v}'. Using 'md'.`);
+                return 'md';
+            }
+            return v;
+        }
+    },
+    value: {
+        type: 'string',
+        visual: true,
+        default: ''
+    },
+    selected: {
+        type: 'boolean',
+        visual: true,
+        default: false
+    },
+    pill: {
+        type: 'boolean',
+        visual: true,
+        default: true,
+        aliases: { 'not-pill': false }
+    },
+    clickable: {
+        type: 'boolean',
+        visual: true,
+        default: false
+    },
+    dismissible: {
+        type: 'boolean',
+        visual: true,
+        default: false
+    },
+    disabled: {
+        type: 'boolean',
+        visual: true,
+        default: false
+    }
+};
+// Register the custom element
+if (!customElements.get('ty-tag')) {
+    customElements.define('ty-tag', TyTag);
+}
+//# sourceMappingURL=tag.js.map

package/lib/components/tag.js.map

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