@type-dom/ui 0.2.1 → 0.3.0

package/dist/src/components/data/td-badge/td-badge.interface.d.ts

@@ -0,0 +1,63 @@
+import { IStyle } from '@type-dom/css-type';
+import { ITypeDiv, TypeDivProps } from '@type-dom/framework';
+import { MaybeRef } from '@type-dom/signals';
+export interface ITdBadge extends ITypeDiv {
+    className: 'TdBadge';
+    props: BadgeProps;
+}
+export interface BadgeProps extends TypeDivProps {
+    /**
+     * @description display value.
+     *     default: '',
+     */
+    value?: MaybeRef<string | number>;
+    /**
+     * @description maximum value, shows `{max}+` when exceeded. Only works if value is a number.
+     *     default: 99,
+     */
+    max?: number;
+    /**
+     * @description if a little dot is displayed.
+     */
+    isDot?: boolean;
+    /**
+     * @description hidden badge.
+     */
+    hidden?: boolean;
+    /**
+     * @description badge type.
+     *     default: 'danger',
+     */
+    type?: 'primary' | 'success' | 'warning' | 'info' | 'danger';
+    /**
+     * @description whether to show badge when value is zero.
+     *     default: true,
+     */
+    showZero?: boolean;
+    /**
+     * @description customize dot background color
+     */
+    color?: string;
+    /**
+     * @description CSS style of badge
+     */
+    badgeStyle?: IStyle;
+    /**
+     * @description CSS style of dot
+     */
+    dotStyle?: IStyle;
+    /**
+     * @description set offset of the badge dot
+     *     default: [0, 0],
+     */
+    offset?: [number, number];
+    /**
+     * @description custom class name of badge dot
+     */
+    dotClass?: string;
+    /**
+     * @description custom class name of badge
+     */
+    badgeClass?: string;
+}
+//# sourceMappingURL=td-badge.interface.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-badge.interface.d.ts","sourceRoot":"","sources":["../../../../../src/components/data/td-badge/td-badge.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,MAAM,WAAW,QAAS,SAAQ,QAAQ;IACxC,SAAS,EAAE,SAAS,CAAC;IACrB,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,MAAM,WAAW,UAAW,SAAQ,YAAY;IAC9C;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAClC;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;IAC7D;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/dist/src/components/data/td-badge/td-badge.interface.js

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

package/dist/src/components/data/td-badge/td-badge.interface.js.map

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

package/dist/src/components/data/td-badge/td-badge.style.d.ts

@@ -0,0 +1,8 @@
+export declare const $badge: {
+    bgColor: string;
+    radius: string;
+    fontSize: string;
+    padding: string;
+    size: string;
+};
+//# sourceMappingURL=td-badge.style.d.ts.map

package/dist/src/components/data/td-badge/td-badge.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-badge.style.d.ts","sourceRoot":"","sources":["../../../../../src/components/data/td-badge/td-badge.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;CAOlB,CAAC"}

package/dist/src/components/data/td-badge/td-badge.style.js

@@ -0,0 +1,10 @@
+import { $colorDanger } from '../../../styles/var';
+export const $badge = {
+    // 'bg-color': getCssVar('color-danger'),
+    bgColor: $colorDanger,
+    radius: '10px',
+    fontSize: '12px',
+    padding: '6px',
+    size: '18px',
+};
+//# sourceMappingURL=td-badge.style.js.map

package/dist/src/components/data/td-badge/td-badge.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-badge.style.js","sourceRoot":"","sources":["../../../../../src/components/data/td-badge/td-badge.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,yCAAyC;IACzC,OAAO,EAAE,YAAY;IACrB,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,MAAM;IAChB,OAAO,EAAE,KAAK;IACd,IAAI,EAAE,MAAM;CACb,CAAC"}

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

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

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

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

package/dist/src/components/data/td-card/style/css.js

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

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

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

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

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

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

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

package/dist/src/components/data/td-card/style/index.js

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

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

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

