@coolon/angular-ui-powerups 0.0.2 → 0.0.3

package/fesm5/coolon-angular-ui-powerups.js

@@ -5,11 +5,12 @@ import { MatDialog, MatButtonModule, MatDialogModule, MatTabsModule, MatProgress
 import { BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { __extends, __decorate, __metadata, __assign, __awaiter, __generator, __values } from 'tslib';
-import { GarbageCollector, MutableListModel, Constant, UseDelegate, MutableValueModel, assert, Dsl, Logger, ListModel, StoreInListModel, EventListenerList, DelegatingValueModel, lang, UseDelegatingValueModel, ValueModel, StoreInValueModel, Trace, TransactionObserver, Binding } from '@coolon/pectin';
+import { GarbageCollector, MutableListModel, Constant, UseDelegate, MutableValueModel, assert, Dsl, Logger, ListModel, StoreInListModel, EventListenerList, DelegatingValueModel, lang, UseDelegatingValueModel, ValueModel, StoreInValueModel, Trace, ValueHolder, TransactionObserver, Binding } from '@coolon/pectin';
 import { PortalModule } from '@angular/cdk/portal';
 import { Deferred } from '@coolon/pectin/lib/promise/deferred.class';
 import { MatDialog as MatDialog$1 } from '@angular/material/dialog';
 import { RouterModule, Router, ActivatedRoute, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
+import ResizeObserver from 'resize-observer-polyfill';
 import { Memoize } from '@typescript-plus/fast-memoize-decorator';
 import { isNil } from 'lodash';
 import 'reflect-metadata';
@@ -1833,6 +1834,249 @@ var AngularUiPowerupsModule = /** @class */ (function () {
     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
+ */
+var 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 {?} */
+    Bounds.prototype.top;
+    /** @type {?} */
+    Bounds.prototype.left;
+    /** @type {?} */
+    Bounds.prototype.width;
+    /** @type {?} */
+    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;
+})(Bounds || (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 ValueHolder(new 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 = 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
@@ -2918,5 +3162,5 @@ var ParameterType;
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
-export { ACTIVITY_DATA, AbstractActivity, AbstractPlaceComponent, ActivityContainerComponent, ActivityOutletComponent, AlertDialogComponent, AngularUiPowerupsModule, BusyOverlayComponent, ConfirmationDialogComponent, DialogInteractionService, EmptyStateComponent, INTERACTION_CONTEXT, InteractionContext, InteractionModule, LeavePlaceGuard, ParameterType, Place, PlaceModule, PlaceOutletComponent, PlaceRouteGuard, PlaceService, QueryParameter, RouteId, RouteParameterBindings, RouteParameterSanitiser, CommandDirective as ɵa, FocusBindingDirective as ɵb, DisposableComponent as ɵc, NumberInputComponent as ɵd, AbstractInputComponent as ɵe, StringInputComponent as ɵf, PasswordInputComponent as ɵg, SelectInputComponent as ɵh, ActivityContainerComponent as ɵi, ConfirmationDialogComponent as ɵj, AbstractActivity as ɵk, ACTIVITY_DATA as ɵl, AlertDialogComponent as ɵn, ActivityOutletComponent as ɵp, DialogInteractionService as ɵq, InteractionContext as ɵr, PlaceModule as ɵs, EmptyStateComponent as ɵt, BusyOverlayComponent as ɵu, PlaceOutletComponent as ɵv, PlaceService as ɵw };
+export { ACTIVITY_DATA, AbstractActivity, AbstractInputComponent, AbstractPlaceComponent, ActivityContainerComponent, ActivityOutletComponent, AlertDialogComponent, AngularUiPowerupsModule, Bounds, BusyOverlayComponent, CommandDirective, ConfirmationDialogComponent, DialogInteractionService, Dimension, DisposableComponent, EmptyStateComponent, FocusBindingDirective, INTERACTION_CONTEXT, InteractionContext, InteractionModule, LeavePlaceGuard, NumberInputComponent, ParameterType, PasswordInputComponent, Place, PlaceModule, PlaceOutletComponent, PlaceRouteGuard, PlaceService, Point, QueryParameter, ResizeAwareComponent, RouteId, RouteParameterBindings, RouteParameterSanitiser, SelectInputComponent, StringInputComponent, CommandDirective as ɵa, FocusBindingDirective as ɵb, DisposableComponent as ɵc, NumberInputComponent as ɵd, AbstractInputComponent as ɵe, StringInputComponent as ɵf, PasswordInputComponent as ɵg, SelectInputComponent as ɵh, InteractionModule as ɵi, ActivityContainerComponent as ɵj, ConfirmationDialogComponent as ɵk, AbstractActivity as ɵl, ACTIVITY_DATA as ɵm, AlertDialogComponent as ɵo, ActivityOutletComponent as ɵq, DialogInteractionService as ɵr, InteractionContext as ɵs, PlaceModule as ɵt, EmptyStateComponent as ɵu, BusyOverlayComponent as ɵv, PlaceOutletComponent as ɵw, PlaceService as ɵx };
 //# sourceMappingURL=coolon-angular-ui-powerups.js.map