@type-dom/ui 0.2.2 → 0.3.0

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

@@ -0,0 +1,44 @@
+import { $colors, $fontSizes, $textColor, $types, } from '../../../styles/var';
+export const $result = {
+    padding: ' 40px 30px',
+    iconFontSize: '64px',
+    titleFontSize: '20px',
+    titleMarginTop: '20px',
+    subtitleMarginTop: '10px',
+    extraMarginTop: '30px',
+};
+export const $titleStyle = {
+    marginTop: $result.titleMarginTop,
+};
+export const $titlePStyle = {
+    margin: 0,
+    //   font-size: getCssVar('result-title-font-size'),
+    fontSize: $result.titleFontSize,
+    // color: getCssVar('text-color', 'primary'),
+    color: $textColor.primary,
+    lineHeight: 1.3,
+};
+export const $subTitleStyle = {
+    marginTop: $result.subtitleMarginTop,
+};
+export const $subTitlePStyle = {
+    margin: 0,
+    // font-size: getCssVar('font-size', 'base'),
+    fontSize: $fontSizes.base,
+    // color: getCssVar('text-color', 'regular'),
+    color: $textColor.regular,
+    lineHeight: 1.3,
+};
+export const $extraStyle = {
+    marginTop: $result.extraMarginTop,
+};
+export const $icon = {};
+// export function userIcon() {
+for (const type of $types) {
+    $icon[type] = {
+        // resultColor: $colors[type],
+        color: $colors[type].base,
+    };
+}
+// }
+//# sourceMappingURL=td-result.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-result.style.js","sourceRoot":"","sources":["../../../../../src/components/data/td-result/td-result.style.ts"],"names":[],"mappings":"AACA,OAAO,EACL,OAAO,EACP,UAAU,EACV,UAAU,EACV,MAAM,GAEP,MAAM,qBAAqB,CAAC;AAE7B,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,OAAO,EAAE,YAAY;IACrB,YAAY,EAAE,MAAM;IACpB,aAAa,EAAE,MAAM;IACrB,cAAc,EAAE,MAAM;IACtB,iBAAiB,EAAE,MAAM;IACzB,cAAc,EAAE,MAAM;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAW;IACjC,SAAS,EAAE,OAAO,CAAC,cAAc;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAW;IAClC,MAAM,EAAE,CAAC;IACT,oDAAoD;IACpD,QAAQ,EAAE,OAAO,CAAC,aAAa;IAC/B,6CAA6C;IAC7C,KAAK,EAAE,UAAU,CAAC,OAAO;IACzB,UAAU,EAAE,GAAG;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAW;IACpC,SAAS,EAAE,OAAO,CAAC,iBAAiB;CACrC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAW;IACrC,MAAM,EAAE,CAAC;IACT,6CAA6C;IAC7C,QAAQ,EAAE,UAAU,CAAC,IAAI;IACzB,6CAA6C;IAC7C,KAAK,EAAE,UAAU,CAAC,OAAO;IACzB,UAAU,EAAE,GAAG;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAW;IACjC,SAAS,EAAE,OAAO,CAAC,cAAc;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,EAA2B,CAAC;AACjD,+BAA+B;AAC/B,KAAK,MAAM,IAAI,IAAI,MAAM,EAAE,CAAC;IAC1B,KAAK,CAAC,IAAI,CAAC,GAAG;QACZ,8BAA8B;QAC9B,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI;KAC1B,CAAC;AACJ,CAAC;AACD,IAAI"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-segmented.class.d.ts","sourceRoot":"","sources":["../../../../../src/components/data/td-segmented/td-segmented.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,YAAY,EAKb,MAAM,qBAAqB,CAAC;AAoB7B,OAAO,EAAE,YAAY,EAAE,cAAc,EAAU,MAAM,0BAA0B,CAAC;AAEhF,OAAO,eAAe,CAAC;AAEvB,qBAAa,WAAY,SAAQ,YAAa,YAAW,YAAY;IACnE,SAAS,EAAE,aAAa,CAAC;IAChB,KAAK,EAAE,cAAc,CAAC;gBAEnB,MAAM,GAAE,cAAmB;IAS9B,KAAK;CAyNf"}

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

