@krumio/trailhand-ui 1.6.0 → 1.8.0

package/dist/components/th-card/th-card.js

@@ -0,0 +1,376 @@
+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 { property } from 'lit/decorators.js';
+import '../icon/icon';
+/**
+ * A flexible card component for displaying content in a contained box.
+ *
+ * @fires card-dismiss - Fired when the dismiss button is clicked
+ * @fires card-click - Fired when card is clicked (if clickable)
+ *
+ * @slot icon - Slot for an icon in the header
+ * @slot title - Slot for the card title
+ * @slot subtitle - Slot for a subtitle
+ * @slot - Default slot for main body content
+ * @slot action - Slot for action buttons
+ * @slot footer - Slot for footer content
+ */
+export class ThCard extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.variant = 'default';
+        this.dismissible = false;
+        this.cardId = '';
+        this.cardTitle = '';
+        this.subtitle = '';
+        this.description = '';
+        this.iconSrc = '';
+        this.iconName = '';
+        this.loading = false;
+        this.clickable = false;
+        this.href = '';
+        this.target = '';
+    }
+    _hasIcon() {
+        return !!(this.iconName || this.iconSrc || this.querySelector('[slot="icon"]'));
+    }
+    _renderIcon() {
+        if (this.iconName) {
+            return html `<div class="card__icon"><trailhand-icon name=${this.iconName}></trailhand-icon></div>`;
+        }
+        if (this.iconSrc) {
+            return html `<div class="card__icon"><img src=${this.iconSrc} alt="" /></div>`;
+        }
+        return html `<div class="card__icon"><slot name="icon"></slot></div>`;
+    }
+    _handleDismiss(e) {
+        e.stopPropagation();
+        this.dispatchEvent(new CustomEvent('card-dismiss', {
+            bubbles: true,
+            composed: true,
+            detail: { id: this.cardId },
+        }));
+    }
+    _handleCardClick(e) {
+        if (!this.clickable && !this.href)
+            return;
+        const path = e.composedPath();
+        if (path.some((el) => ['BUTTON', 'A', 'INPUT', 'TEXTAREA', 'SELECT'].includes(el.tagName))) {
+            return;
+        }
+        this.dispatchEvent(new CustomEvent('card-click', { bubbles: true, composed: true }));
+        if (this.href) {
+            window.open(this.href, this.target || '_self');
+        }
+    }
+    _handleKeyDown(e) {
+        if (!this.clickable && !this.href)
+            return;
+        if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            this._handleCardClick(e);
+        }
+    }
+    _onFooterSlotChange(e) {
+        const slot = e.target;
+        const footer = slot.parentElement;
+        if (footer) {
+            footer.classList.toggle('card__footer--has-content', slot.assignedNodes().length > 0);
+        }
+    }
+    _renderContent() {
+        const isInfo = this.variant === 'info';
+        return html `
+      ${isInfo && this._hasIcon() ? this._renderIcon() : nothing}
+
+      <div class="card__header">
+        ${!isInfo && this._hasIcon() ? this._renderIcon() : nothing}
+
+        <div class="card__title-group">
+          <h3 class="card__title" part="title">
+            <slot name="title">${this.cardTitle}</slot>
+          </h3>
+          ${this.subtitle || this.querySelector('[slot="subtitle"]')
+            ? html `<p class="card__subtitle" part="subtitle">
+                <slot name="subtitle">${this.subtitle}</slot>
+              </p>`
+            : nothing}
+        </div>
+
+        ${this.dismissible
+            ? html `<button class="card__dismiss" @click=${this._handleDismiss} aria-label="Dismiss">
+              <trailhand-icon name="close"></trailhand-icon>
+            </button>`
+            : nothing}
+      </div>
+
+      ${!isInfo
+            ? html `
+            <div class="card__body" part="body">
+              <slot name="description">${this.description}</slot>
+            </div>
+            <div class="card__action" part="action">
+              <slot name="action"></slot>
+            </div>
+            <div class="card__footer" part="footer">
+              <slot name="footer" @slotchange=${this._onFooterSlotChange}></slot>
+            </div>
+          `
+            : nothing}
+    `;
+    }
+    render() {
+        const classes = `card card--${this.variant}${this.loading ? ' card--loading' : ''}`;
+        if (this.loading) {
+            return html `<div class=${classes}><div class="card__spinner"></div></div>`;
+        }
+        if (this.href) {
+            return html `
+        <a
+          class=${classes}
+          part="card"
+          href=${this.href}
+          target=${this.target || nothing}
+          @click=${this._handleCardClick}
+        >
+          ${this._renderContent()}
+        </a>
+      `;
+        }
+        return html `
+      <div
+        class=${classes}
+        part="card"
+        tabindex=${this.clickable ? '0' : nothing}
+        role=${this.clickable ? 'button' : nothing}
+        @click=${this._handleCardClick}
+        @keydown=${this._handleKeyDown}
+      >
+        ${this._renderContent()}
+      </div>
+    `;
+    }
+}
+ThCard.styles = css `
+    :host {
+      display: block;
+    }
+
+    .card {
+      display: flex;
+      flex-direction: column;
+      font-family: var(--font-family, 'Poppins', sans-serif);
+      background: var(--th-card-bg);
+      border-radius: var(--th-card-radius, 8px);
+      border: 1px solid var(--th-card-border, #e5e7eb);
+      transition: box-shadow 0.2s ease;
+    }
+
+    .card--default,
+    .card--outlined {
+      padding: var(--th-card-padding, 20px);
+    }
+
+    .card--info {
+      padding: 16px 20px;
+      flex-direction: row;
+      align-items: center;
+      gap: 12px;
+    }
+
+    .card:hover {
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+    }
+
+    /* Clickable */
+    :host([clickable]) .card,
+    a.card {
+      cursor: pointer;
+      text-decoration: none;
+      color: inherit;
+    }
+
+    /* Header */
+    .card__header {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      margin-bottom: 12px;
+    }
+
+    .card--info .card__header {
+      margin-bottom: 0;
+      flex: 1;
+    }
+
+    /* Icon */
+    .card__icon {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+    }
+
+    .card__icon img {
+      width: 40px;
+      height: 40px;
+      object-fit: contain;
+    }
+
+    .card__icon trailhand-icon {
+      font-size: 40px;
+      color: var(--th-card-icon-color, var(--th-card-title-color, inherit));
+    }
+
+    .card--info .card__icon img {
+      width: 48px;
+      height: 48px;
+    }
+
+    .card--info .card__icon trailhand-icon {
+      font-size: 48px;
+    }
+
+    /* Title */
+    .card__title-group {
+      flex: 1;
+      min-width: 0;
+    }
+
+    .card__title {
+      margin: 0;
+      font-size: 18px;
+      font-weight: 600;
+      color: var(--th-card-title-color, inherit);
+      line-height: 1.3;
+    }
+
+    .card--info .card__title {
+      font-size: 16px;
+    }
+
+    .card__subtitle {
+      margin: 4px 0 0 0;
+      font-size: 14px;
+      color: var(--th-card-subtitle-color, inherit);
+      line-height: 1.4;
+    }
+
+    /* Body */
+    .card__body {
+      flex: 1;
+      font-size: 14px;
+      line-height: 1.6;
+      color: var(--th-card-text-color, inherit);
+      margin-bottom: 16px;
+    }
+
+    .card--info .card__body {
+      display: none;
+    }
+
+    /* Action & Footer */
+    .card__action {
+      margin-bottom: 16px;
+    }
+
+    .card__action:empty,
+    .card__footer:empty {
+      display: none;
+    }
+
+    .card__footer {
+      display: none;
+    }
+
+    .card__footer--has-content {
+      display: block;
+      padding-top: 16px;
+      margin-top: auto;
+      border-top: 1px solid var(--th-card-border, #e5e7eb);
+    }
+
+    /* Dismiss */
+    .card__dismiss {
+      background: none;
+      border: none;
+      padding: 4px;
+      cursor: pointer;
+      color: var(--th-card-dismiss-color, var(--th-card-text-color, inherit));
+      opacity: 0.7;
+    }
+
+    .card__dismiss:hover {
+      opacity: 1;
+    }
+
+    .card__dismiss trailhand-icon {
+      font-size: 20px;
+    }
+
+    /* Loading */
+    .card--loading {
+      min-height: 200px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .card__spinner {
+      width: 32px;
+      height: 32px;
+      border: 3px solid #e5e7eb;
+      border-top-color: #3b82f6;
+      border-radius: 50%;
+      animation: spin 0.8s linear infinite;
+    }
+
+    @keyframes spin {
+      to {
+        transform: rotate(360deg);
+      }
+    }
+  `;
+__decorate([
+    property({ type: String })
+], ThCard.prototype, "variant", void 0);
+__decorate([
+    property({ type: Boolean })
+], ThCard.prototype, "dismissible", void 0);
+__decorate([
+    property({ type: String, attribute: 'card-id' })
+], ThCard.prototype, "cardId", void 0);
+__decorate([
+    property({ type: String, attribute: 'card-title' })
+], ThCard.prototype, "cardTitle", void 0);
+__decorate([
+    property({ type: String })
+], ThCard.prototype, "subtitle", void 0);
+__decorate([
+    property({ type: String })
+], ThCard.prototype, "description", void 0);
+__decorate([
+    property({ type: String, attribute: 'icon-src' })
+], ThCard.prototype, "iconSrc", void 0);
+__decorate([
+    property({ type: String, attribute: 'icon-name' })
+], ThCard.prototype, "iconName", void 0);
+__decorate([
+    property({ type: Boolean })
+], ThCard.prototype, "loading", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], ThCard.prototype, "clickable", void 0);
+__decorate([
+    property({ type: String })
+], ThCard.prototype, "href", void 0);
+__decorate([
+    property({ type: String })
+], ThCard.prototype, "target", void 0);
+customElements.define('trailhand-card', ThCard);
+//# sourceMappingURL=th-card.js.map