package/dist/src/components/data/td-card/td-card.class.d.ts

@@ -0,0 +1,10 @@
+import { TypeDiv } from '@type-dom/framework';
+import { ITdCard, CardProps } from './td-card.interface';
+import './style/index';
+export declare class TdCard extends TypeDiv implements ITdCard {
+    className: 'TdCard';
+    props: CardProps;
+    constructor(params?: CardProps);
+    setup(): void;
+}
+//# sourceMappingURL=td-card.class.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-card.class.d.ts","sourceRoot":"","sources":["../../../../../src/components/data/td-card/td-card.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAEnD,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,eAAe,CAAC;AAEvB,qBAAa,MAAO,SAAQ,OAAQ,YAAW,OAAO;IACpD,SAAS,EAAE,QAAQ,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;gBAEd,MAAM,GAAE,SAAc;IASzB,KAAK;CA8Bf"}

package/dist/src/components/data/td-card/td-card.class.js

@@ -0,0 +1,37 @@
+import { Div, TypeDiv } from '@type-dom/framework';
+import { useNamespace } from '../../../hooks/use-namespace';
+import { cardProps } from './td-card.const';
+import './style/index';
+export class TdCard extends TypeDiv {
+    constructor(params = {}) {
+        super();
+        this.className = 'TdCard';
+        this.attr.addName('td-card');
+        this.assignProps(cardProps);
+        this.props = this.useParams(params);
+    }
+    setup() {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        const props = this.props;
+        const ns = useNamespace('card');
+        this.attr.addClass([ns.b(), ns.is(`${props.shadow}-shadow`)]);
+        if (((_a = props.slots) === null || _a === void 0 ? void 0 : _a.header) || props.header) {
+            this.addChild(new Div({
+                class: ns.e('header'),
+                slot: (_c = (_b = props.slots) === null || _b === void 0 ? void 0 : _b.header) !== null && _c !== void 0 ? _c : props.header,
+            }));
+        }
+        this.addChild(new Div({
+            class: [ns.e('body'), props.bodyClass],
+            styleObj: props.bodyStyle,
+            slot: (_e = (_d = props.slots) === null || _d === void 0 ? void 0 : _d.default) !== null && _e !== void 0 ? _e : props.slot,
+        }));
+        if (((_f = props.slots) === null || _f === void 0 ? void 0 : _f.footer) || props.footer) {
+            this.addChild(new Div({
+                class: ns.e('footer'),
+                slot: (_h = (_g = props.slots) === null || _g === void 0 ? void 0 : _g.footer) !== null && _h !== void 0 ? _h : props.footer,
+            }));
+        }
+    }
+}
+//# sourceMappingURL=td-card.class.js.map

package/dist/src/components/data/td-card/td-card.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-card.class.js","sourceRoot":"","sources":["../../../../../src/components/data/td-card/td-card.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,eAAe,CAAC;AAEvB,MAAM,OAAO,MAAO,SAAQ,OAAO;IAIjC,YAAY,SAAoB,EAAE;QAChC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAC1B,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAE7B,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QAC5B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IACtC,CAAC;IAEQ,KAAK;;QACZ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QAEzB,MAAM,EAAE,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;QAChC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,SAAS,CAAC,CAAC,CAAC,CAAC;QAE9D,IAAI,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,MAAM,KAAI,KAAK,CAAC,MAAM,EAAE,CAAC;YACxC,IAAI,CAAC,QAAQ,CACX,IAAI,GAAG,CAAC;gBACN,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;gBACrB,IAAI,EAAE,MAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,MAAM,mCAAI,KAAK,CAAC,MAAM;aAC1C,CAAC,CACH,CAAC;QACJ,CAAC;QACD,IAAI,CAAC,QAAQ,CACX,IAAI,GAAG,CAAC;YACN,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;YACtC,QAAQ,EAAE,KAAK,CAAC,SAAS;YACzB,IAAI,EAAE,MAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,OAAO,mCAAI,KAAK,CAAC,IAAI;SACzC,CAAC,CACH,CAAC;QACF,IAAI,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,MAAM,KAAI,KAAK,CAAC,MAAM,EAAE,CAAC;YACxC,IAAI,CAAC,QAAQ,CACX,IAAI,GAAG,CAAC;gBACN,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;gBACrB,IAAI,EAAE,MAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,MAAM,mCAAI,KAAK,CAAC,MAAM;aAC1C,CAAC,CACH,CAAC;QACJ,CAAC;IACH,CAAC;CACF"}

