timered-counter/dist/src/wrappers/vue/timered-counter-string.js

Make the value change more vivid and natural

import { h } from 'vue';
import { isNonNullish } from 'remeda';
import '../../timered-counter-string.js';
import { formatProps } from './format-props.js';
export const TimeredCounterString = (props, { attrs, slots, emit }) => {
    const { prefix, suffix } = slots;
    return h('timered-counter-string', {
        ...attrs,
        ...formatProps(props),
        onTimeredCounterAnimationStart: () => emit('timeredCounterAnimationStart'),
        onTimeredCounterAnimationEnd: () => emit('timeredCounterAnimationEnd'),
    }, [
        isNonNullish(prefix)
            ? h('slot', { slot: 'prefix' }, prefix())
            : undefined,
        isNonNullish(suffix)
            ? h('slot', { slot: 'suffix' }, suffix())
            : undefined,
    ]);
};
TimeredCounterString.props = [
    'animationOptions',
    'keyframes',
    'cellStyles',
    'digitStyles',
    'partStyles',
    'color',
    'partsOptions',
    'value',
    'oldValue',
    'initialValue',
    'locale',
];
TimeredCounterString.emits = [
    'timeredCounterAnimationStart',
    'timeredCounterAnimationEnd',
];
//# sourceMappingURL=timered-counter-string.js.map