package/dist/components/th-card/th-card.js.map

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

package/dist/components/th-tag/index.d.ts

@@ -0,0 +1,3 @@
+export { ThTag } from './th-tag';
+export type { TagVariant, TagSize } from './th-tag';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/th-tag/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/th-tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/th-tag/index.js

@@ -0,0 +1,2 @@
+export { ThTag } from './th-tag';
+//# sourceMappingURL=index.js.map

package/dist/components/th-tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/th-tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/th-tag/th-tag.d.ts

@@ -0,0 +1,67 @@
+import { LitElement, TemplateResult } from 'lit';
+import '../icon/icon';
+import type { IconProps } from '../icon/icon';
+/**
+ * Tag variant types for different visual styles
+ */
+export type TagVariant = 'default' | 'success' | 'warning' | 'error' | 'info';
+/**
+ * Tag size options
+ */
+export type TagSize = 'sm' | 'md' | 'lg';
+/**
+ * A tag/badge component for displaying labels, statuses, or categories.
+ * Can be used for status indicators, category labels, or dismissible chips.
+ *
+ * @fires tag-dismiss - Fired when the dismiss button is clicked (if dismissible)
+ *
+ * @slot - Default slot for tag content (alternative to label prop)
+ */
+export declare class ThTag extends LitElement {
+    /**
+     * The text label to display in the tag
+     */
+    label: string;
+    /**
+     * Visual variant/color scheme
+     */
+    variant: TagVariant;
+    /**
+     * Size of the tag
+     */
+    size: TagSize;
+    /**
+     * Whether the tag can be dismissed/closed
+     */
+    dismissible: boolean;
+    /**
+     * Whether the tag is disabled
+     */
+    disabled: boolean;
+    /**
+     * Whether to use outlined style (border instead of filled background)
+     */
+    outlined: boolean;
+    /**
+     * Optional icon to display before the label (trailhand-icon name)
+     */
+    icon: IconProps['name'] | '';
+    /**
+     * Value passed in the dismiss event (useful for identifying which tag was dismissed)
+     */
+    value: string;
+    static styles: import("lit").CSSResult;
+    /**
+     * Handle dismiss button click
+     */
+    private _handleDismiss;
+    /**
+     * Render the dismiss button icon
+     */
+    private _renderDismissIcon;
+    /**
+     * Render the component
+     */
+    render(): TemplateResult;
+}
+//# sourceMappingURL=th-tag.d.ts.map

package/dist/components/th-tag/th-tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"th-tag.d.ts","sourceRoot":"","sources":["../../../src/components/th-tag/th-tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAW,MAAM,KAAK,CAAC;AAErE,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAE9E;;GAEG;AACH,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AASzC;;;;;;;GAOG;AACH,qBAAa,KAAM,SAAQ,UAAU;IACnC;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,OAAO,EAAE,UAAU,CAAa;IAEhC;;OAEG;IAEH,IAAI,EAAE,OAAO,CAAQ;IAErB;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,GAAG,EAAE,CAAM;IAElC;;OAEG;IAEH,KAAK,SAAM;IAEX,OAAgB,MAAM,0BAuJpB;IAEF;;OAEG;IACH,OAAO,CAAC,cAAc;IAWtB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAI1B;;OAEG;IACM,MAAM,IAAI,cAAc;CAkClC"}