@symbiote-native/slider 8.0.4 → 8.0.6

package/build/angular/slider/shared.d.ts

@@ -1,10 +1,11 @@
 import { EventEmitter, type OnChanges } from '@angular/core';
 import type { ControlValueAccessor } from '@angular/forms';
-import type { IAccessibilityProps, IAccessibilityStateValue, IAriaProps, IDescriptor } from '@symbiote-native/components';
+import { AccessibilityInputsBase } from '@symbiote-native/angular';
+import type { IDescriptor } from '@symbiote-native/components';
 import { type ISymbioteEvent } from '@symbiote-native/engine';
 import { type ISliderPlatform, type ISliderProps as ISliderBaseProps } from '../../core';
 export type ISliderProps = Omit<ISliderBaseProps, 'onValueChange' | 'onSlidingStart' | 'onSlidingComplete' | 'onAccessibilityAction'>;
-export declare abstract class SliderBase implements ISliderProps, OnChanges, ControlValueAccessor {
+export declare abstract class SliderBase extends AccessibilityInputsBase implements ISliderProps, OnChanges, ControlValueAccessor {
     value?: number;
     minimumValue?: number;
     maximumValue?: number;
@@ -29,42 +30,9 @@ export declare abstract class SliderBase implements ISliderProps, OnChanges, Con
     testID?: string;
     style?: ISliderProps['style'];
     nativeID?: string;
-    accessible?: boolean;
-    accessibilityLabel?: string;
-    accessibilityHint?: string;
-    accessibilityRole?: IAccessibilityProps['accessibilityRole'];
-    accessibilityState?: IAccessibilityStateValue;
-    accessibilityValue?: IAccessibilityProps['accessibilityValue'];
-    accessibilityActions?: IAccessibilityProps['accessibilityActions'];
-    accessibilityLabelledBy?: string | string[];
-    importantForAccessibility?: IAccessibilityProps['importantForAccessibility'];
-    accessibilityLiveRegion?: IAccessibilityProps['accessibilityLiveRegion'];
-    screenReaderFocusable?: boolean;
-    accessibilityViewIsModal?: boolean;
-    accessibilityElementsHidden?: boolean;
-    accessibilityIgnoresInvertColors?: boolean;
-    accessibilityLanguage?: string;
-    accessibilityRespondsToUserInteraction?: boolean;
-    accessibilityShowsLargeContentViewer?: boolean;
-    accessibilityLargeContentTitle?: string;
     onAccessibilityTap?: (event: ISymbioteEvent) => void;
     onMagicTap?: (event: ISymbioteEvent) => void;
     onAccessibilityEscape?: (event: ISymbioteEvent) => void;
-    role?: IAriaProps['role'];
-    ariaLabel?: string;
-    ariaLabelledBy?: string;
-    ariaLive?: IAriaProps['aria-live'];
-    ariaHidden?: boolean;
-    ariaBusy?: boolean;
-    ariaChecked?: boolean | 'mixed';
-    ariaDisabled?: boolean;
-    ariaExpanded?: boolean;
-    ariaSelected?: boolean;
-    ariaModal?: boolean;
-    ariaValueMax?: number;
-    ariaValueMin?: number;
-    ariaValueNow?: number;
-    ariaValueText?: string;
     readonly valueChange: EventEmitter<number>;
     readonly slidingStart: EventEmitter<number>;
     readonly slidingComplete: EventEmitter<number>;
@@ -86,4 +54,7 @@ export declare abstract class SliderBase implements ISliderProps, OnChanges, Con
     setDisabledState(isDisabled: boolean): void;
     private inputProps;
     get descriptor(): IDescriptor;
+    private viewFor;
+    private nativeEventHandlers;
+    private stepsFor;
 }

package/build/angular/slider/shared.js

@@ -57,7 +57,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     return useValue ? value : void 0;
 };
 import { ChangeDetectorRef, Directive, ElementRef, EventEmitter, inject, Input, Output, } from '@angular/core';