package/dist/src/components/data/td-card/td-card.const.d.ts

@@ -0,0 +1,3 @@
+import { CardProps } from './td-card.interface';
+export declare const cardProps: CardProps;
+//# sourceMappingURL=td-card.const.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-card.const.d.ts","sourceRoot":"","sources":["../../../../../src/components/data/td-card/td-card.const.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,eAAO,MAAM,SAAS,EAAE,SAId,CAAC"}

package/dist/src/components/data/td-card/td-card.const.js

@@ -0,0 +1,6 @@
+export const cardProps = {
+    header: '',
+    footer: '',
+    shadow: 'always',
+};
+//# sourceMappingURL=td-card.const.js.map

package/dist/src/components/data/td-card/td-card.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-card.const.js","sourceRoot":"","sources":["../../../../../src/components/data/td-card/td-card.const.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAAc;IAClC,MAAM,EAAE,EAAE;IACV,MAAM,EAAE,EAAE;IACV,MAAM,EAAE,QAAQ;CACR,CAAC"}

package/dist/src/components/data/td-card/td-card.interface.d.ts

@@ -0,0 +1,27 @@
+import { IStyle } from '@type-dom/css-type';
+import { ITypeDiv, TypeDivProps } from '@type-dom/framework';
+export interface ITdCard extends ITypeDiv {
+    className: 'TdCard';
+}
+export interface CardProps extends TypeDivProps {
+    /**
+     * @description title of the card. Also accepts a DOM passed by `slot#header`
+     *     default: '',
+     */
+    header?: string;
+    footer?: string;
+    /**
+     * @description CSS style of card body
+     */
+    bodyStyle?: IStyle;
+    /**
+     * @description custom class name of card body
+     */
+    bodyClass?: string;
+    /**
+     * @description when to show card shadows
+     *     default: 'always',
+     */
+    shadow?: 'always' | 'hover' | 'never';
+}
+//# sourceMappingURL=td-card.interface.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-card.interface.d.ts","sourceRoot":"","sources":["../../../../../src/components/data/td-card/td-card.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAE7D,MAAM,WAAW,OAAQ,SAAQ,QAAQ;IACvC,SAAS,EAAE,QAAQ,CAAC;CACrB;AAED,MAAM,WAAW,SAAU,SAAQ,YAAY;IAC7C;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;CACvC"}

package/dist/src/components/data/td-card/td-card.interface.js

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

package/dist/src/components/data/td-card/td-card.interface.js.map

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

package/dist/src/components/data/td-card/td-card.style.d.ts

@@ -0,0 +1,11 @@
+import { IStyle } from '@type-dom/css-type';
+export declare const $card: {
+    borderColor: string;
+    borderRadius: string;
+    padding: string;
+    bgColor: string;
+};
+export declare const $cardStyle: IStyle;
+export declare const $cardHeaderStyle: IStyle;
+export declare const $cardFooterStyle: IStyle;
+//# sourceMappingURL=td-card.style.d.ts.map

package/dist/src/components/data/td-card/td-card.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-card.style.d.ts","sourceRoot":"","sources":["../../../../../src/components/data/td-card/td-card.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAI5C,eAAO,MAAM,KAAK;;;;;CAOjB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,MAYxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,MAO9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,MAQ9B,CAAC"}

