Class Css

packages/css/src/css.ts:29–245

import { version } from '../package.json';

export class Css implements IBarbaPlugin<{}> {
  public name = '@barba/css';
  public version = version;
  public barba: Core;
  public logger: Logger;

  public prefix: string = 'barba';
  public callbacks: ICssCallbacks = {};
  public cb: any;

  // Check if transition property applied
  private _hasTransition: boolean = false;

  /**
   * Plugin installation.
   */
  public install(barba: Core) {
    this.logger = new barba.Logger(this.name);
    this.logger.info(this.version);
    this.barba = barba;
    this._once = this._once.bind(this);
    this._leave = this._leave.bind(this);
    this._enter = this._enter.bind(this);
  }

  /**
   * Plugin installation.
   */
  public init() {
    // Register hooks to get prefix
    this.barba.hooks.before(this._getPrefix, this);
    this.barba.hooks.beforeOnce(this._getPrefix, this);

    // Register hook for CSS classes
    this.barba.hooks.beforeOnce(this._beforeOnce, this);
    this.barba.hooks.afterOnce(this._afterOnce, this);
    this.barba.hooks.beforeLeave(this._beforeLeave, this);
    this.barba.hooks.afterLeave(this._afterLeave, this);
    this.barba.hooks.beforeEnter(this._beforeEnter, this);
    this.barba.hooks.afterEnter(this._afterEnter, this);

    // Override main transitions
    this.barba.transitions.once = this._once;
    this.barba.transitions.leave = this._leave;
    this.barba.transitions.enter = this._enter;

    // Add empty default transition (force prepend)
    /* istanbul ignore next */
    this.barba.transitions.store.all.unshift({
      name: 'barba',
      once() {}, // tslint:disable-line:no-empty
      leave() {}, // tslint:disable-line:no-empty
      enter() {}, // tslint:disable-line:no-empty
    });
    this.barba.transitions.store.update();
  }

  /**