@@ -0,0 +1,215 @@
+import { Div, Input, Label, TypeFragment, Fragment, onMounted, useActiveElement, useResizeObserver, } from '@type-dom/framework';
+import { computed, signal, toSignals, unref, watch, } from '@type-dom/signals';
+import { debugWarn, isObject } from '@type-dom/utils';
+import { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '../../../constants/event';
+import { useNamespace } from '../../../hooks/use-namespace';
+import { useId } from '../../../hooks/use-id';
+import { useFormDisabled, useFormSize, } from '../../form/td-form/hooks/use-form-common-props';
+import { useFormItem, useFormItemInputId, } from '../../form/td-form/hooks/use-form-item';
+import { defaultProps, segmentedEmits, segmentedProps } from './td-segmented.const';
+import './style/index';
+export class TdSegmented extends TypeFragment {
+    constructor(params = {}) {
+        super();
+        this.className = 'TdSegmented';
+        this.addEmits(segmentedEmits);
+        this.assignProps(segmentedProps);
+        this.props = this.useParams(params);
+    }
+    setup() {
+        var _a, _b;
+        console.log('TdSegmented setup . ');
+        const props = this.props;
+        const emit = this.emit;
+        const ns = useNamespace('segmented');
+        const segmentedId = useId();
+        const segmentedSize = useFormSize();
+        const _disabled = useFormDisabled();
+        const { formItem } = useFormItem();
+        const { inputId, isLabeledByFormItem } = useFormItemInputId(props, {
+            formItemContext: formItem,
+        });
+        const segmentedRef = signal(undefined);
+        const activeElement = useActiveElement();
+        const state = toSignals({
+            isInit: false,
+            width: 0,
+            height: 0,
+            translateX: 0,
+            translateY: 0,
+            focusVisible: false,
+        });
+        const handleChange = (item) => {
+            // console.warn('handleChange . item is ', item);
+            const value = getValue(item);
+            emit(UPDATE_MODEL_EVENT, value);
+            emit(CHANGE_EVENT, value);
+        };
+        const aliasProps = computed(() => (Object.assign(Object.assign({}, defaultProps), props.props)));
+        const getValue = (item) => {
+            return isObject(item) ? item[aliasProps.get().value] : item;
+        };
+        const getLabel = (item) => {
+            return isObject(item) ? item[aliasProps.get().label] : item;
+        };
+        const getDisabled = (item) => {
+            return !!(_disabled.get() || (isObject(item) ? item.disabled : false));
+        };
+        const getSelected = (item) => {
+            var _a;
+            return ((_a = props.vModel) === null || _a === void 0 ? void 0 : _a.get()) === getValue(item);
+        };
+        const getOption = (value) => {
+            var _a;
+            return (_a = props.options) === null || _a === void 0 ? void 0 : _a.find((item) => getValue(item) === value);
+        };
+        const getItemCls = (item) => {
+            return computed(() => [
+                ns.e('item'),
+                ns.is('selected', getSelected(item)),
+                ns.is('disabled', getDisabled(item)),
+            ]);
+        };
+        const updateSelect = () => {
+            var _a, _b, _c;
+            // console.warn('updateSelect . ');
+            if (!segmentedRef.get())
+                return;
+            // 这一步有问题； is-selected 样式有异步。应该直接根据vModel的值匹配
+            // const selectedItem = segmentedRef.get()?.querySelector(
+            //   '.is-selected'
+            // ) as HTMLElement
+            // const selectedItemInput = segmentedRef.get()?.querySelector(
+            //   '.is-selected input'
+            // ) as HTMLElement
+            const selectedEl = this.down('attrObj.value', (_a = props.vModel) === null || _a === void 0 ? void 0 : _a.get());
+            // console.log('selectedItem is ', selectedEl);
+            // todo watch 触发时，dom 未必已经创建。
+            const selectedItem = selectedEl === null || selectedEl === void 0 ? void 0 : selectedEl.dom;
+            const selectedItemInput = (_c = (_b = selectedEl === null || selectedEl === void 0 ? void 0 : selectedEl.dom) === null || _b === void 0 ? void 0 : _b.querySelector) === null || _c === void 0 ? void 0 : _c.call(_b, 'input');
+            if (!selectedItem || !selectedItemInput) {
+                state.width.set(0);
+                state.height.set(0);
+                state.translateX.set(0);
+                state.translateY.set(0);
+                state.focusVisible.set(false);
+                return;
+            }
+            const rect = selectedItem.getBoundingClientRect();
+            state.isInit.set(true);
+            if (unref(props.direction) === 'vertical') {
+                state.height.set(rect.height);
+                state.translateY.set(selectedItem.offsetTop);
+            }
+            else {
+                state.width.set(rect.width);
+                state.translateX.set(selectedItem.offsetLeft);
+            }
+            try {
+                // This will failed in test-dts
+                state.focusVisible.set(selectedItemInput.matches(':focus-visible'));
+            }
+            catch (err) {
+                console.error('selectedItemInput.matches is not supported', err);
+            }
+        };
+        const segmentedCls = computed(() => [
+            ns.b(),
+            ns.m(segmentedSize.get()),
+            ns.is('block', props.block),
+        ]);
+        const selectedStyle = {
+            width: computed(() => unref(props.direction) === 'vertical'
+                ? '100%'
+                : `${state.width.get()}px`),
+            height: computed(() => unref(props.direction) === 'vertical'
+                ? `${state.height.get()}px`
+                : '100%'),
+            transform: computed(() => unref(props.direction) === 'vertical'
+                ? `translateY(${state.translateY.get()}px)`
+                : `translateX(${state.translateX.get()}px)`),
+            display: computed(() => (state.isInit.get() ? 'block' : 'none')),
+        };
+        const selectedCls = computed(() => {
+            var _a;
+            return [
+                ns.e('item-selected'),
+                ns.is('disabled', getDisabled(getOption((_a = props.vModel) === null || _a === void 0 ? void 0 : _a.get()))),
+                ns.is('focus-visible', state.focusVisible.get()),
+            ];
+        });
+        const name = computed(() => {
+            return props.name || segmentedId.get();
+        });
+        this.addChild(new Div({
+            vIf: (_a = props.options) === null || _a === void 0 ? void 0 : _a.length,
+            refEl: segmentedRef,
+            class: segmentedCls,
+            styleObj: props.styleObj, // 父组件传入的样式
+            attrObj: {
+                name: 'td-segmented',
+                id: inputId.get(),
+                role: 'radiogroup',
+                ariaLabel: isLabeledByFormItem.get()
+                    ? props.ariaLabel || 'segmented'
+                    : undefined,
+                ariaLabelledby: isLabeledByFormItem.get()
+                    ? formItem.labelId
+                    : undefined,
+            },
+            slot: new Div({
+                class: computed(() => [ns.e('group'), ns.m(unref(props.direction))]),
+                slot: [
+                    new Div({
+                        styleObj: selectedStyle,
+                        class: selectedCls,
+                    }),
+                    new Fragment({
+                        slot: (_b = props.options) === null || _b === void 0 ? void 0 : _b.map((item) => {
+                            return new Label({
+                                class: getItemCls(item),
+                                attrObj: {
+                                    value: getValue(item),
+                                },
+                                slot: [
+                                    new Input({
+                                        attrObj: {
+                                            class: ns.e('item-input'),
+                                            type: 'radio',
+                                            name: name.get(),
+                                            checked: getSelected(item),
+                                            disabled: getDisabled(item),
+                                        },
+                                        events: {
+                                            change: () => handleChange(item),
+                                        },
+                                    }),
+                                    new Div({
+                                        class: ns.e('item-label'),
+                                        slot: (isObject(item) && item.slot) ? item.slot : getLabel(item),
+                                    }),
+                                ],
+                            });
+                        }),
+                    })
+                ],
+            }),
+        }));
+        onMounted(() => {
+            var _a;
+            // console.error('onMounted . ');
+            useResizeObserver((_a = segmentedRef.get()) === null || _a === void 0 ? void 0 : _a.dom, updateSelect);
+            watch(activeElement, updateSelect);
+            watch(() => { var _a; return (_a = props.vModel) === null || _a === void 0 ? void 0 : _a.get(); }, () => {
+                var _a;
+                updateSelect();
+                if (props.validateEvent) {
+                    (_a = formItem === null || formItem === void 0 ? void 0 : formItem.validate) === null || _a === void 0 ? void 0 : _a.call(formItem, 'change').catch((err) => debugWarn(err));
+                }
+            }, {
+                immediate: true,
+            });
+        });
+    }
+}
+//# sourceMappingURL=td-segmented.class.js.map

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

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

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

@@ -0,0 +1,8 @@
+import { Props, SegmentedProps } from './td-segmented.interface';
+export declare const segmentedProps: SegmentedProps;
+export declare const segmentedEmits: {
+    "update:modelValue": (val: any) => val is string | number | boolean;
+    change: (val: any) => val is string | number | boolean;
+};
+export declare const defaultProps: Required<Props>;
+//# sourceMappingURL=td-segmented.const.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-segmented.const.d.ts","sourceRoot":"","sources":["../../../../../src/components/data/td-segmented/td-segmented.const.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAEjE,eAAO,MAAM,cAAc,EAAE,cAG5B,CAAC;AAEF,eAAO,MAAM,cAAc;+BACG,GAAG;kBAET,GAAG;CAE1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAC,KAAK,CAIxC,CAAA"}

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

@@ -0,0 +1,16 @@
+import { isBoolean, isNumber, isString } from '@type-dom/utils';
+import { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '../../../constants/event';
+export const segmentedProps = {
+    direction: 'horizontal',
+    validateEvent: true,
+};
+export const segmentedEmits = {
+    [UPDATE_MODEL_EVENT]: (val) => isString(val) || isNumber(val) || isBoolean(val),
+    [CHANGE_EVENT]: (val) => isString(val) || isNumber(val) || isBoolean(val),
+};
+export const defaultProps = {
+    label: 'label',
+    value: 'value',
+    disabled: 'disabled',
+};
+//# sourceMappingURL=td-segmented.const.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-segmented.const.js","sourceRoot":"","sources":["../../../../../src/components/data/td-segmented/td-segmented.const.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAG5E,MAAM,CAAC,MAAM,cAAc,GAAmB;IAC5C,SAAS,EAAE,YAAY;IACvB,aAAa,EAAE,IAAI;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,CAAC,kBAAkB,CAAC,EAAE,CAAC,GAAQ,EAAE,EAAE,CACjC,QAAQ,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC;IAClD,CAAC,YAAY,CAAC,EAAE,CAAC,GAAQ,EAAE,EAAE,CAC3B,QAAQ,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC;CACnD,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAoB;IAC3C,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;CACrB,CAAA"}

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

@@ -0,0 +1,67 @@
+import { ITypeFragment, TypeElement, TypeFragmentProps } from '@type-dom/framework';
+import { MaybeRef } from '@type-dom/signals';
+import { ComponentSize } from '../../../constants/size';
+export interface ITdSegmented extends ITypeFragment {
+    className: 'TdSegmented';
+}
+export type OptionObject = {
+    label?: string;
+    myLabel?: string;
+    value?: string | number | boolean;
+    myValue?: string | number | boolean;
+    disabled?: boolean;
+    myDisabled?: boolean;
+    slot?: TypeElement;
+    [key: string]: any;
+};
+export type Option = Record<string, any> | string | number | boolean;
+export interface SegmentedProps extends TypeFragmentProps {
+    direction?: MaybeRef<'vertical' | 'horizontal'>;
+    /**
+     * @description options of segmented
+     *     default: () => [],
+     */
+    options?: Option[];
+    /**
+     * @description binding value
+     *     default: undefined,
+     */
+    modelValue?: string | number | boolean;
+    /**
+     * @description configuration options, see the following table
+     *     default: () => defaultProps,
+     */
+    props?: Props;
+    /**
+     * @description fit width of parent content
+     */
+    block?: boolean;
+    /**
+     * @description size of component
+     */
+    size?: MaybeRef<ComponentSize>;
+    /**
+     * @description whether segmented is disabled
+     */
+    disabled?: boolean;
+    /**
+     * @description whether to trigger form validation
+     *     default: true,
+     */
+    validateEvent?: boolean;
+    /**
+     * @description native input id
+     */
+    id?: string;
+    /**
+     * @description native `name` attribute
+     */
+    name?: string;
+    ariaLabel?: string;
+}
+export interface Props {
+    label?: string;
+    value?: string;
+    disabled?: string;
+}
+//# sourceMappingURL=td-segmented.interface.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-segmented.interface.d.ts","sourceRoot":"","sources":["../../../../../src/components/data/td-segmented/td-segmented.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,WAAW,EACX,iBAAiB,EAClB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,MAAM,WAAW,YAAa,SAAQ,aAAa;IACjD,SAAS,EAAE,aAAa,CAAC;CAC1B;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAC;AACF,MAAM,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAErE,MAAM,WAAW,cAAe,SAAQ,iBAAiB;IAEvD,SAAS,CAAC,EAAE,QAAQ,CAAC,UAAU,GAAG,YAAY,CAAC,CAAC;IAChD;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACvC;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB"}

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

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

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

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

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

@@ -0,0 +1,38 @@
+import { IStyle } from '@type-dom/css-type';
+import { SegmentedProps } from './td-segmented.interface';
+export declare const $segmentedBorderRadius: {
+    large: string;
+    default: string;
+    small: string;
+};
+export declare const $segmentedFontSize: {
+    large: string;
+    default: string;
+    small: string;
+};
+export declare const $segmentedItemPadding: {
+    large: string;
+    default: string;
+    small: string;
+};
+export declare const $segmented: {
+    color: string;
+    bgColor: string;
+    padding: string;
+    itemSelectedColor: string;
+    itemSelectedBgColor: string;
+    itemSelectedDisabledBgColor: string;
+    itemHoverColor: string;
+    itemHoverBgColor: string;
+    itemActiveBgColor: string;
+    itemDisabledColor: string;
+};
+export declare const $segmentedStyle: IStyle;
+export declare const $segmentedGroupStyle: IStyle;
+export declare const $segmentedItemStyle: IStyle;
+export declare const $segmentedItemSelectedStyle: IStyle;
+export declare const $segmentedItemInputStyle: IStyle;
+export declare const $segmentedItemLabelStyle: IStyle;
+export declare function useStyle(config?: SegmentedProps): void;
+export declare function useSize(config?: SegmentedProps): void;
+//# sourceMappingURL=td-segmented.style.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td-segmented.style.d.ts","sourceRoot":"","sources":["../../../../../src/components/data/td-segmented/td-segmented.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAU5C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,eAAO,MAAM,sBAAsB;;;;CAIlC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;CAI9B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;CAIjC,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;CAoBtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,MAgB7B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAKlC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MASjC,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAYzC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,MAOtC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,MAWtC,CAAC;AAEF,wBAAgB,QAAQ,CAAC,MAAM,CAAC,EAAE,cAAc,QAsB/C;AAED,wBAAgB,OAAO,CAAC,MAAM,CAAC,EAAE,cAAc,QAU9C"}

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

@@ -0,0 +1,142 @@
+import { unref } from '@type-dom/signals';
+import { $colors, $colorWhite, $fillColor, $textColor, } from '../../../styles/var';
+import { $buttonBorderRadius } from '../../basic/td-button/td-button.style';
+import { $inputHeight } from '../../form/td-input/td-input.style';
+export const $segmentedBorderRadius = {
+    large: $buttonBorderRadius.large, // map.get($button-border-radius, 'large'),
+    default: $buttonBorderRadius.default, // map.get($button-border-radius, 'default'),
+    small: $buttonBorderRadius.small, // map.get($button-border-radius, 'small'),
+};
+export const $segmentedFontSize = {
+    large: '16px',
+    default: '14px',
+    small: '14px',
+};
+export const $segmentedItemPadding = {
+    large: '0 11px',
+    default: '0 11px',
+    small: '0 7px',
+};
+export const $segmented = {
+    // 'color': getCssVar('text-color', 'regular'),
+    color: $textColor.regular,
+    // 'bg-color': getCssVar('fill-color', 'light'),
+    bgColor: $fillColor.light,
+    padding: '2px',
+    // 'item-selected-color': getCssVar('color-white'),
+    itemSelectedColor: $colorWhite,
+    // 'item-selected-bg-color': getCssVar('color-primary'),
+    itemSelectedBgColor: $colors.primary.base,
+    // 'item-selected-disabled-bg-color': getCssVar('color-primary', 'light-5'),
+    itemSelectedDisabledBgColor: $colors.primary['light-5'],
+    // 'item-hover-color': getCssVar('text-color', 'primary'),
+    itemHoverColor: $textColor.primary,
+    // 'item-hover-bg-color': getCssVar('fill-color', 'dark'),
+    itemHoverBgColor: $fillColor.dark,
+    // 'item-active-bg-color': getCssVar('fill-color', 'darker'),
+    itemActiveBgColor: $fillColor.darker,
+    // 'item-disabled-color': getCssVar('text-color', 'placeholder'),
+    itemDisabledColor: $textColor.placeholder,
+};
+export const $segmentedStyle = {
+    display: 'inline-flex',
+    alignItems: 'stretch',
+    // minHeight: map.get($input-height, 'default'),
+    minHeight: $inputHeight.default,
+    // background: getCssVar('segmented-bg-color'),
+    background: $segmented.bgColor,
+    // padding: getCssVar('segmented-padding'),
+    padding: $segmented.padding,
+    // border-radius: map.get($segmented-border-radius, 'default'),
+    borderRadius: $segmentedBorderRadius.default,
+    // font-size: map.get($segmented-font-size, 'default'),
+    fontSize: $segmentedFontSize.default,
+    // color: getCssVar('segmented-color'),
+    color: $segmented.color,
+    boxSizing: 'border-box',
+};
+export const $segmentedGroupStyle = {
+    display: 'flex',
+    alignItems: 'stretch',
+    position: 'relative',
+    width: '100%',
+};
+export const $segmentedItemStyle = {
+    display: 'flex',
+    alignItems: 'center',
+    flex: 1,
+    cursor: 'pointer',
+    // borderRadius: calc(#{map.get($segmented-border-radius, 'default')} - 2px),
+    borderRadius: parseInt($segmentedBorderRadius.default, 10) - 2 + 'px',
+    // padding: map.get($segmented-item-padding, 'default'),
+    padding: $segmentedItemPadding.default,
+};
+export const $segmentedItemSelectedStyle = {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    // background: getCssVar('segmented-item-selected-bg-color'),
+    background: $segmented.itemSelectedBgColor,
+    height: '100%',
+    width: '10px',
+    // border-radius: calc(#{map.get($segmented-border-radius, 'default')} - 2px),
+    borderRadius: parseInt($segmentedBorderRadius.default, 10) - 2 + 'px',
+    transition: 'all 0.3s',
+    pointerEvents: 'none',
+};
+export const $segmentedItemInputStyle = {
+    position: 'absolute',
+    margin: 0,
+    width: 0,
+    height: 0,
+    opacity: 0,
+    pointerEvents: 'none',
+};
+export const $segmentedItemLabelStyle = {
+    flex: 1,
+    textAlign: 'center',
+    lineHeight: 'normal',
+    // @include utils-ellipsis,
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+    transition: 'color 0.3s',
+    zIndex: 1,
+};
+export function useStyle(config) {
+    useSize(config);
+    if (config === null || config === void 0 ? void 0 : config.block) {
+        $segmentedStyle.display = 'flex';
+        $segmentedItemStyle.minWidth = 0;
+    }
+    else {
+        $segmentedStyle.display = 'inline-flex';
+        delete $segmentedItemStyle.minWidth;
+    }
+    if (config === null || config === void 0 ? void 0 : config.disabled) {
+        $segmentedItemSelectedStyle.background =
+            $segmented.itemSelectedDisabledBgColor;
+        $segmentedItemStyle.cursor = 'not-allowed';
+        $segmentedItemStyle.color = $segmented.itemDisabledColor;
+    }
+    else {
+        $segmentedItemSelectedStyle.background = $segmented.itemSelectedBgColor;
+        $segmentedItemStyle.cursor = 'pointer';
+        delete $segmentedItemStyle.color;
+    }
+    // if (config.focusVisible) {
+    //
+    // }
+}
+export function useSize(config) {
+    const size = unref(config === null || config === void 0 ? void 0 : config.size) || 'default';
+    $segmentedStyle.minHeight = $inputHeight[size];
+    $segmentedStyle.borderRadius = $segmentedBorderRadius[size];
+    $segmentedStyle.fontSize = $segmentedFontSize[size];
+    $segmentedItemSelectedStyle.borderRadius =
+        parseInt($segmentedBorderRadius[size], 10) - 2 + 'px';
+    $segmentedItemStyle.borderRadius =
+        parseInt($segmentedBorderRadius[size]) - 2 + 'px';
+    $segmentedItemStyle.padding = $segmentedItemPadding[size];
+}
+//# sourceMappingURL=td-segmented.style.js.map

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

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