Class SmoothScrollDragPlugin<StaticProp, ChangeableProp, CallbacksTypes>

Add dragger to SmoothScroll

Type Parameters

StaticProp extends NSmoothScrollDragPlugin.IStaticProps = NSmoothScrollDragPlugin.IStaticProps
ChangeableProp extends NSmoothScrollDragPlugin.IChangeableProps = NSmoothScrollDragPlugin.IChangeableProps
CallbacksTypes extends NSmoothScrollDragPlugin.ICallbacksTypes = NSmoothScrollDragPlugin.ICallbacksTypes

Hierarchy

Plugin<StaticProp, ChangeableProp, CallbacksTypes, SmoothScroll>
- SmoothScrollDragPlugin

Constructors

constructor

new SmoothScrollDragPlugin<StaticProp, ChangeableProp, CallbacksTypes>(initialProps?): SmoothScrollDragPlugin<StaticProp, ChangeableProp, CallbacksTypes>
Type Parameters
- StaticProp extends NSmoothScrollDragPlugin.IStaticProps = NSmoothScrollDragPlugin.IStaticProps
- ChangeableProp extends NSmoothScrollDragPlugin.IChangeableProps = NSmoothScrollDragPlugin.IChangeableProps
- CallbacksTypes extends NSmoothScrollDragPlugin.ICallbacksTypes = NSmoothScrollDragPlugin.ICallbacksTypes
Parameters
- Optional initialProps: StaticProp & ChangeableProp
Returns SmoothScrollDragPlugin<StaticProp, ChangeableProp, CallbacksTypes>
Inherited from Plugin.constructor
- Defined in src/base/Plugin/index.ts:15

Properties

`Protected` `Optional` _componentCallbacks

_componentCallbacks?: IAddedCallback[]

Component callbacks

`Protected` `Optional` _dragger

_dragger?: DraggerMove<NDraggerMove.IStaticProps, NDraggerMove.IChangeableProps, NDraggerMove.ICallbacksTypes>

Dragger component

`Protected` `Optional` _prevComponentLerp

_prevComponentLerp?: number

Current lerp of SmoothScroll

Accessors

app

get app(): Application
Vevet Application

Returns Application
Inherited from Plugin.app
- Defined in src/base/Module/index.ts:68

callbacks

get callbacks(): Callbacks<CallbacksTypes>
Module Callbacks

Returns Callbacks<CallbacksTypes>
Inherited from Plugin.callbacks
- Defined in src/base/Module/index.ts:47

component

get component(): Component
Returns Component
Inherited from Plugin.component
- Defined in src/base/Plugin/index.ts:21
set component(value): void
Parameters
- value: Component
Returns void
Inherited from Plugin.component
- Defined in src/base/Plugin/index.ts:25

isDestroyed

get isDestroyed(): boolean
The module is destroyed

Returns boolean
Inherited from Plugin.isDestroyed
- Defined in src/base/Module/index.ts:94

isDragging

get isDragging(): boolean
If is dragging at the moment

Returns boolean
- Defined in src/components/SmoothScrollDragPlugin/index.ts:43

isInitialized

get isInitialized(): boolean
The module is initialized

Returns boolean
Inherited from Plugin.isInitialized
- Defined in src/base/Module/index.ts:86

name

get name(): string
Module name

Returns string
Inherited from Plugin.name
- Defined in src/base/Module/index.ts:73

prefix

get prefix(): string
Module prefix

Returns string
Inherited from Plugin.prefix
- Defined in src/base/Module/index.ts:78

props

get props(): TRequiredModuleProp<StaticProps & ChangeableProps>
Current properties

Returns TRequiredModuleProp<StaticProps & ChangeableProps>
Inherited from Plugin.props
- Defined in src/base/Module/index.ts:34

Methods

`Protected` _addDragger

_addDragger(): void
Add dragger

Returns void
- Defined in src/components/SmoothScrollDragPlugin/index.ts:75

`Protected` _destroy

_destroy(): void
Destroy the plugin

Returns void
Overrides Plugin._destroy
- Defined in src/components/SmoothScrollDragPlugin/index.ts:223

`Protected` _getDefaultProps