package/dist/src/components/data/td-card/td-card.style.js

@@ -0,0 +1,41 @@
+import { $borderColor, $fillColor, $textColor } from '../../../styles/var';
+import { $transitionDuration } from '../../../styles/transition';
+export const $card = {
+    // 'border-color': getCssVar('border-color', 'light'),
+    borderColor: $borderColor.light,
+    borderRadius: '4px',
+    padding: '20px',
+    // 'bg-color': getCssVar('fill-color', 'blank'),
+    bgColor: $fillColor.blank,
+};
+export const $cardStyle = {
+    //   border-radius: getCssVar('card', 'border-radius'),
+    borderRadius: $card.borderRadius,
+    // border: 1px solid getCssVar('card', 'border-color'),
+    border: '1px solid ' + $card.borderColor,
+    // background-color: getCssVar('card', 'bg-color'),
+    backgroundColor: $card.bgColor,
+    overflow: 'hidden',
+    // color: getCssVar('text-color', 'primary'),
+    color: $textColor.primary,
+    // transition: getCssVar('transition-duration'),
+    transition: $transitionDuration.default,
+};
+export const $cardHeaderStyle = {
+    // padding: calc(#{getCssVar('card', 'padding')} - 2px) getCssVar('card', 'padding'),
+    padding: `calc(${$card.padding} - 2px) ${$card.padding}`,
+    // border-bottom: 1px solid getCssVar('card', 'border-color'),
+    borderBottom: '1px solid ' + $card.borderColor,
+    // box-sizing: border-box,
+    boxSizing: 'border-box',
+};
+export const $cardFooterStyle = {
+    //     padding: calc(#{getCssVar('card', 'padding')} - 2px)
+    // getCssVar('card', 'padding'),
+    padding: `calc(${$card.padding} - 2px) ${$card.padding}`,
+    // border-top: 1px solid getCssVar('card', 'border-color'),
+    borderTop: '1px solid ' + $card.borderColor,
+    // box-sizing: border-box,
+    boxSizing: 'border-box',
+};
+//# sourceMappingURL=td-card.style.js.map

package/dist/src/components/data/td-card/td-card.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-card.style.js","sourceRoot":"","sources":["../../../../../src/components/data/td-card/td-card.style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,sDAAsD;IACtD,WAAW,EAAE,YAAY,CAAC,KAAK;IAC/B,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,MAAM;IACf,gDAAgD;IAChD,OAAO,EAAE,UAAU,CAAC,KAAK;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAW;IAChC,uDAAuD;IACvD,YAAY,EAAE,KAAK,CAAC,YAAY;IAChC,uDAAuD;IACvD,MAAM,EAAE,YAAY,GAAG,KAAK,CAAC,WAAW;IACxC,mDAAmD;IACnD,eAAe,EAAE,KAAK,CAAC,OAAO;IAC9B,QAAQ,EAAE,QAAQ;IAClB,6CAA6C;IAC7C,KAAK,EAAE,UAAU,CAAC,OAAO;IACzB,gDAAgD;IAChD,UAAU,EAAE,mBAAmB,CAAC,OAAO;CACxC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAW;IACtC,qFAAqF;IACrF,OAAO,EAAE,QAAQ,KAAK,CAAC,OAAO,WAAW,KAAK,CAAC,OAAO,EAAE;IACxD,8DAA8D;IAC9D,YAAY,EAAE,YAAY,GAAG,KAAK,CAAC,WAAW;IAC9C,0BAA0B;IAC1B,SAAS,EAAE,YAAY;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAW;IACtC,2DAA2D;IAC3D,gCAAgC;IAChC,OAAO,EAAE,QAAQ,KAAK,CAAC,OAAO,WAAW,KAAK,CAAC,OAAO,EAAE;IACxD,2DAA2D;IAC3D,SAAS,EAAE,YAAY,GAAG,KAAK,CAAC,WAAW;IAC3C,0BAA0B;IAC1B,SAAS,EAAE,YAAY;CACxB,CAAC"}

