@coolon/angular-ui-powerups 0.0.2 → 0.0.4

package/bundles/coolon-angular-ui-powerups.umd.js

@@ -1,8 +1,10 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@angular/forms'), require('@angular/material'), require('@angular/platform-browser'), require('@angular/platform-browser/animations'), require('@coolon/pectin'), require('@angular/cdk/portal'), require('@coolon/pectin/lib/promise/deferred.class'), require('@angular/material/dialog'), require('@angular/router'), require('@typescript-plus/fast-memoize-decorator'), require('lodash'), require('reflect-metadata'), require('@coolon/typescript-utilities'), require('@typescript-plus/fast-memoize-decorator/dist/src')) :
-    typeof define === 'function' && define.amd ? define('@coolon/angular-ui-powerups', ['exports', '@angular/common', '@angular/core', '@angular/forms', '@angular/material', '@angular/platform-browser', '@angular/platform-browser/animations', '@coolon/pectin', '@angular/cdk/portal', '@coolon/pectin/lib/promise/deferred.class', '@angular/material/dialog', '@angular/router', '@typescript-plus/fast-memoize-decorator', 'lodash', 'reflect-metadata', '@coolon/typescript-utilities', '@typescript-plus/fast-memoize-decorator/dist/src'], factory) :
-    (global = global || self, factory((global.coolon = global.coolon || {}, global.coolon['angular-ui-powerups'] = {}), global.ng.common, global.ng.core, global.ng.forms, global.ng.material, global.ng.platformBrowser, global.ng.platformBrowser.animations, global.pectin, global.ng.cdk.portal, global.deferred_class, global.ng.material.dialog, global.ng.router, global.fastMemoizeDecorator, global.lodash, null, global.typescriptUtilities, global.src));
-}(this, function (exports, common, core, forms, material, platformBrowser, animations, pectin, portal, deferred_class, dialog, router, fastMemoizeDecorator, lodash, reflectMetadata, typescriptUtilities, src) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@angular/forms'), require('@angular/material'), require('@angular/platform-browser'), require('@angular/platform-browser/animations'), require('@coolon/pectin'), require('@angular/cdk/portal'), require('@coolon/pectin/lib/promise/deferred.class'), require('@angular/material/dialog'), require('@angular/router'), require('resize-observer-polyfill'), require('@typescript-plus/fast-memoize-decorator'), require('lodash'), require('reflect-metadata'), require('@coolon/typescript-utilities'), require('@typescript-plus/fast-memoize-decorator/dist/src')) :
+    typeof define === 'function' && define.amd ? define('@coolon/angular-ui-powerups', ['exports', '@angular/common', '@angular/core', '@angular/forms', '@angular/material', '@angular/platform-browser', '@angular/platform-browser/animations', '@coolon/pectin', '@angular/cdk/portal', '@coolon/pectin/lib/promise/deferred.class', '@angular/material/dialog', '@angular/router', 'resize-observer-polyfill', '@typescript-plus/fast-memoize-decorator', 'lodash', 'reflect-metadata', '@coolon/typescript-utilities', '@typescript-plus/fast-memoize-decorator/dist/src'], factory) :
+    (global = global || self, factory((global.coolon = global.coolon || {}, global.coolon['angular-ui-powerups'] = {}), global.ng.common, global.ng.core, global.ng.forms, global.ng.material, global.ng.platformBrowser, global.ng.platformBrowser.animations, global.pectin, global.ng.cdk.portal, global.deferred_class, global.ng.material.dialog, global.ng.router, global.ResizeObserver, global.fastMemoizeDecorator, global.lodash, null, global.typescriptUtilities, global.src));
+}(this, function (exports, common, core, forms, material, platformBrowser, animations, pectin, portal, deferred_class, dialog, router, ResizeObserver, fastMemoizeDecorator, lodash, reflectMetadata, typescriptUtilities, src) { 'use strict';
+
+    ResizeObserver = ResizeObserver && ResizeObserver.hasOwnProperty('default') ? ResizeObserver['default'] : ResizeObserver;
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation. All rights reserved.
@@ -1212,7 +1214,7 @@
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
-    exports.ɵi = /** @class */ (function (_super) {
+    exports.ɵo = /** @class */ (function (_super) {
         __extends(ActivityContainerComponent, _super);
         function ActivityContainerComponent() {
             var _this = _super.call(this) || this;
@@ -1347,18 +1349,18 @@
     }(DisposableComponent));
     if (false) {
         /** @type {?} */
-        exports.ɵi.prototype.parentInteractionContext;
+        exports.ɵo.prototype.parentInteractionContext;
         /** @type {?} */
-        exports.ɵi.prototype.initialActivity;
+        exports.ɵo.prototype.initialActivity;
         /** @type {?} */
-        exports.ɵi.prototype.tabs;
+        exports.ɵo.prototype.tabs;
         /** @type {?} */
-        exports.ɵi.prototype.activityTabs;
+        exports.ɵo.prototype.activityTabs;
         /**
          * @type {?}
          * @private
          */
-        exports.ɵi.prototype.obsoleteTabs;
+        exports.ɵo.prototype.obsoleteTabs;
     }
     (function (ActivityContainerComponent) {
         /**
@@ -1377,7 +1379,7 @@
             /** @type {?} */
             ActivityContext.prototype.onCancel;
         }
-    })(exports.ɵi || (exports.ɵi = {}));
+    })(exports.ɵo || (exports.ɵo = {}));
 
     /**
      * @fileoverview added by tsickle
@@ -1386,7 +1388,7 @@
     /**
      * @template D, R, E
      */
-    exports.ɵp = /** @class */ (function () {
+    exports.ɵv = /** @class */ (function () {
         function ActivityOutletComponent(componentFactoryResolver, viewContainerRef, injector) {
             this.componentFactoryResolver = componentFactoryResolver;
             this.viewContainerRef = viewContainerRef;
@@ -1497,27 +1499,27 @@
     }());
     if (false) {
         /** @type {?} */
-        exports.ɵp.prototype.interactionContext;
+        exports.ɵv.prototype.interactionContext;
         /**
          * @type {?}
          * @private
          */
-        exports.ɵp.prototype.activityComponent;
+        exports.ɵv.prototype.activityComponent;
         /**
          * @type {?}
          * @private
          */
-        exports.ɵp.prototype.componentFactoryResolver;
+        exports.ɵv.prototype.componentFactoryResolver;
         /**
          * @type {?}
          * @private
          */
-        exports.ɵp.prototype.viewContainerRef;
+        exports.ɵv.prototype.viewContainerRef;
         /**
          * @type {?}
          * @private
          */
-        exports.ɵp.prototype.injector;
+        exports.ɵv.prototype.injector;
         /* Skipping unhandled member: ;*/
     }
     (function (ActivityOutletComponent) {
@@ -1578,7 +1580,7 @@
              */
             OutletInteractionContext.prototype.context;
         }
-    })(exports.ɵp || (exports.ɵp = {}));
+    })(exports.ɵv || (exports.ɵv = {}));
 
     /**
      * @fileoverview added by tsickle
@@ -1633,7 +1635,7 @@
                 autoFocus: false
             };
             /** @type {?} */
-            var matDialogRef = (/** @type {?} */ (this.dialogService.open(exports.ɵi, config)));
+            var matDialogRef = (/** @type {?} */ (this.dialogService.open(exports.ɵo, config)));
             return new Promise((/**
              * @param {?} resolve
              * @param {?} reject
@@ -1725,13 +1727,13 @@
                             portal.PortalModule
                         ],
                         declarations: [
-                            exports.ɵi,
+                            exports.ɵo,
                             ConfirmationDialogComponent,
                             AlertDialogComponent,
-                            exports.ɵp
+                            exports.ɵv
                         ],
                         entryComponents: [
-                            exports.ɵi,
+                            exports.ɵo,
                             ConfirmationDialogComponent,
                             AlertDialogComponent
                         ],
@@ -2001,7 +2003,9 @@
                             forms.FormsModule,
                             material.MatInputModule,
                             material.MatFormFieldModule,
-                            material.MatSelectModule
+                            material.MatSelectModule,
+                            PlaceModule,
+                            InteractionModule
                         ],
                         exports: [
                             CommandDirective,
@@ -2018,6 +2022,249 @@
         return AngularUiPowerupsModule;
     }());
 
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var Dimension = /** @class */ (function () {
+        function Dimension(width, height) {
+            this.width = width;
+            this.height = height;
+        }
+        return Dimension;
+    }());
+    if (false) {
+        /** @type {?} */
+        Dimension.prototype.width;
+        /** @type {?} */
+        Dimension.prototype.height;
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var Point = /** @class */ (function () {
+        function Point(x, y) {
+            this.x = x;
+            this.y = y;
+        }
+        /**
+         * @param {?} data
+         * @return {?}
+         */
+        Point.from = /**
+         * @param {?} data
+         * @return {?}
+         */
+        function (data) {
+            return new Point(data.x, data.y);
+        };
+        /**
+         * @param {?} x
+         * @param {?} y
+         * @return {?}
+         */
+        Point.prototype.translate = /**
+         * @param {?} x
+         * @param {?} y
+         * @return {?}
+         */
+        function (x, y) {
+            return new Point(this.x + x, this.y + y);
+        };
+        return Point;
+    }());
+    if (false) {
+        /** @type {?} */
+        Point.prototype.x;
+        /** @type {?} */
+        Point.prototype.y;
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    exports.Bounds = /** @class */ (function (_super) {
+        __extends(Bounds, _super);
+        function Bounds(top, left, width, height) {
+            var _this = _super.call(this, width, height) || this;
+            _this.top = top;
+            _this.left = left;
+            _this.width = width;
+            _this.height = height;
+            return _this;
+        }
+        /**
+         * @param {?} point
+         * @return {?}
+         */
+        Bounds.prototype.relativePositionOf = /**
+         * @param {?} point
+         * @return {?}
+         */
+        function (point) {
+            if (point instanceof MouseEvent) {
+                return new Point(point.clientX - this.left, point.clientY - this.top);
+            }
+            else {
+                return new Point(point.x - this.left, point.y - this.top);
+            }
+        };
+        return Bounds;
+    }(Dimension));
+    if (false) {
+        /** @type {?} */
+        exports.Bounds.prototype.top;
+        /** @type {?} */
+        exports.Bounds.prototype.left;
+        /** @type {?} */
+        exports.Bounds.prototype.width;
+        /** @type {?} */
+        exports.Bounds.prototype.height;
+    }
+    (function (Bounds) {
+        /**
+         * @param {?} element
+         * @return {?}
+         */
+        function ofElement(element) {
+            /** @type {?} */
+            var rect = element.getBoundingClientRect();
+            return new Bounds(rect.top, rect.left, rect.width, rect.height);
+        }
+        Bounds.ofElement = ofElement;
+    })(exports.Bounds || (exports.Bounds = {}));
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var ResizeAwareComponent = /** @class */ (function (_super) {
+        __extends(ResizeAwareComponent, _super);
+        function ResizeAwareComponent(elementRef, ngZone) {
+            var _this = _super.call(this) || this;
+            _this.elementRef = elementRef;
+            _this.ngZone = ngZone;
+            _this._boundsModel = new pectin.ValueHolder(new exports.Bounds(0, 0, 0, 0));
+            return _this;
+        }
+        /**
+         * @return {?}
+         */
+        ResizeAwareComponent.prototype.ngAfterViewInit = /**
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            this.updateBounds();
+            /** @type {?} */
+            var element = this.elementRef.nativeElement;
+            /** @type {?} */
+            var ro = new ResizeObserver((/**
+             * @param {?} entries
+             * @param {?} observer
+             * @return {?}
+             */
+            function (entries, observer) {
+                _this.ngZone.run((/**
+                 * @return {?}
+                 */
+                function () { return _this.updateBounds(); }));
+            }));
+            ro.observe(element);
+            this.onDispose((/**
+             * @return {?}
+             */
+            function () { return ro.disconnect(); }));
+        };
+        Object.defineProperty(ResizeAwareComponent.prototype, "boundsModel", {
+            get: /**
+             * @return {?}
+             */
+            function () {
+                return this._boundsModel.readonly;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(ResizeAwareComponent.prototype, "nativeElement", {
+            get: /**
+             * @return {?}
+             */
+            function () {
+                return this.elementRef.nativeElement;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        // TODO: Make this handle body scroll
+        // TODO: Make this handle body scroll
+        /**
+         * @param {?} point
+         * @return {?}
+         */
+        ResizeAwareComponent.prototype.relativePositionOf = 
+        // TODO: Make this handle body scroll
+        /**
+         * @param {?} point
+         * @return {?}
+         */
+        function (point) {
+            return this.bounds.relativePositionOf(point);
+        };
+        Object.defineProperty(ResizeAwareComponent.prototype, "bounds", {
+            get: /**
+             * @return {?}
+             */
+            function () {
+                return this._boundsModel.value;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        /**
+         * @private
+         * @return {?}
+         */
+        ResizeAwareComponent.prototype.updateBounds = /**
+         * @private
+         * @return {?}
+         */
+        function () {
+            this._boundsModel.value = exports.Bounds.ofElement(this.nativeElement);
+        };
+        return ResizeAwareComponent;
+    }(DisposableComponent));
+    if (false) {
+        /**
+         * @type {?}
+         * @private
+         */
+        ResizeAwareComponent.prototype._boundsModel;
+        /**
+         * @type {?}
+         * @protected
+         */
+        ResizeAwareComponent.prototype.elementRef;
+        /**
+         * @type {?}
+         * @protected
+         */
+        ResizeAwareComponent.prototype.ngZone;
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -3085,27 +3332,38 @@
 
     exports.ACTIVITY_DATA = ACTIVITY_DATA;
     exports.AbstractActivity = AbstractActivity;
+    exports.AbstractInputComponent = AbstractInputComponent;
     exports.AbstractPlaceComponent = AbstractPlaceComponent;
-    exports.ActivityContainerComponent = exports.ɵi;
-    exports.ActivityOutletComponent = exports.ɵp;
+    exports.ActivityContainerComponent = exports.ɵo;
+    exports.ActivityOutletComponent = exports.ɵv;
     exports.AlertDialogComponent = AlertDialogComponent;
     exports.AngularUiPowerupsModule = AngularUiPowerupsModule;
     exports.BusyOverlayComponent = BusyOverlayComponent;
+    exports.CommandDirective = CommandDirective;
     exports.ConfirmationDialogComponent = ConfirmationDialogComponent;
     exports.DialogInteractionService = DialogInteractionService;
+    exports.Dimension = Dimension;
+    exports.DisposableComponent = DisposableComponent;
     exports.EmptyStateComponent = EmptyStateComponent;
+    exports.FocusBindingDirective = FocusBindingDirective;
     exports.INTERACTION_CONTEXT = INTERACTION_CONTEXT;
     exports.InteractionContext = InteractionContext;
     exports.InteractionModule = InteractionModule;
     exports.LeavePlaceGuard = LeavePlaceGuard;
+    exports.NumberInputComponent = NumberInputComponent;
+    exports.PasswordInputComponent = PasswordInputComponent;
     exports.Place = Place;
     exports.PlaceModule = PlaceModule;
     exports.PlaceOutletComponent = PlaceOutletComponent;
     exports.PlaceRouteGuard = PlaceRouteGuard;
     exports.PlaceService = PlaceService;
+    exports.Point = Point;
     exports.QueryParameter = QueryParameter;
+    exports.ResizeAwareComponent = ResizeAwareComponent;
     exports.RouteId = RouteId;
     exports.RouteParameterSanitiser = RouteParameterSanitiser;
+    exports.SelectInputComponent = SelectInputComponent;
+    exports.StringInputComponent = StringInputComponent;
     exports.ɵa = CommandDirective;
     exports.ɵb = FocusBindingDirective;
     exports.ɵc = DisposableComponent;
@@ -3114,17 +3372,18 @@
     exports.ɵf = StringInputComponent;
     exports.ɵg = PasswordInputComponent;
     exports.ɵh = SelectInputComponent;
-    exports.ɵj = ConfirmationDialogComponent;
-    exports.ɵk = AbstractActivity;
-    exports.ɵl = ACTIVITY_DATA;
-    exports.ɵn = AlertDialogComponent;
-    exports.ɵq = DialogInteractionService;
-    exports.ɵr = InteractionContext;
-    exports.ɵs = PlaceModule;
-    exports.ɵt = EmptyStateComponent;
-    exports.ɵu = BusyOverlayComponent;
-    exports.ɵv = PlaceOutletComponent;
-    exports.ɵw = PlaceService;
+    exports.ɵi = PlaceModule;
+    exports.ɵj = EmptyStateComponent;
+    exports.ɵk = BusyOverlayComponent;
+    exports.ɵl = PlaceOutletComponent;
+    exports.ɵm = PlaceService;
+    exports.ɵn = InteractionModule;
+    exports.ɵp = ConfirmationDialogComponent;
+    exports.ɵq = AbstractActivity;
+    exports.ɵr = ACTIVITY_DATA;
+    exports.ɵt = AlertDialogComponent;
+    exports.ɵw = DialogInteractionService;
+    exports.ɵx = InteractionContext;
 
     Object.defineProperty(exports, '__esModule', { value: true });