@type-dom/ui 0.6.0 → 0.9.0

package/dist/components/data/td-table-v2/td-table-v2.interface.d.ts

@@ -0,0 +1,95 @@
+import type { DivProps, IDiv, TypeNode } from '@type-dom/framework';
+import type { Signal } from '@type-dom/signals';
+import type { Alignment, ColumnKey, SortBy, TableV2Column, TableV2RowData } from './types';
+/** Public surface of a `TdTableV2` instance. */
+export interface ITdTableV2 extends IDiv {
+    /** @description scroll to a given row offset */
+    scrollTo: (offset: number) => void;
+    /** @description scroll so the given row becomes visible */
+    scrollToRow: (rowIndex: number, align?: 'auto' | 'center' | 'end' | 'start' | 'smart') => void;
+    /** @description scroll to a horizontal offset */
+    scrollToLeft: (offset: number) => void;
+    /** @description force a layout re-measure */
+    forceUpdate: () => void;
+}
+export interface TableV2Props<T = TableV2RowData> extends DivProps {
+    /** @description column definitions, `width` is required for every column */
+    columns?: TableV2Column<T>[];
+    /** @description row data */
+    data?: T[];
+    /** @description total width of the table */
+    width?: number;
+    /** @description total height of the table; omit to grow with the content */
+    height?: number;
+    /**
+     * @description whether the column widths are fixed. When `false`, the
+     * remaining width is shared by columns carrying `flexGrow`
+     *   default: false
+     */
+    fixed?: boolean;
+    /** @description row height, default is 50 */
+    rowHeight?: number;
+    /** @description header height, a single number or one per header row */
+    headerHeight?: number | number[];
+    /** @description footer height, defaults to 0 */
+    footerHeight?: number;
+    /** @description estimated row height, enables dynamic row sizing */
+    estimatedRowHeight?: number;
+    /** @description field used as the row key */
+    rowKey?: ColumnKey;
+    /** @description the active sorting state */
+    sortBy?: SortBy;
+    /** @description default cell alignment */
+    align?: Alignment;
+    /** @description default header alignment */
+    headerAlign?: Alignment;
+    /** @description whether the scrollbars stay visible */
+    scrollbarAlwaysOn?: boolean;
+    /** @description text shown when there is no data */
+    emptyText?: string;
+    /** @description extra horizontal over-scan for the virtual scroller */
+    cache?: number;
+    /** @description whether to render a zebra striped table */
+    striped?: boolean;
+    /** @description custom row class resolver */
+    rowClassName?: (params: {
+        rowData: T;
+        rowIndex: number;
+    }) => string;
+    slots?: {
+        /** replaces the built-in empty placeholder */
+        empty?: TypeNode | TypeNode[];
+        /** content appended below the body */
+        footer?: TypeNode | TypeNode[];
+        /** overlays the table body (e.g. a loading mask) */
+        overlay?: TypeNode | TypeNode[];
+    };
+    /** @description fired when a sortable header is clicked */
+    onColumnSort?: (sortBy: SortBy) => void;
+    /** @description fired when a row is clicked */
+    onRowClick?: (params: {
+        rowData: T;
+        rowIndex: number;
+        evt: MouseEvent;
+    }) => void;
+    /** @description fired when the mouse enters a row */
+    onRowHover?: (params: {
+        rowData: T;
+        rowIndex: number;
+        evt: MouseEvent;
+    }) => void;
+    /** @description fired when the body scrolls */
+    onScroll?: (params: {
+        scrollLeft: number;
+        scrollTop: number;
+    }) => void;
+}
+/** State shared between the table and its sub components. */
+export interface TableV2States<T = TableV2RowData> {
+    hoveringRowIndex: Signal<number | undefined>;
+    sortState: Signal<SortBy | undefined>;
+    scrollLeft: Signal<number>;
+    scrollTop: Signal<number>;
+    data: T[];
+}
+//# sourceMappingURL=td-table-v2.interface.d.ts.map

package/dist/components/data/td-table-v2/td-table-v2.interface.d.ts.map

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

package/dist/components/data/td-table-v2/td-table-v2.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=td-table-v2.interface.js.map