package/dist/src/components/data/td-carousel/constants.d.ts

@@ -0,0 +1,33 @@
+import { Ref, Signal } from '@type-dom/signals';
+import { CarouselItemProps } from './td-carousel-item.interface';
+import { InjectionKey } from '@type-dom/framework';
+export type CarouselItemStates = {
+    hover: Signal<boolean>;
+    translate: Signal<number>;
+    scale: Signal<number>;
+    active: Signal<boolean>;
+    ready: Signal<boolean>;
+    inStage: Signal<boolean>;
+    animating: Signal<boolean>;
+};
+export type CarouselItemContext = {
+    props: CarouselItemProps;
+    states: CarouselItemStates;
+    uid: number;
+    translateItem: (index: number, activeIndex: number, oldIndex?: number) => void;
+};
+export type CarouselContext = {
+    root: Ref<HTMLElement | undefined>;
+    items: Ref<CarouselItemContext[]>;
+    isCardType: Ref<boolean>;
+    isVertical: Ref<boolean>;
+    loop?: boolean;
+    cardScale?: number;
+    addItem: (item: CarouselItemContext) => void;
+    removeItem: (uid: number) => void;
+    setActiveItem: (index: number) => void;
+    setContainerHeight: (height: number) => void;
+};
+export declare const carouselContextKey: InjectionKey<CarouselContext>;
+export declare const CAROUSEL_ITEM_NAME = "ElCarouselItem";
+//# sourceMappingURL=constants.d.ts.map

package/dist/src/components/data/td-carousel/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/data/td-carousel/constants.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,iBAAiB,CAAC;IACzB,MAAM,EAAE,kBAAkB,CAAC;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,aAAa,EAAE,CACb,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,MAAM,EACnB,QAAQ,CAAC,EAAE,MAAM,KACd,IAAI,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;IACnC,KAAK,EAAE,GAAG,CAAC,mBAAmB,EAAE,CAAC,CAAC;IAClC,UAAU,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACzB,UAAU,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC7C,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,kBAAkB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,YAAY,CAAC,eAAe,CAC/B,CAAC;AAE/B,eAAO,MAAM,kBAAkB,mBAAmB,CAAC"}

package/dist/src/components/data/td-carousel/constants.js

@@ -0,0 +1,6 @@
+// import type { InjectionKey, Ref } from 'vue'
+//
+// import type { CarouselItemProps } from './carousel-item'
+export const carouselContextKey = Symbol('carouselContextKey');
+export const CAROUSEL_ITEM_NAME = 'ElCarouselItem';
+//# sourceMappingURL=constants.js.map

package/dist/src/components/data/td-carousel/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../src/components/data/td-carousel/constants.ts"],"names":[],"mappings":"AAAA,+CAA+C;AAC/C,EAAE;AACF,2DAA2D;AAwC3D,MAAM,CAAC,MAAM,kBAAkB,GAC7B,MAAM,CAAC,oBAAoB,CAAC,CAAC;AAE/B,MAAM,CAAC,MAAM,kBAAkB,GAAG,gBAAgB,CAAC"}

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

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

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

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

package/dist/src/components/data/td-carousel/style/css.js

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

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

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

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

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

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

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

package/dist/src/components/data/td-carousel/style/index.js

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

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

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

package/dist/src/components/data/td-carousel/td-carousel-item.class.d.ts

@@ -0,0 +1,9 @@
+import { TypeDiv } from '@type-dom/framework';
+import { CarouselItemProps, ITdCarouselItem } from './td-carousel-item.interface';
+export declare class TdCarouselItem extends TypeDiv implements ITdCarouselItem {
+    className: 'TdCarouselItem';
+    props: CarouselItemProps;
+    constructor(params: CarouselItemProps);
+    setup(): void;
+}
+//# sourceMappingURL=td-carousel-item.class.d.ts.map

