aurelia-onsenui/dist/amd/ons-navigator.js

Aurelia bindings for Onsen UI

define(['exports', 'onsenui', 'aurelia-dependency-injection', 'aurelia-pal', 'aurelia-templating', 'aurelia-router', 'aurelia-templating-router'], function (exports, _onsenui, _aureliaDependencyInjection, _aureliaPal, _aureliaTemplating, _aureliaRouter, _aureliaTemplatingRouter) {
  'use strict';

  Object.defineProperty(exports, "__esModule", {
    value: true
  });
  exports.OnsNavigator = undefined;

  var _onsenui2 = _interopRequireDefault(_onsenui);

  function _interopRequireDefault(obj) {
    return obj && obj.__esModule ? obj : {
      default: obj
    };
  }

  function _initDefineProp(target, property, descriptor, context) {
    if (!descriptor) return;
    Object.defineProperty(target, property, {
      enumerable: descriptor.enumerable,
      configurable: descriptor.configurable,
      writable: descriptor.writable,
      value: descriptor.initializer ? descriptor.initializer.call(context) : void 0
    });
  }

  

  function _possibleConstructorReturn(self, call) {
    if (!self) {
      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
    }

    return call && (typeof call === "object" || typeof call === "function") ? call : self;
  }

  function _inherits(subClass, superClass) {
    if (typeof superClass !== "function" && superClass !== null) {
      throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
    }

    subClass.prototype = Object.create(superClass && superClass.prototype, {
      constructor: {
        value: subClass,
        enumerable: false,
        writable: true,
        configurable: true
      }
    });
    if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
  }

  function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) {
    var desc = {};
    Object['ke' + 'ys'](descriptor).forEach(function (key) {
      desc[key] = descriptor[key];
    });
    desc.enumerable = !!desc.enumerable;
    desc.configurable = !!desc.configurable;

    if ('value' in desc || desc.initializer) {
      desc.writable = true;
    }

    desc = decorators.slice().reverse().reduce(function (desc, decorator) {
      return decorator(target, property, desc) || desc;
    }, desc);

    if (context && desc.initializer !== void 0) {
      desc.value = desc.initializer ? desc.initializer.call(context) : void 0;
      desc.initializer = undefined;
    }

    if (desc.initializer === void 0) {
      Object['define' + 'Property'](target, property, desc);
      desc = null;
    }

    return desc;
  }

  function _initializerWarningHelper(descriptor, context) {
    throw new Error('Decorating class property failed. Please ensure that transform-class-properties is enabled.');
  }

  var _dec, _dec2, _class, _desc, _value, _class2, _descriptor, _descriptor2, _descriptor3, _descriptor4;

  var OnsNavigator = exports.OnsNavigator = (_dec = (0, _aureliaTemplating.customElement)('ons-navigator'), _dec2 = (0, _aureliaDependencyInjection.inject)(_aureliaPal.DOM.Element, _aureliaDependencyInjection.Container, _aureliaTemplating.ViewSlot, _aureliaRouter.Router, _aureliaTemplating.ViewLocator, _aureliaTemplating.CompositionTransaction, _aureliaTemplating.CompositionEngine), _dec(_class = (0, _aureliaTemplating.noView)(_class = _dec2(_class = (_class2 = function (_RouterView) {
    _inherits(OnsNavigator, _RouterView);

    function OnsNavigator(element, container, viewSlot, router, viewLocator, compositionTransaction, compositionEngine) {
      

      var _this = _possibleConstructorReturn(this, _RouterView.call(this, element, container, viewSlot, router, viewLocator, compositionTransaction, compositionEngine));

      _initDefineProp(_this, 'swapOrder', _descriptor, _this);

      _initDefineProp(_this, 'layoutView', _descriptor2, _this);

      _initDefineProp(_this, 'layoutViewModel', _descriptor3, _this);

      _initDefineProp(_this, 'layoutModel', _descriptor4, _this);

      _this.element.pageLoader = new _onsenui2.default.PageLoader(_this.load.bind(_this), _this.unload.bind(_this));

      _this.view;
      _this.viewStack = [];
      return _this;
    }

    OnsNavigator.prototype.swap = function swap(viewPortInstruction) {
      var router = this.router;
      if (router.isNavigatingBack) {
        var _options = router.currentInstruction.previousInstruction.config.settings.navigator || {};
        _options.data = viewPortInstruction;
        return this.element.popPage(_options);
      }
      var options = router.currentInstruction.config.settings.navigator || {};
      options.data = viewPortInstruction;
      return this.element.pushPage(viewPortInstruction.moduleId, options);
    };

    OnsNavigator.prototype.load = function load(_ref, done) {
      var _this2 = this;

      var page = _ref.page,
          parent = _ref.parent,
          params = _ref.params;

      var viewPortInstruction = params;
      var previousView = this.view;

      var work = function work() {
        var pageElement = _this2.view.fragment.querySelector('ons-page');
        _this2.viewSlot.add(_this2.view);
        if (previousView) {
          _this2.viewStack.push(previousView);
        }
        _this2._notify();
        return done(pageElement);
      };

      var ready = function ready(owningView) {
        viewPortInstruction.controller.automate(_this2.overrideContext, owningView);
        if (_this2.compositionTransactionOwnershipToken) {
          return _this2.compositionTransactionOwnershipToken.waitForCompositionComplete().then(function () {
            _this2.compositionTransactionOwnershipToken = null;
            return work();
          });
        }

        return work();
      };

      this.view = viewPortInstruction.controller.view;

      return ready(this.owningView);
    };

    OnsNavigator.prototype.unload = function unload(pageElement) {
      this.viewSlot.remove(this.view);
      this.view.unbind();
      this.view = this.viewStack.pop();
    };

    return OnsNavigator;
  }(_aureliaTemplatingRouter.RouterView), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, 'swapOrder', [_aureliaTemplating.bindable], {
    enumerable: true,
    initializer: null
  }), _descriptor2 = _applyDecoratedDescriptor(_class2.prototype, 'layoutView', [_aureliaTemplating.bindable], {
    enumerable: true,
    initializer: null
  }), _descriptor3 = _applyDecoratedDescriptor(_class2.prototype, 'layoutViewModel', [_aureliaTemplating.bindable], {
    enumerable: true,
    initializer: null
  }), _descriptor4 = _applyDecoratedDescriptor(_class2.prototype, 'layoutModel', [_aureliaTemplating.bindable], {
    enumerable: true,
    initializer: null
  })), _class2)) || _class) || _class) || _class);
});