package/dist/components/data/td-table-v2/td-table-v2.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-table-v2.interface.js","sourceRoot":"","sources":["../../../../src/components/data/td-table-v2/td-table-v2.interface.ts"],"names":[],"mappings":""}

package/dist/components/data/td-table-v2/types.d.ts

@@ -0,0 +1,76 @@
+import type { TypeNode } from '@type-dom/framework';
+/**
+ * `ElTableV2` type definitions.
+ *
+ * Ported from Element Plus `packages/components/table-v2/src/types.ts`.
+ */
+export type TableV2RowData = Record<string, any>;
+export type ColumnKey = string | number | symbol;
+export type Alignment = 'left' | 'center' | 'right';
+export type FixedDirection = 'left' | 'right';
+export declare const SortOrder: {
+    readonly ASC: "asc";
+    readonly DESC: "desc";
+};
+export type SortOrderValue = (typeof SortOrder)[keyof typeof SortOrder];
+export interface SortBy {
+    key: ColumnKey;
+    order: SortOrderValue;
+}
+/** Context handed to a custom cell / header renderer. */
+export interface CellRenderParams<T = TableV2RowData> {
+    cellData: any;
+    column: TableV2Column<T>;
+    columns: TableV2Column<T>[];
+    columnIndex: number;
+    rowData: T;
+    rowIndex: number;
+}
+export interface HeaderRenderParams<T = TableV2RowData> {
+    column: TableV2Column<T>;
+    columns: TableV2Column<T>[];
+    columnIndex: number;
+    headerIndex: number;
+}
+/**
+ * A column definition. `width` is required — `ElTableV2` sizes every column
+ * explicitly so it can virtualize rows without measuring.
+ */
+export interface TableV2Column<T = TableV2RowData> {
+    /** unique key of the column */
+    key: ColumnKey;
+    /**
+     * the field of the row object the cell reads from; defaults to `key`
+     */
+    dataKey?: string;
+    /** header text */
+    title?: string;
+    /** column width in px */
+    width: number;
+    minWidth?: number;
+    maxWidth?: number;
+    flexGrow?: number;
+    flexShrink?: number;
+    /** pin the column to the left / right edge */
+    fixed?: boolean | FixedDirection;
+    /** cell text alignment */
+    align?: Alignment;
+    /** header text alignment, falls back to `align` */
+    headerAlign?: Alignment;
+    /** whether the column is sortable */
+    sortable?: boolean;
+    /** hide the column */
+    hidden?: boolean;
+    /** custom cell renderer */
+    cellRenderer?: (params: CellRenderParams<T>) => TypeNode | TypeNode[];
+    /** custom header renderer */
+    headerCellRenderer?: (params: HeaderRenderParams<T>) => TypeNode | TypeNode[];
+}
+/** A column after normalisation — `fixed` is resolved to a direction. */
+export interface NormalizedColumn<T = TableV2RowData> extends TableV2Column<T> {
+    /** resolved pinned side, `undefined` for a scrollable column */
+    fixedDir?: FixedDirection;
+    /** rendered width after flex distribution */
+    computedWidth: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/data/td-table-v2/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/data/td-table-v2/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEpD;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAEjD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAEjD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEpD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAE9C,eAAO,MAAM,SAAS;;;CAGZ,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AAExE,MAAM,WAAW,MAAM;IACrB,GAAG,EAAE,SAAS,CAAC;IACf,KAAK,EAAE,cAAc,CAAC;CACvB;AAED,yDAAyD;AACzD,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,cAAc;IAClD,QAAQ,EAAE,GAAG,CAAC;IACd,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACzB,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,CAAC,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,cAAc;IACpD,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACzB,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,cAAc;IAC/C,+BAA+B;IAC/B,GAAG,EAAE,SAAS,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC;IACjC,0BAA0B;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,mDAAmD;IACnD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,QAAQ,GAAG,QAAQ,EAAE,CAAC;IACtE,6BAA6B;IAC7B,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC,KAAK,QAAQ,GAAG,QAAQ,EAAE,CAAC;CAC/E;AAED,yEAAyE;AACzE,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,cAAc,CAAE,SAAQ,aAAa,CAAC,CAAC,CAAC;IAC5E,gEAAgE;IAChE,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,6CAA6C;IAC7C,aAAa,EAAE,MAAM,CAAC;CACvB"}

package/dist/components/data/td-table-v2/types.js

@@ -0,0 +1,5 @@
+export const SortOrder = {
+    ASC: 'asc',
+    DESC: 'desc',
+};
+//# sourceMappingURL=types.js.map

package/dist/components/data/td-table-v2/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/data/td-table-v2/types.ts"],"names":[],"mappings":"AAeA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,MAAM;CACJ,CAAC"}

package/dist/components/data/td-tag/style/css.d.ts

@@ -1,3 +1,3 @@
 import '../../../base/style/css';
-import '@element-plus/theme-chalk/el-tag.css';
+import '../../../../theme-chalk/el-tag.css';
 //# sourceMappingURL=css.d.ts.map

package/dist/components/data/td-tag/style/css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../../../../src/components/data/td-tag/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,sCAAsC,CAAC"}
+{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../../../../src/components/data/td-tag/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,oCAAoC,CAAC"}

package/dist/components/data/td-tag/style/css.js

@@ -1,3 +1,3 @@
 import '../../../base/style/css';
-import '@element-plus/theme-chalk/el-tag.css';
+import '../../../../theme-chalk/el-tag.css';
 //# sourceMappingURL=css.js.map

package/dist/components/data/td-tag/style/css.js.map

@@ -1 +1 @@
-{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../../../src/components/data/td-tag/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,sCAAsC,CAAC"}
+{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../../../src/components/data/td-tag/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,oCAAoC,CAAC"}

package/dist/components/data/td-tag/td-tag.class.d.ts

@@ -1,9 +1,7 @@
-import { TypeFragment } from '@type-dom/framework';
+import { Fragment } from '@type-dom/framework';
 import { ITdTag, TagProps } from './td-tag.interface';
 import './style/index';
-export declare class TdTag extends TypeFragment implements ITdTag {
-    className: 'TdTag';
-    props: TagProps;
+export declare class TdTag extends Fragment<TagProps> implements ITdTag {
     constructor(params?: TagProps);
     setup(): void;
 }

package/dist/components/data/td-tag/td-tag.class.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"td-tag.class.d.ts","sourceRoot":"","sources":["../../../../src/components/data/td-tag/td-tag.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAMrE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,eAAe,CAAC;AAGvB,qBAAa,KAAM,SAAQ,YAAa,YAAW,MAAM;IACvD,SAAS,EAAE,OAAO,CAAC;IACV,KAAK,EAAE,QAAQ,CAAC;gBAEb,MAAM,GAAE,QAAa;IASxB,KAAK;CAuGf"}
+{"version":3,"file":"td-tag.class.d.ts","sourceRoot":"","sources":["../../../../src/components/data/td-tag/td-tag.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,QAAQ,EAKT,MAAM,qBAAqB,CAAC;AAM7B,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,eAAe,CAAC;AAEvB,qBAAa,KAAM,SAAQ,QAAQ,CAAC,QAAQ,CAAE,YAAW,MAAM;gBAEjD,MAAM,GAAE,QAAa;IAOxB,KAAK;CAmGf"}

package/dist/components/data/td-tag/td-tag.class.js

@@ -1,4 +1,4 @@
-import { Span, Transition, TypeFragment } from '@type-dom/framework';
+import { Span, Transition, Fragment, emit, addEmits, defaultProps, unref, } from '@type-dom/framework';
 import { computed } from '@type-dom/signals';
 import { ElCloseSvg } from '@type-dom/svgs';
 import { useNamespace } from '../../../hooks/use-namespace';
@@ -6,39 +6,38 @@ import { useFormSize } from '../../form/td-form/hooks/use-form-common-props';
 import { TdIcon } from '../../basic/td-icon/td-icon.class';
 import { tagEmits, tagProps } from './td-tag.const';
 import './style/index';
-export class TdTag extends TypeFragment {
+export class TdTag extends Fragment {
     constructor(params = {}) {
-        super();
-        this.className = 'TdTag';
-        // this.attr.addName('td-tag');
-        this.addEmits(tagEmits);
-        this.assignProps(tagProps);
-        this.props = this.useParams(params);
+        super(params);
+        defaultProps(this, tagProps);
+        // addAttrName(this, 'td-tag');
+        addEmits(this, tagEmits);
     }
     setup() {
-        var _a, _b;
         const props = this.props;
-        const emit = this.emit;
-        const tagSize = useFormSize();
+        // const emit = this.emit;
+        const tagSize = useFormSize(props.size);
         const ns = useNamespace('tag');
         const containerKls = computed(() => {
             const { type, hit, effect, closable, round } = props;
+            const extra = unref(props.class);
             return [
                 ns.b(),
-                ns.is('closable', closable),
-                ns.m(type || 'primary'),
+                ns.is('closable', unref(closable)),
+                ns.m(unref(type) || 'primary'),
                 ns.m(tagSize.get()),
                 ns.m(effect),
                 ns.is('hit', hit),
                 ns.is('round', round),
+                ...(Array.isArray(extra) ? extra : extra ? [extra] : []),
             ];
         });
         // methods
         const handleClose = (event) => {
-            emit('close', event);
+            emit(this, 'close', event);
         };
         const handleClick = (event) => {
-            emit('click', event);
+            emit(this, 'click', event);
         };
         // const handleVNodeMounted = (vnode: TypeNode) => {
         //   // // @ts-ignore
@@ -51,23 +50,24 @@ export class TdTag extends TypeFragment {
             this.addChild(new Span({
                 vIf: props.disableTransitions,
                 class: containerKls,
-                styleObj: Object.assign(Object.assign({}, props.styleObj), { backgroundColor: props.color }),
-                events: {
-                    click: handleClick,
-                },
+                // `styleObj` can be a signal/computed (e.g. the select's reactive `tagStyle`),
+                // so keep it reactive instead of statically spreading at construction time.
+                styleObj: computed(() => ({
+                    ...unref(props.styleObj),
+                    backgroundColor: unref(props.color),
+                })),
+                onClick: handleClick,
                 slot: [
                     new Span({
                         class: ns.e('content'),
-                        slot: props.slot || ((_a = props.slots) === null || _a === void 0 ? void 0 : _a.default),
+                        slot: props.slot || props.slots?.default,
                     }),
                     new TdIcon({
                         vIf: props.closable,
                         class: ns.e('close'),
-                        events: {
-                            click: (evt) => {
-                                handleClose(evt);
-                                evt === null || evt === void 0 ? void 0 : evt.stopPropagation();
-                            },
+                        onClick: (evt) => {
+                            handleClose(evt);
+                            evt?.stopPropagation();
                         },
                         slot: new ElCloseSvg(),
                     }),
@@ -80,23 +80,22 @@ export class TdTag extends TypeFragment {
                 appear: true,
                 slot: new Span({
                     class: containerKls,
-                    styleObj: Object.assign(Object.assign({}, props.styleObj), { backgroundColor: props.color }),
-                    events: {
-                        click: handleClick,
-                    },
+                    styleObj: computed(() => ({
+                        ...unref(props.styleObj),
+                        backgroundColor: unref(props.color),
+                    })),
+                    onClick: handleClick,
                     slot: [
                         new Span({
                             class: ns.e('content'),
-                            slot: props.slot || ((_b = props.slots) === null || _b === void 0 ? void 0 : _b.default),
+                            slot: props.slot || props.slots?.default,
                         }),
                         new TdIcon({
                             vIf: props.closable,
                             class: ns.e('close'),
-                            events: {
-                                click: (evt) => {
-                                    handleClose(evt);
-                                    evt === null || evt === void 0 ? void 0 : evt.stopPropagation();
-                                },
+                            onClick: (evt) => {
+                                handleClose(evt);
+                                evt?.stopPropagation();
                             },
                             slot: new ElCloseSvg(),
                         }),

package/dist/components/data/td-tag/td-tag.class.js.map

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

package/dist/components/data/td-tag/td-tag.const.d.ts

@@ -1,4 +1,4 @@
-import { TagProps } from './td-tag.interface';
+import type { TagProps } from './td-tag.interface';
 export declare const tagProps: TagProps;
 export declare const tagEmits: {
     close: (evt?: MouseEvent) => evt is MouseEvent;

package/dist/components/data/td-tag/td-tag.const.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"td-tag.const.d.ts","sourceRoot":"","sources":["../../../../src/components/data/td-tag/td-tag.const.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,eAAO,MAAM,QAAQ,EAAE,QAGb,CAAC;AAEX,eAAO,MAAM,QAAQ;kBACL,UAAU;kBACV,UAAU;CACzB,CAAC;AACF,MAAM,MAAM,QAAQ,GAAG,OAAO,QAAQ,CAAC"}
+{"version":3,"file":"td-tag.const.d.ts","sourceRoot":"","sources":["../../../../src/components/data/td-tag/td-tag.const.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,eAAO,MAAM,QAAQ,EAAE,QAGb,CAAC;AAEX,eAAO,MAAM,QAAQ;kBACL,UAAU;kBACV,UAAU;CACzB,CAAC;AACF,MAAM,MAAM,QAAQ,GAAG,OAAO,QAAQ,CAAC"}

package/dist/components/data/td-tag/td-tag.interface.d.ts

@@ -1,19 +1,17 @@
-import { ITypeFragment, TypeFragmentProps } from '@type-dom/framework';
+import { IFragment, FragmentProps, MaybeRef } from '@type-dom/framework';
 import { ComponentSize } from '../../../constants/size';
-import { IType } from '../../../styles';
-export interface ITdTag extends ITypeFragment {
-    className: 'TdTag';
+export interface ITdTag extends IFragment {
 }
-export interface TagProps extends TypeFragmentProps {
+export interface TagProps extends FragmentProps {
     /**
      * @description type of Tag
      *     default: 'primary',
      */
-    type?: IType;
+    type?: MaybeRef<'primary' | 'success' | 'info' | 'warning' | 'danger' | ''>;
     /**
      * @description whether Tag can be removed
      */
-    closable?: boolean;
+    closable?: MaybeRef<boolean>;
     /**
      * @description whether to disable animations
      */
@@ -29,7 +27,7 @@ export interface TagProps extends TypeFragmentProps {
     /**
      * @description size of Tag
      */
-    size?: ComponentSize;
+    size?: MaybeRef<ComponentSize>;
     /**
      * @description theme of Tag
      *     default: 'light',

package/dist/components/data/td-tag/td-tag.interface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"td-tag.interface.d.ts","sourceRoot":"","sources":["../../../../src/components/data/td-tag/td-tag.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,MAAM,WAAW,MAAO,SAAQ,aAAa;IAC3C,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,QAAS,SAAQ,iBAAiB;IACjD;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB"}
+{"version":3,"file":"td-tag.interface.d.ts","sourceRoot":"","sources":["../../../../src/components/data/td-tag/td-tag.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAGxD,MAAM,WAAW,MAAO,SAAQ,SAAS;CACxC;AAED,MAAM,WAAW,QAAS,SAAQ,aAAa;IAC7C;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,EAAE,CAAC,CAAC;IAC5E;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC7B;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC;IAC/B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB"}

package/dist/components/data/td-timeline/index.d.ts

@@ -0,0 +1,8 @@
+export { TdTimeline } from './td-timeline.class';
+export { TdTimelineItem } from './timeline-item/timeline-item.class';
+export type { TdTimelineProps } from './td-timeline.interface';
+export type { TimelineItemProps } from './timeline-item/timeline-item.interface';
+export { timelineItemProps } from './timeline-item/timeline-item.const';
+export { TIMELINE_INJECTION_KEY } from './tokens';
+export type { TimelineProvider } from './tokens';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/data/td-timeline/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/td-timeline/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/D,YAAY,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AACjF,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AACxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAClD,YAAY,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/data/td-timeline/index.js

@@ -0,0 +1,5 @@
+export { TdTimeline } from './td-timeline.class';
+export { TdTimelineItem } from './timeline-item/timeline-item.class';
+export { timelineItemProps } from './timeline-item/timeline-item.const';
+export { TIMELINE_INJECTION_KEY } from './tokens';
+//# sourceMappingURL=index.js.map

package/dist/components/data/td-timeline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data/td-timeline/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAGrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AACxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/data/td-timeline/style/css.d.ts

@@ -0,0 +1,3 @@
+import '../../../../components/base/style/css';
+import '../../../../theme-chalk/el-timeline.css';
+//# sourceMappingURL=css.d.ts.map

package/dist/components/data/td-timeline/style/css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../../../../src/components/data/td-timeline/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,uCAAuC,CAAA;AAC9C,OAAO,yCAAyC,CAAA"}

package/dist/components/data/td-timeline/style/css.js

@@ -0,0 +1,3 @@
+import '../../../../components/base/style/css';
+import '../../../../theme-chalk/el-timeline.css';
+//# sourceMappingURL=css.js.map

package/dist/components/data/td-timeline/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../../../src/components/data/td-timeline/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,uCAAuC,CAAA;AAC9C,OAAO,yCAAyC,CAAA"}

package/dist/components/data/td-timeline/style/index.d.ts

@@ -0,0 +1,3 @@
+import '../../../../components/base/style';
+import '../../../../theme-chalk/timeline.scss';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/data/td-timeline/style/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/data/td-timeline/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAA;AAC1C,OAAO,uCAAuC,CAAA"}

package/dist/components/data/td-timeline/style/index.js

@@ -0,0 +1,3 @@
+import '../../../../components/base/style';
+import '../../../../theme-chalk/timeline.scss';
+//# sourceMappingURL=index.js.map

package/dist/components/data/td-timeline/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/data/td-timeline/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAA;AAC1C,OAAO,uCAAuC,CAAA"}

package/dist/components/data/td-timeline/td-timeline.class.d.ts

@@ -1 +1,8 @@
+import { UL } from '@type-dom/framework';
+import { ITdTimeline, TdTimelineProps } from './td-timeline.interface';
+import './style/index';
+export declare class TdTimeline extends UL<TdTimelineProps> implements ITdTimeline {
+    constructor(params?: TdTimelineProps);
+    setup(): void;
+}
 //# sourceMappingURL=td-timeline.class.d.ts.map

package/dist/components/data/td-timeline/td-timeline.class.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"td-timeline.class.d.ts","sourceRoot":"","sources":["../../../../src/components/data/td-timeline/td-timeline.class.ts"],"names":[],"mappings":""}
+{"version":3,"file":"td-timeline.class.d.ts","sourceRoot":"","sources":["../../../../src/components/data/td-timeline/td-timeline.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,EAAE,EAAsC,MAAM,qBAAqB,CAAC;AAGpG,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAGvE,OAAO,eAAe,CAAC;AAEvB,qBAAa,UAAW,SAAQ,EAAE,CAAC,eAAe,CAAE,YAAW,WAAW;gBAC5D,MAAM,GAAE,eAAoB;IAK/B,KAAK;CAkBf"}

package/dist/components/data/td-timeline/td-timeline.class.js

@@ -1,2 +1,28 @@
-"use strict";
+import { addAttrClass, provide, UL, transformSlot, defaultProps, unref } from '@type-dom/framework';
+import { computed } from '@type-dom/signals';
+import { useNamespace } from '../../../hooks/use-namespace';
+import { timelineProps } from './td-timeline.const';
+import { TIMELINE_INJECTION_KEY } from './tokens';
+import './style/index';
+export class TdTimeline extends UL {
+    constructor(params = {}) {
+        super(params);
+        defaultProps(this, timelineProps);
+    }
+    setup() {
+        const props = this.props;
+        const ns = useNamespace('timeline');
+        provide(TIMELINE_INJECTION_KEY, { props, slots: props.slots });
+        const timelineKls = computed(() => [ns.b(), ns.is(unref(props.mode) || '')]);
+        addAttrClass(this, timelineKls);
+        transformSlot(this, () => {
+            // Get slot content and reverse if needed
+            let slotContent = props.slot ?? props.slots?.default;
+            if (unref(props.reverse) && Array.isArray(slotContent)) {
+                slotContent = [...slotContent].reverse();
+            }
+            return slotContent;
+        });
+    }
+}
 //# sourceMappingURL=td-timeline.class.js.map

package/dist/components/data/td-timeline/td-timeline.class.js.map

@@ -1 +1 @@
-{"version":3,"file":"td-timeline.class.js","sourceRoot":"","sources":["../../../../src/components/data/td-timeline/td-timeline.class.ts"],"names":[],"mappings":""}
+{"version":3,"file":"td-timeline.class.js","sourceRoot":"","sources":["../../../../src/components/data/td-timeline/td-timeline.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,EAAE,EAAE,aAAa,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AACpG,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,sBAAsB,EAAyB,MAAM,UAAU,CAAC;AACzE,OAAO,eAAe,CAAC;AAEvB,MAAM,OAAO,UAAW,SAAQ,EAAmB;IACjD,YAAY,SAA0B,EAAE;QACtC,KAAK,CAAC,MAAM,CAAC,CAAC;QACd,YAAY,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;IACpC,CAAC;IAEQ,KAAK;QACZ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QAEzB,MAAM,EAAE,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC;QACpC,OAAO,CAAmB,sBAAsB,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;QAEjF,MAAM,WAAW,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;QAC7E,YAAY,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;QAEhC,aAAa,CAAC,IAAI,EAAE,GAAG,EAAE;YACvB,yCAAyC;YACzC,IAAI,WAAW,GAAG,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC;YACrD,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC;gBACvD,WAAW,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC,OAAO,EAAE,CAAC;YAC3C,CAAC;YACD,OAAO,WAAW,CAAC;QACrB,CAAC,CAAC,CAAC;IACL,CAAC;CACF"}

package/dist/components/data/td-timeline/td-timeline.const.d.ts

@@ -0,0 +1,3 @@
+import type { TdTimelineProps } from './td-timeline.interface';
+export declare const timelineProps: TdTimelineProps;
+//# sourceMappingURL=td-timeline.const.d.ts.map

package/dist/components/data/td-timeline/td-timeline.const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-timeline.const.d.ts","sourceRoot":"","sources":["../../../../src/components/data/td-timeline/td-timeline.const.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D,eAAO,MAAM,aAAa,EAAE,eAG3B,CAAA"}

package/dist/components/data/td-timeline/td-timeline.const.js

@@ -0,0 +1,5 @@
+export const timelineProps = {
+    mode: 'start',
+    // reverse: false,
+};
+//# sourceMappingURL=td-timeline.const.js.map

package/dist/components/data/td-timeline/td-timeline.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-timeline.const.js","sourceRoot":"","sources":["../../../../src/components/data/td-timeline/td-timeline.const.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,aAAa,GAAoB;IAC5C,IAAI,EAAE,OAAO;IACb,kBAAkB;CACnB,CAAA"}

package/dist/components/data/td-timeline/td-timeline.interface.d.ts

@@ -1 +1,14 @@
+import { IUL, ULProps, MaybeRef } from '@type-dom/framework';
+export interface TdTimelineProps extends ULProps {
+    /**
+     * @description relative position of timeline and content
+     */
+    mode?: MaybeRef<'start' | 'alternate' | 'alternate-reverse' | 'end'>;
+    /**
+     * @description whether reverse order
+     */
+    reverse?: MaybeRef<boolean>;
+}
+export interface ITdTimeline extends IUL {
+}
 //# sourceMappingURL=td-timeline.interface.d.ts.map

package/dist/components/data/td-timeline/td-timeline.interface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"td-timeline.interface.d.ts","sourceRoot":"","sources":["../../../../src/components/data/td-timeline/td-timeline.interface.ts"],"names":[],"mappings":""}
+{"version":3,"file":"td-timeline.interface.d.ts","sourceRoot":"","sources":["../../../../src/components/data/td-timeline/td-timeline.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE7D,MAAM,WAAW,eAAgB,SAAQ,OAAO;IAC9C;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC,OAAO,GAAG,WAAW,GAAG,mBAAmB,GAAG,KAAK,CAAC,CAAC;IACrE;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;CAC7B;AAED,MAAM,WAAW,WAAY,SAAQ,GAAG;CAAG"}

package/dist/components/data/td-timeline/td-timeline.interface.js

@@ -1,2 +1,2 @@
-"use strict";
+export {};
 //# sourceMappingURL=td-timeline.interface.js.map

package/dist/components/data/td-timeline/timeline-item/style/css.d.ts

@@ -0,0 +1,3 @@
+import '../../../../base/style/css';
+import '../../../../../theme-chalk/el-timeline-item.css';
+//# sourceMappingURL=css.d.ts.map

package/dist/components/data/td-timeline/timeline-item/style/css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data/td-timeline/timeline-item/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,iDAAiD,CAAA"}