package/dist/src/components/data/td-carousel/td-carousel-item.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-carousel-item.class.d.ts","sourceRoot":"","sources":["../../../../../src/components/data/td-carousel/td-carousel-item.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAGnD,OAAO,EACL,iBAAiB,EACjB,eAAe,EAChB,MAAM,8BAA8B,CAAC;AAGtC,qBAAa,cAAe,SAAQ,OAAQ,YAAW,eAAe;IACpE,SAAS,EAAE,gBAAgB,CAAC;IACnB,KAAK,EAAE,iBAAiB,CAAC;gBAEtB,MAAM,EAAE,iBAAiB;IAO5B,KAAK;CA6Df"}

package/dist/src/components/data/td-carousel/td-carousel-item.class.js

@@ -0,0 +1,55 @@
+import { Div, TypeDiv } from '@type-dom/framework';
+import { computed, unref } from '@type-dom/signals';
+import { useNamespace } from '../../../hooks/use-namespace';
+import { useCarouselItem } from './use-carousel-item';
+export class TdCarouselItem extends TypeDiv {
+    constructor(params) {
+        super();
+        this.className = 'TdCarouselItem';
+        this.props = this.useParams(params);
+    }
+    setup() {
+        var _a;
+        const props = this.props;
+        const ns = useNamespace('carousel');
+        // inject
+        const { carouselItemRef, active, animating, hover, inStage, isVertical, translate, isCardType, scale, ready, handleItemClick, } = useCarouselItem(props);
+        const itemKls = computed(() => [
+            ns.e('item'),
+            ns.is('active', active.get()),
+            ns.is('in-stage', inStage.get()),
+            ns.is('hover', hover.get()),
+            ns.is('animating', animating.get()),
+            {
+                [ns.em('item', 'card')]: isCardType.get(),
+                [ns.em('item', 'card-vertical')]: isCardType.get() && isVertical.get(),
+            },
+        ]);
+        const itemStyle = computed(() => {
+            const translateType = `translate${unref(isVertical) ? 'Y' : 'X'}`;
+            const _translate = `${translateType}(${unref(translate)}px)`;
+            const _scale = `scale(${unref(scale)})`;
+            const transform = [_translate, _scale].join(' ');
+            return {
+                transform,
+            };
+        });
+        this.assignProps({
+            vShow: ready,
+            refDom: carouselItemRef,
+            class: itemKls,
+            styleObj: itemStyle,
+            events: {
+                click: handleItemClick,
+            },
+        });
+        if (isCardType) {
+            this.addChild(new Div({
+                vShow: !active,
+                class: ns.e('mask'),
+            }));
+        }
+        this.slotChildren(props.slot || ((_a = props.slots) === null || _a === void 0 ? void 0 : _a.default));
+    }
+}
+//# sourceMappingURL=td-carousel-item.class.js.map

