@symbiote-native/slider 5.0.3 → 5.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +24 -7
- package/build/angular/slider/index.android.js +9 -1
- package/build/angular/slider/index.ios.js +10 -2
- package/build/angular/slider/shared.d.ts +6 -1
- package/build/angular/slider/shared.js +23 -1
- package/build/core/index.d.ts +2 -2
- package/build/core/render-slider.js +5 -1
- package/build/core/render-steps-indicator.js +13 -4
- package/build/core/slider-props.js +4 -6
- package/build/react/slider/index.ios.js +1 -1
- package/build/react/slider/shared.js +11 -4
- package/build/register/index.js +5 -2
- package/build/solid/index.d.ts +4 -0
- package/build/solid/index.js +8 -0
- package/build/solid/slider/index.android.d.ts +2 -0
- package/build/solid/slider/index.android.js +10 -0
- package/build/solid/slider/index.d.ts +1 -0
- package/build/solid/slider/index.ios.d.ts +2 -0
- package/build/solid/slider/index.ios.js +11 -0
- package/build/solid/slider/index.js +4 -0
- package/build/solid/slider/shared.d.ts +12 -0
- package/build/solid/slider/shared.js +296 -0
- package/build/svelte/index.d.ts +3 -0
- package/build/svelte/index.js +9 -0
- package/build/svelte/slider/index.svelte +326 -0
- package/build/svelte/slider/index.svelte.d.ts +5 -0
- package/build/svelte/slider/slider-platform.android.d.ts +2 -0
- package/build/svelte/slider/slider-platform.android.js +11 -0
- package/build/svelte/slider/slider-platform.d.ts +1 -0
- package/build/svelte/slider/slider-platform.ios.d.ts +2 -0
- package/build/svelte/slider/slider-platform.ios.js +12 -0
- package/build/svelte/slider/slider-platform.js +5 -0
- package/build/svelte/slider/slider-props.d.ts +7 -0
- package/build/svelte/slider/slider-props.js +1 -0
- package/build/vue/slider/index.ios.js +1 -1
- package/build/vue/slider/shared.js +11 -5
- package/build-ngc/angular/slider/index.android.js +18 -4
- package/build-ngc/angular/slider/index.android.js.map +1 -1
- package/build-ngc/angular/slider/index.ios.js +19 -5
- package/build-ngc/angular/slider/index.ios.js.map +1 -1
- package/build-ngc/angular/slider/shared.d.ts +6 -1
- package/build-ngc/angular/slider/shared.js +26 -4
- package/build-ngc/angular/slider/shared.js.map +1 -1
- package/build-ngc/core/index.d.ts +2 -2
- package/build-ngc/core/index.js.map +1 -1
- package/build-ngc/core/render-slider.js +5 -1
- package/build-ngc/core/render-slider.js.map +1 -1
- package/build-ngc/core/render-steps-indicator.js +13 -4
- package/build-ngc/core/render-steps-indicator.js.map +1 -1
- package/build-ngc/core/slider-props.js +4 -6
- package/build-ngc/core/slider-props.js.map +1 -1
- package/build-ngc/core/slider-state.js.map +1 -1
- package/build-ngc/register/index.js +5 -2
- package/build-ngc/register/index.js.map +1 -1
- package/package.json +48 -15
- package/src/angular/slider/index.android.ts +9 -1
- package/src/angular/slider/index.ios.ts +13 -2
- package/src/angular/slider/shared.ts +55 -10
- package/src/core/index.ts +9 -2
- package/src/core/render-slider.ts +24 -6
- package/src/core/render-steps-indicator.ts +38 -10
- package/src/core/slider-props.ts +17 -17
- package/src/core/slider-state.ts +16 -5
- package/src/react/slider/index.ios.ts +4 -1
- package/src/react/slider/shared.ts +66 -15
- package/src/register/index.ts +9 -2
- package/src/solid/index.ts +12 -0
- package/src/solid/slider/index.android.ts +15 -0
- package/src/solid/slider/index.ios.ts +19 -0
- package/src/solid/slider/index.ts +5 -0
- package/src/solid/slider/shared.ts +468 -0
- package/src/svelte/index.ts +12 -0
- package/src/svelte/slider/index.svelte +326 -0
- package/src/svelte/slider/slider-platform.android.ts +14 -0
- package/src/svelte/slider/slider-platform.ios.ts +18 -0
- package/src/svelte/slider/slider-platform.ts +5 -0
- package/src/svelte/slider/slider-props.ts +17 -0
- package/src/vue/slider/index.ios.ts +4 -1
- package/src/vue/slider/shared.ts +72 -19
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// Slider on iOS: the native view has an intrinsic 40pt height (the wrapper applies it as the
|
|
2
|
+
// default), lays out implicit steps at 1000-point resolution, and nudges the step row down 10pt.
|
|
3
|
+
// Also the base (./slider-platform re-exports it) for headless. Mirrors
|
|
4
|
+
// packages/slider/src/vue/slider/index.ios.ts exactly, one level down (platform CONSTANT here,
|
|
5
|
+
// not a per-platform component — see index.svelte's header).
|
|
6
|
+
import { SLIDER_IOS_DEFAULT_HEIGHT, SLIDER_STEP_RESOLUTION_IOS, } from '../../core/index.js';
|
|
7
|
+
const IOS_STEPS_CONTAINER_TOP = 10;
|
|
8
|
+
export const PLATFORM = {
|
|
9
|
+
defaultStyle: { height: SLIDER_IOS_DEFAULT_HEIGHT },
|
|
10
|
+
stepResolution: SLIDER_STEP_RESOLUTION_IOS,
|
|
11
|
+
stepsContainerTop: IOS_STEPS_CONTAINER_TOP,
|
|
12
|
+
};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
// Base / default: re-exports the iOS build. Metro overrides this with slider-platform.ios.ts /
|
|
2
|
+
// slider-platform.android.ts on a real host; under tsc/vitest the host config resolves here.
|
|
3
|
+
// Filename is the selector, no Platform.OS read — same convention as adapters/svelte's own
|
|
4
|
+
// switch-platform.ts.
|
|
5
|
+
export * from './slider-platform.ios.js';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Snippet } from 'svelte';
|
|
2
|
+
import type { IClassNameValue } from '@symbiote-native/engine';
|
|
3
|
+
import type { ISliderProps as ISliderBaseProps, IStepMarkerProps } from '../../core';
|
|
4
|
+
export type ISliderProps = ISliderBaseProps & {
|
|
5
|
+
class?: IClassNameValue;
|
|
6
|
+
stepMarker?: Snippet<[IStepMarkerProps]>;
|
|
7
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
// default), lays out implicit steps at 1000-point resolution, and nudges the step row down 10pt.
|
|
3
3
|
// Also the base (./index re-exports it) for headless. Mirrors the library's iOS branches.
|
|
4
4
|
import { createSlider } from './shared.js';
|
|
5
|
-
import { SLIDER_IOS_DEFAULT_HEIGHT, SLIDER_STEP_RESOLUTION_IOS } from '../../core/index.js';
|
|
5
|
+
import { SLIDER_IOS_DEFAULT_HEIGHT, SLIDER_STEP_RESOLUTION_IOS, } from '../../core/index.js';
|
|
6
6
|
const IOS_STEPS_CONTAINER_TOP = 10;
|
|
7
7
|
export const Slider = createSlider({
|
|
8
8
|
defaultStyle: { height: SLIDER_IOS_DEFAULT_HEIGHT },
|
|
@@ -6,9 +6,9 @@
|
|
|
6
6
|
// and color processors from the library's ViewConfig at runtime. That ViewConfig is registered by
|
|
7
7
|
// the side-effect import in ../register (pulled in by the package barrel, NOT here, so this module
|
|
8
8
|
// and its tests stay free of the third-party spec).
|
|
9
|
-
import { defineComponent, h, ref } from '@vue/runtime-core';
|
|
9
|
+
import { defineComponent, h, ref, } from '@vue/runtime-core';
|
|
10
10
|
import { descriptorToVue, normalizeVueAttrs, resolveModelValue, emitModelUpdate, Image, } from '@symbiote-native/vue';
|
|
11
|
-
import { dlog } from '@symbiote-native/engine';
|
|
11
|
+
import { dlog, } from '@symbiote-native/engine';
|
|
12
12
|
import { sanitizeSliderValue, resolveSliderDisabled, resolveSliderAccessibilityState, resolveSliderLowerLimit, resolveSliderUpperLimit, valueFromSliderEvent, shouldRenderStepsIndicator, resolveThumbTintColor, shouldPassNativeThumbImage, isInvalidLimitConfig, computeStepOptions, orderStepOptions, stepNumberFontSize, renderSlider, renderSliderNative, resolveStepsContainerStyle, renderStepsIndicator, STEP_INDICATOR_ELEMENT_STYLE, TRACK_MARK_CONTAINER_STYLE, THUMB_IMAGE_CONTAINER_STYLE, THUMB_IMAGE_STYLE, STEP_NUMBER_CONTAINER_STYLE, SLIDER_DEFAULT_MINIMUM_VALUE, SLIDER_DEFAULT_MAXIMUM_VALUE, SLIDER_DEFAULT_STEP, SLIDER_ON_CHANGE, SLIDER_ON_VALUE_CHANGE, SLIDER_ON_SLIDING_START, SLIDER_ON_SLIDING_COMPLETE, SLIDER_ON_ACCESSIBILITY_ACTION, } from '../../core/index.js';
|
|
13
13
|
function isRecord(value) {
|
|
14
14
|
return typeof value === 'object' && value !== null && !Array.isArray(value);
|
|
@@ -23,14 +23,17 @@ function asBoolean(value) {
|
|
|
23
23
|
return typeof value === 'boolean' ? value : undefined;
|
|
24
24
|
}
|
|
25
25
|
function isImageSourceProp(value) {
|
|
26
|
-
return typeof value === 'number' || (typeof value === 'object' && value !== null);
|
|
26
|
+
return (typeof value === 'number' || (typeof value === 'object' && value !== null));
|
|
27
27
|
}
|
|
28
28
|
// accessibilityState arrives untyped; narrow its disabled flag for the fold while preserving the
|
|
29
29
|
// other entries at runtime (the resolve spread carries them onto the native node).
|
|
30
30
|
function asAccessibilityState(value) {
|
|
31
31
|
if (!isRecord(value))
|
|
32
32
|
return undefined;
|
|
33
|
-
return {
|
|
33
|
+
return {
|
|
34
|
+
...value,
|
|
35
|
+
disabled: typeof value.disabled === 'boolean' ? value.disabled : undefined,
|
|
36
|
+
};
|
|
34
37
|
}
|
|
35
38
|
// The props/handlers the lifecycle consumes itself; everything else (the track tints + images,
|
|
36
39
|
// thumbSize, tapToSeek, vertical, accessibility*/testID/aria-*) forwards onto the native node.
|
|
@@ -233,7 +236,10 @@ function renderCustomStepsOverlay(params) {
|
|
|
233
236
|
if (marker !== undefined)
|
|
234
237
|
trackChildren.push(h('symbiote-view', {}, marker));
|
|
235
238
|
if (isImageSourceProp(params.thumbImage) && value === params.currentValue) {
|
|
236
|
-
trackChildren.push(h('symbiote-view', {
|
|
239
|
+
trackChildren.push(h('symbiote-view', {
|
|
240
|
+
style: THUMB_IMAGE_CONTAINER_STYLE,
|
|
241
|
+
testID: 'sliderTrackMark-thumbImage',
|
|
242
|
+
}, [h(Image, { source: params.thumbImage, style: THUMB_IMAGE_STYLE })]));
|
|
237
243
|
}
|
|
238
244
|
const cellChildren = [
|
|
239
245
|
h('symbiote-view', { style: TRACK_MARK_CONTAINER_STYLE }, trackChildren),
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
// Slider on Android: the native view sizes itself (no default height), lays out implicit steps at
|
|
2
2
|
// 128-point resolution, and keeps the step row at the top. Mirrors the library's Android branches.
|
|
3
|
-
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
import { ChangeDetectionStrategy, Component, forwardRef } from '@angular/core';
|
|
4
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
4
5
|
import { DescriptorOutlet } from '@symbiote-native/angular';
|
|
5
6
|
import { SliderBase } from './shared';
|
|
6
7
|
import { SLIDER_STEP_RESOLUTION_ANDROID } from '../../core';
|
|
@@ -12,16 +13,29 @@ export class Slider extends SliderBase {
|
|
|
12
13
|
stepResolution: SLIDER_STEP_RESOLUTION_ANDROID,
|
|
13
14
|
stepsContainerTop: ANDROID_STEPS_CONTAINER_TOP,
|
|
14
15
|
};
|
|
15
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
16
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.
|
|
16
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: Slider, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: Slider, isStandalone: true, selector: "Slider", providers: [
|
|
18
|
+
{
|
|
19
|
+
provide: NG_VALUE_ACCESSOR,
|
|
20
|
+
useExisting: forwardRef(() => Slider),
|
|
21
|
+
multi: true,
|
|
22
|
+
},
|
|
23
|
+
], usesInheritance: true, ngImport: i0, template: `<symbiote-descriptor-outlet [node]="descriptor" />`, isInline: true, dependencies: [{ kind: "component", type: DescriptorOutlet, selector: "symbiote-descriptor-outlet", inputs: ["node"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
17
24
|
}
|
|
18
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: Slider, decorators: [{
|
|
19
26
|
type: Component,
|
|
20
27
|
args: [{
|
|
21
28
|
selector: 'Slider',
|
|
22
29
|
standalone: true,
|
|
23
30
|
imports: [DescriptorOutlet],
|
|
24
31
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
32
|
+
providers: [
|
|
33
|
+
{
|
|
34
|
+
provide: NG_VALUE_ACCESSOR,
|
|
35
|
+
useExisting: forwardRef(() => Slider),
|
|
36
|
+
multi: true,
|
|
37
|
+
},
|
|
38
|
+
],
|
|
25
39
|
template: `<symbiote-descriptor-outlet [node]="descriptor" />`,
|
|
26
40
|
}]
|
|
27
41
|
}] });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.android.js","sourceRoot":"","sources":["../../../src/angular/slider/index.android.ts"],"names":[],"mappings":"AAAA,kGAAkG;AAClG,mGAAmG;AAEnG,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"index.android.js","sourceRoot":"","sources":["../../../src/angular/slider/index.android.ts"],"names":[],"mappings":"AAAA,kGAAkG;AAClG,mGAAmG;AAEnG,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,8BAA8B,EAAE,MAAM,YAAY,CAAC;;AAG5D,MAAM,2BAA2B,GAAG,CAAC,CAAC;AAgBtC,MAAM,OAAO,MAAO,SAAQ,UAAU;IACjB,QAAQ,GAAG;QAC5B,YAAY,EAAE,EAAE;QAChB,cAAc,EAAE,8BAA8B;QAC9C,iBAAiB,EAAE,2BAA2B;KAC/C,CAAC;uGALS,MAAM;2FAAN,MAAM,qDATN;YACT;gBACE,OAAO,EAAE,iBAAiB;gBAC1B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC;gBACrC,KAAK,EAAE,IAAI;aACZ;SACF,iDACS,oDAAoD,4DATpD,gBAAgB;;2FAWf,MAAM;kBAdlB,SAAS;mBAAC;oBACT,QAAQ,EAAE,QAAQ;oBAClB,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,gBAAgB,CAAC;oBAC3B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,SAAS,EAAE;wBACT;4BACE,OAAO,EAAE,iBAAiB;4BAC1B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,OAAO,CAAC;4BACrC,KAAK,EAAE,IAAI;yBACZ;qBACF;oBACD,QAAQ,EAAE,oDAAoD;iBAC/D"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
// Slider on iOS: the native view has an intrinsic 40pt height (the wrapper applies it as the
|
|
2
2
|
// default), lays out implicit steps at 1000-point resolution, and nudges the step row down 10pt.
|
|
3
3
|
// Also the base (./index re-exports it) for headless. Mirrors the library's iOS branches.
|
|
4
|
-
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
4
|
+
import { ChangeDetectionStrategy, Component, forwardRef } from '@angular/core';
|
|
5
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
5
6
|
import { DescriptorOutlet } from '@symbiote-native/angular';
|
|
6
7
|
import { SliderBase } from './shared';
|
|
7
|
-
import { SLIDER_IOS_DEFAULT_HEIGHT, SLIDER_STEP_RESOLUTION_IOS } from '../../core';
|
|
8
|
+
import { SLIDER_IOS_DEFAULT_HEIGHT, SLIDER_STEP_RESOLUTION_IOS, } from '../../core';
|
|
8
9
|
import * as i0 from "@angular/core";
|
|
9
10
|
const IOS_STEPS_CONTAINER_TOP = 10;
|
|
10
11
|
export class Slider extends SliderBase {
|
|
@@ -13,16 +14,29 @@ export class Slider extends SliderBase {
|
|
|
13
14
|
stepResolution: SLIDER_STEP_RESOLUTION_IOS,
|
|
14
15
|
stepsContainerTop: IOS_STEPS_CONTAINER_TOP,
|
|
15
16
|
};
|
|
16
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
17
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.
|
|
17
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: Slider, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: Slider, isStandalone: true, selector: "Slider", providers: [
|
|
19
|
+
{
|
|
20
|
+
provide: NG_VALUE_ACCESSOR,
|
|
21
|
+
useExisting: forwardRef(() => Slider),
|
|
22
|
+
multi: true,
|
|
23
|
+
},
|
|
24
|
+
], usesInheritance: true, ngImport: i0, template: `<symbiote-descriptor-outlet [node]="descriptor" />`, isInline: true, dependencies: [{ kind: "component", type: DescriptorOutlet, selector: "symbiote-descriptor-outlet", inputs: ["node"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
18
25
|
}
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: Slider, decorators: [{
|
|
20
27
|
type: Component,
|
|
21
28
|
args: [{
|
|
22
29
|
selector: 'Slider',
|
|
23
30
|
standalone: true,
|
|
24
31
|
imports: [DescriptorOutlet],
|
|
25
32
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
33
|
+
providers: [
|
|
34
|
+
{
|
|
35
|
+
provide: NG_VALUE_ACCESSOR,
|
|
36
|
+
useExisting: forwardRef(() => Slider),
|
|
37
|
+
multi: true,
|
|
38
|
+
},
|
|
39
|
+
],
|
|
26
40
|
template: `<symbiote-descriptor-outlet [node]="descriptor" />`,
|
|
27
41
|
}]
|
|
28
42
|
}] });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.ios.js","sourceRoot":"","sources":["../../../src/angular/slider/index.ios.ts"],"names":[],"mappings":"AAAA,6FAA6F;AAC7F,iGAAiG;AACjG,0FAA0F;AAE1F,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"index.ios.js","sourceRoot":"","sources":["../../../src/angular/slider/index.ios.ts"],"names":[],"mappings":"AAAA,6FAA6F;AAC7F,iGAAiG;AACjG,0FAA0F;AAE1F,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EACL,yBAAyB,EACzB,0BAA0B,GAC3B,MAAM,YAAY,CAAC;;AAGpB,MAAM,uBAAuB,GAAG,EAAE,CAAC;AAgBnC,MAAM,OAAO,MAAO,SAAQ,UAAU;IACjB,QAAQ,GAAG;QAC5B,YAAY,EAAE,EAAE,MAAM,EAAE,yBAAyB,EAAE;QACnD,cAAc,EAAE,0BAA0B;QAC1C,iBAAiB,EAAE,uBAAuB;KAC3C,CAAC;uGALS,MAAM;2FAAN,MAAM,qDATN;YACT;gBACE,OAAO,EAAE,iBAAiB;gBAC1B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC;gBACrC,KAAK,EAAE,IAAI;aACZ;SACF,iDACS,oDAAoD,4DATpD,gBAAgB;;2FAWf,MAAM;kBAdlB,SAAS;mBAAC;oBACT,QAAQ,EAAE,QAAQ;oBAClB,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,gBAAgB,CAAC;oBAC3B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,SAAS,EAAE;wBACT;4BACE,OAAO,EAAE,iBAAiB;4BAC1B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,OAAO,CAAC;4BACrC,KAAK,EAAE,IAAI;yBACZ;qBACF;oBACD,QAAQ,EAAE,oDAAoD;iBAC/D"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { EventEmitter, type OnChanges } from '@angular/core';
|
|
2
|
+
import type { ControlValueAccessor } from '@angular/forms';
|
|
2
3
|
import type { IAccessibilityProps, IAccessibilityStateValue, IAriaProps, IDescriptor } from '@symbiote-native/components';
|
|
3
4
|
import { type ISymbioteEvent } from '@symbiote-native/engine';
|
|
4
5
|
import { type ISliderPlatform, type ISliderProps as ISliderBaseProps } from '../../core';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
7
|
export type ISliderProps = Omit<ISliderBaseProps, 'onValueChange' | 'onSlidingStart' | 'onSlidingComplete' | 'onAccessibilityAction'>;
|
|
7
|
-
export declare abstract class SliderBase implements ISliderProps, OnChanges {
|
|
8
|
+
export declare abstract class SliderBase implements ISliderProps, OnChanges, ControlValueAccessor {
|
|
8
9
|
value?: number;
|
|
9
10
|
minimumValue?: number;
|
|
10
11
|
maximumValue?: number;
|
|
@@ -80,6 +81,10 @@ export declare abstract class SliderBase implements ISliderProps, OnChanges {
|
|
|
80
81
|
protected readonly handleSlidingComplete: (event: ISymbioteEvent) => void;
|
|
81
82
|
protected readonly handleAccessibilityAction: (event: ISymbioteEvent) => void;
|
|
82
83
|
protected readonly handleLayout: (event: ISymbioteEvent) => void;
|
|
84
|
+
writeValue(value: number | null): void;
|
|
85
|
+
registerOnChange(fn: (value: number) => void): void;
|
|
86
|
+
registerOnTouched(fn: () => void): void;
|
|
87
|
+
setDisabledState(isDisabled: boolean): void;
|
|
83
88
|
private inputProps;
|
|
84
89
|
get descriptor(): IDescriptor;
|
|
85
90
|
static ɵfac: i0.ɵɵFactoryDeclaration<SliderBase, never>;
|
|
@@ -155,6 +155,25 @@ export class SliderBase {
|
|
|
155
155
|
this.changeDetector.markForCheck();
|
|
156
156
|
}
|
|
157
157
|
};
|
|
158
|
+
// ControlValueAccessor — `value`/`disabled` are plain @Input() fields feeding the `descriptor`
|
|
159
|
+
// getter (re-evaluated on every OnPush check, no fold/commit dance), so writeValue()/
|
|
160
|
+
// setDisabledState() can set them straight, no TextInput-style stale-safe seam needed.
|
|
161
|
+
writeValue(value) {
|
|
162
|
+
this.value = value ?? undefined;
|
|
163
|
+
this.changeDetector.markForCheck();
|
|
164
|
+
}
|
|
165
|
+
registerOnChange(fn) {
|
|
166
|
+
this.valueChange.subscribe(fn);
|
|
167
|
+
}
|
|
168
|
+
registerOnTouched(fn) {
|
|
169
|
+
// Slider has no blur concept (it's a drag control, not a text field) — the thumb release is
|
|
170
|
+
// the closest "the user is done interacting" signal.
|
|
171
|
+
this.slidingComplete.subscribe(() => fn());
|
|
172
|
+
}
|
|
173
|
+
setDisabledState(isDisabled) {
|
|
174
|
+
this.disabled = isDisabled;
|
|
175
|
+
this.changeDetector.markForCheck();
|
|
176
|
+
}
|
|
158
177
|
inputProps() {
|
|
159
178
|
return {
|
|
160
179
|
value: this.value,
|
|
@@ -275,12 +294,15 @@ export class SliderBase {
|
|
|
275
294
|
inverted,
|
|
276
295
|
platform: this.platform,
|
|
277
296
|
});
|
|
278
|
-
return renderSlider(view, this.platform, {
|
|
297
|
+
return renderSlider(view, this.platform, {
|
|
298
|
+
steps,
|
|
299
|
+
onLayout: this.handleLayout,
|
|
300
|
+
});
|
|
279
301
|
}
|
|
280
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
281
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.
|
|
302
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SliderBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
303
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: SliderBase, isStandalone: true, inputs: { value: "value", minimumValue: "minimumValue", maximumValue: "maximumValue", step: "step", lowerLimit: "lowerLimit", upperLimit: "upperLimit", minimumTrackTintColor: "minimumTrackTintColor", maximumTrackTintColor: "maximumTrackTintColor", thumbTintColor: "thumbTintColor", disabled: "disabled", inverted: "inverted", tapToSeek: "tapToSeek", vertical: "vertical", thumbImage: "thumbImage", minimumTrackImage: "minimumTrackImage", maximumTrackImage: "maximumTrackImage", trackImage: "trackImage", thumbSize: "thumbSize", accessibilityUnits: "accessibilityUnits", accessibilityIncrements: "accessibilityIncrements", renderStepNumber: "renderStepNumber", testID: "testID", style: "style", nativeID: "nativeID", accessible: "accessible", accessibilityLabel: "accessibilityLabel", accessibilityHint: "accessibilityHint", accessibilityRole: "accessibilityRole", accessibilityState: "accessibilityState", accessibilityValue: "accessibilityValue", accessibilityActions: "accessibilityActions", accessibilityLabelledBy: "accessibilityLabelledBy", importantForAccessibility: "importantForAccessibility", accessibilityLiveRegion: "accessibilityLiveRegion", screenReaderFocusable: "screenReaderFocusable", accessibilityViewIsModal: "accessibilityViewIsModal", accessibilityElementsHidden: "accessibilityElementsHidden", accessibilityIgnoresInvertColors: "accessibilityIgnoresInvertColors", accessibilityLanguage: "accessibilityLanguage", accessibilityRespondsToUserInteraction: "accessibilityRespondsToUserInteraction", accessibilityShowsLargeContentViewer: "accessibilityShowsLargeContentViewer", accessibilityLargeContentTitle: "accessibilityLargeContentTitle", onAccessibilityTap: "onAccessibilityTap", onMagicTap: "onMagicTap", onAccessibilityEscape: "onAccessibilityEscape", role: "role", ariaLabel: ["aria-label", "ariaLabel"], ariaLabelledBy: ["aria-labelledby", "ariaLabelledBy"], ariaLive: ["aria-live", "ariaLive"], ariaHidden: ["aria-hidden", "ariaHidden"], ariaBusy: ["aria-busy", "ariaBusy"], ariaChecked: ["aria-checked", "ariaChecked"], ariaDisabled: ["aria-disabled", "ariaDisabled"], ariaExpanded: ["aria-expanded", "ariaExpanded"], ariaSelected: ["aria-selected", "ariaSelected"], ariaModal: ["aria-modal", "ariaModal"], ariaValueMax: ["aria-valuemax", "ariaValueMax"], ariaValueMin: ["aria-valuemin", "ariaValueMin"], ariaValueNow: ["aria-valuenow", "ariaValueNow"], ariaValueText: ["aria-valuetext", "ariaValueText"] }, outputs: { valueChange: "valueChange", slidingStart: "slidingStart", slidingComplete: "slidingComplete", accessibilityAction: "accessibilityAction" }, usesOnChanges: true, ngImport: i0 });
|
|
282
304
|
}
|
|
283
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
305
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SliderBase, decorators: [{
|
|
284
306
|
type: Directive
|
|
285
307
|
}], propDecorators: { value: [{
|
|
286
308
|
type: Input
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../src/angular/slider/shared.ts"],"names":[],"mappings":"AAAA,6FAA6F;AAC7F,mGAAmG;AACnG,iGAAiG;AACjG,uFAAuF;AACvF,4FAA4F;AAC5F,gGAAgG;AAChG,2FAA2F;AAC3F,kGAAkG;AAClG,gGAAgG;AAChG,gGAAgG;AAChG,kGAAkG;AAClG,6FAA6F;AAC7F,6EAA6E;AAC7E,EAAE;AACF,gGAAgG;AAChG,6FAA6F;AAC7F,qFAAqF;AACrF,+FAA+F;AAC/F,wFAAwF;AACxF,qFAAqF;AACrF,kGAAkG;AAClG,4FAA4F;AAC5F,kGAAkG;AAClG,4EAA4E;AAE5E,OAAO,EACL,iBAAiB,EACjB,SAAS,EACT,UAAU,EACV,YAAY,EACZ,MAAM,EACN,KAAK,EACL,MAAM,GAEP,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../src/angular/slider/shared.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export * from './constants';
|
|
2
2
|
export { sanitizeSliderValue, resolveSliderDisabled, resolveSliderAccessibilityState, resolveSliderLowerLimit, resolveSliderUpperLimit, valueFromSliderEvent, computeStepOptions, shouldRenderStepsIndicator, resolveThumbTintColor, shouldPassNativeThumbImage, isInvalidLimitConfig, } from './slider-state';
|
|
3
3
|
export type { ISliderAccessibilityState } from './slider-state';
|
|
4
|
-
export type { ISliderProps, ISliderPlatform, ISliderViewProps } from './slider-props';
|
|
4
|
+
export type { ISliderProps, ISliderPlatform, ISliderViewProps, } from './slider-props';
|
|
5
5
|
export { renderSlider, renderSliderNative, resolveSliderWrapperStyle, resolveSliderNativeStyle, } from './render-slider';
|
|
6
6
|
export { renderStepsIndicator, resolveStepsContainerStyle, stepNumberFontSize, orderStepOptions, STEP_INDICATOR_ELEMENT_STYLE, TRACK_MARK_CONTAINER_STYLE, THUMB_IMAGE_CONTAINER_STYLE, THUMB_IMAGE_STYLE, STEP_NUMBER_CONTAINER_STYLE, } from './render-steps-indicator';
|
|
7
|
-
export type { IStepsIndicatorParams, IStepMarkerProps } from './render-steps-indicator';
|
|
7
|
+
export type { IStepsIndicatorParams, IStepMarkerProps, } from './render-steps-indicator';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/core/index.ts"],"names":[],"mappings":"AAAA,oGAAoG;AACpG,8FAA8F;AAC9F,gGAAgG;AAChG,gGAAgG;AAChG,mGAAmG;AACnG,wFAAwF;AAExF,cAAc,aAAa,CAAC;AAE5B,OAAO,EACL,mBAAmB,EACnB,qBAAqB,EACrB,+BAA+B,EAC/B,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,EACpB,kBAAkB,EAClB,0BAA0B,EAC1B,qBAAqB,EACrB,0BAA0B,EAC1B,oBAAoB,GACrB,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/core/index.ts"],"names":[],"mappings":"AAAA,oGAAoG;AACpG,8FAA8F;AAC9F,gGAAgG;AAChG,gGAAgG;AAChG,mGAAmG;AACnG,wFAAwF;AAExF,cAAc,aAAa,CAAC;AAE5B,OAAO,EACL,mBAAmB,EACnB,qBAAqB,EACrB,+BAA+B,EAC/B,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,EACpB,kBAAkB,EAClB,0BAA0B,EAC1B,qBAAqB,EACrB,0BAA0B,EAC1B,oBAAoB,GACrB,MAAM,gBAAgB,CAAC;AASxB,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,yBAAyB,EACzB,wBAAwB,GACzB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EACL,oBAAoB,EACpB,0BAA0B,EAC1B,kBAAkB,EAClB,gBAAgB,EAChB,4BAA4B,EAC5B,0BAA0B,EAC1B,2BAA2B,EAC3B,iBAAiB,EACjB,2BAA2B,GAC5B,MAAM,0BAA0B,CAAC"}
|
|
@@ -11,7 +11,11 @@ import { RNC_SLIDER_VIEW_NAME } from './constants';
|
|
|
11
11
|
// The native slider stretches to the measured wrapper width when one is given (the step indicator
|
|
12
12
|
// and thumb then share one coordinate space); without it the slider sizes naturally.
|
|
13
13
|
export function resolveSliderNativeStyle(width, platform) {
|
|
14
|
-
const base = {
|
|
14
|
+
const base = {
|
|
15
|
+
zIndex: 1,
|
|
16
|
+
alignContent: 'center',
|
|
17
|
+
alignItems: 'center',
|
|
18
|
+
};
|
|
15
19
|
const sized = width === undefined ? base : [base, { width }];
|
|
16
20
|
return [platform.defaultStyle, sized];
|
|
17
21
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"render-slider.js","sourceRoot":"","sources":["../../src/core/render-slider.ts"],"names":[],"mappings":"AAAA,+FAA+F;AAC/F,4FAA4F;AAC5F,4FAA4F;AAC5F,8FAA8F;AAC9F,6FAA6F;AAC7F,4FAA4F;AAC5F,6CAA6C;AAE7C,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"render-slider.js","sourceRoot":"","sources":["../../src/core/render-slider.ts"],"names":[],"mappings":"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"}
|
|
@@ -64,16 +64,25 @@ export function orderStepOptions(options, inverted) {
|
|
|
64
64
|
function renderStepCell(value, displayIndex, params, fontSize) {
|
|
65
65
|
const trackMarkChildren = [];
|
|
66
66
|
if (params.thumbImage !== undefined && value === params.currentValue) {
|
|
67
|
-
trackMarkChildren.push(el('symbiote-view', {
|
|
67
|
+
trackMarkChildren.push(el('symbiote-view', {
|
|
68
|
+
style: THUMB_IMAGE_CONTAINER_STYLE,
|
|
69
|
+
testID: 'sliderTrackMark-thumbImage',
|
|
70
|
+
}, [
|
|
71
|
+
el('symbiote-image', {
|
|
72
|
+
source: params.thumbImage,
|
|
73
|
+
style: THUMB_IMAGE_STYLE,
|
|
74
|
+
}),
|
|
75
|
+
]));
|
|
68
76
|
}
|
|
69
77
|
const cellChildren = [
|
|
70
78
|
el('symbiote-view', { style: TRACK_MARK_CONTAINER_STYLE }, trackMarkChildren),
|
|
71
79
|
];
|
|
72
80
|
if (params.renderStepNumber === true) {
|
|
73
81
|
cellChildren.push(el('symbiote-view', { style: STEP_NUMBER_CONTAINER_STYLE }, [
|
|
74
|
-
txt({
|
|
75
|
-
|
|
76
|
-
|
|
82
|
+
txt({
|
|
83
|
+
testID: `${displayIndex}th-step`,
|
|
84
|
+
style: { fontSize },
|
|
85
|
+
}, [String(value)]),
|
|
77
86
|
]));
|
|
78
87
|
}
|
|
79
88
|
return el('symbiote-view', { style: STEP_INDICATOR_ELEMENT_STYLE }, cellChildren);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"render-steps-indicator.js","sourceRoot":"","sources":["../../src/core/render-steps-indicator.ts"],"names":[],"mappings":"AAAA,2FAA2F;AAC3F,+FAA+F;AAC/F,+FAA+F;AAC/F,6FAA6F;AAC7F,0FAA0F;AAC1F,6FAA6F;AAE7F,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"render-steps-indicator.js","sourceRoot":"","sources":["../../src/core/render-steps-indicator.ts"],"names":[],"mappings":"AAAA,2FAA2F;AAC3F,+FAA+F;AAC/F,+FAA+F;AAC/F,6FAA6F;AAC7F,0FAA0F;AAC1F,6FAA6F;AAE7F,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,6BAA6B,CAAC;AAMtD,OAAO,EACL,gCAAgC,EAChC,2BAA2B,EAC3B,6BAA6B,EAC7B,iCAAiC,GAClC,MAAM,aAAa,CAAC;AAGrB,+FAA+F;AAC/F,gEAAgE;AAChE,MAAM,CAAC,MAAM,4BAA4B,GAAe;IACtD,UAAU,EAAE,QAAQ;IACpB,YAAY,EAAE,QAAQ;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAe;IACpD,UAAU,EAAE,QAAQ;IACpB,YAAY,EAAE,QAAQ;IACtB,SAAS,EAAE,QAAQ;IACnB,cAAc,EAAE,QAAQ;IACxB,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,CAAC;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAe;IACrD,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,CAAC;IACT,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;IACpB,YAAY,EAAE,QAAQ;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAe;IAC3C,YAAY,EAAE,QAAQ;IACtB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,UAAU;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAe;IACrD,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,UAAU;CACrB,CAAC;AAEF,6FAA6F;AAC7F,qFAAqF;AACrF,MAAM,UAAU,0BAA0B,CACxC,KAAa,EACb,QAAyB;IAEzB,OAAO;QACL,IAAI,EAAE,CAAC;QACP,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,GAAG,EAAE,QAAQ,CAAC,iBAAiB;QAC/B,MAAM,EAAE,CAAC;QACT,gBAAgB,EAAE,KAAK,GAAG,gCAAgC;KAC3D,CAAC;AACJ,CAAC;AAED,6EAA6E;AAC7E,MAAM,UAAU,kBAAkB,CAAC,aAAqB;IACtD,OAAO,aAAa,GAAG,iCAAiC;QACtD,CAAC,CAAC,6BAA6B;QAC/B,CAAC,CAAC,2BAA2B,CAAC;AAClC,CAAC;AAED,4FAA4F;AAC5F,MAAM,UAAU,gBAAgB,CAC9B,OAA0B,EAC1B,QAA6B;IAE7B,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC;AAC1D,CAAC;AAuBD,uFAAuF;AACvF,uEAAuE;AACvE,SAAS,cAAc,CACrB,KAAa,EACb,YAAoB,EACpB,MAA6B,EAC7B,QAAgB;IAEhB,MAAM,iBAAiB,GAAuB,EAAE,CAAC;IACjD,IAAI,MAAM,CAAC,UAAU,KAAK,SAAS,IAAI,KAAK,KAAK,MAAM,CAAC,YAAY,EAAE,CAAC;QACrE,iBAAiB,CAAC,IAAI,CACpB,EAAE,CACA,eAAe,EACf;YACE,KAAK,EAAE,2BAA2B;YAClC,MAAM,EAAE,4BAA4B;SACrC,EACD;YACE,EAAE,CAAC,gBAAgB,EAAE;gBACnB,MAAM,EAAE,MAAM,CAAC,UAAU;gBACzB,KAAK,EAAE,iBAAiB;aACzB,CAAC;SACH,CACF,CACF,CAAC;IACJ,CAAC;IAED,MAAM,YAAY,GAAuB;QACvC,EAAE,CACA,eAAe,EACf,EAAE,KAAK,EAAE,0BAA0B,EAAE,EACrC,iBAAiB,CAClB;KACF,CAAC;IACF,IAAI,MAAM,CAAC,gBAAgB,KAAK,IAAI,EAAE,CAAC;QACrC,YAAY,CAAC,IAAI,CACf,EAAE,CAAC,eAAe,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE,EAAE;YAC1D,GAAG,CACD;gBACE,MAAM,EAAE,GAAG,YAAY,SAAS;gBAChC,KAAK,EAAE,EAAE,QAAQ,EAAuB;aACzC,EACD,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAChB;SACF,CAAC,CACH,CAAC;IACJ,CAAC;IACD,OAAO,EAAE,CACP,eAAe,EACf,EAAE,KAAK,EAAE,4BAA4B,EAAE,EACvC,YAAY,CACb,CAAC;AACJ,CAAC;AAED,4FAA4F;AAC5F,MAAM,UAAU,oBAAoB,CAClC,MAA6B;IAE7B,MAAM,QAAQ,GAAG,kBAAkB,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAC3D,MAAM,OAAO,GAAG,gBAAgB,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;IAClE,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE,CAChD,cAAc,CAAC,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,CAAC,CACtD,CAAC;IACF,OAAO,EAAE,CACP,eAAe,EACf;QACE,aAAa,EAAE,MAAM;QACrB,MAAM,EAAE,0BAA0B;QAClC,KAAK,EAAE,0BAA0B,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC;KACjE,EACD,KAAK,CACN,CAAC;AACJ,CAAC"}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
// Slider prop types.
|
|
2
|
-
//
|
|
3
|
-
//
|
|
4
|
-
//
|
|
5
|
-
// every adapter re-exports and extends; ISliderViewProps is the pre-resolved input the render fn
|
|
6
|
-
// paints.
|
|
1
|
+
// Slider prop types. ISliderProps is the shared agnostic base every adapter re-exports and
|
|
2
|
+
// extends; ISliderViewProps is the pre-resolved input the render fn paints. The custom
|
|
3
|
+
// `StepMarker` field is per-adapter (a framework element return type can't live here) - see
|
|
4
|
+
// CLAUDE.md's <prop_types_split_agnostic_vs_per_adapter>.
|
|
7
5
|
export {};
|
|
8
6
|
//# sourceMappingURL=slider-props.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slider-props.js","sourceRoot":"","sources":["../../src/core/slider-props.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"slider-props.js","sourceRoot":"","sources":["../../src/core/slider-props.ts"],"names":[],"mappings":"AAAA,2FAA2F;AAC3F,uFAAuF;AACvF,4FAA4F;AAC5F,0DAA0D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slider-state.js","sourceRoot":"","sources":["../../src/core/slider-state.ts"],"names":[],"mappings":"AAAA,6FAA6F;AAC7F,+FAA+F;AAC/F,+FAA+F;AAC/F,iGAAiG;AACjG,kGAAkG;AAGlG,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAU7E,+FAA+F;AAC/F,2FAA2F;AAC3F,6FAA6F;AAC7F,MAAM,UAAU,mBAAmB,
|
|
1
|
+
{"version":3,"file":"slider-state.js","sourceRoot":"","sources":["../../src/core/slider-state.ts"],"names":[],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
// hooks, so it is framework-agnostic and shared by every adapter entry (vue / react). Each adapter
|
|
7
7
|
// barrel imports it; the component modules and their headless tests stay free of the spec.
|
|
8
8
|
import '@react-native-community/slider/dist/RNCSliderNativeComponent';
|
|
9
|
-
import { processColor, registerComponent } from '@symbiote-native/engine';
|
|
9
|
+
import { processColor, registerComponent, } from '@symbiote-native/engine';
|
|
10
10
|
import { RNC_SLIDER_VIEW_NAME, SLIDER_ON_CHANGE, SLIDER_ON_VALUE_CHANGE, SLIDER_ON_SLIDING_START, SLIDER_ON_SLIDING_COMPLETE, SLIDER_ON_ACCESSIBILITY_ACTION, } from '../core';
|
|
11
11
|
function listenerName(prop) {
|
|
12
12
|
return prop.charAt(2).toLowerCase() + prop.slice(3);
|
|
@@ -22,7 +22,10 @@ function processSliderColor(value) {
|
|
|
22
22
|
registerComponent(RNC_SLIDER_VIEW_NAME, {
|
|
23
23
|
events: [
|
|
24
24
|
{ raw: 'topChange', listener: listenerName(SLIDER_ON_CHANGE) },
|
|
25
|
-
{
|
|
25
|
+
{
|
|
26
|
+
raw: 'topRNCSliderValueChange',
|
|
27
|
+
listener: listenerName(SLIDER_ON_VALUE_CHANGE),
|
|
28
|
+
},
|
|
26
29
|
{
|
|
27
30
|
raw: 'topRNCSliderSlidingStart',
|
|
28
31
|
listener: listenerName(SLIDER_ON_SLIDING_START),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/register/index.ts"],"names":[],"mappings":"AAAA,iGAAiG;AACjG,2FAA2F;AAC3F,6FAA6F;AAC7F,iGAAiG;AACjG,gGAAgG;AAChG,mGAAmG;AACnG,2FAA2F;AAE3F,OAAO,8DAA8D,CAAC;AACtE,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/register/index.ts"],"names":[],"mappings":"AAAA,iGAAiG;AACjG,2FAA2F;AAC3F,6FAA6F;AAC7F,iGAAiG;AACjG,gGAAgG;AAChG,mGAAmG;AACnG,2FAA2F;AAE3F,OAAO,8DAA8D,CAAC;AACtE,OAAO,EACL,YAAY,EACZ,iBAAiB,GAElB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EAChB,sBAAsB,EACtB,uBAAuB,EACvB,0BAA0B,EAC1B,8BAA8B,GAC/B,MAAM,SAAS,CAAC;AAEjB,SAAS,YAAY,CAAC,IAAY;IAChC,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACtD,CAAC;AAED,SAAS,kBAAkB,CAAC,KAAc;IACxC,OAAO,YAAY,CAAC,KAAoB,CAAC,CAAC;AAC5C,CAAC;AAED,iGAAiG;AACjG,oGAAoG;AACpG,gGAAgG;AAChG,kGAAkG;AAClG,kGAAkG;AAClG,iBAAiB,CAAC,oBAAoB,EAAE;IACtC,MAAM,EAAE;QACN,EAAE,GAAG,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,CAAC,gBAAgB,CAAC,EAAE;QAC9D;YACE,GAAG,EAAE,yBAAyB;YAC9B,QAAQ,EAAE,YAAY,CAAC,sBAAsB,CAAC;SAC/C;QACD;YACE,GAAG,EAAE,0BAA0B;YAC/B,QAAQ,EAAE,YAAY,CAAC,uBAAuB,CAAC;YAC/C,MAAM,EAAE,IAAI;SACb;QACD;YACE,GAAG,EAAE,6BAA6B;YAClC,QAAQ,EAAE,YAAY,CAAC,0BAA0B,CAAC;YAClD,MAAM,EAAE,IAAI;SACb;QACD;YACE,GAAG,EAAE,iCAAiC;YACtC,QAAQ,EAAE,YAAY,CAAC,8BAA8B,CAAC;YACtD,MAAM,EAAE,IAAI;SACb;KACF;IACD,UAAU,EAAE;QACV,qBAAqB,EAAE,kBAAkB;QACzC,qBAAqB,EAAE,kBAAkB;QACzC,cAAc,EAAE,kBAAkB;KACnC;CACF,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@symbiote-native/slider",
|
|
3
|
-
"version": "5.0
|
|
4
|
-
"description": "Third-party native Slider view wrapped for SymbioteNative — one framework-agnostic core, built once and reachable from the React, Vue, and
|
|
3
|
+
"version": "5.2.0",
|
|
4
|
+
"description": "Third-party native Slider view wrapped for SymbioteNative — one framework-agnostic core, built once and reachable from the React, Vue, Angular, Svelte, and Solid adapters.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -30,6 +30,14 @@
|
|
|
30
30
|
"types": "./build/react/index.d.ts",
|
|
31
31
|
"default": "./build/react/index.js"
|
|
32
32
|
},
|
|
33
|
+
"./svelte": {
|
|
34
|
+
"types": "./build/svelte/index.d.ts",
|
|
35
|
+
"default": "./build/svelte/index.js"
|
|
36
|
+
},
|
|
37
|
+
"./solid": {
|
|
38
|
+
"types": "./build/solid/index.d.ts",
|
|
39
|
+
"default": "./build/solid/index.js"
|
|
40
|
+
},
|
|
33
41
|
"./angular": {
|
|
34
42
|
"types": "./build-ngc/angular/index.d.ts",
|
|
35
43
|
"react-native": "./build-ngc/angular/index.js",
|
|
@@ -65,18 +73,23 @@
|
|
|
65
73
|
},
|
|
66
74
|
"dependencies": {
|
|
67
75
|
"@react-native-community/slider": "5.2.0",
|
|
68
|
-
"@symbiote-native/components": "0.
|
|
76
|
+
"@symbiote-native/components": "0.5.0"
|
|
69
77
|
},
|
|
70
78
|
"peerDependencies": {
|
|
79
|
+
"@symbiote-native/angular": ">=0.6.2",
|
|
71
80
|
"@symbiote-native/engine": ">=0.1.7",
|
|
81
|
+
"@symbiote-native/react": ">=0.2.8",
|
|
82
|
+
"@symbiote-native/solid": ">=0.0.1",
|
|
83
|
+
"@symbiote-native/svelte": ">=0.1.0",
|
|
84
|
+
"@symbiote-native/vue": ">=0.3.8",
|
|
72
85
|
"@angular/core": ">=20",
|
|
86
|
+
"@angular/forms": ">=20",
|
|
73
87
|
"@vue/runtime-core": "^3.5.13",
|
|
74
88
|
"react": ">=19.0.0",
|
|
75
89
|
"react-native": ">=0.86",
|
|
76
|
-
"
|
|
77
|
-
"
|
|
78
|
-
"
|
|
79
|
-
"@symbiote-native/vue": "0.3.8"
|
|
90
|
+
"solid-js": ">=1.9.0",
|
|
91
|
+
"svelte": ">=5.56.0",
|
|
92
|
+
"vue": ">=3.5.0"
|
|
80
93
|
},
|
|
81
94
|
"peerDependenciesMeta": {
|
|
82
95
|
"@symbiote-native/angular": {
|
|
@@ -85,36 +98,56 @@
|
|
|
85
98
|
"@symbiote-native/react": {
|
|
86
99
|
"optional": true
|
|
87
100
|
},
|
|
101
|
+
"@symbiote-native/solid": {
|
|
102
|
+
"optional": true
|
|
103
|
+
},
|
|
104
|
+
"@symbiote-native/svelte": {
|
|
105
|
+
"optional": true
|
|
106
|
+
},
|
|
88
107
|
"@symbiote-native/vue": {
|
|
89
108
|
"optional": true
|
|
90
109
|
},
|
|
91
110
|
"@angular/core": {
|
|
92
111
|
"optional": true
|
|
93
112
|
},
|
|
113
|
+
"@angular/forms": {
|
|
114
|
+
"optional": true
|
|
115
|
+
},
|
|
94
116
|
"@vue/runtime-core": {
|
|
95
117
|
"optional": true
|
|
96
118
|
},
|
|
97
119
|
"react": {
|
|
98
120
|
"optional": true
|
|
99
121
|
},
|
|
122
|
+
"solid-js": {
|
|
123
|
+
"optional": true
|
|
124
|
+
},
|
|
125
|
+
"svelte": {
|
|
126
|
+
"optional": true
|
|
127
|
+
},
|
|
100
128
|
"vue": {
|
|
101
129
|
"optional": true
|
|
102
130
|
}
|
|
103
131
|
},
|
|
104
132
|
"devDependencies": {
|
|
105
|
-
"@angular/compiler": "
|
|
106
|
-
"@angular/compiler-cli": "
|
|
107
|
-
"@angular/core": "
|
|
133
|
+
"@angular/compiler": "~22.0.8",
|
|
134
|
+
"@angular/compiler-cli": "~22.0.8",
|
|
135
|
+
"@angular/core": "~22.0.8",
|
|
136
|
+
"@angular/forms": "~22.0.8",
|
|
108
137
|
"@types/node": "^26.0.0",
|
|
109
138
|
"@types/react": "^19.2.0",
|
|
110
139
|
"@vue/runtime-core": "^3.5.13",
|
|
111
140
|
"react": "19.2.3",
|
|
141
|
+
"solid-js": "^1.9.14",
|
|
142
|
+
"svelte": "^5.56.0",
|
|
112
143
|
"typescript": "~6.0.0",
|
|
113
|
-
"@symbiote-native/angular": "0.
|
|
114
|
-
"@symbiote-native/engine": "0.
|
|
115
|
-
"@symbiote-native/react": "0.
|
|
116
|
-
"@symbiote-native/
|
|
117
|
-
"@symbiote-native/
|
|
144
|
+
"@symbiote-native/angular": "0.8.0",
|
|
145
|
+
"@symbiote-native/engine": "0.3.0",
|
|
146
|
+
"@symbiote-native/react": "0.4.0",
|
|
147
|
+
"@symbiote-native/solid": "0.1.0",
|
|
148
|
+
"@symbiote-native/svelte": "0.3.0",
|
|
149
|
+
"@symbiote-native/test-utils": "0.2.0",
|
|
150
|
+
"@symbiote-native/vue": "0.5.0"
|
|
118
151
|
},
|
|
119
152
|
"scripts": {
|
|
120
153
|
"typecheck": "tsc --build",
|