@type-dom/ui 0.6.0 → 0.9.0

package/dist/components/form/td-slider/button/button.class.js

@@ -1,20 +1,27 @@
-import { defineExpose, Div, Span, TypeDiv } from '@type-dom/framework';
-import { computed, toRefs } from '@type-dom/signals';
+import { Div, Span, toRefs, addEmits, addEvents, assignProps, addAttrObj, addStyleObj, defaultProps, } from '@type-dom/framework';
+import { computed } from '@type-dom/signals';
 import { TdTooltip } from '../../../feedback/td-tooltip/td-tooltip.class';
 import { useNamespace } from '../../../../hooks/use-namespace';
 import { useSliderButton } from '../composables/use-slider-button';
 import { sliderButtonEmits, sliderButtonProps } from './button.const';
-export class TdSliderButton extends TypeDiv {
+export class TdSliderButton extends Div {
+    // override props: SliderButtonProps;
+    onButtonDown;
+    onKeyDown;
+    setPosition;
+    hovering;
+    dragging;
     constructor(params = {}) {
-        super();
-        this.className = 'TdSliderButton';
-        this.addEmits(sliderButtonEmits);
-        this.assignProps(sliderButtonProps);
-        this.props = this.useParams(params);
+        super(params);
+        defaultProps(this, sliderButtonProps);
+        addEmits(this, sliderButtonEmits);
     }
     setup() {
         const props = this.props;
         const emit = this.emit;
+        // const emitter = (evt: string, ...args: any[]) => {
+        //   emit(this, evt, ...args);
+        // }
         const ns = useNamespace('slider');
         const initData = {
             hovering: false,
@@ -26,27 +33,25 @@ export class TdSliderButton extends TypeDiv {
             currentY: 0,
             startPosition: 0,
             newPosition: 0,
-            oldValue: props.modelValue,
+            oldValue: props.vModel?.get(),
         };
         const tooltipPersistent = computed(() => !showTooltip ? false : persistent);
         const { disabled, button, tooltip, showTooltip, persistent, tooltipVisible, wrapperStyle, formatValue, handleMouseEnter, handleMouseLeave, onButtonDown, onKeyDown, setPosition, } = useSliderButton(props, initData, emit);
         const { hovering, dragging } = toRefs(initData);
-        defineExpose({
-            onButtonDown,
-            onKeyDown,
-            setPosition,
-            hovering,
-            dragging,
-        });
-        this.assignProps({
+        this.onButtonDown = onButtonDown;
+        this.onKeyDown = onKeyDown;
+        this.setPosition = setPosition;
+        this.hovering = hovering;
+        this.dragging = dragging;
+        assignProps(this, {
             refDom: button,
         });
-        this.attr.addObj({
+        addAttrObj(this, {
             class: [ns.e('button-wrapper'), { hover: hovering, dragging }],
-            tabindex: disabled ? -1 : 0,
+            tabindex: disabled ? undefined : 0,
         });
-        this.style.addObj(wrapperStyle);
-        this.addEvents({
+        addStyleObj(this, wrapperStyle);
+        addEvents(this, {
             mouseenter: handleMouseEnter,
             mouseleave: handleMouseLeave,
             mousedown: onButtonDown,

package/dist/components/form/td-slider/button/button.class.js.map

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

package/dist/components/form/td-slider/button/button.interface.d.ts

@@ -1,11 +1,9 @@
-import { ITypeDiv, TypeDivProps } from '@type-dom/framework';
+import { IDiv, DivProps, Ref } from '@type-dom/framework';
 import { Placement } from '@type-dom/popper';
-import { Ref } from '@type-dom/signals';
 import { TdSliderButton } from './button.class';
-export interface ITdSliderButton extends ITypeDiv {
-    className: 'TdSliderButton';
+export interface ITdSliderButton extends IDiv {
 }
-export interface SliderButtonProps extends TypeDivProps {
+export interface SliderButtonProps extends DivProps {
     modelValue?: number;
     vModel?: Ref<number>;
     vertical?: boolean;

package/dist/components/form/td-slider/button/button.interface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.interface.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/td-slider/button/button.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAC/C,SAAS,EAAE,gBAAgB,CAAC;CAC7B;AAED,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,UAAU,GAAG,MAAM,CAC7B,aAAa,GAAG,cAAc,EAC9B,GAAG,CAAC,cAAc,GAAG,SAAS,CAAC,CAChC,CAAA;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B"}
+{"version":3,"file":"button.interface.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/td-slider/button/button.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD,MAAM,WAAW,eAAgB,SAAQ,IAAI;CAC5C;AAED,MAAM,WAAW,iBAAkB,SAAQ,QAAQ;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,UAAU,GAAG,MAAM,CAC7B,aAAa,GAAG,cAAc,EAC9B,GAAG,CAAC,cAAc,GAAG,SAAS,CAAC,CAChC,CAAA;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B"}

package/dist/components/form/td-slider/composables/use-lifecycle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-lifecycle.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/td-slider/composables/use-lifecycle.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErE,eAAO,MAAM,YAAY,UAChB,WAAW,YACR,cAAc,aACb,MAAM,IAAI;;CAmCtB,CAAA"}
+{"version":3,"file":"use-lifecycle.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/td-slider/composables/use-lifecycle.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErE,eAAO,MAAM,YAAY,GACvB,OAAO,WAAW,EAClB,UAAU,cAAc,EACxB,WAAW,MAAM,IAAI;;CAoCtB,CAAA"}

package/dist/components/form/td-slider/composables/use-lifecycle.js

@@ -1,22 +1,13 @@
 // import { nextTick, onMounted, ref } from 'vue'
-// import { useEventListener } from '@vueuse/core'
+import { useEventListener } from '@type-dom/use';
+import { signal } from '@type-dom/signals';
+import { nextTick, onMounted, unref } from '@type-dom/framework';
 // import { isArray, isNumber } from '@element-plus/utils'
-// import type { SliderInitData, SliderProps } from '../slider'
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { signal, unref } from '@type-dom/signals';
-import { nextTick, onMounted, useEventListener } from '@type-dom/framework';
 import { isArray, isNumber } from '@type-dom/utils';
 export const useLifecycle = (props, initData, resetSize) => {
     const sliderWrapper = signal();
-    onMounted(() => __awaiter(void 0, void 0, void 0, function* () {
+    onMounted(async () => {
+        props.modelValue = props.vModel?.get();
         if (props.range) {
             if (isArray(props.modelValue)) {
                 initData.firstValue.set(Math.max(unref(props.min), props.modelValue[0]));
@@ -26,7 +17,7 @@ export const useLifecycle = (props, initData, resetSize) => {
                 initData.firstValue.set(unref(props.min));
                 initData.secondValue.set(unref(props.max));
             }
-            initData.oldValue = [initData.firstValue.get(), initData.secondValue.get()];
+            initData.oldValue.set([initData.firstValue.get(), initData.secondValue.get()]);
         }
         else {
             if (!isNumber(props.modelValue) || Number.isNaN(props.modelValue)) {
@@ -35,12 +26,12 @@ export const useLifecycle = (props, initData, resetSize) => {
             else {
                 initData.firstValue.set(Math.min(unref(props.max), Math.max(unref(props.min), props.modelValue)));
             }
-            initData.oldValue = initData.firstValue.get();
+            initData.oldValue.set(initData.firstValue.get());
         }
         useEventListener(window, 'resize', resetSize);
-        yield nextTick();
+        await nextTick();
         resetSize();
-    }));
+    });
     return {
         sliderWrapper,
     };

package/dist/components/form/td-slider/composables/use-lifecycle.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-lifecycle.js","sourceRoot":"","sources":["../../../../../src/components/form/td-slider/composables/use-lifecycle.ts"],"names":[],"mappings":"AAAA,iDAAiD;AACjD,kDAAkD;AAClD,0DAA0D;AAC1D,+DAA+D;;;;;;;;;;AAE/D,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAGpD,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,KAAkB,EAClB,QAAwB,EACxB,SAAqB,EACrB,EAAE;IACF,MAAM,aAAa,GAAG,MAAM,EAAe,CAAA;IAE3C,SAAS,CAAC,GAAS,EAAE;QACnB,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;YAChB,IAAI,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC;gBAC9B,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC1E,QAAQ,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;YAC5E,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,CAAC,CAAA;gBAC1C,QAAQ,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,CAAC,CAAA;YAC7C,CAAC;YACD,QAAQ,CAAC,QAAQ,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,QAAQ,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAA;QAC7E,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC;gBAClE,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,CAAC,CAAA;YAC5C,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAC9B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,EACjB,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,EAAE,KAAK,CAAC,UAAU,CAAC,CAC9C,CAAC,CAAA;YACJ,CAAC;YACD,QAAQ,CAAC,QAAQ,GAAG,QAAQ,CAAC,UAAU,CAAC,GAAG,EAAE,CAAA;QAC/C,CAAC;QAED,gBAAgB,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAA;QAE7C,MAAM,QAAQ,EAAE,CAAA;QAChB,SAAS,EAAE,CAAA;IACb,CAAC,CAAA,CAAC,CAAA;IAEF,OAAO;QACL,aAAa;KACd,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"use-lifecycle.js","sourceRoot":"","sources":["../../../../../src/components/form/td-slider/composables/use-lifecycle.ts"],"names":[],"mappings":"AAAA,iDAAiD;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AACjE,0DAA0D;AAC1D,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAIpD,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,KAAkB,EAClB,QAAwB,EACxB,SAAqB,EACrB,EAAE;IACF,MAAM,aAAa,GAAG,MAAM,EAAe,CAAA;IAE3C,SAAS,CAAC,KAAK,IAAI,EAAE;QACnB,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC;QACvC,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;YAChB,IAAI,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC;gBAC9B,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC1E,QAAQ,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;YAC5E,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,CAAC,CAAA;gBAC1C,QAAQ,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,CAAC,CAAA;YAC7C,CAAC;YACD,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,QAAQ,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,CAAA;QAChF,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC;gBAClE,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,CAAC,CAAA;YAC5C,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAC9B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,EACjB,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,EAAE,KAAK,CAAC,UAAU,CAAC,CAC9C,CAAC,CAAA;YACJ,CAAC;YACD,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,CAAA;QAClD,CAAC;QAED,gBAAgB,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAA;QAE7C,MAAM,QAAQ,EAAE,CAAA;QAChB,SAAS,EAAE,CAAA;IACb,CAAC,CAAC,CAAA;IAEF,OAAO;QACL,aAAa;KACd,CAAA;AACH,CAAC,CAAA"}

package/dist/components/form/td-slider/composables/use-marks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-marks.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/td-slider/composables/use-marks.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,MAAM,WAAW,IAAK,SAAQ,iBAAiB;IAC7C,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,QAAQ,UAAW,WAAW,iDAmB1C,CAAA"}
+{"version":3,"file":"use-marks.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/td-slider/composables/use-marks.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,MAAM,WAAW,IAAK,SAAQ,iBAAiB;IAC7C,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,QAAQ,GAAI,OAAO,WAAW,iDAmB1C,CAAA"}

package/dist/components/form/td-slider/composables/use-marks.js

@@ -1,6 +1,7 @@
 // import { computed } from 'vue'
 // import type { SliderProps } from '../slider'
-import { computed, unref } from '@type-dom/signals';
+import { computed } from '@type-dom/signals';
+import { unref } from '@type-dom/framework';
 export const useMarks = (props) => {
     return computed(() => {
         if (!props.marks) {
@@ -11,14 +12,11 @@ export const useMarks = (props) => {
             .map(Number.parseFloat)
             .sort((a, b) => a - b)
             .filter((point) => point <= unref(props.max) && point >= unref(props.min))
-            .map((point) => {
-            var _a;
-            return ({
-                point,
-                position: ((point - unref(props.min)) * 100) / (unref(props.max) - unref(props.min)),
-                mark: (_a = props.marks) === null || _a === void 0 ? void 0 : _a[point],
-            });
-        });
+            .map((point) => ({
+            point,
+            position: ((point - unref(props.min)) * 100) / (unref(props.max) - unref(props.min)),
+            mark: props.marks?.[point],
+        }));
     });
 };
 //# sourceMappingURL=use-marks.js.map

package/dist/components/form/td-slider/composables/use-marks.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-marks.js","sourceRoot":"","sources":["../../../../../src/components/form/td-slider/composables/use-marks.ts"],"names":[],"mappings":"AAAA,iCAAiC;AACjC,+CAA+C;AAE/C,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AASpD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC7C,OAAO,QAAQ,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACjB,OAAO,EAAE,CAAA;QACX,CAAC;QAED,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QAC1C,OAAO,SAAS;aACb,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC;aACtB,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;aACrB,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,IAAI,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,CAAC;aAC3E,GAAG,CACF,CAAC,KAAK,EAAQ,EAAE;;YAAC,OAAA,CAAC;gBAChB,KAAK;gBACL,QAAQ,EAAE,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,CAAC;gBACvF,IAAI,EAAE,MAAA,KAAK,CAAC,KAAK,0CAAG,KAAK,CAAC;aAC3B,CAAC,CAAA;SAAA,CACH,CAAA;IACL,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}
+{"version":3,"file":"use-marks.js","sourceRoot":"","sources":["../../../../../src/components/form/td-slider/composables/use-marks.ts"],"names":[],"mappings":"AAAA,iCAAiC;AACjC,+CAA+C;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAS5C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC7C,OAAO,QAAQ,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACjB,OAAO,EAAE,CAAA;QACX,CAAC;QAED,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QAC1C,OAAO,SAAS;aACb,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC;aACtB,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;aACrB,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,IAAI,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,CAAC;aAC3E,GAAG,CACF,CAAC,KAAK,EAAQ,EAAE,CAAC,CAAC;YAChB,KAAK;YACL,QAAQ,EAAE,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,CAAC;YACvF,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC;SAC3B,CAAC,CACH,CAAA;IACL,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}

package/dist/components/form/td-slider/composables/use-slide.d.ts

@@ -1,17 +1,17 @@
-import { Ref } from '@type-dom/signals';
-import { IStyle } from '@type-dom/css-type';
+import { Ref, CSSProperties } from '@type-dom/framework';
+import { AnyFn } from '@type-dom/utils';
 import { SliderProps, SliderInitData } from '../td-slider.interface';
 import { TdSliderButton } from '../button/button.class';
-export declare const useSlide: (props: SliderProps, initData: SliderInitData, emit: any) => {
-    tdFormItem: import("../../td-form/td-form.interface").FormItemContext;
+export declare const useSlide: (props: SliderProps, initData: SliderInitData, emit: AnyFn) => {
+    tdFormItem: import("../..").FormItemContext;
     slider: import("@type-dom/signals").Signal<HTMLElement>;
     firstButton: import("@type-dom/signals").Signal<TdSliderButton>;
     secondButton: import("@type-dom/signals").Signal<TdSliderButton>;
     sliderDisabled: import("@type-dom/signals").Computed<boolean>;
     minValue: import("@type-dom/signals").Computed<number>;
     maxValue: import("@type-dom/signals").Computed<number>;
-    runwayStyle: import("@type-dom/signals").Computed<IStyle<string | 0, string>>;
-    barStyle: import("@type-dom/signals").Computed<IStyle<string | 0, string>>;
+    runwayStyle: import("@type-dom/signals").Computed<CSSProperties>;
+    barStyle: import("@type-dom/signals").Computed<CSSProperties>;
     resetSize: () => void;
     setPosition: (percent: number) => Ref<TdSliderButton | undefined>;
     emitChange: () => Promise<void>;

package/dist/components/form/td-slider/composables/use-slide.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-slide.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/td-slider/composables/use-slide.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,GAAG,EAAiB,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAK5C,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAGxD,eAAO,MAAM,QAAQ,UACZ,WAAW,YACR,cAAc,QAClB,GAAG;;;;;;;;;;;2BA2FE,MAAM,KACd,GAAG,CAAC,cAAc,GAAG,SAAS,CAAC;;oCAyDK,UAAU;2BAiBnB,UAAU,GAAG,UAAU;2BARjB,UAAU,GAAG,UAAU;mCAerB,MAAM;gCA3ET,MAAM,GAAG,SAAS;kCAOhB,MAAM;CA6F5C,CAAC"}
+{"version":3,"file":"use-slide.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/td-slider/composables/use-slide.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,GAAG,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EAAE,KAAK,EAAa,MAAM,iBAAiB,CAAC;AAGnD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAGxD,eAAO,MAAM,QAAQ,GACnB,OAAO,WAAW,EAClB,UAAU,cAAc,EACxB,MAAM,KAAK;;;;;;;;;;;2BA2FA,MAAM,KACd,GAAG,CAAC,cAAc,GAAG,SAAS,CAAC;;oCA2DK,UAAU;2BAiBnB,UAAU,GAAG,UAAU;2BARjB,UAAU,GAAG,UAAU;mCAerB,MAAM;gCA7ET,MAAM,GAAG,SAAS;kCAQhB,MAAM;CA8F5C,CAAC"}

package/dist/components/form/td-slider/composables/use-slide.js

@@ -1,14 +1,5 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { computed, signal, unref } from '@type-dom/signals';
-import { nextTick } from '@type-dom/framework';
+import { computed, signal } from '@type-dom/signals';
+import { nextTick, unref } from '@type-dom/framework';
 import { CHANGE_EVENT, INPUT_EVENT, UPDATE_MODEL_EVENT } from '../../../../constants/event';
 import { useFormItem } from '../../td-form/hooks/use-form-item';
 export const useSlide = (props, initData, emit) => {
@@ -21,7 +12,7 @@ export const useSlide = (props, initData, emit) => {
         secondButton,
     };
     const sliderDisabled = computed(() => {
-        return unref(props.disabled) || unref(elForm === null || elForm === void 0 ? void 0 : elForm.disabled) || false;
+        return unref(props.disabled) || unref(elForm?.disabled) || false;
     });
     const minValue = computed(() => {
         return Math.min(initData.firstValue.get(), initData.secondValue.get());
@@ -80,16 +71,17 @@ export const useSlide = (props, initData, emit) => {
         return buttonRefs[buttonRefName];
     };
     const setPosition = (percent) => {
-        var _a, _b;
         const buttonRef = getButtonRefByPercent(percent);
-        (_b = (_a = buttonRef.get()) === null || _a === void 0 ? void 0 : _a.setPosition) === null || _b === void 0 ? void 0 : _b.call(_a, percent);
+        buttonRef.get()?.setPosition?.(percent);
         return buttonRef;
     };
     const setFirstValue = (firstValue) => {
-        initData.firstValue.set(firstValue !== null && firstValue !== void 0 ? firstValue : unref(props.min));
-        _emit(props.range ? [minValue.get(), maxValue.get()] : firstValue !== null && firstValue !== void 0 ? firstValue : unref(props.min));
+        // console.warn('setFirstValue . firstValue is ', firstValue);
+        initData.firstValue.set(firstValue ?? unref(props.min));
+        _emit(props.range ? [minValue.get(), maxValue.get()] : (firstValue ?? unref(props.min)));
     };
     const setSecondValue = (secondValue) => {
+        // console.warn('setSecondValue . secondValue is ', secondValue)
         initData.secondValue.set(secondValue);
         if (props.range) {
             _emit([minValue.get(), maxValue.get()]);
@@ -99,23 +91,25 @@ export const useSlide = (props, initData, emit) => {
         emit(UPDATE_MODEL_EVENT, val);
         emit(INPUT_EVENT, val);
     };
-    const emitChange = () => __awaiter(void 0, void 0, void 0, function* () {
-        yield nextTick();
-        emit(CHANGE_EVENT, props.range ? [minValue.get(), maxValue.get()] : props.modelValue);
-    });
+    const emitChange = async () => {
+        // console.warn('emitChange . minValue.get() is ', minValue.get());
+        await nextTick();
+        emit(CHANGE_EVENT, props.range ? [minValue.get(), maxValue.get()] : props.vModel?.get());
+    };
     const handleSliderPointerEvent = (event) => {
-        var _a, _b, _c, _d, _e, _f;
-        if (sliderDisabled.get() || initData.dragging)
+        if (sliderDisabled.get() || initData.dragging.get())
             return;
         resetSize();
         let newPercent = 0;
         if (props.vertical) {
-            const clientY = (_c = (_b = (_a = event.touches) === null || _a === void 0 ? void 0 : _a.item(0)) === null || _b === void 0 ? void 0 : _b.clientY) !== null && _c !== void 0 ? _c : event.clientY;
+            const clientY = event.touches?.item(0)?.clientY ??
+                event.clientY;
             const sliderOffsetBottom = slider.get().getBoundingClientRect().bottom;
             newPercent = ((sliderOffsetBottom - clientY) / initData.sliderSize.get()) * 100;
         }
         else {
-            const clientX = (_f = (_e = (_d = event.touches) === null || _d === void 0 ? void 0 : _d.item(0)) === null || _e === void 0 ? void 0 : _e.clientX) !== null && _f !== void 0 ? _f : event.clientX;
+            const clientX = event.touches?.item(0)?.clientX ??
+                event.clientX;
             const sliderOffsetLeft = slider.get().getBoundingClientRect().left;
             newPercent = ((clientX - sliderOffsetLeft) / initData.sliderSize.get()) * 100;
         }
@@ -124,20 +118,18 @@ export const useSlide = (props, initData, emit) => {
         return setPosition(newPercent);
     };
     const onSliderWrapperPrevent = (event) => {
-        var _a, _b;
-        if (((_a = buttonRefs['firstButton'].get()) === null || _a === void 0 ? void 0 : _a.dragging) ||
-            ((_b = buttonRefs['secondButton'].get()) === null || _b === void 0 ? void 0 : _b.dragging)) {
+        if (buttonRefs['firstButton'].get()?.dragging ||
+            buttonRefs['secondButton'].get()?.dragging) {
             event.preventDefault();
         }
     };
-    const onSliderDown = (event) => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b;
+    const onSliderDown = async (event) => {
         const buttonRef = handleSliderPointerEvent(event);
         if (buttonRef) {
-            yield nextTick();
-            (_b = (_a = buttonRef.get()).onButtonDown) === null || _b === void 0 ? void 0 : _b.call(_a, event);
+            await nextTick();
+            buttonRef.get().onButtonDown?.(event);
         }
-    });
+    };
     const onSliderClick = (event) => {
         const buttonRef = handleSliderPointerEvent(event);
         if (buttonRef) {
@@ -145,7 +137,7 @@ export const useSlide = (props, initData, emit) => {
         }
     };
     const onSliderMarkerDown = (position) => {
-        if (sliderDisabled.get() || initData.dragging)
+        if (sliderDisabled.get() || initData.dragging.get())
             return;
         setPosition(position);
     };

package/dist/components/form/td-slider/composables/use-slide.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-slide.js","sourceRoot":"","sources":["../../../../../src/components/form/td-slider/composables/use-slide.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAO,MAAM,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAGjE,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC5F,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAKhE,MAAM,CAAC,MAAM,QAAQ,GAAG,CACtB,KAAkB,EAClB,QAAwB,EACxB,IAAS,EACT,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,WAAW,EAAE,CAAA;IAE5D,MAAM,MAAM,GAAG,MAAM,EAAe,CAAA;IAEpC,MAAM,WAAW,GAAG,MAAM,EAAkB,CAAA;IAE5C,MAAM,YAAY,GAAG,MAAM,EAAkB,CAAA;IAE7C,MAAM,UAAU,GAAe;QAC7B,WAAW;QACX,YAAY;KACb,CAAA;IAED,MAAM,cAAc,GAAG,QAAQ,CAAC,GAAG,EAAE;QACnC,OAAO,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAC,IAAI,KAAK,CAAA;IAClE,CAAC,CAAC,CAAA;IAEF,MAAM,QAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC7B,OAAO,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,QAAQ,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAA;IACxE,CAAC,CAAC,CAAA;IAEF,MAAM,QAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC7B,OAAO,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,QAAQ,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAA;IACxE,CAAC,CAAC,CAAA;IAEF,MAAM,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC5B,OAAO,KAAK,CAAC,KAAK;YAChB,CAAC,CAAC,GACA,CAAC,GAAG,GAAG,CAAC,QAAQ,CAAC,GAAG,EAAE,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,CACpF,GAAG;YACH,CAAC,CAAC,GACA,CAAC,GAAG,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,CAClG,GAAG,CAAA;IACP,CAAC,CAAC,CAAA;IAEF,MAAM,QAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC7B,OAAO,KAAK,CAAC,KAAK;YAChB,CAAC,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,QAAQ,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,CAAC,GAAG;YAC9F,CAAC,CAAC,IAAI,CAAA;IACV,CAAC,CAAC,CAAA;IAEF,MAAM,WAAW,GAAG,QAAQ,CAAS,GAAG,EAAE;QACxC,OAAO,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IACvD,CAAC,CAAC,CAAA;IAEF,MAAM,QAAQ,GAAG,QAAQ,CAAS,GAAG,EAAE;QACrC,OAAO,KAAK,CAAC,QAAQ;YACnB,CAAC,CAAC;gBACA,MAAM,EAAE,OAAO,CAAC,GAAG,EAAE;gBACrB,MAAM,EAAE,QAAQ,CAAC,GAAG,EAAE;aACvB;YACD,CAAC,CAAC;gBACA,KAAK,EAAE,OAAO,CAAC,GAAG,EAAE;gBACpB,IAAI,EAAE,QAAQ,CAAC,GAAG,EAAE;aACrB,CAAA;IACL,CAAC,CAAC,CAAA;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,IAAI,MAAM,CAAC,GAAG,EAAE,EAAE,CAAC;YACjB,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,EAAG,CAAC,SAAS,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,CAAE,CAAC,CAAA;QACzF,CAAC;IACH,CAAC,CAAA;IAED,MAAM,qBAAqB,GAAG,CAC5B,OAAe,EACkB,EAAE;QACnC,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,GAAG,CAAC,OAAO,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,CAAC,CAAC,GAAG,GAAG,CAAA;QACjG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACjB,OAAO,WAAW,CAAA;QACpB,CAAC;QACD,IAAI,aAA6C,CAAA;QACjD,IACE,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,EAAE,GAAG,WAAW,CAAC;YACtC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,EAAE,GAAG,WAAW,CAAC,EACtC,CAAC;YACD,aAAa;gBACX,QAAQ,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,GAAG,EAAE;oBACpD,CAAC,CAAC,aAAa;oBACf,CAAC,CAAC,cAAc,CAAA;QACtB,CAAC;aAAM,CAAC;YACN,aAAa;gBACX,QAAQ,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,GAAG,EAAE;oBACpD,CAAC,CAAC,aAAa;oBACf,CAAC,CAAC,cAAc,CAAA;QACtB,CAAC;QACD,OAAO,UAAU,CAAC,aAAa,CAAC,CAAA;IAClC,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,CAClB,OAAe,EACkB,EAAE;;QACnC,MAAM,SAAS,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAA;QAChD,MAAA,MAAA,SAAS,CAAC,GAAG,EAAE,0CAAE,WAAW,mDAAG,OAAO,CAAC,CAAA;QACvC,OAAO,SAAS,CAAA;IAClB,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,CAAC,UAA8B,EAAE,EAAE;QACvD,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,CAAC,CAAA;QACxD,KAAK,CACH,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,EAAE,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,CACjF,CAAA;IACH,CAAC,CAAA;IAED,MAAM,cAAc,GAAG,CAAC,WAAmB,EAAE,EAAE;QAC7C,QAAQ,CAAC,WAAW,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;QAErC,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;YAChB,KAAK,CAAC,CAAC,QAAQ,CAAC,GAAG,EAAE,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,CAAA;QACzC,CAAC;IACH,CAAC,CAAA;IAED,MAAM,KAAK,GAAG,CAAC,GAAsB,EAAE,EAAE;QACvC,IAAI,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAA;QAC7B,IAAI,CAAC,WAAW,EAAE,GAAG,CAAC,CAAA;IACxB,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAS,EAAE;QAC5B,MAAM,QAAQ,EAAE,CAAA;QAChB,IAAI,CACF,YAAY,EACZ,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,EAAE,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAClE,CAAA;IACH,CAAC,CAAA,CAAA;IAED,MAAM,wBAAwB,GAAG,CAC/B,KAA+B,EACc,EAAE;;QAC/C,IAAI,cAAc,CAAC,GAAG,EAAE,IAAI,QAAQ,CAAC,QAAQ;YAAE,OAAM;QACrD,SAAS,EAAE,CAAA;QACX,IAAI,UAAU,GAAG,CAAC,CAAA;QAClB,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YACnB,MAAM,OAAO,GACX,MAAA,MAAA,MAAC,KAAoB,CAAC,OAAO,0CAAE,IAAI,CAAC,CAAC,CAAC,0CAAE,OAAO,mCAC9C,KAAoB,CAAC,OAAO,CAAA;YAC/B,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,EAAG,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAA;YACvE,UAAU,GAAG,CAAC,CAAC,kBAAkB,GAAG,OAAO,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,GAAG,GAAG,CAAA;QACjF,CAAC;aAAM,CAAC;YACN,MAAM,OAAO,GACX,MAAA,MAAA,MAAC,KAAoB,CAAC,OAAO,0CAAE,IAAI,CAAC,CAAC,CAAC,0CAAE,OAAO,mCAC9C,KAAoB,CAAC,OAAO,CAAA;YAC/B,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,EAAG,CAAC,qBAAqB,EAAE,CAAC,IAAI,CAAA;YACnE,UAAU,GAAG,CAAC,CAAC,OAAO,GAAG,gBAAgB,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,GAAG,GAAG,CAAA;QAC/E,CAAC;QACD,IAAI,UAAU,GAAG,CAAC,IAAI,UAAU,GAAG,GAAG;YAAE,OAAM;QAC9C,OAAO,WAAW,CAAC,UAAU,CAAC,CAAA;IAChC,CAAC,CAAA;IAED,MAAM,sBAAsB,GAAG,CAAC,KAAiB,EAAE,EAAE;;QACnD,IACE,CAAA,MAAA,UAAU,CAAC,aAAa,CAAC,CAAC,GAAG,EAAE,0CAAE,QAAQ;aACzC,MAAA,UAAU,CAAC,cAAc,CAAC,CAAC,GAAG,EAAE,0CAAE,QAAQ,CAAA,EAC1C,CAAC;YACD,KAAK,CAAC,cAAc,EAAE,CAAA;QACxB,CAAC;IACH,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAO,KAA+B,EAAE,EAAE;;QAC7D,MAAM,SAAS,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAA;QACjD,IAAI,SAAS,EAAE,CAAC;YACd,MAAM,QAAQ,EAAE,CAAA;YAChB,MAAA,MAAA,SAAS,CAAC,GAAG,EAAG,EAAC,YAAY,mDAAG,KAAK,CAAC,CAAA;QACxC,CAAC;IACH,CAAC,CAAA,CAAA;IAED,MAAM,aAAa,GAAG,CAAC,KAA8B,EAAE,EAAE;QACvD,MAAM,SAAS,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAA;QACjD,IAAI,SAAS,EAAE,CAAC;YACd,UAAU,EAAE,CAAA;QACd,CAAC;IACH,CAAC,CAAA;IAED,MAAM,kBAAkB,GAAG,CAAC,QAAgB,EAAE,EAAE;QAC9C,IAAI,cAAc,CAAC,GAAG,EAAE,IAAI,QAAQ,CAAC,QAAQ;YAAE,OAAM;QACrD,WAAW,CAAC,QAAQ,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,OAAO;QACL,UAAU;QACV,MAAM;QACN,WAAW;QACX,YAAY;QACZ,cAAc;QACd,QAAQ;QACR,QAAQ;QACR,WAAW;QACX,QAAQ;QACR,SAAS;QACT,WAAW;QACX,UAAU;QACV,sBAAsB;QACtB,aAAa;QACb,YAAY;QACZ,kBAAkB;QAClB,aAAa;QACb,cAAc;KACf,CAAA;AACH,CAAC,CAAC"}
+{"version":3,"file":"use-slide.js","sourceRoot":"","sources":["../../../../../src/components/form/td-slider/composables/use-slide.ts"],"names":[],"mappings":"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"}

package/dist/components/form/td-slider/composables/use-slider-button.d.ts

@@ -1,6 +1,6 @@
 import { Computed } from '@type-dom/signals';
+import { CSSProperties } from '@type-dom/framework';
 import { AnyFn } from '@type-dom/utils';
-import { IStyle } from '@type-dom/css-type';
 import { TdTooltip } from '../../../feedback/td-tooltip/td-tooltip.class';
 import type { SliderButtonInitData, SliderButtonProps } from '../button/button.interface';
 export declare const useSliderButton: (props: SliderButtonProps, initData: SliderButtonInitData, emit: AnyFn) => {
@@ -10,7 +10,7 @@ export declare const useSliderButton: (props: SliderButtonProps, initData: Slide
     tooltipVisible: import("@type-dom/signals").Signal<boolean>;
     showTooltip: boolean | undefined;
     persistent: boolean | undefined;
-    wrapperStyle: Computed<IStyle<string | 0, string>>;
+    wrapperStyle: Computed<CSSProperties>;
     formatValue: Computed<number | undefined>;
     handleMouseEnter: () => void;
     handleMouseLeave: () => void;

package/dist/components/form/td-slider/composables/use-slider-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-slider-button.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/td-slider/composables/use-slider-button.ts"],"names":[],"mappings":"AAEA,OAAO,EAAY,QAAQ,EAAwB,MAAM,mBAAmB,CAAC;AAE7E,OAAO,EAAE,KAAK,EAAY,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAI5C,OAAO,EAAE,SAAS,EAAE,MAAM,+CAA+C,CAAC;AAO1E,OAAO,KAAK,EAEV,oBAAoB,EACpB,iBAAiB,EAClB,MAAM,4BAA4B,CAAA;AAyCnC,eAAO,MAAM,eAAe,UACnB,iBAAiB,YACd,oBAAoB,QACxB,KAAK;;;;;;;;;;;2BA+CmB,UAAU,GAAG,UAAU;wBAmD1B,aAAa;+BA2GA,MAAM;CAmD/C,CAAA"}
+{"version":3,"file":"use-slider-button.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/td-slider/composables/use-slider-button.ts"],"names":[],"mappings":"AAEA,OAAO,EAAoB,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAKL,aAAa,EACd,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAgB,MAAM,iBAAiB,CAAC;AAItD,OAAO,EAAE,SAAS,EAAE,MAAM,+CAA+C,CAAC;AAO1E,OAAO,KAAK,EAEV,oBAAoB,EACpB,iBAAiB,EAClB,MAAM,4BAA4B,CAAA;AA2CnC,eAAO,MAAM,eAAe,GAC1B,OAAO,iBAAiB,EACxB,UAAU,oBAAoB,EAC9B,MAAM,KAAK;;;;;;;;;;;2BA+CmB,UAAU,GAAG,UAAU;wBAmD1B,aAAa;+BA4GA,MAAM;CAyD/C,CAAA"}

package/dist/components/form/td-slider/composables/use-slider-button.js

@@ -1,17 +1,9 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 // import { computed, inject, nextTick, ref, watch } from 'vue'
-// import { debounce } from 'lodash-unified'
-import { computed, signal, unref, watch } from '@type-dom/signals';
-import { inject, nextTick, useEventListener } from '@type-dom/framework';
-import { debounce } from '@type-dom/utils';
+import { clamp, debounce } from 'lodash-es';
+import { computed, signal } from '@type-dom/signals';
+import { inject, nextTick, unref, watch, } from '@type-dom/framework';
+import { getEventCode } from '@type-dom/utils';
+import { useEventListener } from '@type-dom/use';
 import { EVENT_CODE } from '../../../../constants/aria';
 import { UPDATE_MODEL_EVENT } from '../../../../constants/event';
 // import type { TooltipInstance } from '@element-plus/components/tooltip'
@@ -25,9 +17,10 @@ showTooltip) => {
         return formatTooltip instanceof Function;
     });
     const formatValue = computed(() => {
-        var _a, _b;
-        return ((enableFormat.get() && (formatTooltip === null || formatTooltip === void 0 ? void 0 : formatTooltip((_a = props.vModel) === null || _a === void 0 ? void 0 : _a.get()))) ||
-            ((_b = props.vModel) === null || _b === void 0 ? void 0 : _b.get()));
+        // console.warn('formatValue . props.vModel.get() is ', props.vModel?.get());
+        // console.warn('enableFormat.get() is ', enableFormat.get());
+        return ((enableFormat.get() && formatTooltip?.(props.vModel?.get())) ||
+            props.vModel?.get());
     });
     const displayTooltip = debounce(() => {
         if (showTooltip) {
@@ -71,18 +64,17 @@ export const useSliderButton = (props, initData, emit) => {
         }
     };
     const onButtonDown = (event) => {
-        var _a;
         // console.warn('onButtonDown');
         if (disabled)
             return;
-        event === null || event === void 0 ? void 0 : event.preventDefault();
+        event?.preventDefault();
         onDragStart(event);
         window.addEventListener('mousemove', onDragging);
         window.addEventListener('touchmove', onDragging);
         window.addEventListener('mouseup', onDragEnd);
         window.addEventListener('touchend', onDragEnd);
         window.addEventListener('contextmenu', onDragEnd);
-        (_a = button.get()) === null || _a === void 0 ? void 0 : _a.focus();
+        button.get()?.focus();
     };
     const incrementPosition = (amount) => {
         // console.warn('incrementPosition . ');
@@ -119,8 +111,9 @@ export const useSliderButton = (props, initData, emit) => {
         emitChange();
     };
     const onKeyDown = (event) => {
+        const code = getEventCode(event);
         let isPreventDefault = true;
-        switch (event === null || event === void 0 ? void 0 : event.code) {
+        switch (code) {
             case EVENT_CODE.left:
             case EVENT_CODE.down:
                 onLeftKeyDown();
@@ -146,12 +139,12 @@ export const useSliderButton = (props, initData, emit) => {
                 break;
         }
         if (isPreventDefault)
-            event === null || event === void 0 ? void 0 : event.preventDefault();
+            event?.preventDefault();
     };
     const getClientXY = (event) => {
         let clientX;
         let clientY;
-        if (event === null || event === void 0 ? void 0 : event.type.startsWith('touch')) {
+        if (event?.type.startsWith('touch')) {
             clientY = event.touches[0].clientY;
             clientX = event.touches[0].clientX;
         }
@@ -222,32 +215,36 @@ export const useSliderButton = (props, initData, emit) => {
             window.removeEventListener('contextmenu', onDragEnd);
         }
     };
-    const setPosition = (newPosition) => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b;
+    const setPosition = async (newPosition) => {
         // console.warn('setPosition');
-        if (newPosition === null || Number.isNaN(+newPosition))
-            return;
-        if (newPosition < 0) {
-            newPosition = 0;
+        newPosition = clamp(newPosition, 0, 100);
+        const fullSteps = Math.floor((unref(max) - unref(minValue)) / step);
+        const fullRangePercentage = ((fullSteps * step) / (unref(max) - unref(minValue))) * 100;
+        const threshold = fullRangePercentage + (100 - fullRangePercentage) / 2;
+        let value;
+        if (newPosition < fullRangePercentage) {
+            const valueBetween = fullRangePercentage / fullSteps;
+            const steps = Math.round(newPosition / valueBetween);
+            value = unref(minValue) + steps * step;
         }
-        else if (newPosition > 100) {
-            newPosition = 100;
+        else if (newPosition < threshold) {
+            value = unref(minValue) + fullSteps * step;
+        }
+        else {
+            value = unref(max);
         }
-        const lengthPerStep = 100 / ((unref(max) - unref(minValue)) / step);
-        const steps = Math.round(newPosition / lengthPerStep);
-        let value = steps * lengthPerStep * (unref(max) - unref(minValue)) * 0.01 + unref(minValue);
         value = Number.parseFloat(value.toFixed(precision.get()));
-        if (value !== props.modelValue) {
+        if (value !== props.vModel?.get()) {
             emit(UPDATE_MODEL_EVENT, value);
         }
-        if (!initData.dragging && props.modelValue !== initData.oldValue) {
-            initData.oldValue = props.modelValue;
+        if (!initData.dragging && props.vModel?.get() !== initData.oldValue) {
+            initData.oldValue = props.vModel?.get();
         }
-        yield nextTick();
+        await nextTick();
         if (initData.dragging)
             displayTooltip();
-        (_b = tooltip === null || tooltip === void 0 ? void 0 : (_a = tooltip.get()).updatePopper) === null || _b === void 0 ? void 0 : _b.call(_a);
-    });
+        tooltip?.get()?.updatePopper?.();
+    };
     watch(() => initData.dragging, (val) => {
         updateDragging(val);
     });