@angular/cdk 2.0.0-beta.10 → 2.0.0-beta.11

package/bundles/cdk-overlay.umd.js

@@ -6,10 +6,10 @@
  * found in the LICENSE file at https://angular.io/license
  */
 (function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/cdk/portal'), require('rxjs/Subject'), require('@angular/cdk/scrolling'), require('@angular/cdk/bidi'), require('@angular/cdk/coercion'), require('@angular/cdk/keycodes')) :
-	typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@angular/cdk/portal', 'rxjs/Subject', '@angular/cdk/scrolling', '@angular/cdk/bidi', '@angular/cdk/coercion', '@angular/cdk/keycodes'], factory) :
-	(factory((global.ng = global.ng || {}, global.ng.cdk = global.ng.cdk || {}, global.ng.cdk.overlay = global.ng.cdk.overlay || {}),global.ng.core,global.ng.cdk.portal,global.Rx,global.ng.cdk.scrolling,global.ng.cdk.bidi,global.ng.cdk.coercion,global.ng.cdk.keycodes));
-}(this, (function (exports,_angular_core,_angular_cdk_portal,rxjs_Subject,_angular_cdk_scrolling,_angular_cdk_bidi,_angular_cdk_coercion,_angular_cdk_keycodes) { 'use strict';
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/cdk/portal'), require('rxjs/Subject'), require('@angular/cdk/scrolling'), require('@angular/cdk/bidi'), require('@angular/cdk/coercion'), require('@angular/cdk/keycodes'), require('rxjs/Subscription')) :
+	typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@angular/cdk/portal', 'rxjs/Subject', '@angular/cdk/scrolling', '@angular/cdk/bidi', '@angular/cdk/coercion', '@angular/cdk/keycodes', 'rxjs/Subscription'], factory) :
+	(factory((global.ng = global.ng || {}, global.ng.cdk = global.ng.cdk || {}, global.ng.cdk.overlay = global.ng.cdk.overlay || {}),global.ng.core,global.ng.cdk.portal,global.Rx,global.ng.cdk.scrolling,global.ng.cdk.bidi,global.ng.cdk.coercion,global.ng.cdk.keycodes,global.Rx));
+}(this, (function (exports,_angular_core,_angular_cdk_portal,rxjs_Subject,_angular_cdk_scrolling,_angular_cdk_bidi,_angular_cdk_coercion,_angular_cdk_keycodes,rxjs_Subscription) { 'use strict';
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation. All rights reserved.
@@ -58,11 +58,14 @@ var NoopScrollStrategy = (function () {
     return NoopScrollStrategy;
 }());
 /**
- * OverlayState is a bag of values for either the initial configuration or current state of an
- * overlay.
+ * OverlayConfig captures the initial configuration used when opening an overlay.
  */
-var OverlayState = (function () {
-    function OverlayState() {
+var OverlayConfig = (function () {
+    /**
+     * @param {?=} state
+     */
+    function OverlayConfig(state) {
+        var _this = this;
         /**
          * Strategy to be used when handling scroll events while the overlay is open.
          */
@@ -83,12 +86,11 @@ var OverlayState = (function () {
          * The direction of the text in the overlay panel.
          */
         this.direction = 'ltr';
-        // TODO(jelbourn): configuration still to add
-        // - focus trap
-        // - disable pointer events
-        // - z-index
+        if (state) {
+            Object.keys(state).forEach(function (key) { return _this[key] = state[key]; });
+        }
     }
-    return OverlayState;
+    return OverlayConfig;
 }());
 /**
  * Reference to an overlay that has been created with the Overlay service.
@@ -110,7 +112,9 @@ var OverlayRef = (function () {
         this._backdropClick = new rxjs_Subject.Subject();
         this._attachments = new rxjs_Subject.Subject();
         this._detachments = new rxjs_Subject.Subject();
-        _state.scrollStrategy.attach(this);
+        if (_state.scrollStrategy) {
+            _state.scrollStrategy.attach(this);
+        }
     }
     Object.defineProperty(OverlayRef.prototype, "overlayElement", {
         /**
@@ -139,7 +143,9 @@ var OverlayRef = (function () {
         this.updateSize();
         this.updateDirection();
         this.updatePosition();
-        this._state.scrollStrategy.enable();
+        if (this._state.scrollStrategy) {
+            this._state.scrollStrategy.enable();
+        }
         // Enable pointer events for the overlay pane element.
         this._togglePointerEvents(true);
         if (this._state.hasBackdrop) {
@@ -168,7 +174,9 @@ var OverlayRef = (function () {
         // This is necessary because otherwise the pane element will cover the page and disable
         // pointer events therefore. Depends on the position strategy and the applied pane boundaries.
         this._togglePointerEvents(false);
-        this._state.scrollStrategy.disable();
+        if (this._state.scrollStrategy) {
+            this._state.scrollStrategy.disable();
+        }
         var /** @type {?} */ detachmentResult = this._portalHost.detach();
         // Only emit after everything is detached.
         this._detachments.next();
@@ -182,7 +190,9 @@ var OverlayRef = (function () {
         if (this._state.positionStrategy) {
             this._state.positionStrategy.dispose();
         }
-        this._state.scrollStrategy.disable();
+        if (this._state.scrollStrategy) {
+            this._state.scrollStrategy.disable();
+        }
         this.detachBackdrop();
         this._portalHost.dispose();
         this._attachments.complete();
@@ -463,15 +473,13 @@ function isElementClippedByScrolling(element, scrollContainers) {
  */
 var ConnectedPositionStrategy = (function () {
     /**
+     * @param {?} originPos
+     * @param {?} overlayPos
      * @param {?} _connectedTo
-     * @param {?} _originPos
-     * @param {?} _overlayPos
      * @param {?} _viewportRuler
      */
-    function ConnectedPositionStrategy(_connectedTo, _originPos, _overlayPos, _viewportRuler) {
+    function ConnectedPositionStrategy(originPos, overlayPos, _connectedTo, _viewportRuler) {
         this._connectedTo = _connectedTo;
-        this._originPos = _originPos;
-        this._overlayPos = _overlayPos;
         this._viewportRuler = _viewportRuler;
         this._dir = 'ltr';
         /**
@@ -492,7 +500,7 @@ var ConnectedPositionStrategy = (function () {
         this._preferredPositions = [];
         this._onPositionChange = new rxjs_Subject.Subject();
         this._origin = this._connectedTo.nativeElement;
-        this.withFallbackPosition(_originPos, _overlayPos);
+        this.withFallbackPosition(originPos, overlayPos);
     }
     Object.defineProperty(ConnectedPositionStrategy.prototype, "_isRtl", {
         /**
@@ -1001,7 +1009,7 @@ var OverlayPositionBuilder = (function () {
      * @return {?}
      */
     OverlayPositionBuilder.prototype.connectedTo = function (elementRef, originPos, overlayPos) {
-        return new ConnectedPositionStrategy(elementRef, originPos, overlayPos, this._viewportRuler);
+        return new ConnectedPositionStrategy(originPos, overlayPos, elementRef, this._viewportRuler);
     };
     return OverlayPositionBuilder;
 }());
@@ -1021,30 +1029,6 @@ OverlayPositionBuilder.ctorParameters = function () { return [
 var OverlayContainer = (function () {
     function OverlayContainer() {
     }
-    Object.defineProperty(OverlayContainer.prototype, "themeClass", {
-        /**
-         * Base theme to be applied to all overlay-based components.
-         * @return {?}
-         */
-        get: function () { return this._themeClass; },
-        /**
-         * @param {?} value
-         * @return {?}
-         */
-        set: function (value) {
-            if (this._containerElement) {
-                if (this._themeClass) {
-                    this._containerElement.classList.remove(this._themeClass);
-                }
-                if (value) {
-                    this._containerElement.classList.add(value);
-                }
-            }
-            this._themeClass = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
     /**
      * @return {?}
      */
@@ -1054,7 +1038,7 @@ var OverlayContainer = (function () {
         }
     };
     /**
-     * This method returns the overlay container element.  It will lazily
+     * This method returns the overlay container element. It will lazily
      * create the element the first time  it is called to facilitate using
      * the container in non-browser environments.
      * @return {?} the container element
@@ -1073,9 +1057,6 @@ var OverlayContainer = (function () {
     OverlayContainer.prototype._createContainer = function () {
         var /** @type {?} */ container = document.createElement('div');
         container.classList.add('cdk-overlay-container');
-        if (this._themeClass) {
-            container.classList.add(this._themeClass);
-        }
         document.body.appendChild(container);
         this._containerElement = container;
     };
@@ -1319,7 +1300,7 @@ var nextUniqueId = 0;
 /**
  * The default state for newly created overlays.
  */
-var defaultState = new OverlayState();
+var defaultState = new OverlayConfig();
 /**
  * Service to create Overlays. Overlays are dynamically added pieces of floating UI, meant to be
  * used as a low-level building building block for other components. Dialogs, tooltips, menus,
@@ -1472,8 +1453,11 @@ var ConnectedOverlayDirective = (function () {
         this._scrollStrategy = _scrollStrategy;
         this._dir = _dir;
         this._hasBackdrop = false;
+        this._backdropSubscription = rxjs_Subscription.Subscription.EMPTY;
+        this._positionSubscription = rxjs_Subscription.Subscription.EMPTY;
         this._offsetX = 0;
         this._offsetY = 0;
+        this._escapeListener = function () { };
         /**
          * Strategy to be used when handling scroll events while the overlay is open.
          */
@@ -1774,7 +1758,12 @@ var ConnectedOverlayDirective = (function () {
      * @return {?}
      */
     ConnectedOverlayDirective.prototype._buildConfig = function () {
-        var /** @type {?} */ overlayConfig = new OverlayState();
+        var /** @type {?} */ positionStrategy = this._position = this._createPositionStrategy();
+        var /** @type {?} */ overlayConfig = new OverlayConfig({
+            positionStrategy: positionStrategy,
+            scrollStrategy: this.scrollStrategy,
+            hasBackdrop: this.hasBackdrop
+        });
         if (this.width || this.width === 0) {
             overlayConfig.width = this.width;
         }
@@ -1787,13 +1776,9 @@ var ConnectedOverlayDirective = (function () {
         if (this.minHeight || this.minHeight === 0) {
             overlayConfig.minHeight = this.minHeight;
         }
-        overlayConfig.hasBackdrop = this.hasBackdrop;
         if (this.backdropClass) {
             overlayConfig.backdropClass = this.backdropClass;
         }
-        this._position = (this._createPositionStrategy());
-        overlayConfig.positionStrategy = this._position;
-        overlayConfig.scrollStrategy = this.scrollStrategy;
         return overlayConfig;
     };
     /**
@@ -1854,13 +1839,8 @@ var ConnectedOverlayDirective = (function () {
             this._overlayRef.detach();
             this.detach.emit();
         }
-        if (this._backdropSubscription) {
-            this._backdropSubscription.unsubscribe();
-            this._backdropSubscription = null;
-        }
-        if (this._escapeListener) {
-            this._escapeListener();
-        }
+        this._backdropSubscription.unsubscribe();
+        this._escapeListener();
     };
     /**
      * Destroys the overlay created by this directive.
@@ -1870,15 +1850,9 @@ var ConnectedOverlayDirective = (function () {
         if (this._overlayRef) {
             this._overlayRef.dispose();
         }
-        if (this._backdropSubscription) {
-            this._backdropSubscription.unsubscribe();
-        }
-        if (this._positionSubscription) {
-            this._positionSubscription.unsubscribe();
-        }
-        if (this._escapeListener) {
-            this._escapeListener();
-        }
+        this._backdropSubscription.unsubscribe();
+        this._positionSubscription.unsubscribe();
+        this._escapeListener();
     };
     /**
      * Sets the event listener that closes the overlay when pressing Escape.
@@ -2045,13 +2019,13 @@ exports.Overlay = Overlay;
 exports.OverlayContainer = OverlayContainer;
 exports.FullscreenOverlayContainer = FullscreenOverlayContainer;
 exports.OverlayRef = OverlayRef;
-exports.OverlayState = OverlayState;
 exports.ConnectedOverlayDirective = ConnectedOverlayDirective;
 exports.OverlayOrigin = OverlayOrigin;
 exports.ViewportRuler = _angular_cdk_scrolling.ViewportRuler;
 exports.GlobalPositionStrategy = GlobalPositionStrategy;
 exports.ConnectedPositionStrategy = ConnectedPositionStrategy;
 exports.VIEWPORT_RULER_PROVIDER = _angular_cdk_scrolling.VIEWPORT_RULER_PROVIDER;
+exports.OverlayConfig = OverlayConfig;
 exports.ConnectionPositionPair = ConnectionPositionPair;
 exports.ScrollingVisibility = ScrollingVisibility;
 exports.ConnectedOverlayPositionChange = ConnectedOverlayPositionChange;