-import { anchorHostStyle } from '@symbiote-native/angular';
+import { AccessibilityInputsBase, anchorHostStyle, } from '@symbiote-native/angular';
 import { resolveAccessibilityProps } from '@symbiote-native/components';
 import { dlog } from '@symbiote-native/engine';
 import { sanitizeSliderValue, resolveSliderDisabled, resolveSliderAccessibilityState, resolveSliderLowerLimit, resolveSliderUpperLimit, valueFromSliderEvent, shouldRenderStepsIndicator, resolveThumbTintColor, shouldPassNativeThumbImage, isInvalidLimitConfig, computeStepOptions, renderSlider, renderStepsIndicator, 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';
@@ -76,6 +76,7 @@ let SliderBase = (() => {
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
+    let _classSuper = AccessibilityInputsBase;
     let _value_decorators;
     let _value_initializers = [];
     let _value_extraInitializers = [];
@@ -148,60 +149,6 @@ let SliderBase = (() => {
     let _nativeID_decorators;
     let _nativeID_initializers = [];
     let _nativeID_extraInitializers = [];
-    let _accessible_decorators;
-    let _accessible_initializers = [];
-    let _accessible_extraInitializers = [];
-    let _accessibilityLabel_decorators;
-    let _accessibilityLabel_initializers = [];
-    let _accessibilityLabel_extraInitializers = [];
-    let _accessibilityHint_decorators;
-    let _accessibilityHint_initializers = [];
-    let _accessibilityHint_extraInitializers = [];
-    let _accessibilityRole_decorators;
-    let _accessibilityRole_initializers = [];
-    let _accessibilityRole_extraInitializers = [];
-    let _accessibilityState_decorators;
-    let _accessibilityState_initializers = [];
-    let _accessibilityState_extraInitializers = [];
-    let _accessibilityValue_decorators;
-    let _accessibilityValue_initializers = [];
-    let _accessibilityValue_extraInitializers = [];
-    let _accessibilityActions_decorators;
-    let _accessibilityActions_initializers = [];
-    let _accessibilityActions_extraInitializers = [];
-    let _accessibilityLabelledBy_decorators;
-    let _accessibilityLabelledBy_initializers = [];
-    let _accessibilityLabelledBy_extraInitializers = [];
-    let _importantForAccessibility_decorators;
-    let _importantForAccessibility_initializers = [];
-    let _importantForAccessibility_extraInitializers = [];
-    let _accessibilityLiveRegion_decorators;
-    let _accessibilityLiveRegion_initializers = [];
-    let _accessibilityLiveRegion_extraInitializers = [];
-    let _screenReaderFocusable_decorators;
-    let _screenReaderFocusable_initializers = [];
-    let _screenReaderFocusable_extraInitializers = [];
-    let _accessibilityViewIsModal_decorators;
-    let _accessibilityViewIsModal_initializers = [];
-    let _accessibilityViewIsModal_extraInitializers = [];
-    let _accessibilityElementsHidden_decorators;
-    let _accessibilityElementsHidden_initializers = [];
-    let _accessibilityElementsHidden_extraInitializers = [];
-    let _accessibilityIgnoresInvertColors_decorators;
-    let _accessibilityIgnoresInvertColors_initializers = [];
-    let _accessibilityIgnoresInvertColors_extraInitializers = [];
-    let _accessibilityLanguage_decorators;
-    let _accessibilityLanguage_initializers = [];
-    let _accessibilityLanguage_extraInitializers = [];
-    let _accessibilityRespondsToUserInteraction_decorators;
-    let _accessibilityRespondsToUserInteraction_initializers = [];
-    let _accessibilityRespondsToUserInteraction_extraInitializers = [];
-    let _accessibilityShowsLargeContentViewer_decorators;
-    let _accessibilityShowsLargeContentViewer_initializers = [];
-    let _accessibilityShowsLargeContentViewer_extraInitializers = [];
-    let _accessibilityLargeContentTitle_decorators;
-    let _accessibilityLargeContentTitle_initializers = [];
-    let _accessibilityLargeContentTitle_extraInitializers = [];
     let _onAccessibilityTap_decorators;
     let _onAccessibilityTap_initializers = [];
     let _onAccessibilityTap_extraInitializers = [];
@@ -211,51 +158,6 @@ let SliderBase = (() => {
     let _onAccessibilityEscape_decorators;
     let _onAccessibilityEscape_initializers = [];
     let _onAccessibilityEscape_extraInitializers = [];
-    let _role_decorators;
-    let _role_initializers = [];
-    let _role_extraInitializers = [];
-    let _ariaLabel_decorators;
-    let _ariaLabel_initializers = [];
-    let _ariaLabel_extraInitializers = [];
-    let _ariaLabelledBy_decorators;
-    let _ariaLabelledBy_initializers = [];
-    let _ariaLabelledBy_extraInitializers = [];
-    let _ariaLive_decorators;
-    let _ariaLive_initializers = [];
-    let _ariaLive_extraInitializers = [];
-    let _ariaHidden_decorators;
-    let _ariaHidden_initializers = [];
-    let _ariaHidden_extraInitializers = [];
-    let _ariaBusy_decorators;
-    let _ariaBusy_initializers = [];
-    let _ariaBusy_extraInitializers = [];
-    let _ariaChecked_decorators;
-    let _ariaChecked_initializers = [];
-    let _ariaChecked_extraInitializers = [];
-    let _ariaDisabled_decorators;
-    let _ariaDisabled_initializers = [];
-    let _ariaDisabled_extraInitializers = [];
-    let _ariaExpanded_decorators;
-    let _ariaExpanded_initializers = [];
-    let _ariaExpanded_extraInitializers = [];
-    let _ariaSelected_decorators;
-    let _ariaSelected_initializers = [];
-    let _ariaSelected_extraInitializers = [];
-    let _ariaModal_decorators;
-    let _ariaModal_initializers = [];
-    let _ariaModal_extraInitializers = [];
-    let _ariaValueMax_decorators;
-    let _ariaValueMax_initializers = [];
-    let _ariaValueMax_extraInitializers = [];
-    let _ariaValueMin_decorators;
-    let _ariaValueMin_initializers = [];
-    let _ariaValueMin_extraInitializers = [];
-    let _ariaValueNow_decorators;
-    let _ariaValueNow_initializers = [];
-    let _ariaValueNow_extraInitializers = [];
-    let _ariaValueText_decorators;
-    let _ariaValueText_initializers = [];
-    let _ariaValueText_extraInitializers = [];
     let _valueChange_decorators;
     let _valueChange_initializers = [];
     let _valueChange_extraInitializers = [];
@@ -268,10 +170,10 @@ let SliderBase = (() => {
     let _accessibilityAction_decorators;
     let _accessibilityAction_initializers = [];
     let _accessibilityAction_extraInitializers = [];
-    var SliderBase = class {
+    var SliderBase = class extends _classSuper {
         static { _classThis = this; }
         static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
             _value_decorators = [Input()];
             _minimumValue_decorators = [Input()];
             _maximumValue_decorators = [Input()];
@@ -296,42 +198,9 @@ let SliderBase = (() => {
             _testID_decorators = [Input()];
             _style_decorators = [Input()];
             _nativeID_decorators = [Input()];
-            _accessible_decorators = [Input()];
-            _accessibilityLabel_decorators = [Input()];
-            _accessibilityHint_decorators = [Input()];
-            _accessibilityRole_decorators = [Input()];
-            _accessibilityState_decorators = [Input()];
-            _accessibilityValue_decorators = [Input()];
-            _accessibilityActions_decorators = [Input()];
-            _accessibilityLabelledBy_decorators = [Input()];
-            _importantForAccessibility_decorators = [Input()];
-            _accessibilityLiveRegion_decorators = [Input()];
-            _screenReaderFocusable_decorators = [Input()];
-            _accessibilityViewIsModal_decorators = [Input()];
-            _accessibilityElementsHidden_decorators = [Input()];
-            _accessibilityIgnoresInvertColors_decorators = [Input()];
-            _accessibilityLanguage_decorators = [Input()];
-            _accessibilityRespondsToUserInteraction_decorators = [Input()];
-            _accessibilityShowsLargeContentViewer_decorators = [Input()];
-            _accessibilityLargeContentTitle_decorators = [Input()];
             _onAccessibilityTap_decorators = [Input()];
             _onMagicTap_decorators = [Input()];
             _onAccessibilityEscape_decorators = [Input()];
-            _role_decorators = [Input()];
-            _ariaLabel_decorators = [Input('aria-label')];
-            _ariaLabelledBy_decorators = [Input('aria-labelledby')];
-            _ariaLive_decorators = [Input('aria-live')];
-            _ariaHidden_decorators = [Input('aria-hidden')];
-            _ariaBusy_decorators = [Input('aria-busy')];
-            _ariaChecked_decorators = [Input('aria-checked')];
-            _ariaDisabled_decorators = [Input('aria-disabled')];
-            _ariaExpanded_decorators = [Input('aria-expanded')];
-            _ariaSelected_decorators = [Input('aria-selected')];
-            _ariaModal_decorators = [Input('aria-modal')];
-            _ariaValueMax_decorators = [Input('aria-valuemax')];
-            _ariaValueMin_decorators = [Input('aria-valuemin')];
-            _ariaValueNow_decorators = [Input('aria-valuenow')];
-            _ariaValueText_decorators = [Input('aria-valuetext')];
             _valueChange_decorators = [Output()];
             _slidingStart_decorators = [Output()];
             _slidingComplete_decorators = [Output()];
@@ -360,42 +229,9 @@ let SliderBase = (() => {
             __esDecorate(null, null, _testID_decorators, { kind: "field", name: "testID", static: false, private: false, access: { has: obj => "testID" in obj, get: obj => obj.testID, set: (obj, value) => { obj.testID = value; } }, metadata: _metadata }, _testID_initializers, _testID_extraInitializers);
             __esDecorate(null, null, _style_decorators, { kind: "field", name: "style", static: false, private: false, access: { has: obj => "style" in obj, get: obj => obj.style, set: (obj, value) => { obj.style = value; } }, metadata: _metadata }, _style_initializers, _style_extraInitializers);
             __esDecorate(null, null, _nativeID_decorators, { kind: "field", name: "nativeID", static: false, private: false, access: { has: obj => "nativeID" in obj, get: obj => obj.nativeID, set: (obj, value) => { obj.nativeID = value; } }, metadata: _metadata }, _nativeID_initializers, _nativeID_extraInitializers);
-            __esDecorate(null, null, _accessible_decorators, { kind: "field", name: "accessible", static: false, private: false, access: { has: obj => "accessible" in obj, get: obj => obj.accessible, set: (obj, value) => { obj.accessible = value; } }, metadata: _metadata }, _accessible_initializers, _accessible_extraInitializers);
-            __esDecorate(null, null, _accessibilityLabel_decorators, { kind: "field", name: "accessibilityLabel", static: false, private: false, access: { has: obj => "accessibilityLabel" in obj, get: obj => obj.accessibilityLabel, set: (obj, value) => { obj.accessibilityLabel = value; } }, metadata: _metadata }, _accessibilityLabel_initializers, _accessibilityLabel_extraInitializers);
-            __esDecorate(null, null, _accessibilityHint_decorators, { kind: "field", name: "accessibilityHint", static: false, private: false, access: { has: obj => "accessibilityHint" in obj, get: obj => obj.accessibilityHint, set: (obj, value) => { obj.accessibilityHint = value; } }, metadata: _metadata }, _accessibilityHint_initializers, _accessibilityHint_extraInitializers);
-            __esDecorate(null, null, _accessibilityRole_decorators, { kind: "field", name: "accessibilityRole", static: false, private: false, access: { has: obj => "accessibilityRole" in obj, get: obj => obj.accessibilityRole, set: (obj, value) => { obj.accessibilityRole = value; } }, metadata: _metadata }, _accessibilityRole_initializers, _accessibilityRole_extraInitializers);
-            __esDecorate(null, null, _accessibilityState_decorators, { kind: "field", name: "accessibilityState", static: false, private: false, access: { has: obj => "accessibilityState" in obj, get: obj => obj.accessibilityState, set: (obj, value) => { obj.accessibilityState = value; } }, metadata: _metadata }, _accessibilityState_initializers, _accessibilityState_extraInitializers);
-            __esDecorate(null, null, _accessibilityValue_decorators, { kind: "field", name: "accessibilityValue", static: false, private: false, access: { has: obj => "accessibilityValue" in obj, get: obj => obj.accessibilityValue, set: (obj, value) => { obj.accessibilityValue = value; } }, metadata: _metadata }, _accessibilityValue_initializers, _accessibilityValue_extraInitializers);
-            __esDecorate(null, null, _accessibilityActions_decorators, { kind: "field", name: "accessibilityActions", static: false, private: false, access: { has: obj => "accessibilityActions" in obj, get: obj => obj.accessibilityActions, set: (obj, value) => { obj.accessibilityActions = value; } }, metadata: _metadata }, _accessibilityActions_initializers, _accessibilityActions_extraInitializers);
-            __esDecorate(null, null, _accessibilityLabelledBy_decorators, { kind: "field", name: "accessibilityLabelledBy", static: false, private: false, access: { has: obj => "accessibilityLabelledBy" in obj, get: obj => obj.accessibilityLabelledBy, set: (obj, value) => { obj.accessibilityLabelledBy = value; } }, metadata: _metadata }, _accessibilityLabelledBy_initializers, _accessibilityLabelledBy_extraInitializers);
-            __esDecorate(null, null, _importantForAccessibility_decorators, { kind: "field", name: "importantForAccessibility", static: false, private: false, access: { has: obj => "importantForAccessibility" in obj, get: obj => obj.importantForAccessibility, set: (obj, value) => { obj.importantForAccessibility = value; } }, metadata: _metadata }, _importantForAccessibility_initializers, _importantForAccessibility_extraInitializers);
-            __esDecorate(null, null, _accessibilityLiveRegion_decorators, { kind: "field", name: "accessibilityLiveRegion", static: false, private: false, access: { has: obj => "accessibilityLiveRegion" in obj, get: obj => obj.accessibilityLiveRegion, set: (obj, value) => { obj.accessibilityLiveRegion = value; } }, metadata: _metadata }, _accessibilityLiveRegion_initializers, _accessibilityLiveRegion_extraInitializers);
-            __esDecorate(null, null, _screenReaderFocusable_decorators, { kind: "field", name: "screenReaderFocusable", static: false, private: false, access: { has: obj => "screenReaderFocusable" in obj, get: obj => obj.screenReaderFocusable, set: (obj, value) => { obj.screenReaderFocusable = value; } }, metadata: _metadata }, _screenReaderFocusable_initializers, _screenReaderFocusable_extraInitializers);
-            __esDecorate(null, null, _accessibilityViewIsModal_decorators, { kind: "field", name: "accessibilityViewIsModal", static: false, private: false, access: { has: obj => "accessibilityViewIsModal" in obj, get: obj => obj.accessibilityViewIsModal, set: (obj, value) => { obj.accessibilityViewIsModal = value; } }, metadata: _metadata }, _accessibilityViewIsModal_initializers, _accessibilityViewIsModal_extraInitializers);
-            __esDecorate(null, null, _accessibilityElementsHidden_decorators, { kind: "field", name: "accessibilityElementsHidden", static: false, private: false, access: { has: obj => "accessibilityElementsHidden" in obj, get: obj => obj.accessibilityElementsHidden, set: (obj, value) => { obj.accessibilityElementsHidden = value; } }, metadata: _metadata }, _accessibilityElementsHidden_initializers, _accessibilityElementsHidden_extraInitializers);
-            __esDecorate(null, null, _accessibilityIgnoresInvertColors_decorators, { kind: "field", name: "accessibilityIgnoresInvertColors", static: false, private: false, access: { has: obj => "accessibilityIgnoresInvertColors" in obj, get: obj => obj.accessibilityIgnoresInvertColors, set: (obj, value) => { obj.accessibilityIgnoresInvertColors = value; } }, metadata: _metadata }, _accessibilityIgnoresInvertColors_initializers, _accessibilityIgnoresInvertColors_extraInitializers);
-            __esDecorate(null, null, _accessibilityLanguage_decorators, { kind: "field", name: "accessibilityLanguage", static: false, private: false, access: { has: obj => "accessibilityLanguage" in obj, get: obj => obj.accessibilityLanguage, set: (obj, value) => { obj.accessibilityLanguage = value; } }, metadata: _metadata }, _accessibilityLanguage_initializers, _accessibilityLanguage_extraInitializers);
-            __esDecorate(null, null, _accessibilityRespondsToUserInteraction_decorators, { kind: "field", name: "accessibilityRespondsToUserInteraction", static: false, private: false, access: { has: obj => "accessibilityRespondsToUserInteraction" in obj, get: obj => obj.accessibilityRespondsToUserInteraction, set: (obj, value) => { obj.accessibilityRespondsToUserInteraction = value; } }, metadata: _metadata }, _accessibilityRespondsToUserInteraction_initializers, _accessibilityRespondsToUserInteraction_extraInitializers);
-            __esDecorate(null, null, _accessibilityShowsLargeContentViewer_decorators, { kind: "field", name: "accessibilityShowsLargeContentViewer", static: false, private: false, access: { has: obj => "accessibilityShowsLargeContentViewer" in obj, get: obj => obj.accessibilityShowsLargeContentViewer, set: (obj, value) => { obj.accessibilityShowsLargeContentViewer = value; } }, metadata: _metadata }, _accessibilityShowsLargeContentViewer_initializers, _accessibilityShowsLargeContentViewer_extraInitializers);
-            __esDecorate(null, null, _accessibilityLargeContentTitle_decorators, { kind: "field", name: "accessibilityLargeContentTitle", static: false, private: false, access: { has: obj => "accessibilityLargeContentTitle" in obj, get: obj => obj.accessibilityLargeContentTitle, set: (obj, value) => { obj.accessibilityLargeContentTitle = value; } }, metadata: _metadata }, _accessibilityLargeContentTitle_initializers, _accessibilityLargeContentTitle_extraInitializers);
             __esDecorate(null, null, _onAccessibilityTap_decorators, { kind: "field", name: "onAccessibilityTap", static: false, private: false, access: { has: obj => "onAccessibilityTap" in obj, get: obj => obj.onAccessibilityTap, set: (obj, value) => { obj.onAccessibilityTap = value; } }, metadata: _metadata }, _onAccessibilityTap_initializers, _onAccessibilityTap_extraInitializers);
             __esDecorate(null, null, _onMagicTap_decorators, { kind: "field", name: "onMagicTap", static: false, private: false, access: { has: obj => "onMagicTap" in obj, get: obj => obj.onMagicTap, set: (obj, value) => { obj.onMagicTap = value; } }, metadata: _metadata }, _onMagicTap_initializers, _onMagicTap_extraInitializers);
             __esDecorate(null, null, _onAccessibilityEscape_decorators, { kind: "field", name: "onAccessibilityEscape", static: false, private: false, access: { has: obj => "onAccessibilityEscape" in obj, get: obj => obj.onAccessibilityEscape, set: (obj, value) => { obj.onAccessibilityEscape = value; } }, metadata: _metadata }, _onAccessibilityEscape_initializers, _onAccessibilityEscape_extraInitializers);
-            __esDecorate(null, null, _role_decorators, { kind: "field", name: "role", static: false, private: false, access: { has: obj => "role" in obj, get: obj => obj.role, set: (obj, value) => { obj.role = value; } }, metadata: _metadata }, _role_initializers, _role_extraInitializers);
-            __esDecorate(null, null, _ariaLabel_decorators, { kind: "field", name: "ariaLabel", static: false, private: false, access: { has: obj => "ariaLabel" in obj, get: obj => obj.ariaLabel, set: (obj, value) => { obj.ariaLabel = value; } }, metadata: _metadata }, _ariaLabel_initializers, _ariaLabel_extraInitializers);
-            __esDecorate(null, null, _ariaLabelledBy_decorators, { kind: "field", name: "ariaLabelledBy", static: false, private: false, access: { has: obj => "ariaLabelledBy" in obj, get: obj => obj.ariaLabelledBy, set: (obj, value) => { obj.ariaLabelledBy = value; } }, metadata: _metadata }, _ariaLabelledBy_initializers, _ariaLabelledBy_extraInitializers);
-            __esDecorate(null, null, _ariaLive_decorators, { kind: "field", name: "ariaLive", static: false, private: false, access: { has: obj => "ariaLive" in obj, get: obj => obj.ariaLive, set: (obj, value) => { obj.ariaLive = value; } }, metadata: _metadata }, _ariaLive_initializers, _ariaLive_extraInitializers);
-            __esDecorate(null, null, _ariaHidden_decorators, { kind: "field", name: "ariaHidden", static: false, private: false, access: { has: obj => "ariaHidden" in obj, get: obj => obj.ariaHidden, set: (obj, value) => { obj.ariaHidden = value; } }, metadata: _metadata }, _ariaHidden_initializers, _ariaHidden_extraInitializers);
-            __esDecorate(null, null, _ariaBusy_decorators, { kind: "field", name: "ariaBusy", static: false, private: false, access: { has: obj => "ariaBusy" in obj, get: obj => obj.ariaBusy, set: (obj, value) => { obj.ariaBusy = value; } }, metadata: _metadata }, _ariaBusy_initializers, _ariaBusy_extraInitializers);
-            __esDecorate(null, null, _ariaChecked_decorators, { kind: "field", name: "ariaChecked", static: false, private: false, access: { has: obj => "ariaChecked" in obj, get: obj => obj.ariaChecked, set: (obj, value) => { obj.ariaChecked = value; } }, metadata: _metadata }, _ariaChecked_initializers, _ariaChecked_extraInitializers);
-            __esDecorate(null, null, _ariaDisabled_decorators, { kind: "field", name: "ariaDisabled", static: false, private: false, access: { has: obj => "ariaDisabled" in obj, get: obj => obj.ariaDisabled, set: (obj, value) => { obj.ariaDisabled = value; } }, metadata: _metadata }, _ariaDisabled_initializers, _ariaDisabled_extraInitializers);
-            __esDecorate(null, null, _ariaExpanded_decorators, { kind: "field", name: "ariaExpanded", static: false, private: false, access: { has: obj => "ariaExpanded" in obj, get: obj => obj.ariaExpanded, set: (obj, value) => { obj.ariaExpanded = value; } }, metadata: _metadata }, _ariaExpanded_initializers, _ariaExpanded_extraInitializers);
-            __esDecorate(null, null, _ariaSelected_decorators, { kind: "field", name: "ariaSelected", static: false, private: false, access: { has: obj => "ariaSelected" in obj, get: obj => obj.ariaSelected, set: (obj, value) => { obj.ariaSelected = value; } }, metadata: _metadata }, _ariaSelected_initializers, _ariaSelected_extraInitializers);
-            __esDecorate(null, null, _ariaModal_decorators, { kind: "field", name: "ariaModal", static: false, private: false, access: { has: obj => "ariaModal" in obj, get: obj => obj.ariaModal, set: (obj, value) => { obj.ariaModal = value; } }, metadata: _metadata }, _ariaModal_initializers, _ariaModal_extraInitializers);
-            __esDecorate(null, null, _ariaValueMax_decorators, { kind: "field", name: "ariaValueMax", static: false, private: false, access: { has: obj => "ariaValueMax" in obj, get: obj => obj.ariaValueMax, set: (obj, value) => { obj.ariaValueMax = value; } }, metadata: _metadata }, _ariaValueMax_initializers, _ariaValueMax_extraInitializers);
-            __esDecorate(null, null, _ariaValueMin_decorators, { kind: "field", name: "ariaValueMin", static: false, private: false, access: { has: obj => "ariaValueMin" in obj, get: obj => obj.ariaValueMin, set: (obj, value) => { obj.ariaValueMin = value; } }, metadata: _metadata }, _ariaValueMin_initializers, _ariaValueMin_extraInitializers);
-            __esDecorate(null, null, _ariaValueNow_decorators, { kind: "field", name: "ariaValueNow", static: false, private: false, access: { has: obj => "ariaValueNow" in obj, get: obj => obj.ariaValueNow, set: (obj, value) => { obj.ariaValueNow = value; } }, metadata: _metadata }, _ariaValueNow_initializers, _ariaValueNow_extraInitializers);
-            __esDecorate(null, null, _ariaValueText_decorators, { kind: "field", name: "ariaValueText", static: false, private: false, access: { has: obj => "ariaValueText" in obj, get: obj => obj.ariaValueText, set: (obj, value) => { obj.ariaValueText = value; } }, metadata: _metadata }, _ariaValueText_initializers, _ariaValueText_extraInitializers);
             __esDecorate(null, null, _valueChange_decorators, { kind: "field", name: "valueChange", static: false, private: false, access: { has: obj => "valueChange" in obj, get: obj => obj.valueChange, set: (obj, value) => { obj.valueChange = value; } }, metadata: _metadata }, _valueChange_initializers, _valueChange_extraInitializers);
             __esDecorate(null, null, _slidingStart_decorators, { kind: "field", name: "slidingStart", static: false, private: false, access: { has: obj => "slidingStart" in obj, get: obj => obj.slidingStart, set: (obj, value) => { obj.slidingStart = value; } }, metadata: _metadata }, _slidingStart_initializers, _slidingStart_extraInitializers);
             __esDecorate(null, null, _slidingComplete_decorators, { kind: "field", name: "slidingComplete", static: false, private: false, access: { has: obj => "slidingComplete" in obj, get: obj => obj.slidingComplete, set: (obj, value) => { obj.slidingComplete = value; } }, metadata: _metadata }, _slidingComplete_initializers, _slidingComplete_extraInitializers);
@@ -429,45 +265,12 @@ let SliderBase = (() => {
         testID = (__runInitializers(this, _renderStepNumber_extraInitializers), __runInitializers(this, _testID_initializers, void 0));
         style = (__runInitializers(this, _testID_extraInitializers), __runInitializers(this, _style_initializers, void 0));
         nativeID = (__runInitializers(this, _style_extraInitializers), __runInitializers(this, _nativeID_initializers, void 0));
-        accessible = (__runInitializers(this, _nativeID_extraInitializers), __runInitializers(this, _accessible_initializers, void 0));
-        accessibilityLabel = (__runInitializers(this, _accessible_extraInitializers), __runInitializers(this, _accessibilityLabel_initializers, void 0));
-        accessibilityHint = (__runInitializers(this, _accessibilityLabel_extraInitializers), __runInitializers(this, _accessibilityHint_initializers, void 0));
-        accessibilityRole = (__runInitializers(this, _accessibilityHint_extraInitializers), __runInitializers(this, _accessibilityRole_initializers, void 0));
-        accessibilityState = (__runInitializers(this, _accessibilityRole_extraInitializers), __runInitializers(this, _accessibilityState_initializers, void 0));
-        accessibilityValue = (__runInitializers(this, _accessibilityState_extraInitializers), __runInitializers(this, _accessibilityValue_initializers, void 0));
-        accessibilityActions = (__runInitializers(this, _accessibilityValue_extraInitializers), __runInitializers(this, _accessibilityActions_initializers, void 0));
-        accessibilityLabelledBy = (__runInitializers(this, _accessibilityActions_extraInitializers), __runInitializers(this, _accessibilityLabelledBy_initializers, void 0));
-        importantForAccessibility = (__runInitializers(this, _accessibilityLabelledBy_extraInitializers), __runInitializers(this, _importantForAccessibility_initializers, void 0));
-        accessibilityLiveRegion = (__runInitializers(this, _importantForAccessibility_extraInitializers), __runInitializers(this, _accessibilityLiveRegion_initializers, void 0));
-        screenReaderFocusable = (__runInitializers(this, _accessibilityLiveRegion_extraInitializers), __runInitializers(this, _screenReaderFocusable_initializers, void 0));
-        accessibilityViewIsModal = (__runInitializers(this, _screenReaderFocusable_extraInitializers), __runInitializers(this, _accessibilityViewIsModal_initializers, void 0));
-        accessibilityElementsHidden = (__runInitializers(this, _accessibilityViewIsModal_extraInitializers), __runInitializers(this, _accessibilityElementsHidden_initializers, void 0));
-        accessibilityIgnoresInvertColors = (__runInitializers(this, _accessibilityElementsHidden_extraInitializers), __runInitializers(this, _accessibilityIgnoresInvertColors_initializers, void 0));
-        accessibilityLanguage = (__runInitializers(this, _accessibilityIgnoresInvertColors_extraInitializers), __runInitializers(this, _accessibilityLanguage_initializers, void 0));
-        accessibilityRespondsToUserInteraction = (__runInitializers(this, _accessibilityLanguage_extraInitializers), __runInitializers(this, _accessibilityRespondsToUserInteraction_initializers, void 0));
-        accessibilityShowsLargeContentViewer = (__runInitializers(this, _accessibilityRespondsToUserInteraction_extraInitializers), __runInitializers(this, _accessibilityShowsLargeContentViewer_initializers, void 0));
-        accessibilityLargeContentTitle = (__runInitializers(this, _accessibilityShowsLargeContentViewer_extraInitializers), __runInitializers(this, _accessibilityLargeContentTitle_initializers, void 0));
-        onAccessibilityTap = (__runInitializers(this, _accessibilityLargeContentTitle_extraInitializers), __runInitializers(this, _onAccessibilityTap_initializers, void 0));
+        onAccessibilityTap = (__runInitializers(this, _nativeID_extraInitializers), __runInitializers(this, _onAccessibilityTap_initializers, void 0));
         onMagicTap = (__runInitializers(this, _onAccessibilityTap_extraInitializers), __runInitializers(this, _onMagicTap_initializers, void 0));
         onAccessibilityEscape = (__runInitializers(this, _onMagicTap_extraInitializers), __runInitializers(this, _onAccessibilityEscape_initializers, void 0));
-        role = (__runInitializers(this, _onAccessibilityEscape_extraInitializers), __runInitializers(this, _role_initializers, void 0));
-        ariaLabel = (__runInitializers(this, _role_extraInitializers), __runInitializers(this, _ariaLabel_initializers, void 0));
-        ariaLabelledBy = (__runInitializers(this, _ariaLabel_extraInitializers), __runInitializers(this, _ariaLabelledBy_initializers, void 0));
-        ariaLive = (__runInitializers(this, _ariaLabelledBy_extraInitializers), __runInitializers(this, _ariaLive_initializers, void 0));
-        ariaHidden = (__runInitializers(this, _ariaLive_extraInitializers), __runInitializers(this, _ariaHidden_initializers, void 0));
-        ariaBusy = (__runInitializers(this, _ariaHidden_extraInitializers), __runInitializers(this, _ariaBusy_initializers, void 0));
-        ariaChecked = (__runInitializers(this, _ariaBusy_extraInitializers), __runInitializers(this, _ariaChecked_initializers, void 0));
-        ariaDisabled = (__runInitializers(this, _ariaChecked_extraInitializers), __runInitializers(this, _ariaDisabled_initializers, void 0));
-        ariaExpanded = (__runInitializers(this, _ariaDisabled_extraInitializers), __runInitializers(this, _ariaExpanded_initializers, void 0));
-        ariaSelected = (__runInitializers(this, _ariaExpanded_extraInitializers), __runInitializers(this, _ariaSelected_initializers, void 0));
-        ariaModal = (__runInitializers(this, _ariaSelected_extraInitializers), __runInitializers(this, _ariaModal_initializers, void 0));
-        ariaValueMax = (__runInitializers(this, _ariaModal_extraInitializers), __runInitializers(this, _ariaValueMax_initializers, void 0));
-        ariaValueMin = (__runInitializers(this, _ariaValueMax_extraInitializers), __runInitializers(this, _ariaValueMin_initializers, void 0));
-        ariaValueNow = (__runInitializers(this, _ariaValueMin_extraInitializers), __runInitializers(this, _ariaValueNow_initializers, void 0));
-        ariaValueText = (__runInitializers(this, _ariaValueNow_extraInitializers), __runInitializers(this, _ariaValueText_initializers, void 0));
         // The four native callbacks, as real EventEmitters — no v-model-style two-way twin (that was
         // Vue-specific v-model sugar; Angular has no equivalent concept here).
-        valueChange = (__runInitializers(this, _ariaValueText_extraInitializers), __runInitializers(this, _valueChange_initializers, new EventEmitter()));
+        valueChange = (__runInitializers(this, _onAccessibilityEscape_extraInitializers), __runInitializers(this, _valueChange_initializers, new EventEmitter()));
         slidingStart = (__runInitializers(this, _valueChange_extraInitializers), __runInitializers(this, _slidingStart_initializers, new EventEmitter()));
         slidingComplete = (__runInitializers(this, _slidingStart_extraInitializers), __runInitializers(this, _slidingComplete_initializers, new EventEmitter()));
         accessibilityAction = (__runInitializers(this, _slidingComplete_extraInitializers), __runInitializers(this, _accessibilityAction_initializers, new EventEmitter()));
@@ -566,104 +369,74 @@ let SliderBase = (() => {
                 testID: this.testID,
                 style: [asStyle(anchorHostStyle(this.elementRef)), this.style],
                 nativeID: this.nativeID,
-                accessible: this.accessible,
-                accessibilityLabel: this.accessibilityLabel,
-                accessibilityHint: this.accessibilityHint,
-                accessibilityRole: this.accessibilityRole,
-                accessibilityState: this.accessibilityState,
-                accessibilityValue: this.accessibilityValue,
-                accessibilityActions: this.accessibilityActions,
-                accessibilityLabelledBy: this.accessibilityLabelledBy,
-                importantForAccessibility: this.importantForAccessibility,
-                accessibilityLiveRegion: this.accessibilityLiveRegion,
-                screenReaderFocusable: this.screenReaderFocusable,
-                accessibilityViewIsModal: this.accessibilityViewIsModal,
-                accessibilityElementsHidden: this.accessibilityElementsHidden,
-                accessibilityIgnoresInvertColors: this.accessibilityIgnoresInvertColors,
-                accessibilityLanguage: this.accessibilityLanguage,
-                accessibilityRespondsToUserInteraction: this.accessibilityRespondsToUserInteraction,
-                accessibilityShowsLargeContentViewer: this.accessibilityShowsLargeContentViewer,
-                accessibilityLargeContentTitle: this.accessibilityLargeContentTitle,
+                ...this.accessibilityInputProps(),
                 onAccessibilityTap: this.onAccessibilityTap,
                 onMagicTap: this.onMagicTap,
                 onAccessibilityEscape: this.onAccessibilityEscape,
-                role: this.role,
-                'aria-label': this.ariaLabel,
-                'aria-labelledby': this.ariaLabelledBy,
-                'aria-live': this.ariaLive,
-                'aria-hidden': this.ariaHidden,
-                'aria-busy': this.ariaBusy,
-                'aria-checked': this.ariaChecked,
-                'aria-disabled': this.ariaDisabled,
-                'aria-expanded': this.ariaExpanded,
-                'aria-selected': this.ariaSelected,
-                'aria-modal': this.ariaModal,
-                'aria-valuemax': this.ariaValueMax,
-                'aria-valuemin': this.ariaValueMin,
-                'aria-valuenow': this.ariaValueNow,
-                'aria-valuetext': this.ariaValueText,
             };
         }
         get descriptor() {
             const props = resolveAccessibilityProps(this.inputProps());
-            const { value, minimumValue: minimumValueInput, maximumValue: maximumValueInput, step: stepInput, lowerLimit: lowerLimitInput, upperLimit: upperLimitInput, disabled, inverted: invertedInput, thumbTintColor, thumbImage, accessibilityState, renderStepNumber, style, ...passthrough } = props;
-            const minimumValue = minimumValueInput ?? SLIDER_DEFAULT_MINIMUM_VALUE;
-            const maximumValue = maximumValueInput ?? SLIDER_DEFAULT_MAXIMUM_VALUE;
-            const step = stepInput ?? SLIDER_DEFAULT_STEP;
+            const view = this.viewFor(props);
+            // No custom marker slot on Angular yet, so the overlay depends only on `renderStepNumber`
+            if (!shouldRenderStepsIndicator(false, props.renderStepNumber)) {
+                return renderSlider(view, this.platform, { onLayout: this.handleLayout });
+            }
+            return renderSlider(view, this.platform, {
+                steps: this.stepsFor(view, props),
+                onLayout: this.handleLayout,
+            });
+        }
+        // Kept apart from `descriptor` so the value, limit and disabled folds read as one step and the
+        // step-overlay decision as another
+        viewFor(props) {
+            const { value, minimumValue: minimumValueInput, maximumValue: maximumValueInput, step: stepInput, lowerLimit: lowerLimitInput, upperLimit: upperLimitInput, disabled, inverted: invertedInput, thumbTintColor, thumbImage, accessibilityState, renderStepNumber: _renderStepNumber, style, ...passthrough } = props;
             const lowerLimit = resolveSliderLowerLimit(lowerLimitInput);
             const upperLimit = resolveSliderUpperLimit(upperLimitInput);
             if (isInvalidLimitConfig(lowerLimit, upperLimit)) {
                 dlog('Slider: lowerLimit must be smaller than upperLimit');
             }
-            const inverted = invertedInput ?? false;
             const hasThumbImage = thumbImage !== undefined;
-            // No custom-StepMarker slot on Angular yet (see the module doc comment above) — showSteps
-            // only ever considers renderStepNumber.
-            const showSteps = shouldRenderStepsIndicator(false, renderStepNumber);
             const nativeThumbImage = shouldPassNativeThumbImage(false, hasThumbImage)
                 ? thumbImage
                 : undefined;
-            const view = {
+            return {
                 value: sanitizeSliderValue(value),
-                minimumValue,
-                maximumValue,
-                step,
+                minimumValue: minimumValueInput ?? SLIDER_DEFAULT_MINIMUM_VALUE,
+                maximumValue: maximumValueInput ?? SLIDER_DEFAULT_MAXIMUM_VALUE,
+                step: stepInput ?? SLIDER_DEFAULT_STEP,
                 lowerLimit,
                 upperLimit,
                 disabled: resolveSliderDisabled(disabled, accessibilityState),
-                inverted,
+                inverted: invertedInput ?? false,
                 thumbTintColor: resolveThumbTintColor(thumbTintColor, false, hasThumbImage),
                 thumbImage: nativeThumbImage,
                 accessibilityState: resolveSliderAccessibilityState(disabled, accessibilityState),
                 width: this.width,
                 style,
-                passthrough: {
-                    ...passthrough,
-                    [SLIDER_ON_CHANGE]: this.handleValueChange,
-                    [SLIDER_ON_VALUE_CHANGE]: this.handleValueChange,
-                    [SLIDER_ON_SLIDING_START]: this.handleSlidingStart,
-                    [SLIDER_ON_SLIDING_COMPLETE]: this.handleSlidingComplete,
-                    [SLIDER_ON_ACCESSIBILITY_ACTION]: this.handleAccessibilityAction,
-                },
+                passthrough: { ...passthrough, ...this.nativeEventHandlers() },
             };
-            if (!showSteps) {
-                return renderSlider(view, this.platform, { onLayout: this.handleLayout });
-            }
-            const options = computeStepOptions(minimumValue, maximumValue, step, this.platform.stepResolution);
-            const currentValue = this.reportedValue ?? view.value ?? minimumValue;
-            const steps = renderStepsIndicator({
+        }
+        nativeEventHandlers() {
+            return {
+                [SLIDER_ON_CHANGE]: this.handleValueChange,
+                [SLIDER_ON_VALUE_CHANGE]: this.handleValueChange,
+                [SLIDER_ON_SLIDING_START]: this.handleSlidingStart,
+                [SLIDER_ON_SLIDING_COMPLETE]: this.handleSlidingComplete,
+                [SLIDER_ON_ACCESSIBILITY_ACTION]: this.handleAccessibilityAction,
+            };
+        }
+        stepsFor(view, props) {
+            const options = computeStepOptions(view.minimumValue, view.maximumValue, view.step, this.platform.stepResolution);
+            return renderStepsIndicator({
                 options,
-                currentValue,
+                currentValue: this.reportedValue ?? view.value ?? view.minimumValue,
                 width: this.width,
-                renderStepNumber: renderStepNumber === true,
-                thumbImage,
-                inverted,
+                renderStepNumber: props.renderStepNumber === true,
+                thumbImage: props.thumbImage,
+                inverted: view.inverted,
                 platform: this.platform,
             });
-            return renderSlider(view, this.platform, {
-                steps,
-                onLayout: this.handleLayout,
-            });
         }
     };
     return SliderBase = _classThis;

package/build-ngc/angular/slider/shared.d.ts

@@ -1,11 +1,12 @@
 import { EventEmitter, type OnChanges } from '@angular/core';
 import type { ControlValueAccessor } from '@angular/forms';
-import type { IAccessibilityProps, IAccessibilityStateValue, IAriaProps, IDescriptor } from '@symbiote-native/components';
+import { AccessibilityInputsBase } from '@symbiote-native/angular';
+import type { IDescriptor } from '@symbiote-native/components';
 import { type ISymbioteEvent } from '@symbiote-native/engine';
 import { type ISliderPlatform, type ISliderProps as ISliderBaseProps } from '../../core';
 import * as i0 from "@angular/core";
 export type ISliderProps = Omit<ISliderBaseProps, 'onValueChange' | 'onSlidingStart' | 'onSlidingComplete' | 'onAccessibilityAction'>;
-export declare abstract class SliderBase implements ISliderProps, OnChanges, ControlValueAccessor {
+export declare abstract class SliderBase extends AccessibilityInputsBase implements ISliderProps, OnChanges, ControlValueAccessor {
     value?: number;
     minimumValue?: number;
     maximumValue?: number;
@@ -30,42 +31,9 @@ export declare abstract class SliderBase implements ISliderProps, OnChanges, Con
     testID?: string;
     style?: ISliderProps['style'];
     nativeID?: string;
-    accessible?: boolean;
-    accessibilityLabel?: string;
-    accessibilityHint?: string;
-    accessibilityRole?: IAccessibilityProps['accessibilityRole'];
-    accessibilityState?: IAccessibilityStateValue;
-    accessibilityValue?: IAccessibilityProps['accessibilityValue'];
-    accessibilityActions?: IAccessibilityProps['accessibilityActions'];
-    accessibilityLabelledBy?: string | string[];
-    importantForAccessibility?: IAccessibilityProps['importantForAccessibility'];
-    accessibilityLiveRegion?: IAccessibilityProps['accessibilityLiveRegion'];
-    screenReaderFocusable?: boolean;
-    accessibilityViewIsModal?: boolean;
-    accessibilityElementsHidden?: boolean;
-    accessibilityIgnoresInvertColors?: boolean;
-    accessibilityLanguage?: string;
-    accessibilityRespondsToUserInteraction?: boolean;
-    accessibilityShowsLargeContentViewer?: boolean;
-    accessibilityLargeContentTitle?: string;
     onAccessibilityTap?: (event: ISymbioteEvent) => void;
     onMagicTap?: (event: ISymbioteEvent) => void;
     onAccessibilityEscape?: (event: ISymbioteEvent) => void;
-    role?: IAriaProps['role'];
-    ariaLabel?: string;
-    ariaLabelledBy?: string;
-    ariaLive?: IAriaProps['aria-live'];
-    ariaHidden?: boolean;
-    ariaBusy?: boolean;
-    ariaChecked?: boolean | 'mixed';
-    ariaDisabled?: boolean;
-    ariaExpanded?: boolean;
-    ariaSelected?: boolean;
-    ariaModal?: boolean;
-    ariaValueMax?: number;
-    ariaValueMin?: number;
-    ariaValueNow?: number;
-    ariaValueText?: string;
     readonly valueChange: EventEmitter<number>;
     readonly slidingStart: EventEmitter<number>;
     readonly slidingComplete: EventEmitter<number>;
@@ -87,6 +55,9 @@ export declare abstract class SliderBase implements ISliderProps, OnChanges, Con
     setDisabledState(isDisabled: boolean): void;
     private inputProps;
     get descriptor(): IDescriptor;
+    private viewFor;
+    private nativeEventHandlers;
+    private stepsFor;
     static ɵfac: i0.ɵɵFactoryDeclaration<SliderBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SliderBase, never, never, { "value": { "alias": "value"; "required": false; }; "minimumValue": { "alias": "minimumValue"; "required": false; }; "maximumValue": { "alias": "maximumValue"; "required": false; }; "step": { "alias": "step"; "required": false; }; "lowerLimit": { "alias": "lowerLimit"; "required": false; }; "upperLimit": { "alias": "upperLimit"; "required": false; }; "minimumTrackTintColor": { "alias": "minimumTrackTintColor"; "required": false; }; "maximumTrackTintColor": { "alias": "maximumTrackTintColor"; "required": false; }; "thumbTintColor": { "alias": "thumbTintColor"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "tapToSeek": { "alias": "tapToSeek"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; "thumbImage": { "alias": "thumbImage"; "required": false; }; "minimumTrackImage": { "alias": "minimumTrackImage"; "required": false; }; "maximumTrackImage": { "alias": "maximumTrackImage"; "required": false; }; "trackImage": { "alias": "trackImage"; "required": false; }; "thumbSize": { "alias": "thumbSize"; "required": false; }; "accessibilityUnits": { "alias": "accessibilityUnits"; "required": false; }; "accessibilityIncrements": { "alias": "accessibilityIncrements"; "required": false; }; "renderStepNumber": { "alias": "renderStepNumber"; "required": false; }; "testID": { "alias": "testID"; "required": false; }; "style": { "alias": "style"; "required": false; }; "nativeID": { "alias": "nativeID"; "required": false; }; "accessible": { "alias": "accessible"; "required": false; }; "accessibilityLabel": { "alias": "accessibilityLabel"; "required": false; }; "accessibilityHint": { "alias": "accessibilityHint"; "required": false; }; "accessibilityRole": { "alias": "accessibilityRole"; "required": false; }; "accessibilityState": { "alias": "accessibilityState"; "required": false; }; "accessibilityValue": { "alias": "accessibilityValue"; "required": false; }; "accessibilityActions": { "alias": "accessibilityActions"; "required": false; }; "accessibilityLabelledBy": { "alias": "accessibilityLabelledBy"; "required": false; }; "importantForAccessibility": { "alias": "importantForAccessibility"; "required": false; }; "accessibilityLiveRegion": { "alias": "accessibilityLiveRegion"; "required": false; }; "screenReaderFocusable": { "alias": "screenReaderFocusable"; "required": false; }; "accessibilityViewIsModal": { "alias": "accessibilityViewIsModal"; "required": false; }; "accessibilityElementsHidden": { "alias": "accessibilityElementsHidden"; "required": false; }; "accessibilityIgnoresInvertColors": { "alias": "accessibilityIgnoresInvertColors"; "required": false; }; "accessibilityLanguage": { "alias": "accessibilityLanguage"; "required": false; }; "accessibilityRespondsToUserInteraction": { "alias": "accessibilityRespondsToUserInteraction"; "required": false; }; "accessibilityShowsLargeContentViewer": { "alias": "accessibilityShowsLargeContentViewer"; "required": false; }; "accessibilityLargeContentTitle": { "alias": "accessibilityLargeContentTitle"; "required": false; }; "onAccessibilityTap": { "alias": "onAccessibilityTap"; "required": false; }; "onMagicTap": { "alias": "onMagicTap"; "required": false; }; "onAccessibilityEscape": { "alias": "onAccessibilityEscape"; "required": false; }; "role": { "alias": "role"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; }; "ariaLive": { "alias": "aria-live"; "required": false; }; "ariaHidden": { "alias": "aria-hidden"; "required": false; }; "ariaBusy": { "alias": "aria-busy"; "required": false; }; "ariaChecked": { "alias": "aria-checked"; "required": false; }; "ariaDisabled": { "alias": "aria-disabled"; "required": false; }; "ariaExpanded": { "alias": "aria-expanded"; "required": false; }; "ariaSelected": { "alias": "aria-selected"; "required": false; }; "ariaModal": { "alias": "aria-modal"; "required": false; }; "ariaValueMax": { "alias": "aria-valuemax"; "required": false; }; "ariaValueMin": { "alias": "aria-valuemin"; "required": false; }; "ariaValueNow": { "alias": "aria-valuenow"; "required": false; }; "ariaValueText": { "alias": "aria-valuetext"; "required": false; }; }, { "valueChange": "valueChange"; "slidingStart": "slidingStart"; "slidingComplete": "slidingComplete"; "accessibilityAction": "accessibilityAction"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SliderBase, never, never, { "value": { "alias": "value"; "required": false; }; "minimumValue": { "alias": "minimumValue"; "required": false; }; "maximumValue": { "alias": "maximumValue"; "required": false; }; "step": { "alias": "step"; "required": false; }; "lowerLimit": { "alias": "lowerLimit"; "required": false; }; "upperLimit": { "alias": "upperLimit"; "required": false; }; "minimumTrackTintColor": { "alias": "minimumTrackTintColor"; "required": false; }; "maximumTrackTintColor": { "alias": "maximumTrackTintColor"; "required": false; }; "thumbTintColor": { "alias": "thumbTintColor"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "tapToSeek": { "alias": "tapToSeek"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; "thumbImage": { "alias": "thumbImage"; "required": false; }; "minimumTrackImage": { "alias": "minimumTrackImage"; "required": false; }; "maximumTrackImage": { "alias": "maximumTrackImage"; "required": false; }; "trackImage": { "alias": "trackImage"; "required": false; }; "thumbSize": { "alias": "thumbSize"; "required": false; }; "accessibilityUnits": { "alias": "accessibilityUnits"; "required": false; }; "accessibilityIncrements": { "alias": "accessibilityIncrements"; "required": false; }; "renderStepNumber": { "alias": "renderStepNumber"; "required": false; }; "testID": { "alias": "testID"; "required": false; }; "style": { "alias": "style"; "required": false; }; "nativeID": { "alias": "nativeID"; "required": false; }; "onAccessibilityTap": { "alias": "onAccessibilityTap"; "required": false; }; "onMagicTap": { "alias": "onMagicTap"; "required": false; }; "onAccessibilityEscape": { "alias": "onAccessibilityEscape"; "required": false; }; }, { "valueChange": "valueChange"; "slidingStart": "slidingStart"; "slidingComplete": "slidingComplete"; "accessibilityAction": "accessibilityAction"; }, never, never, true, never>;
 }

package/build-ngc/angular/slider/shared.js

@@ -23,7 +23,7 @@
 // thumbImage/style/every event, and the DEFAULT numbered step indicator (`renderStepNumber`) — is
 // fully implemented below; only the custom-marker overlay is unimplemented.
 import { ChangeDetectorRef, Directive, ElementRef, EventEmitter, inject, Input, Output, } from '@angular/core';
-import { anchorHostStyle } from '@symbiote-native/angular';
+import { AccessibilityInputsBase, anchorHostStyle, } from '@symbiote-native/angular';
 import { resolveAccessibilityProps } from '@symbiote-native/components';
 import { dlog } from '@symbiote-native/engine';
 import { sanitizeSliderValue, resolveSliderDisabled, resolveSliderAccessibilityState, resolveSliderLowerLimit, resolveSliderUpperLimit, valueFromSliderEvent, shouldRenderStepsIndicator, resolveThumbTintColor, shouldPassNativeThumbImage, isInvalidLimitConfig, computeStepOptions, renderSlider, renderStepsIndicator, 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';
@@ -38,7 +38,7 @@ function isRecord(value) {
 function asStyle(value) {
     return typeof value === 'object' && value !== null ? value : undefined;
 }
-export class SliderBase {
+export class SliderBase extends AccessibilityInputsBase {
     value;
     minimumValue;
     maximumValue;
@@ -63,42 +63,9 @@ export class SliderBase {
     testID;
     style;
     nativeID;
-    accessible;
-    accessibilityLabel;
-    accessibilityHint;
-    accessibilityRole;
-    accessibilityState;
-    accessibilityValue;
-    accessibilityActions;
-    accessibilityLabelledBy;
-    importantForAccessibility;
-    accessibilityLiveRegion;
-    screenReaderFocusable;
-    accessibilityViewIsModal;
-    accessibilityElementsHidden;
-    accessibilityIgnoresInvertColors;
-    accessibilityLanguage;
-    accessibilityRespondsToUserInteraction;
-    accessibilityShowsLargeContentViewer;
-    accessibilityLargeContentTitle;
     onAccessibilityTap;
     onMagicTap;
     onAccessibilityEscape;
-    role;
-    ariaLabel;
-    ariaLabelledBy;
-    ariaLive;
-    ariaHidden;
-    ariaBusy;
-    ariaChecked;
-    ariaDisabled;
-    ariaExpanded;
-    ariaSelected;
-    ariaModal;
-    ariaValueMax;
-    ariaValueMin;
-    ariaValueNow;
-    ariaValueText;
     // The four native callbacks, as real EventEmitters — no v-model-style two-way twin (that was
     // Vue-specific v-model sugar; Angular has no equivalent concept here).
     valueChange = new EventEmitter();
@@ -200,107 +167,77 @@ export class SliderBase {
             testID: this.testID,
             style: [asStyle(anchorHostStyle(this.elementRef)), this.style],
             nativeID: this.nativeID,
-            accessible: this.accessible,
-            accessibilityLabel: this.accessibilityLabel,
-            accessibilityHint: this.accessibilityHint,
-            accessibilityRole: this.accessibilityRole,
-            accessibilityState: this.accessibilityState,
-            accessibilityValue: this.accessibilityValue,
-            accessibilityActions: this.accessibilityActions,
-            accessibilityLabelledBy: this.accessibilityLabelledBy,
-            importantForAccessibility: this.importantForAccessibility,
-            accessibilityLiveRegion: this.accessibilityLiveRegion,
-            screenReaderFocusable: this.screenReaderFocusable,
-            accessibilityViewIsModal: this.accessibilityViewIsModal,
-            accessibilityElementsHidden: this.accessibilityElementsHidden,
-            accessibilityIgnoresInvertColors: this.accessibilityIgnoresInvertColors,
-            accessibilityLanguage: this.accessibilityLanguage,
-            accessibilityRespondsToUserInteraction: this.accessibilityRespondsToUserInteraction,
-            accessibilityShowsLargeContentViewer: this.accessibilityShowsLargeContentViewer,
-            accessibilityLargeContentTitle: this.accessibilityLargeContentTitle,
+            ...this.accessibilityInputProps(),
             onAccessibilityTap: this.onAccessibilityTap,
             onMagicTap: this.onMagicTap,
             onAccessibilityEscape: this.onAccessibilityEscape,
-            role: this.role,
-            'aria-label': this.ariaLabel,
-            'aria-labelledby': this.ariaLabelledBy,
-            'aria-live': this.ariaLive,
-            'aria-hidden': this.ariaHidden,
-            'aria-busy': this.ariaBusy,
-            'aria-checked': this.ariaChecked,
-            'aria-disabled': this.ariaDisabled,
-            'aria-expanded': this.ariaExpanded,
-            'aria-selected': this.ariaSelected,
-            'aria-modal': this.ariaModal,
-            'aria-valuemax': this.ariaValueMax,
-            'aria-valuemin': this.ariaValueMin,
-            'aria-valuenow': this.ariaValueNow,
-            'aria-valuetext': this.ariaValueText,
         };
     }
     get descriptor() {
         const props = resolveAccessibilityProps(this.inputProps());
-        const { value, minimumValue: minimumValueInput, maximumValue: maximumValueInput, step: stepInput, lowerLimit: lowerLimitInput, upperLimit: upperLimitInput, disabled, inverted: invertedInput, thumbTintColor, thumbImage, accessibilityState, renderStepNumber, style, ...passthrough } = props;
-        const minimumValue = minimumValueInput ?? SLIDER_DEFAULT_MINIMUM_VALUE;
-        const maximumValue = maximumValueInput ?? SLIDER_DEFAULT_MAXIMUM_VALUE;
-        const step = stepInput ?? SLIDER_DEFAULT_STEP;
+        const view = this.viewFor(props);
+        // No custom marker slot on Angular yet, so the overlay depends only on `renderStepNumber`
+        if (!shouldRenderStepsIndicator(false, props.renderStepNumber)) {
+            return renderSlider(view, this.platform, { onLayout: this.handleLayout });
+        }
+        return renderSlider(view, this.platform, {
+            steps: this.stepsFor(view, props),
+            onLayout: this.handleLayout,
+        });
+    }
+    // Kept apart from `descriptor` so the value, limit and disabled folds read as one step and the
+    // step-overlay decision as another
+    viewFor(props) {
+        const { value, minimumValue: minimumValueInput, maximumValue: maximumValueInput, step: stepInput, lowerLimit: lowerLimitInput, upperLimit: upperLimitInput, disabled, inverted: invertedInput, thumbTintColor, thumbImage, accessibilityState, renderStepNumber: _renderStepNumber, style, ...passthrough } = props;
         const lowerLimit = resolveSliderLowerLimit(lowerLimitInput);
         const upperLimit = resolveSliderUpperLimit(upperLimitInput);
         if (isInvalidLimitConfig(lowerLimit, upperLimit)) {
             dlog('Slider: lowerLimit must be smaller than upperLimit');
         }
-        const inverted = invertedInput ?? false;
         const hasThumbImage = thumbImage !== undefined;
-        // No custom-StepMarker slot on Angular yet (see the module doc comment above) — showSteps
-        // only ever considers renderStepNumber.
-        const showSteps = shouldRenderStepsIndicator(false, renderStepNumber);
         const nativeThumbImage = shouldPassNativeThumbImage(false, hasThumbImage)
             ? thumbImage
             : undefined;
-        const view = {
+        return {
             value: sanitizeSliderValue(value),
-            minimumValue,
-            maximumValue,
-            step,
+            minimumValue: minimumValueInput ?? SLIDER_DEFAULT_MINIMUM_VALUE,
+            maximumValue: maximumValueInput ?? SLIDER_DEFAULT_MAXIMUM_VALUE,
+            step: stepInput ?? SLIDER_DEFAULT_STEP,
             lowerLimit,
             upperLimit,
             disabled: resolveSliderDisabled(disabled, accessibilityState),
-            inverted,
+            inverted: invertedInput ?? false,
             thumbTintColor: resolveThumbTintColor(thumbTintColor, false, hasThumbImage),
             thumbImage: nativeThumbImage,
             accessibilityState: resolveSliderAccessibilityState(disabled, accessibilityState),
             width: this.width,
             style,
-            passthrough: {
-                ...passthrough,
-                [SLIDER_ON_CHANGE]: this.handleValueChange,
-                [SLIDER_ON_VALUE_CHANGE]: this.handleValueChange,
-                [SLIDER_ON_SLIDING_START]: this.handleSlidingStart,
-                [SLIDER_ON_SLIDING_COMPLETE]: this.handleSlidingComplete,
-                [SLIDER_ON_ACCESSIBILITY_ACTION]: this.handleAccessibilityAction,
-            },
+            passthrough: { ...passthrough, ...this.nativeEventHandlers() },
         };
-        if (!showSteps) {
-            return renderSlider(view, this.platform, { onLayout: this.handleLayout });
-        }
-        const options = computeStepOptions(minimumValue, maximumValue, step, this.platform.stepResolution);
-        const currentValue = this.reportedValue ?? view.value ?? minimumValue;
-        const steps = renderStepsIndicator({
+    }
+    nativeEventHandlers() {
+        return {
+            [SLIDER_ON_CHANGE]: this.handleValueChange,
+            [SLIDER_ON_VALUE_CHANGE]: this.handleValueChange,
+            [SLIDER_ON_SLIDING_START]: this.handleSlidingStart,
+            [SLIDER_ON_SLIDING_COMPLETE]: this.handleSlidingComplete,
+            [SLIDER_ON_ACCESSIBILITY_ACTION]: this.handleAccessibilityAction,
+        };
+    }
+    stepsFor(view, props) {
+        const options = computeStepOptions(view.minimumValue, view.maximumValue, view.step, this.platform.stepResolution);
+        return renderStepsIndicator({
             options,
-            currentValue,
+            currentValue: this.reportedValue ?? view.value ?? view.minimumValue,
             width: this.width,
-            renderStepNumber: renderStepNumber === true,
-            thumbImage,
-            inverted,
+            renderStepNumber: props.renderStepNumber === true,
+            thumbImage: props.thumbImage,
+            inverted: view.inverted,
             platform: this.platform,
         });
-        return renderSlider(view, this.platform, {
-            steps,
-            onLayout: this.handleLayout,
-        });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SliderBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SliderBase, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    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", onAccessibilityTap: "onAccessibilityTap", onMagicTap: "onMagicTap", onAccessibilityEscape: "onAccessibilityEscape" }, outputs: { valueChange: "valueChange", slidingStart: "slidingStart", slidingComplete: "slidingComplete", accessibilityAction: "accessibilityAction" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SliderBase, decorators: [{
             type: Directive
@@ -352,92 +289,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 type: Input
             }], nativeID: [{
                 type: Input
-            }], accessible: [{
-                type: Input
-            }], accessibilityLabel: [{
-                type: Input
-            }], accessibilityHint: [{
-                type: Input
-            }], accessibilityRole: [{
-                type: Input
-            }], accessibilityState: [{
-                type: Input
-            }], accessibilityValue: [{
-                type: Input
-            }], accessibilityActions: [{
-                type: Input
-            }], accessibilityLabelledBy: [{
-                type: Input
-            }], importantForAccessibility: [{
-                type: Input
-            }], accessibilityLiveRegion: [{
-                type: Input
-            }], screenReaderFocusable: [{
-                type: Input
-            }], accessibilityViewIsModal: [{
-                type: Input
-            }], accessibilityElementsHidden: [{
-                type: Input
-            }], accessibilityIgnoresInvertColors: [{
-                type: Input
-            }], accessibilityLanguage: [{
-                type: Input
-            }], accessibilityRespondsToUserInteraction: [{
-                type: Input
-            }], accessibilityShowsLargeContentViewer: [{
-                type: Input
-            }], accessibilityLargeContentTitle: [{
-                type: Input
             }], onAccessibilityTap: [{
                 type: Input
             }], onMagicTap: [{
                 type: Input
             }], onAccessibilityEscape: [{
                 type: Input
-            }], role: [{
-                type: Input
-            }], ariaLabel: [{
-                type: Input,
-                args: ['aria-label']
-            }], ariaLabelledBy: [{
-                type: Input,
-                args: ['aria-labelledby']
-            }], ariaLive: [{
-                type: Input,
-                args: ['aria-live']
-            }], ariaHidden: [{
-                type: Input,
-                args: ['aria-hidden']
-            }], ariaBusy: [{
-                type: Input,
-                args: ['aria-busy']
-            }], ariaChecked: [{
-                type: Input,
-                args: ['aria-checked']
-            }], ariaDisabled: [{
-                type: Input,
-                args: ['aria-disabled']
-            }], ariaExpanded: [{
-                type: Input,
-                args: ['aria-expanded']
-            }], ariaSelected: [{
-                type: Input,
-                args: ['aria-selected']
-            }], ariaModal: [{
-                type: Input,
-                args: ['aria-modal']
-            }], ariaValueMax: [{
-                type: Input,
-                args: ['aria-valuemax']
-            }], ariaValueMin: [{
-                type: Input,
-                args: ['aria-valuemin']
-            }], ariaValueNow: [{
-                type: Input,
-                args: ['aria-valuenow']
-            }], ariaValueText: [{
-                type: Input,
-                args: ['aria-valuetext']
             }], valueChange: [{
                 type: Output
             }], slidingStart: [{

package/build-ngc/angular/slider/shared.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symbiote-native/slider",
-  "version": "8.0.4",
+  "version": "8.0.6",
   "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.",
   "keywords": [
     "react-native",
@@ -83,7 +83,7 @@
   },
   "dependencies": {
     "@react-native-community/slider": "5.2.0",
-    "@symbiote-native/components": "3.1.2"
+    "@symbiote-native/components": "3.1.4"
   },
   "peerDependencies": {
     "@angular/core": ">=20",
@@ -94,12 +94,12 @@
     "solid-js": ">=1.9.0",
     "svelte": ">=5.56.0",
     "vue": ">=3.5.0",
-    "@symbiote-native/angular": "^3.1.2",
-    "@symbiote-native/engine": "^1.3.1",
-    "@symbiote-native/react": "^3.0.4",
-    "@symbiote-native/solid": "^3.0.4",
-    "@symbiote-native/svelte": "^3.0.4",
-    "@symbiote-native/vue": "^3.0.4"
+    "@symbiote-native/angular": "^3.2.0",
+    "@symbiote-native/engine": "^1.5.0",
+    "@symbiote-native/react": "^3.2.0",
+    "@symbiote-native/solid": "^3.1.0",
+    "@symbiote-native/svelte": "^3.1.0",
+    "@symbiote-native/vue": "^3.2.0"
   },
   "peerDependenciesMeta": {
     "@symbiote-native/angular": {
@@ -151,13 +151,13 @@
     "solid-js": "^1.9.14",
     "svelte": "^5.56.0",
     "typescript": "~6.0.0",
-    "@symbiote-native/angular": "3.1.2",
-    "@symbiote-native/engine": "1.3.1",
-    "@symbiote-native/react": "3.0.4",
-    "@symbiote-native/solid": "3.0.4",
-    "@symbiote-native/svelte": "3.0.4",
-    "@symbiote-native/test-utils": "0.4.4",
-    "@symbiote-native/vue": "3.0.4"
+    "@symbiote-native/angular": "3.2.0",
+    "@symbiote-native/engine": "1.5.0",
+    "@symbiote-native/react": "3.2.0",
+    "@symbiote-native/solid": "3.1.0",
+    "@symbiote-native/svelte": "3.1.0",
+    "@symbiote-native/test-utils": "0.4.6",
+    "@symbiote-native/vue": "3.2.0"
   },
   "scripts": {
     "typecheck": "tsc --build",

package/src/angular/slider/shared.ts

@@ -34,14 +34,12 @@ import {
   type OnChanges,
 } from '@angular/core';
 import type { ControlValueAccessor } from '@angular/forms';
-import { anchorHostStyle } from '@symbiote-native/angular';
+import {
+  AccessibilityInputsBase,
+  anchorHostStyle,
+} from '@symbiote-native/angular';
 import { resolveAccessibilityProps } from '@symbiote-native/components';
-import type {
-  IAccessibilityProps,
-  IAccessibilityStateValue,
-  IAriaProps,
-  IDescriptor,
-} from '@symbiote-native/components';
+import type { IDescriptor } from '@symbiote-native/components';
 import { dlog, type ISymbioteEvent } from '@symbiote-native/engine';
 import {
   sanitizeSliderValue,
@@ -92,6 +90,7 @@ function asStyle(value: unknown): ISliderProps['style'] {
 
 @Directive()
 export abstract class SliderBase
+  extends AccessibilityInputsBase
   implements ISliderProps, OnChanges, ControlValueAccessor
 {
   @Input() value?: number;
@@ -119,46 +118,10 @@ export abstract class SliderBase
   @Input() style?: ISliderProps['style'];
 
   @Input() nativeID?: string;
-  @Input() accessible?: boolean;
-  @Input() accessibilityLabel?: string;
-  @Input() accessibilityHint?: string;
-  @Input() accessibilityRole?: IAccessibilityProps['accessibilityRole'];
-  @Input() accessibilityState?: IAccessibilityStateValue;
-  @Input() accessibilityValue?: IAccessibilityProps['accessibilityValue'];
-  @Input() accessibilityActions?: IAccessibilityProps['accessibilityActions'];
-  @Input() accessibilityLabelledBy?: string | string[];
-  @Input()
-  importantForAccessibility?: IAccessibilityProps['importantForAccessibility'];
-  @Input()
-  accessibilityLiveRegion?: IAccessibilityProps['accessibilityLiveRegion'];
-  @Input() screenReaderFocusable?: boolean;
-  @Input() accessibilityViewIsModal?: boolean;
-  @Input() accessibilityElementsHidden?: boolean;
-  @Input() accessibilityIgnoresInvertColors?: boolean;
-  @Input() accessibilityLanguage?: string;
-  @Input() accessibilityRespondsToUserInteraction?: boolean;
-  @Input() accessibilityShowsLargeContentViewer?: boolean;
-  @Input() accessibilityLargeContentTitle?: string;
   @Input() onAccessibilityTap?: (event: ISymbioteEvent) => void;
   @Input() onMagicTap?: (event: ISymbioteEvent) => void;
   @Input() onAccessibilityEscape?: (event: ISymbioteEvent) => void;
 
-  @Input() role?: IAriaProps['role'];
-  @Input('aria-label') ariaLabel?: string;
-  @Input('aria-labelledby') ariaLabelledBy?: string;
-  @Input('aria-live') ariaLive?: IAriaProps['aria-live'];
-  @Input('aria-hidden') ariaHidden?: boolean;
-  @Input('aria-busy') ariaBusy?: boolean;
-  @Input('aria-checked') ariaChecked?: boolean | 'mixed';
-  @Input('aria-disabled') ariaDisabled?: boolean;
-  @Input('aria-expanded') ariaExpanded?: boolean;
-  @Input('aria-selected') ariaSelected?: boolean;
-  @Input('aria-modal') ariaModal?: boolean;
-  @Input('aria-valuemax') ariaValueMax?: number;
-  @Input('aria-valuemin') ariaValueMin?: number;
-  @Input('aria-valuenow') ariaValueNow?: number;
-  @Input('aria-valuetext') ariaValueText?: string;
-
   // The four native callbacks, as real EventEmitters — no v-model-style two-way twin (that was
   // Vue-specific v-model sugar; Angular has no equivalent concept here).
   @Output() readonly valueChange = new EventEmitter<number>();
@@ -274,49 +237,29 @@ export abstract class SliderBase
       testID: this.testID,
       style: [asStyle(anchorHostStyle(this.elementRef)), this.style],
       nativeID: this.nativeID,
-      accessible: this.accessible,
-      accessibilityLabel: this.accessibilityLabel,
-      accessibilityHint: this.accessibilityHint,
-      accessibilityRole: this.accessibilityRole,
-      accessibilityState: this.accessibilityState,
-      accessibilityValue: this.accessibilityValue,
-      accessibilityActions: this.accessibilityActions,
-      accessibilityLabelledBy: this.accessibilityLabelledBy,
-      importantForAccessibility: this.importantForAccessibility,
-      accessibilityLiveRegion: this.accessibilityLiveRegion,
-      screenReaderFocusable: this.screenReaderFocusable,
-      accessibilityViewIsModal: this.accessibilityViewIsModal,
-      accessibilityElementsHidden: this.accessibilityElementsHidden,
-      accessibilityIgnoresInvertColors: this.accessibilityIgnoresInvertColors,
-      accessibilityLanguage: this.accessibilityLanguage,
-      accessibilityRespondsToUserInteraction:
-        this.accessibilityRespondsToUserInteraction,
-      accessibilityShowsLargeContentViewer:
-        this.accessibilityShowsLargeContentViewer,
-      accessibilityLargeContentTitle: this.accessibilityLargeContentTitle,
+      ...this.accessibilityInputProps(),
       onAccessibilityTap: this.onAccessibilityTap,
       onMagicTap: this.onMagicTap,
       onAccessibilityEscape: this.onAccessibilityEscape,
-      role: this.role,
-      'aria-label': this.ariaLabel,
-      'aria-labelledby': this.ariaLabelledBy,
-      'aria-live': this.ariaLive,
-      'aria-hidden': this.ariaHidden,
-      'aria-busy': this.ariaBusy,
-      'aria-checked': this.ariaChecked,
-      'aria-disabled': this.ariaDisabled,
-      'aria-expanded': this.ariaExpanded,
-      'aria-selected': this.ariaSelected,
-      'aria-modal': this.ariaModal,
-      'aria-valuemax': this.ariaValueMax,
-      'aria-valuemin': this.ariaValueMin,
-      'aria-valuenow': this.ariaValueNow,
-      'aria-valuetext': this.ariaValueText,
     };
   }
 
   get descriptor(): IDescriptor {
     const props = resolveAccessibilityProps<ISliderProps>(this.inputProps());
+    const view = this.viewFor(props);
+    // No custom marker slot on Angular yet, so the overlay depends only on `renderStepNumber`
+    if (!shouldRenderStepsIndicator(false, props.renderStepNumber)) {
+      return renderSlider(view, this.platform, { onLayout: this.handleLayout });
+    }
+    return renderSlider(view, this.platform, {
+      steps: this.stepsFor(view, props),
+      onLayout: this.handleLayout,
+    });
+  }
+
+  // Kept apart from `descriptor` so the value, limit and disabled folds read as one step and the
+  // step-overlay decision as another
+  private viewFor(props: ISliderProps): ISliderViewProps {
     const {
       value,
       minimumValue: minimumValueInput,
@@ -329,37 +272,30 @@ export abstract class SliderBase
       thumbTintColor,
       thumbImage,
       accessibilityState,
-      renderStepNumber,
+      renderStepNumber: _renderStepNumber,
       style,
       ...passthrough
     } = props;
 
-    const minimumValue = minimumValueInput ?? SLIDER_DEFAULT_MINIMUM_VALUE;
-    const maximumValue = maximumValueInput ?? SLIDER_DEFAULT_MAXIMUM_VALUE;
-    const step = stepInput ?? SLIDER_DEFAULT_STEP;
     const lowerLimit = resolveSliderLowerLimit(lowerLimitInput);
     const upperLimit = resolveSliderUpperLimit(upperLimitInput);
     if (isInvalidLimitConfig(lowerLimit, upperLimit)) {
       dlog('Slider: lowerLimit must be smaller than upperLimit');
     }
-    const inverted = invertedInput ?? false;
     const hasThumbImage = thumbImage !== undefined;
-    // No custom-StepMarker slot on Angular yet (see the module doc comment above) — showSteps
-    // only ever considers renderStepNumber.
-    const showSteps = shouldRenderStepsIndicator(false, renderStepNumber);
     const nativeThumbImage = shouldPassNativeThumbImage(false, hasThumbImage)
       ? thumbImage
       : undefined;
 
-    const view: ISliderViewProps = {
+    return {
       value: sanitizeSliderValue(value),
-      minimumValue,
-      maximumValue,
-      step,
+      minimumValue: minimumValueInput ?? SLIDER_DEFAULT_MINIMUM_VALUE,
+      maximumValue: maximumValueInput ?? SLIDER_DEFAULT_MAXIMUM_VALUE,
+      step: stepInput ?? SLIDER_DEFAULT_STEP,
       lowerLimit,
       upperLimit,
       disabled: resolveSliderDisabled(disabled, accessibilityState),
-      inverted,
+      inverted: invertedInput ?? false,
       thumbTintColor: resolveThumbTintColor(
         thumbTintColor,
         false,
@@ -372,39 +308,38 @@ export abstract class SliderBase
       ),
       width: this.width,
       style,
-      passthrough: {
-        ...passthrough,
-        [SLIDER_ON_CHANGE]: this.handleValueChange,
-        [SLIDER_ON_VALUE_CHANGE]: this.handleValueChange,
-        [SLIDER_ON_SLIDING_START]: this.handleSlidingStart,
-        [SLIDER_ON_SLIDING_COMPLETE]: this.handleSlidingComplete,
-        [SLIDER_ON_ACCESSIBILITY_ACTION]: this.handleAccessibilityAction,
-      },
+      passthrough: { ...passthrough, ...this.nativeEventHandlers() },
     };
+  }
 
-    if (!showSteps) {
-      return renderSlider(view, this.platform, { onLayout: this.handleLayout });
-    }
+  private nativeEventHandlers(): Record<
+    string,
+    (event: ISymbioteEvent) => void
+  > {
+    return {
+      [SLIDER_ON_CHANGE]: this.handleValueChange,
+      [SLIDER_ON_VALUE_CHANGE]: this.handleValueChange,
+      [SLIDER_ON_SLIDING_START]: this.handleSlidingStart,
+      [SLIDER_ON_SLIDING_COMPLETE]: this.handleSlidingComplete,
+      [SLIDER_ON_ACCESSIBILITY_ACTION]: this.handleAccessibilityAction,
+    };
+  }
 
+  private stepsFor(view: ISliderViewProps, props: ISliderProps): IDescriptor {
     const options = computeStepOptions(
-      minimumValue,
-      maximumValue,
-      step,
+      view.minimumValue,
+      view.maximumValue,
+      view.step,
       this.platform.stepResolution,
     );
-    const currentValue = this.reportedValue ?? view.value ?? minimumValue;
-    const steps = renderStepsIndicator({
+    return renderStepsIndicator({
       options,
-      currentValue,
+      currentValue: this.reportedValue ?? view.value ?? view.minimumValue,
       width: this.width,
-      renderStepNumber: renderStepNumber === true,
-      thumbImage,
-      inverted,
+      renderStepNumber: props.renderStepNumber === true,
+      thumbImage: props.thumbImage,
+      inverted: view.inverted,
       platform: this.platform,
     });
-    return renderSlider(view, this.platform, {
-      steps,
-      onLayout: this.handleLayout,
-    });
   }
 }