@type-dom/ui 0.1.0 → 0.1.2

package/src/components/basic/td-text/td-text.const.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.textProps = void 0;
+exports.textProps = {
+    tag: 'span',
+};

package/src/components/basic/td-text/td-text.interface.d.ts

@@ -1,12 +1,12 @@
-import { ITypeConfig, ITypeHtml } from '@type-dom/framework';
+import { TypeProps, ITypeHtml } from '@type-dom/framework';
+import { ComponentSize } from '../../../constants/size';
 import { IType } from '../../../styles';
-import { ISize } from '../../../styles/size';
 export interface ITdText extends ITypeHtml {
     className: 'TdText';
 }
-export interface ITdTextConfig extends ITypeConfig {
+export interface ITdTextConfig extends TypeProps {
     type?: IType;
-    size?: ISize;
+    size?: ComponentSize;
     /**
      * @description render ellipsis
      */

package/src/components/basic/td-text/td-text.style.js

@@ -9,7 +9,7 @@ exports.$baseText = {
     padding: '0',
     fontSize: var_1.$fontSizeMap.default,
     color: var_1.$colors.default.base,
-    overflowWrap: 'break-word'
+    overflowWrap: 'break-word',
 };
 exports.sizeOpts = {
     // mini: {
@@ -19,27 +19,27 @@ exports.sizeOpts = {
     // },
     small: {
         height: var_1.$commonComponentSize.small,
-        fontSize: var_1.$fontSizes.extraSmall
+        fontSize: var_1.$fontSizes.extraSmall,
     },
     default: {
         height: var_1.$commonComponentSize.default,
-        fontSize: var_1.$fontSizes.base
+        fontSize: var_1.$fontSizes.base,
     },
     large: {
         height: var_1.$commonComponentSize.large,
-        fontSize: var_1.$fontSizes.medium
-    }
+        fontSize: var_1.$fontSizes.medium,
+    },
 };
 exports.$textStateColors = {};
 function buttonVariant($type) {
     exports.$textStateColors[$type] = {
         default: {
-            color: var_1.$colors[$type].base
+            color: var_1.$colors[$type].base,
         },
         hover: {
             color: $type === 'default'
                 ? var_1.$colors['primary'].base
-                : var_1.$colors[$type]['light-3'] // ['color', $type, 'light-3'],
+                : var_1.$colors[$type]['light-3'], // ['color', $type, 'light-3'],
             // content: '',
             // position: 'absolute',
             // left: 0,
@@ -49,11 +49,11 @@ function buttonVariant($type) {
             // borderBottom: '1px solid ' + ($type === 'default' ? $colors['primary'].base : $colors[$type]['light-3']),
         },
         active: {
-            color: var_1.$colors[$type]['dark-2'] // ['color', $type, 'dark-2'],
+            color: var_1.$colors[$type]['dark-2'], // ['color', $type, 'dark-2'],
         },
         disabled: {
-            color: var_1.$colors[$type]['light-5'] // ['color', $type, 'light-5'],
-        }
+            color: var_1.$colors[$type]['light-5'], // ['color', $type, 'light-5'],
+        },
     };
 }
 for (const $type of [
@@ -62,7 +62,7 @@ for (const $type of [
     'warning',
     'info',
     'danger',
-    'default'
+    'default',
 ]) {
     buttonVariant($type);
 }

package/src/components/configuration/td-config-provider/config-provider-props.d.ts

@@ -0,0 +1,46 @@
+import { TypeFragmentProps } from '@type-dom/framework';
+import { Language } from '../../../locale';
+import { ButtonConfigContext } from '../../basic/td-button/td-button.const';
+import { UseEmptyValuesProps } from '../../../hooks/use-empty-values';
+import { ComponentSize } from '../../../constants/size';
+import { MessageConfigContext } from '../../feedback/td-message/td-message.interface';
+export type ExperimentalFeatures = {};
+export interface ConfigProviderProps extends TypeFragmentProps, UseEmptyValuesProps {
+    /**
+     * @description Controlling if the users want a11y features
+     */
+    a11y?: boolean;
+    /**
+     * @description Locale Object
+     */
+    locale?: Language;
+    /**
+     * @description global component size
+     */
+    size?: ComponentSize;
+    /**
+     * @description button related configuration, [see the following table](#button-attributes)
+     */
+    button?: ButtonConfigContext;
+    /**
+     * @description features at experimental stage to be added, all features are default to be set to false                                                                                | ^[object]
+     */
+    experimentalFeatures?: ExperimentalFeatures;
+    /**
+     * @description Controls if we should handle keyboard navigation
+     */
+    keyboardNavigation?: boolean;
+    /**
+     * @description message related configuration, [see the following table](#message-attributes)
+     */
+    message?: MessageConfigContext;
+    /**
+     * @description global Initial zIndex
+     */
+    zIndex?: number;
+    /**
+     * @description global component className prefix (cooperated with [$namespace](https://github.com/element-plus/element-plus/blob/dev/packages/theme-chalk/src/mixins/config.scss#L1)) | ^[string]
+     */
+    namespace?: string;
+}
+export declare const configProviderProps: ConfigProviderProps;

package/src/components/configuration/td-config-provider/config-provider-props.js

@@ -0,0 +1,16 @@
+"use strict";
+// import { buildProps, definePropType } from '@element-plus/utils'
+// import { useEmptyValuesProps, useSizeProp } from '@element-plus/hooks'
+//
+// import type { ExtractPropTypes } from 'vue'
+// import type { Language } from '@element-plus/locale'
+// import type { ButtonConfigContext } from '@element-plus/components/button'
+// import type { MessageConfigContext } from '@element-plus/components/message'
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.configProviderProps = void 0;
+exports.configProviderProps = {
+    a11y: true,
+    keyboardNavigation: true,
+    namespace: 'td',
+    // ...useEmptyValuesProps,
+};

package/src/components/configuration/td-config-provider/config-provider.d.ts

@@ -0,0 +1,11 @@
+import { ConfigProviderProps } from './config-provider-props';
+import { MessageConfigContext } from '../../feedback/td-message/td-message.interface';
+import { TypeFragment } from '@type-dom/framework';
+export declare const messageConfig: MessageConfigContext;
+export declare class ConfigProvider extends TypeFragment {
+    className: 'TdConfigProvider';
+    props: ConfigProviderProps;
+    constructor(params: ConfigProviderProps);
+    setup(): void;
+}
+export default ConfigProvider;

package/src/components/configuration/td-config-provider/config-provider.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConfigProvider = exports.messageConfig = void 0;
+// import { defineComponent, renderSlot, watch } from 'vue'
+const use_global_config_1 = require("./hooks/use-global-config");
+const framework_1 = require("@type-dom/framework");
+const signals_1 = require("@type-dom/signals");
+// import type { MessageConfigContext } from '@element-plus/components/message'
+exports.messageConfig = {};
+class ConfigProvider extends framework_1.TypeFragment {
+    constructor(params) {
+        super();
+        this.className = 'TdConfigProvider';
+        this.props = this.useParams(params);
+    }
+    setup() {
+        const props = this.props;
+        const slots = this.props.slots;
+        (0, signals_1.watch)(() => props.message, (val) => {
+            Object.assign(exports.messageConfig, val !== null && val !== void 0 ? val : {});
+        }, { immediate: true, deep: true });
+        const config = (0, use_global_config_1.provideGlobalConfig)(props);
+        // return () => renderSlot(slots, 'default', { config: config?.value })
+        const slot = props.slot || (slots === null || slots === void 0 ? void 0 : slots.default);
+        // todo slot config
+        this.slotChildren(slot);
+    }
+}
+exports.ConfigProvider = ConfigProvider;
+// export type ConfigProviderInstance = InstanceType<typeof ConfigProvider>
+exports.default = ConfigProvider;

package/src/components/configuration/td-config-provider/constants.d.ts

@@ -0,0 +1,5 @@
+import type { ConfigProviderProps } from './config-provider-props';
+import { InjectionKey } from '@type-dom/framework';
+import { Ref } from '@type-dom/signals';
+export type ConfigProviderContext = Partial<ConfigProviderProps>;
+export declare const configProviderContextKey: InjectionKey<Ref<ConfigProviderContext>>;

package/src/components/configuration/td-config-provider/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.configProviderContextKey = void 0;
+exports.configProviderContextKey = Symbol();

package/src/components/configuration/td-config-provider/hooks/use-global-config.d.ts

@@ -0,0 +1,33 @@
+import { Ref, MaybeRef } from '@type-dom/signals';
+import { TypeElement } from '@type-dom/framework';
+import type { ConfigProviderContext } from '../constants';
+export declare function useGlobalConfig<K extends keyof ConfigProviderContext, D extends ConfigProviderContext[K]>(key: K, defaultValue?: D): Ref<Exclude<ConfigProviderContext[K], undefined> | D>;
+export declare function useGlobalConfig(): Ref<ConfigProviderContext>;
+export declare function useGlobalComponentSettings(block: string, sizeFallback?: MaybeRef<ConfigProviderContext['size']>): {
+    ns: {
+        namespace: import("@type-dom/signals").Computed<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string) => string;
+        m: (modifier?: string) => string;
+        be: (blockSuffix?: string, element?: string) => string;
+        em: (element?: string, modifier?: string) => string;
+        bm: (blockSuffix?: string, modifier?: string) => string;
+        bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+        is: {
+            (name: string, state: boolean | "" | undefined): string;
+            (name: string): string;
+        };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
+    };
+    locale: import("../../../../hooks/use-locale").LocaleContext;
+    zIndex: {
+        initialZIndex: import("@type-dom/signals").Computed<number>;
+        currentZIndex: import("@type-dom/signals").Computed<number>;
+        nextZIndex: () => number;
+    };
+    size: import("@type-dom/signals").Computed<"default" | "small" | "" | "large">;
+};
+export declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContext>, app?: TypeElement, global?: boolean) => import("@type-dom/signals").Computed<Partial<import("..").ConfigProviderProps>> | undefined;

package/src/components/configuration/td-config-provider/hooks/use-global-config.js

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.provideGlobalConfig = void 0;
+exports.useGlobalConfig = useGlobalConfig;
+exports.useGlobalComponentSettings = useGlobalComponentSettings;
+// import { computed, getCurrentInstance, inject, provide, ref, unref } from 'vue'
+// import { debugWarn, keysOf } from '@element-plus/utils'
+// import {
+//   SIZE_INJECTION_KEY,
+//   defaultInitialZIndex,
+//   defaultNamespace,
+//   emptyValuesContextKey,
+//   localeContextKey,
+//   namespaceContextKey,
+//   useLocale,
+//   useNamespace,
+//   useZIndex,
+//   zIndexContextKey,
+// } from '@element-plus/hooks'
+// import type { MaybeRef } from '@vueuse/core'
+// import type { App, Ref } from 'vue'
+const signals_1 = require("@type-dom/signals");
+const utils_1 = require("@type-dom/utils");
+const framework_1 = require("@type-dom/framework");
+const use_namespace_1 = require("../../../../hooks/use-namespace");
+const use_locale_1 = require("../../../../hooks/use-locale");
+const use_z_index_1 = require("../../../../hooks/use-z-index");
+const use_size_1 = require("../../../../hooks/use-size");
+const use_empty_values_1 = require("../../../../hooks/use-empty-values");
+const constants_1 = require("../constants");
+// this is meant to fix global methods like `ElMessage(opts)`, this way we can inject current locale
+// into the component as default injection value.
+// refer to: https://github.com/element-plus/element-plus/issues/2610#issuecomment-887965266
+const globalConfig = (0, signals_1.signal)();
+function useGlobalConfig(key, defaultValue = undefined) {
+    const config = (0, framework_1.getCurrentInstance)()
+        ? (0, framework_1.inject)(constants_1.configProviderContextKey, globalConfig)
+        : globalConfig;
+    if (key) {
+        return (0, signals_1.computed)(() => { var _a, _b; return (_b = (_a = config.get()) === null || _a === void 0 ? void 0 : _a[key]) !== null && _b !== void 0 ? _b : defaultValue; });
+    }
+    else {
+        return config;
+    }
+}
+// for components like `ElMessage` `ElNotification` `ElMessageBox`.
+function useGlobalComponentSettings(block, sizeFallback) {
+    const config = useGlobalConfig();
+    const ns = (0, use_namespace_1.useNamespace)(block, (0, signals_1.computed)(() => { var _a; return ((_a = config.get()) === null || _a === void 0 ? void 0 : _a.namespace) || use_namespace_1.defaultNamespace; }));
+    const locale = (0, use_locale_1.useLocale)((0, signals_1.computed)(() => { var _a; return (_a = config.get()) === null || _a === void 0 ? void 0 : _a.locale; }));
+    const zIndex = (0, use_z_index_1.useZIndex)((0, signals_1.computed)(() => { var _a; return ((_a = config.get()) === null || _a === void 0 ? void 0 : _a.zIndex) || use_z_index_1.defaultInitialZIndex; }));
+    const size = (0, signals_1.computed)(() => { var _a; return (0, signals_1.unref)(sizeFallback) || ((_a = config.get()) === null || _a === void 0 ? void 0 : _a.size) || ''; });
+    (0, exports.provideGlobalConfig)((0, signals_1.computed)(() => (0, signals_1.unref)(config) || {}));
+    return {
+        ns,
+        locale,
+        zIndex,
+        size,
+    };
+}
+const provideGlobalConfig = (config, app, global = false) => {
+    var _a;
+    const inSetup = !!(0, framework_1.getCurrentInstance)();
+    const oldConfig = inSetup ? useGlobalConfig() : undefined;
+    const provideFn = (_a = app === null || app === void 0 ? void 0 : app.provide) !== null && _a !== void 0 ? _a : (inSetup ? framework_1.provide : undefined);
+    if (!provideFn) {
+        (0, utils_1.debugWarn)('provideGlobalConfig', 'provideGlobalConfig() can only be used inside setup().');
+        return;
+    }
+    const context = (0, signals_1.computed)(() => {
+        const cfg = (0, signals_1.unref)(config);
+        if (!(oldConfig === null || oldConfig === void 0 ? void 0 : oldConfig.get()))
+            return cfg;
+        return mergeConfig(oldConfig.get(), cfg);
+    });
+    provideFn(constants_1.configProviderContextKey, context);
+    provideFn(use_locale_1.localeContextKey, (0, signals_1.computed)(() => context.get().locale));
+    provideFn(use_namespace_1.namespaceContextKey, (0, signals_1.computed)(() => context.get().namespace));
+    provideFn(use_z_index_1.zIndexContextKey, (0, signals_1.computed)(() => context.get().zIndex));
+    provideFn(use_size_1.SIZE_INJECTION_KEY, {
+        size: (0, signals_1.computed)(() => context.get().size || ''),
+    });
+    provideFn(use_empty_values_1.emptyValuesContextKey, (0, signals_1.computed)(() => {
+        var _a, _b;
+        return ({
+            emptyValues: (_a = context === null || context === void 0 ? void 0 : context.get()) === null || _a === void 0 ? void 0 : _a.emptyValues,
+            valueOnClear: (_b = context === null || context === void 0 ? void 0 : context.get()) === null || _b === void 0 ? void 0 : _b.valueOnClear,
+        });
+    }));
+    if (global || !globalConfig.get()) {
+        globalConfig.set(context.get());
+    }
+    return context;
+};
+exports.provideGlobalConfig = provideGlobalConfig;
+const mergeConfig = (a, b) => {
+    const keys = [...new Set([...(0, utils_1.keysOf)(a), ...(0, utils_1.keysOf)(b)])];
+    const obj = {};
+    for (const key of keys) {
+        obj[key] = b[key] !== undefined ? b[key] : a[key];
+    }
+    return obj;
+};

package/src/components/configuration/td-config-provider/index.d.ts

@@ -0,0 +1,4 @@
+export * from './config-provider';
+export * from './config-provider-props';
+export * from './constants';
+export * from './hooks/use-global-config';

package/src/components/configuration/td-config-provider/index.js

@@ -0,0 +1,11 @@
+"use strict";
+// import ConfigProvider from './config-provider'
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+// export const ElConfigProvider: SFCWithInstall<typeof ConfigProvider> =
+//   withInstall(ConfigProvider)
+// export default ElConfigProvider
+tslib_1.__exportStar(require("./config-provider"), exports);
+tslib_1.__exportStar(require("./config-provider-props"), exports);
+tslib_1.__exportStar(require("./constants"), exports);
+tslib_1.__exportStar(require("./hooks/use-global-config"), exports);

package/src/components/configuration/td-config-provider/style/css.d.ts

@@ -0,0 +1,2 @@
+import '../../../base/style/css';
+import '@element-plus/theme-chalk/el-config-provider.css';

package/src/components/configuration/td-config-provider/style/css.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("../../../base/style/css");
+require("@element-plus/theme-chalk/el-config-provider.css");

package/src/components/configuration/td-config-provider/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../../base/style';
+import '../../../../theme-chalk/config-provider.scss';

package/src/components/configuration/td-config-provider/style/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("../../../base/style");
+require("../../../../theme-chalk/config-provider.scss");

package/src/components/data/index.d.ts

@@ -1,30 +1,36 @@
 export { TdAvatar } from './td-avatar/td-avatar.class';
-export type { ITdAvatar, ITdAvatarConfig } from './td-avatar/td-avatar.interface';
+export type * from './td-avatar/td-avatar.interface';
 export { TdBadge } from './td-badge/td-badge.class';
-export type { ITdBadge, ITdBadgeConfig } from './td-badge/td-badge.interface';
+export type * from './td-badge/td-badge.interface';
 export { TdCard } from './td-card/td-card.class';
-export type { ITdCard, ITdCardConfig } from './td-card/td-card.interface';
+export type * from './td-card/td-card.interface';
 export { TdCollapse } from './td-collapse/td-collapse.class';
-export type { ITdCollapse, ITdCollapseConfig } from './td-collapse/td-collapse.interface';
+export type * from './td-collapse/td-collapse.interface';
 export { TdCollapseItem } from './td-collapse-item/td-collapse-item.class';
-export type { ITdCollapseItem, ITdCollapseItemConfig } from './td-collapse-item/td-collapse-item.interface';
+export type * from './td-collapse-item/td-collapse-item.interface';
+export { TdCollapseTransition } from './td-collapse-transition/td-collapse-transition.class';
+export type * from './td-collapse-transition/td-collapse-transition.interface';
 export { TdDescriptions } from './td-descriptions/td-descriptions.class';
-export type { ITdDescriptions, ITdDescriptionsConfig } from './td-descriptions/td-descriptions.interface';
+export type * from './td-descriptions/td-descriptions.interface';
 export { TdDescriptionsItem } from './td-descriptions-item/td-descriptions-item.class';
 export { TdEmpty } from './td-empty/td-empty.class';
-export type { ITdEmpty, ITdEmptyConfig } from './td-empty/td-empty.interface';
+export type * from './td-empty/td-empty.interface';
 export { TdImage } from './td-image/td-image.class';
-export type { ITdImage, ITdImageConfig } from './td-image/td-image.interface';
+export type * from './td-image/td-image.interface';
+export { TdImageViewer } from './td-image-viewer/td-image-viewer.class';
+export type * from './td-image-viewer/td-image-viewer.interface';
 export { TdStatistic } from './td-statistic/td-statistic.class';
-export type { ITdStatistic, ITdStatisticConfig } from './td-statistic/td-statistic.interface';
+export type * from './td-statistic/td-statistic.interface';
 export { TdCountDown } from './td-count-down/td-count-down.class';
-export type { ITdCountDown, ITdCountDownConfig } from './td-count-down/td-count-down.interface';
+export type * from './td-count-down/td-count-down.interface';
+export { TdProgress } from './td-progress/td-progress.class';
+export type * from './td-progress/td-progress.interface';
 export { TdResult } from './td-result/td-result.class';
-export type { ITdResult, ITdResultConfig } from './td-result/td-result.interface';
+export type * from './td-result/td-result.interface';
 export { TdSegmented } from './td-segmented/td-segmented.class';
-export type { ITdSegmented, ITdSegmentedConfig } from './td-segmented/td-segmented.interface';
+export type * from './td-segmented/td-segmented.interface';
 export * from './td-segmented/td-segmented.style';
 export { TdTag } from './td-tag/td-tag.class';
-export type { ITdTag, ITdTagConfig } from './td-tag/td-tag.interface';
+export type * from './td-tag/td-tag.interface';
 export { TdCheckTag } from './td-check-tag/td-check-tag.class';
-export type { ITdCheckTag, ITdCheckTagConfig } from './td-check-tag/td-check-tag.interface';
+export type * from './td-check-tag/td-check-tag.interface';

package/src/components/data/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TdCheckTag = exports.TdTag = exports.TdSegmented = exports.TdResult = exports.TdCountDown = exports.TdStatistic = exports.TdImage = exports.TdEmpty = exports.TdDescriptionsItem = exports.TdDescriptions = exports.TdCollapseItem = exports.TdCollapse = exports.TdCard = exports.TdBadge = exports.TdAvatar = void 0;
+exports.TdCheckTag = exports.TdTag = exports.TdSegmented = exports.TdResult = exports.TdProgress = exports.TdCountDown = exports.TdStatistic = exports.TdImageViewer = exports.TdImage = exports.TdEmpty = exports.TdDescriptionsItem = exports.TdDescriptions = exports.TdCollapseTransition = exports.TdCollapseItem = exports.TdCollapse = exports.TdCard = exports.TdBadge = exports.TdAvatar = void 0;
 const tslib_1 = require("tslib");
 var td_avatar_class_1 = require("./td-avatar/td-avatar.class");
 Object.defineProperty(exports, "TdAvatar", { enumerable: true, get: function () { return td_avatar_class_1.TdAvatar; } });
@@ -12,6 +12,8 @@ var td_collapse_class_1 = require("./td-collapse/td-collapse.class");
 Object.defineProperty(exports, "TdCollapse", { enumerable: true, get: function () { return td_collapse_class_1.TdCollapse; } });
 var td_collapse_item_class_1 = require("./td-collapse-item/td-collapse-item.class");
 Object.defineProperty(exports, "TdCollapseItem", { enumerable: true, get: function () { return td_collapse_item_class_1.TdCollapseItem; } });
+var td_collapse_transition_class_1 = require("./td-collapse-transition/td-collapse-transition.class");
+Object.defineProperty(exports, "TdCollapseTransition", { enumerable: true, get: function () { return td_collapse_transition_class_1.TdCollapseTransition; } });
 var td_descriptions_class_1 = require("./td-descriptions/td-descriptions.class");
 Object.defineProperty(exports, "TdDescriptions", { enumerable: true, get: function () { return td_descriptions_class_1.TdDescriptions; } });
 var td_descriptions_item_class_1 = require("./td-descriptions-item/td-descriptions-item.class");
@@ -20,10 +22,14 @@ var td_empty_class_1 = require("./td-empty/td-empty.class");
 Object.defineProperty(exports, "TdEmpty", { enumerable: true, get: function () { return td_empty_class_1.TdEmpty; } });
 var td_image_class_1 = require("./td-image/td-image.class");
 Object.defineProperty(exports, "TdImage", { enumerable: true, get: function () { return td_image_class_1.TdImage; } });
+var td_image_viewer_class_1 = require("./td-image-viewer/td-image-viewer.class");
+Object.defineProperty(exports, "TdImageViewer", { enumerable: true, get: function () { return td_image_viewer_class_1.TdImageViewer; } });
 var td_statistic_class_1 = require("./td-statistic/td-statistic.class");
 Object.defineProperty(exports, "TdStatistic", { enumerable: true, get: function () { return td_statistic_class_1.TdStatistic; } });
 var td_count_down_class_1 = require("./td-count-down/td-count-down.class");
 Object.defineProperty(exports, "TdCountDown", { enumerable: true, get: function () { return td_count_down_class_1.TdCountDown; } });
+var td_progress_class_1 = require("./td-progress/td-progress.class");
+Object.defineProperty(exports, "TdProgress", { enumerable: true, get: function () { return td_progress_class_1.TdProgress; } });
 var td_result_class_1 = require("./td-result/td-result.class");
 Object.defineProperty(exports, "TdResult", { enumerable: true, get: function () { return td_result_class_1.TdResult; } });
 var td_segmented_class_1 = require("./td-segmented/td-segmented.class");

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

@@ -0,0 +1,2 @@
+import '../../../base/style/css';
+import '../../../../theme-chalk/el-avatar.css';

package/src/components/data/td-avatar/style/css.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("../../../base/style/css");
+require("../../../../theme-chalk/el-avatar.css");

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

@@ -0,0 +1,2 @@
+import '../../../base/style';
+import '../../../../theme-chalk/avatar.scss';

package/src/components/data/td-avatar/style/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("../../../base/style");
+require("../../../../theme-chalk/avatar.scss");

package/src/components/data/td-avatar/td-avatar.class.d.ts

@@ -1,12 +1,9 @@
 import { TypeSpan } from '@type-dom/framework';
-import { ITdAvatar, ITdAvatarConfig } from './td-avatar.interface';
+import { ITdAvatar, AvatarProps } from './td-avatar.interface';
+import './style/index';
 export declare class TdAvatar extends TypeSpan implements ITdAvatar {
     className: 'TdAvatar';
-    props: ITdAvatarConfig;
-    private img?;
-    private hasLoadError;
-    constructor(params?: ITdAvatarConfig);
+    props: AvatarProps;
+    constructor(params?: AvatarProps);
     setup(): void;
-    setSrc(src: string): void;
-    handleError(e: Event): void;
 }