_getDefaultProps(): DeepRequired<StaticProp & ChangeableProp> & {
    isEnabled: boolean;
    lerp: boolean;
    speed: number;
    stopPropagationDirection: string;
    stopPropagationThreshold: boolean;
}
Get Default properties (should be extended)

Returns DeepRequired<StaticProp & ChangeableProp> & {
    isEnabled: boolean;
    lerp: boolean;
    speed: number;
    stopPropagationDirection: string;
    stopPropagationThreshold: boolean;
}
Overrides Plugin._getDefaultProps
- Defined in src/components/SmoothScrollDragPlugin/index.ts:25

`Protected` _getIsDragAvailable

_getIsDragAvailable(): boolean
Check if dragging is available

Returns boolean
- Defined in src/components/SmoothScrollDragPlugin/index.ts:117

`Protected` _handleDragEnd

_handleDragEnd(): void
Callback on dragging end

Returns void
- Defined in src/components/SmoothScrollDragPlugin/index.ts:205

`Protected` _handleDragMove

_handleDragMove(__namedParameters): void
Callback on drag move
Parameters
- __namedParameters: IMoveParameter
Returns void
- Defined in src/components/SmoothScrollDragPlugin/index.ts:154

`Protected` _handleDragStart

_handleDragStart(): void
Callback on dragging start

Returns void
- Defined in src/components/SmoothScrollDragPlugin/index.ts:136

`Protected` _init

_init(): void
Initialize the class

Returns void
Overrides Plugin._init
- Defined in src/components/SmoothScrollDragPlugin/index.ts:53

`Protected` _onPropsMutate

_onPropsMutate(): void
This method is called on properties change

Returns void
Overrides Plugin._onPropsMutate
- Defined in src/components/SmoothScrollDragPlugin/index.ts:59

`Protected` _removeDragger

_removeDragger(): void
Remove dragger

Returns void
- Defined in src/components/SmoothScrollDragPlugin/index.ts:104

`Protected` _toggleDragger

_toggleDragger(): void
Add or remove dragger

Returns void
- Defined in src/components/SmoothScrollDragPlugin/index.ts:66

addCallback

addCallback<T>(target, action, settings?): IAddedCallback
Add a module callback
Type Parameters
- T extends string | number | symbol
Parameters
- target: T
- action: TAction<CallbacksTypes[T]>
- settings: ISettings = {}
Returns IAddedCallback
Inherited from Plugin.addCallback
- Defined in src/base/Module/index.ts:245

`Protected` addDestroyableAction

addDestroyableAction(action): void
Add destroyable actions
Parameters
- action: (() => void)
  - - (): void
    - Returns void
Returns void
Inherited from Plugin.addDestroyableAction
- Defined in src/base/Module/index.ts:224

addEventListener

addEventListener<El, Target, Callback>(el, target, callback, options?): IAddEventListener
Add a DOM event listener
Type Parameters
- El extends ListenerElement
- Target extends keyof HTMLElementEventMap
- Callback extends ((evt) => void)
Parameters
- el: El
- target: Target
- callback: Callback
- Optional options: IAddEventListenerOptions
Returns IAddEventListener
Inherited from Plugin.addEventListener
- Defined in src/base/Module/index.ts:254

addResponsiveProps

addResponsiveProps(rules): void
Add responsive rules
Parameters
- rules: IResponsive<ChangeableProp>
Returns void
Inherited from Plugin.addResponsiveProps
- Defined in src/base/Module/index.ts:173

addViewportCallback

addViewportCallback(target, action, data?): void
Add a viewport callback that will be removed on class destroy
Parameters
- target: keyof NViewport.ICallbacksTypes
- action: ((arg) => void)
  - - (arg): void
    - Parameters
      
      arg: IChanges
      
      Returns void
- data: undefined | ISettings = {}
Returns void
Inherited from Plugin.addViewportCallback
- Defined in src/base/Module/index.ts:231

changeProps

changeProps(props): void
Change module properties
Parameters
- props: Partial<ChangeableProp>
Returns void
Inherited from Plugin.changeProps
- Defined in src/base/Module/index.ts:184

`Protected` className