package/dist/src/components/data/td-carousel/td-carousel-item.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-carousel-item.class.js","sourceRoot":"","sources":["../../../../../src/components/data/td-carousel/td-carousel-item.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAK5D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,OAAO,cAAe,SAAQ,OAAO;IAIzC,YAAY,MAAyB;QACnC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,SAAS,GAAG,gBAAgB,CAAC;QAElC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IACtC,CAAC;IAEQ,KAAK;;QACZ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,MAAM,EAAE,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC;QAEpC,SAAS;QACT,MAAM,EACJ,eAAe,EACf,MAAM,EACN,SAAS,EACT,KAAK,EACL,OAAO,EACP,UAAU,EACV,SAAS,EACT,UAAU,EACV,KAAK,EACL,KAAK,EACL,eAAe,GAChB,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;QAE3B,MAAM,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC;YAC7B,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC;YACZ,EAAE,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,GAAG,EAAE,CAAC;YAC7B,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,GAAG,EAAE,CAAC;YAChC,EAAE,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC;YAC3B,EAAE,CAAC,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG,EAAE,CAAC;YACnC;gBACE,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,UAAU,CAAC,GAAG,EAAE;gBACzC,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,EAAE,UAAU,CAAC,GAAG,EAAE,IAAI,UAAU,CAAC,GAAG,EAAE;aACvE;SACF,CAAC,CAAC;QAEH,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE;YAC9B,MAAM,aAAa,GAAG,YAAY,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;YAClE,MAAM,UAAU,GAAG,GAAG,aAAa,IAAI,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;YAC7D,MAAM,MAAM,GAAG,SAAS,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;YACxC,MAAM,SAAS,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAEjD,OAAO;gBACL,SAAS;aACV,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,WAAW,CAAC;YACf,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,eAAe;YACvB,KAAK,EAAE,OAAO;YACd,QAAQ,EAAE,SAAS;YACnB,MAAM,EAAE;gBACN,KAAK,EAAE,eAAe;aACvB;SACF,CAAC,CAAC;QACH,IAAI,UAAU,EAAE,CAAC;YACf,IAAI,CAAC,QAAQ,CACX,IAAI,GAAG,CAAC;gBACN,KAAK,EAAE,CAAC,MAAM;gBACd,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC;aACpB,CAAC,CACH,CAAC;QACJ,CAAC;QACD,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,KAAI,MAAA,KAAK,CAAC,KAAK,0CAAE,OAAO,CAAA,CAAC,CAAC;IACxD,CAAC;CACF"}

package/dist/src/components/data/td-carousel/td-carousel-item.interface.d.ts

@@ -0,0 +1,17 @@
+import { ITypeDiv, TypeDivProps } from '@type-dom/framework';
+export interface ITdCarouselItem extends ITypeDiv {
+    className: 'TdCarouselItem';
+}
+export interface CarouselItemProps extends TypeDivProps {
+    /**
+     * @description name of the item, can be used in `setActiveItem`
+     * default: ''
+     */
+    name: string;
+    /**
+     * @description text content for the corresponding indicator
+     *     default: '',
+     */
+    label: string | number;
+}
+//# sourceMappingURL=td-carousel-item.interface.d.ts.map

package/dist/src/components/data/td-carousel/td-carousel-item.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-carousel-item.interface.d.ts","sourceRoot":"","sources":["../../../../../src/components/data/td-carousel/td-carousel-item.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAE7D,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAC/C,SAAS,EAAE,gBAAgB,CAAC;CAC7B;AAED,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB"}

package/dist/src/components/data/td-carousel/td-carousel-item.interface.js

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

package/dist/src/components/data/td-carousel/td-carousel-item.interface.js.map

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

package/dist/src/components/data/td-carousel/td-carousel.class.d.ts

@@ -0,0 +1,14 @@
+import { TypeDiv } from '@type-dom/framework';
+import { Signal } from '@type-dom/signals';
+import { CarouselProps, ITdCarousel } from './td-carousel.interface';
+export declare class TdCarousel extends TypeDiv implements ITdCarousel {
+    className: 'TdCarousel';
+    props: CarouselProps;
+    activeIndex?: Signal<number>;
+    setActiveItem?: (index: string | number) => void;
+    prev?: () => void;
+    next?: () => void;
+    constructor(params?: CarouselProps);
+    setup(): void;
+}
+//# sourceMappingURL=td-carousel.class.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-carousel.class.d.ts","sourceRoot":"","sources":["../../../../../src/components/data/td-carousel/td-carousel.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAWL,OAAO,EAER,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAY,MAAM,EAAS,MAAM,mBAAmB,CAAC;AAG5D,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAKrE,qBAAa,UAAW,SAAQ,OAAQ,YAAW,WAAW;IAC5D,SAAS,EAAE,YAAY,CAAC;IACf,KAAK,EAAE,aAAa,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IAC7B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IACjD,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;gBAEN,MAAM,GAAE,aAAkB;IAQ7B,KAAK;CA8Of"}