@aithe/aithe-ui 26.2.2 → 26.3.1

package/dist/components/data/pagination.js

@@ -0,0 +1,119 @@
+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 { css, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { AitheElement } from '../../core/aithe-element';
+import { aitheBaseStyles } from '../../core/styles';
+/**
+ * Pagination controller for navigating through paged data.
+ * 分页控制器，用于浏览分页数据。
+ *
+ * @fires aithe-page-change - Emitted when the current page changes with `{ currentPage, pageSize }`. 当前页变更时发出 `{ currentPage, pageSize }`。
+ *
+ * @example
+ * ```html
+ * <aithe-pagination total="100" page-size="10" current-page="1"></aithe-pagination>
+ * ```
+ */
+let AithePagination = class AithePagination extends AitheElement {
+    constructor() {
+        super(...arguments);
+        /** Total number of data items. 数据项总数。 */
+        this.total = 0;
+        /** Number of items per page. 每页的数据项数。 */
+        this.pageSize = 10;
+        /** Currently active page number. 当前活动页码。 */
+        this.currentPage = 1;
+        /** Size scale of the pagination buttons. 分页按钮的尺寸规格。 */
+        this.size = 'md';
+    }
+    static { this.styles = [
+        aitheBaseStyles,
+        css `
+      :host {
+        display: inline-flex;
+      }
+
+      .pager {
+        display: inline-flex;
+        align-items: center;
+        gap: var(--aithe-space-2);
+        flex-wrap: wrap;
+      }
+
+      button {
+        min-width: 36px;
+        min-height: 36px;
+        padding: 0 var(--aithe-space-3);
+        border: 1px solid var(--aithe-color-border);
+        border-radius: var(--aithe-radius-md);
+        background: var(--aithe-color-surface-elevated);
+        color: var(--aithe-color-text);
+        cursor: pointer;
+      }
+
+      button.active {
+        border-color: transparent;
+        background: linear-gradient(180deg, var(--aithe-primary-6), var(--aithe-primary-7));
+        color: var(--aithe-color-text-on-primary, #ffffff);
+      }
+    `,
+    ]; }
+    get pageCount() {
+        return Math.max(1, Math.ceil(this.total / Math.max(1, this.pageSize)));
+    }
+    change(page) {
+        this.currentPage = Math.min(Math.max(1, page), this.pageCount);
+        this.emit('aithe-page-change', { currentPage: this.currentPage, pageSize: this.pageSize });
+    }
+    render() {
+        return html `
+      <div class="pager">
+        <button
+          type="button"
+          ?disabled=${this.currentPage <= 1}
+          @click=${() => this.change(this.currentPage - 1)}
+        >
+          ‹
+        </button>
+        ${Array.from({ length: this.pageCount }, (_, index) => index + 1).map((page) => html `
+            <button
+              class=${classMap({ active: page === this.currentPage })}
+              type="button"
+              @click=${() => this.change(page)}
+            >
+              ${page}
+            </button>
+          `)}
+        <button
+          type="button"
+          ?disabled=${this.currentPage >= this.pageCount}
+          @click=${() => this.change(this.currentPage + 1)}
+        >
+          ›
+        </button>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: Number })
+], AithePagination.prototype, "total", void 0);
+__decorate([
+    property({ type: Number, attribute: 'page-size' })
+], AithePagination.prototype, "pageSize", void 0);
+__decorate([
+    property({ type: Number, attribute: 'current-page' })
+], AithePagination.prototype, "currentPage", void 0);
+__decorate([
+    property({ type: String })
+], AithePagination.prototype, "size", void 0);
+AithePagination = __decorate([
+    customElement('aithe-pagination')
+], AithePagination);
+export { AithePagination };

package/dist/components/data/tab-pane.d.ts

@@ -1,9 +1,77 @@
 import { AitheElement } from '../../core/aithe-element';
+/**
+ * Single tab pane used inside `aithe-tabs` or `aithe-tab-group`.
+ * 单个标签面板，用于 `aithe-tabs` 或 `aithe-tab-group` 内部。
+ *
+ * @slot - Default slot for tab pane content. 默认插槽，用于标签面板内容。
+ *
+ * @csspart host - The host element. 宿主元素。
+ *
+ * @example
+ * ```html
+ * <aithe-tabs type="card" active-key="settings">
+ *   <aithe-tab-pane tab-id="settings" label="Settings" icon="settings" closable>
+ *     Settings content here
+ *   </aithe-tab-pane>
+ *   <aithe-tab-pane tab-id="profile" label="Profile" disabled>
+ *     Profile content here
+ *   </aithe-tab-pane>
+ * </aithe-tabs>
+ * ```
+ */
 export declare class AitheTabPane extends AitheElement {
-    tabKey: string;
+    /**
+     * Unique identifier for this pane within the tabs.
+     * 标签页内标识此面板的唯一标识。
+     *
+     * Used to match `active-key` on the parent `aithe-tabs`.
+     * 用于匹配父级 `aithe-tabs` 的 `active-key`。
+     */
+    tabId: string;
+    /**
+     * Display label shown on the tab button.
+     * 标签按钮上显示的文本。
+     *
+     * If `tab-id` is not set, the label is also used as the fallback identifier.
+     * 如果未设置 `tab-id`，标签也会作为备用标识符。
+     */
     label: string;
+    /**
+     * Icon name to display before the tab label.
+     * 在标签文本前显示的图标名称。
+     *
+     * Uses the `aithe-icon` component internally. Refer to the icon library for available names.
+     * 内部使用 `aithe-icon` 组件。可用的图标名称请参考图标库。
+     */
+    icon: string;
+    /**
+     * Display title for the tab pane (shown as tooltip on hover).
+     * 标签面板的显示标题（悬停时作为工具提示）。
+     */
+    title: string;
+    /**
+     * Whether this tab pane is disabled (cannot be activated by clicking or keyboard).
+     * 此标签面板是否禁用（无法通过点击或键盘激活）。
+     *
+     * Disabled tabs are skipped when navigating with arrow keys.
+     * 使用方向键导航时会跳过禁用的标签。
+     */
     disabled: boolean;
+    /**
+     * Whether this tab pane shows a close (remove) button.
+     * 此标签面板是否显示关闭按钮。
+     *
+     * When clicked, the `aithe-tab-remove` event is emitted on the parent `aithe-tabs`.
+     * 点击时，父级 `aithe-tabs` 会触发 `aithe-tab-remove` 事件。
+     */
     closable: boolean;
+    /**
+     * Whether this tab pane is currently active (managed by parent `aithe-tabs`).
+     * 此标签面板是否当前活动（由父级 `aithe-tabs` 管理）。
+     *
+     * This is automatically set by the parent `aithe-tabs` component. Do not set manually.
+     * 由父级 `aithe-tabs` 组件自动设置，请勿手动设置。
+     */
     active: boolean;
     static readonly styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
     render(): import("lit-html").TemplateResult<1>;

package/dist/components/data/tab-pane.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab-pane.d.ts","sourceRoot":"","sources":["../../../src/components/data/tab-pane.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGxD,qBACa,YAAa,SAAQ,YAAY;IACM,MAAM,SAAM;IAClC,KAAK,SAAM;IACK,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACjB,MAAM,UAAS;IAE3D,MAAM,CAAC,QAAQ,CAAC,MAAM,0DAWpB;IAEF,MAAM;CAGP"}
+{"version":3,"file":"tab-pane.d.ts","sourceRoot":"","sources":["../../../src/components/data/tab-pane.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGnD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBACa,YAAa,SAAQ,YAAY;IAC5C;;;;;;OAMG;IAC8C,KAAK,SAAM;IAC5D;;;;;;OAMG;IACyB,KAAK,SAAM;IACvC;;;;;;OAMG;IACyB,IAAI,SAAM;IACtC;;;OAGG;IACyB,KAAK,SAAM;IACvC;;;;;;OAMG;IACyC,QAAQ,UAAS;IAC7D;;;;;;OAMG;IACyC,QAAQ,UAAS;IAC7D;;;;;;OAMG;IACyC,MAAM,UAAS;IAE3D,MAAM,CAAC,QAAQ,CAAC,MAAM,0DAWpB;IAEF,MAAM;CAKP"}

package/dist/components/data/tab-pane.js

@@ -0,0 +1,130 @@
+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 { css, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { AitheElement } from '../../core/aithe-element';
+import { aitheBaseStyles } from '../../core/styles';
+/**
+ * Single tab pane used inside `aithe-tabs` or `aithe-tab-group`.
+ * 单个标签面板，用于 `aithe-tabs` 或 `aithe-tab-group` 内部。
+ *
+ * @slot - Default slot for tab pane content. 默认插槽，用于标签面板内容。
+ *
+ * @csspart host - The host element. 宿主元素。
+ *
+ * @example
+ * ```html
+ * <aithe-tabs type="card" active-key="settings">
+ *   <aithe-tab-pane tab-id="settings" label="Settings" icon="settings" closable>
+ *     Settings content here
+ *   </aithe-tab-pane>
+ *   <aithe-tab-pane tab-id="profile" label="Profile" disabled>
+ *     Profile content here
+ *   </aithe-tab-pane>
+ * </aithe-tabs>
+ * ```
+ */
+let AitheTabPane = class AitheTabPane extends AitheElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Unique identifier for this pane within the tabs.
+         * 标签页内标识此面板的唯一标识。
+         *
+         * Used to match `active-key` on the parent `aithe-tabs`.
+         * 用于匹配父级 `aithe-tabs` 的 `active-key`。
+         */
+        this.tabId = '';
+        /**
+         * Display label shown on the tab button.
+         * 标签按钮上显示的文本。
+         *
+         * If `tab-id` is not set, the label is also used as the fallback identifier.
+         * 如果未设置 `tab-id`，标签也会作为备用标识符。
+         */
+        this.label = '';
+        /**
+         * Icon name to display before the tab label.
+         * 在标签文本前显示的图标名称。
+         *
+         * Uses the `aithe-icon` component internally. Refer to the icon library for available names.
+         * 内部使用 `aithe-icon` 组件。可用的图标名称请参考图标库。
+         */
+        this.icon = '';
+        /**
+         * Display title for the tab pane (shown as tooltip on hover).
+         * 标签面板的显示标题（悬停时作为工具提示）。
+         */
+        this.title = '';
+        /**
+         * Whether this tab pane is disabled (cannot be activated by clicking or keyboard).
+         * 此标签面板是否禁用（无法通过点击或键盘激活）。
+         *
+         * Disabled tabs are skipped when navigating with arrow keys.
+         * 使用方向键导航时会跳过禁用的标签。
+         */
+        this.disabled = false;
+        /**
+         * Whether this tab pane shows a close (remove) button.
+         * 此标签面板是否显示关闭按钮。
+         *
+         * When clicked, the `aithe-tab-remove` event is emitted on the parent `aithe-tabs`.
+         * 点击时，父级 `aithe-tabs` 会触发 `aithe-tab-remove` 事件。
+         */
+        this.closable = false;
+        /**
+         * Whether this tab pane is currently active (managed by parent `aithe-tabs`).
+         * 此标签面板是否当前活动（由父级 `aithe-tabs` 管理）。
+         *
+         * This is automatically set by the parent `aithe-tabs` component. Do not set manually.
+         * 由父级 `aithe-tabs` 组件自动设置，请勿手动设置。
+         */
+        this.active = false;
+    }
+    static { this.styles = [
+        aitheBaseStyles,
+        css `
+      :host {
+        display: none;
+      }
+
+      :host([active]) {
+        display: block;
+      }
+    `,
+    ]; }
+    render() {
+        return html `
+      <slot></slot>
+    `;
+    }
+};
+__decorate([
+    property({ type: String, attribute: 'tab-id' })
+], AitheTabPane.prototype, "tabId", void 0);
+__decorate([
+    property({ type: String })
+], AitheTabPane.prototype, "label", void 0);
+__decorate([
+    property({ type: String })
+], AitheTabPane.prototype, "icon", void 0);
+__decorate([
+    property({ type: String })
+], AitheTabPane.prototype, "title", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], AitheTabPane.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], AitheTabPane.prototype, "closable", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], AitheTabPane.prototype, "active", void 0);
+AitheTabPane = __decorate([
+    customElement('aithe-tab-pane')
+], AitheTabPane);
+export { AitheTabPane };

package/dist/components/data/table-column.d.ts

@@ -0,0 +1,70 @@
+import { LitElement } from 'lit';
+import type { AitheColumnFixed, AitheDataRenderer, AitheVariant } from '../../types';
+/**
+ * Column definition element for `aithe-table` (DOM-defined mode).
+ * `aithe-table` 的列定义元素（DOM 定义模式）。
+ *
+ * Place `<aithe-table-column>` elements as children of `<aithe-table>` to define columns declaratively.
+ * 将 `<aithe-table-column>` 元素作为 `<aithe-table>` 的子元素放置，以声明式定义列。
+ *
+ * @example
+ * ```html
+ * <aithe-table .data=${records}>
+ *   <aithe-table-column id="name" title="Name" sortable></aithe-table-column>
+ *   <aithe-table-column id="action" title="Action" .cellRenderer=${(k, v, r) => html`<button>Edit</button>`}></aithe-table-column>
+ * </aithe-table>
+ * ```
+ */
+export declare class AitheTableColumn extends LitElement {
+    /** Unique column identifier. 唯一列标识。 */
+    id: string;
+    /** Header title. 表头标题。 */
+    title: string;
+    /** Property path on the data record. 数据记录上的属性路径。 */
+    dataIndex: string;
+    /** Fixed column width. 固定列宽。 */
+    width: string;
+    /** Minimum column width (for resizable columns). 最小列宽（用于可调整宽度的列）。 */
+    minWidth: string;
+    /** Text alignment. 文本对齐方式。 */
+    align: 'left' | 'center' | 'right';
+    /** Enable client-side sorting. 启用客户端排序。 */
+    sortable: boolean;
+    /** Fixed position ('left' | 'right'). 固定列位置。 */
+    fixed: AitheColumnFixed | '';
+    /** Enable column width resizing via drag handle. 启用列宽拖拽调整。 */
+    resizable: boolean;
+    /** Enable column drag-to-reorder. 启用列拖拽排序。 */
+    draggable: boolean;
+    /** Icon name rendered in the header via aithe-icon. 通过 aithe-icon 在表头渲染的图标名称。 */
+    icon: string;
+    /** Visual variant / semantic color for the column. 列的视觉变体/语义色。 */
+    variant: AitheVariant;
+    /** Custom cell renderer (only available in DOM-defined mode). 自定义单元格渲染器（仅在 DOM 定义模式下可用）。 */
+    cellRenderer?: AitheDataRenderer;
+    /**
+     * Filter expression to format cell value.
+     * Supports chained expressions like "amount" or "date yyyy/MM/dd | empty".
+     * Applied when no `cellRenderer` is set. Priority: cellRenderer > filter > raw value.
+     * 用于格式化单元格值的过滤器表达式。
+     * 支持链式表达式，如 "amount" 或 "date yyyy/MM/dd | empty"。
+     * 未设置 `cellRenderer` 时生效。优先级：cellRenderer > filter > 原始值。
+     *
+     * @see /docs/filter.md
+     */
+    filter: string;
+    /**
+     * Box slot mapping for box-table mode.
+     * Maps this column's data to a box slot (e.g. "name", "tags", "status", "actions", "content").
+     * 用于 box-table 模式的 box slot 映射。
+     * 将该列的数据映射到 box slot（如 "name", "tags", "status", "actions", "content"）。
+     */
+    box: string;
+    connectedCallback(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'aithe-table-column': AitheTableColumn;
+    }
+}
+//# sourceMappingURL=table-column.d.ts.map

package/dist/components/data/table-column.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-column.d.ts","sourceRoot":"","sources":["../../../src/components/data/table-column.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAGjC,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAEhF;;;;;;;;;;;;;;GAcG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,uCAAuC;IACX,EAAE,SAAM;IACpC,0BAA0B;IACE,KAAK,SAAM;IACvC,oDAAoD;IACxB,SAAS,SAAM;IAC3C,gCAAgC;IACJ,KAAK,SAAM;IACvC,qEAAqE;IACjB,QAAQ,SAAM;IAClE,8BAA8B;IACF,KAAK,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAU;IACxE,2CAA2C;IACd,QAAQ,UAAS;IAC9C,gDAAgD;IACpB,KAAK,EAAE,gBAAgB,GAAG,EAAE,CAAM;IAC9D,8DAA8D;IACjC,SAAS,UAAS;IAC/C,8CAA8C;IACjB,SAAS,UAAS;IAC/C,iFAAiF;IACrD,IAAI,SAAM;IACtC,kEAAkE;IACtC,OAAO,EAAE,YAAY,CAAa;IAC9D,4FAA4F;IAC5D,YAAY,CAAC,EAAE,iBAAiB,CAAC;IAEjE;;;;;;;;;OASG;IACyB,MAAM,SAAM;IAExC;;;;;OAKG;IACyB,GAAG,SAAM;IAE5B,iBAAiB,IAAI,IAAI;CAInC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF"}

package/dist/components/data/table-column.js

@@ -0,0 +1,123 @@
+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 } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+/**
+ * Column definition element for `aithe-table` (DOM-defined mode).
+ * `aithe-table` 的列定义元素（DOM 定义模式）。
+ *
+ * Place `<aithe-table-column>` elements as children of `<aithe-table>` to define columns declaratively.
+ * 将 `<aithe-table-column>` 元素作为 `<aithe-table>` 的子元素放置，以声明式定义列。
+ *
+ * @example
+ * ```html
+ * <aithe-table .data=${records}>
+ *   <aithe-table-column id="name" title="Name" sortable></aithe-table-column>
+ *   <aithe-table-column id="action" title="Action" .cellRenderer=${(k, v, r) => html`<button>Edit</button>`}></aithe-table-column>
+ * </aithe-table>
+ * ```
+ */
+let AitheTableColumn = class AitheTableColumn extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** Unique column identifier. 唯一列标识。 */
+        this.id = '';
+        /** Header title. 表头标题。 */
+        this.title = '';
+        /** Property path on the data record. 数据记录上的属性路径。 */
+        this.dataIndex = '';
+        /** Fixed column width. 固定列宽。 */
+        this.width = '';
+        /** Minimum column width (for resizable columns). 最小列宽（用于可调整宽度的列）。 */
+        this.minWidth = '';
+        /** Text alignment. 文本对齐方式。 */
+        this.align = 'left';
+        /** Enable client-side sorting. 启用客户端排序。 */
+        this.sortable = false;
+        /** Fixed position ('left' | 'right'). 固定列位置。 */
+        this.fixed = '';
+        /** Enable column width resizing via drag handle. 启用列宽拖拽调整。 */
+        this.resizable = false;
+        /** Enable column drag-to-reorder. 启用列拖拽排序。 */
+        this.draggable = false;
+        /** Icon name rendered in the header via aithe-icon. 通过 aithe-icon 在表头渲染的图标名称。 */
+        this.icon = '';
+        /** Visual variant / semantic color for the column. 列的视觉变体/语义色。 */
+        this.variant = 'default';
+        /**
+         * Filter expression to format cell value.
+         * Supports chained expressions like "amount" or "date yyyy/MM/dd | empty".
+         * Applied when no `cellRenderer` is set. Priority: cellRenderer > filter > raw value.
+         * 用于格式化单元格值的过滤器表达式。
+         * 支持链式表达式，如 "amount" 或 "date yyyy/MM/dd | empty"。
+         * 未设置 `cellRenderer` 时生效。优先级：cellRenderer > filter > 原始值。
+         *
+         * @see /docs/filter.md
+         */
+        this.filter = '';
+        /**
+         * Box slot mapping for box-table mode.
+         * Maps this column's data to a box slot (e.g. "name", "tags", "status", "actions", "content").
+         * 用于 box-table 模式的 box slot 映射。
+         * 将该列的数据映射到 box slot（如 "name", "tags", "status", "actions", "content"）。
+         */
+        this.box = '';
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.hidden = true;
+    }
+};
+__decorate([
+    property({ type: String })
+], AitheTableColumn.prototype, "id", void 0);
+__decorate([
+    property({ type: String })
+], AitheTableColumn.prototype, "title", void 0);
+__decorate([
+    property({ type: String })
+], AitheTableColumn.prototype, "dataIndex", void 0);
+__decorate([
+    property({ type: String })
+], AitheTableColumn.prototype, "width", void 0);
+__decorate([
+    property({ type: String, attribute: 'min-width' })
+], AitheTableColumn.prototype, "minWidth", void 0);
+__decorate([
+    property({ type: String })
+], AitheTableColumn.prototype, "align", void 0);
+__decorate([
+    property({ type: Boolean })
+], AitheTableColumn.prototype, "sortable", void 0);
+__decorate([
+    property({ type: String })
+], AitheTableColumn.prototype, "fixed", void 0);
+__decorate([
+    property({ type: Boolean })
+], AitheTableColumn.prototype, "resizable", void 0);
+__decorate([
+    property({ type: Boolean })
+], AitheTableColumn.prototype, "draggable", void 0);
+__decorate([
+    property({ type: String })
+], AitheTableColumn.prototype, "icon", void 0);
+__decorate([
+    property({ type: String })
+], AitheTableColumn.prototype, "variant", void 0);
+__decorate([
+    property({ attribute: false })
+], AitheTableColumn.prototype, "cellRenderer", void 0);
+__decorate([
+    property({ type: String })
+], AitheTableColumn.prototype, "filter", void 0);
+__decorate([
+    property({ type: String })
+], AitheTableColumn.prototype, "box", void 0);
+AitheTableColumn = __decorate([
+    customElement('aithe-table-column')
+], AitheTableColumn);
+export { AitheTableColumn };