className(...classNames): string
Parameters
- Rest ...classNames: string[]
Returns string
Inherited from Plugin.className
- Defined in src/base/Module/index.ts:279

destroy

destroy(): void
Destroy the module

Returns void
Inherited from Plugin.destroy
- Defined in src/base/Module/index.ts:299

init

init(): void
Initializes the class

Returns void
Inherited from Plugin.init
- Defined in src/base/Plugin/index.ts:29

`Protected` toggleClassName

toggleClassName(element, className, isActive): void
Toggle classList
Parameters
- element: Element
- className: string
- isActive: boolean
Returns void
Inherited from Plugin.toggleClassName
- Defined in src/base/Module/index.ts:284

Class SmoothScrollDragPlugin<StaticProp, ChangeableProp, CallbacksTypes>

Type Parameters

StaticProp extends NSmoothScrollDragPlugin.IStaticProps = NSmoothScrollDragPlugin.IStaticProps

ChangeableProp extends NSmoothScrollDragPlugin.IChangeableProps = NSmoothScrollDragPlugin.IChangeableProps

CallbacksTypes extends NSmoothScrollDragPlugin.ICallbacksTypes = NSmoothScrollDragPlugin.ICallbacksTypes

Hierarchy

Index

Constructors

Properties

Accessors

Methods

Constructors

constructor

Type Parameters

StaticProp extends NSmoothScrollDragPlugin.IStaticProps = NSmoothScrollDragPlugin.IStaticProps

ChangeableProp extends NSmoothScrollDragPlugin.IChangeableProps = NSmoothScrollDragPlugin.IChangeableProps

CallbacksTypes extends NSmoothScrollDragPlugin.ICallbacksTypes = NSmoothScrollDragPlugin.ICallbacksTypes

Parameters

Optional initialProps: StaticProp & ChangeableProp

Returns SmoothScrollDragPlugin<StaticProp, ChangeableProp, CallbacksTypes>

Properties

Protected Optional _componentCallbacks

Protected Optional _dragger

Protected Optional _prevComponentLerp

Accessors

app

Returns Application

callbacks

Returns Callbacks<CallbacksTypes>

component

Returns Component

Parameters

value: Component

Returns void

isDestroyed

Returns boolean

isDragging

Returns boolean

isInitialized

Returns boolean

name

Returns string

prefix

Returns string

props

Returns TRequiredModuleProp<StaticProps & ChangeableProps>

Methods

Protected _addDragger

Returns void

Protected _destroy

Returns void

Protected _getDefaultProps

Returns DeepRequired<StaticProp & ChangeableProp> & { isEnabled: boolean; lerp: boolean; speed: number; stopPropagationDirection: string; stopPropagationThreshold: boolean; }

Protected _getIsDragAvailable

Returns boolean

Protected _handleDragEnd

Returns void

Protected _handleDragMove

Parameters

__namedParameters: IMoveParameter

Returns void

Protected _handleDragStart

Returns void

Protected _init

Returns void

Protected _onPropsMutate

Returns void

Protected _removeDragger

Returns void

Protected _toggleDragger

Returns void

addCallback

Type Parameters

T extends string | number | symbol

Parameters

target: T

action: TAction<CallbacksTypes[T]>

settings: ISettings = {}

Returns IAddedCallback

Protected addDestroyableAction

`Optional` initialProps: StaticProp & ChangeableProp

`Protected` `Optional` _componentCallbacks

`Protected` `Optional` _dragger

`Protected` `Optional` _prevComponentLerp

`Protected` _addDragger

`Protected` _destroy

`Protected` _getDefaultProps

Returns DeepRequired<StaticProp & ChangeableProp> & {
isEnabled: boolean;
lerp: boolean;
speed: number;
stopPropagationDirection: string;
stopPropagationThreshold: boolean;
}

`Protected` _getIsDragAvailable

`Protected` _handleDragEnd

`Protected` _handleDragMove

`Protected` _handleDragStart

`Protected` _init

`Protected` _onPropsMutate

`Protected` _removeDragger

`Protected` _toggleDragger

`Protected` addDestroyableAction

`Optional` options: IAddEventListenerOptions

`Protected` className

`Rest` ...classNames: string[]

`Protected` toggleClassName