Class Component<StaticProps, ChangeableProps, CallbacksTypes>

A class for Components.

Type Parameters

Hierarchy

Constructors

  • Type Parameters

    Parameters

    • Optional initialProps: StaticProps & ChangeableProps

      Initial properties

    • canInit: boolean = true

      Defines if you need to call init at the constructor's end. If you want to add responsive properties, set this parameter to false.

    Returns Component<StaticProps, ChangeableProps, CallbacksTypes>

    Example

    interface IStaticProps extends NModule.IStaticProps {
    staticName: 'My name';
    }

    interface IChangeableProps extends NModule.IChangeableProps {
    weight: number;
    height: number;
    }

    interface ICallbacks extends NModule.ICallbacksTypes {}

    const module = new Module<IStaticProps, IChangeableProps, ICallbacks>(
    {
    staticName: 'My name',
    weight: 70,
    height: 175,
    },
    false
    );

    module.addResponsiveProps({
    breakpoint: 'viewport_phone',
    settings: {
    weight: 80,
    },
    });

    module.init();

    module.addCallback('propsMutate', () => console.log('mutate props'));

    module.addCallback('destroy', () => console.log('destroy'));

Properties

Inner plugins

Accessors

  • get isDestroyed(): boolean
  • The module is destroyed

    Returns boolean

  • get isInitialized(): boolean
  • The module is initialized

    Returns boolean

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

    Returns TRequiredModuleProp<StaticProps & ChangeableProps>

Methods

  • 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