@schneideress/dashboardframework 0.0.235 → 0.0.237

package/esm2015/lib/ra-widget-container/lock-tooltip/lock.tooltip.component.js

@@ -0,0 +1,92 @@
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/ra-widget-container/lock-tooltip/lock.tooltip.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { Component } from '@angular/core';
+import { DomService } from '@schneideress/ra-common';
+export class LockTooltip {
+    /**
+     * @param {?} domService
+     */
+    constructor(domService) {
+        this.domService = domService;
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        if (this.element) {
+            this.setPopupPosition();
+        }
+    }
+    /**
+     * @private
+     * @return {?}
+     */
+    setPopupPosition() {
+        /** @type {?} */
+        let rect = this.element.getBoundingClientRect();
+        if ((rect.left + 250) > window.innerWidth) {
+            this.containerLeft = (rect.left - ((rect.left + 270) - window.innerWidth)) + 'px';
+        }
+        else {
+            this.containerLeft = rect.left + 'px';
+        }
+        if (rect.bottom + 100 < window.innerHeight) {
+            this.containerTop = (rect.bottom) + 'px';
+            this.containerBottom = null;
+        }
+        else {
+            this.containerTop = null;
+            this.containerBottom = (window.innerHeight - rect.top) + 'px';
+        }
+    }
+    /**
+     * @param {?} comp
+     * @return {?}
+     */
+    removeMe(comp) {
+        setTimeout((/**
+         * @return {?}
+         */
+        () => {
+            this.domService.removeComponent(comp);
+        }));
+    }
+}
+LockTooltip.decorators = [
+    { type: Component, args: [{
+                selector: 'ra-lock-tooltip',
+                template: "<div class=\"lock-popup-content light widget-config-item\"\r\n    [ngStyle]=\"{'top': containerTop,'bottom':containerBottom,'position':'fixed','left':containerLeft,'z-index': '9999','width':'250px','min-height':'fit-content'}\">\r\n    <div *ngIf=\"data && !template\">\r\n        <label style=\"color: #D9F0FA;\">\r\n            {{title}}:\r\n        </label>\r\n        <div style=\"color: white;\">\r\n            <label class=\"bold\" style=\"margin-bottom: 0px;width: 100%;\" *ngFor=\"let item of data\">\r\n                {{item}}\r\n            </label>\r\n        </div>\r\n        <hr style=\"background-color: white;\">\r\n        <div style=\"color: #D9F0FA;\">\r\n            <label>{{footer}}</label>\r\n        </div>\r\n    </div>\r\n    <div *ngIf=\"!data && template\">\r\n        <ng-container *ngTemplateOutlet=\"template\">\r\n        </ng-container>\r\n    </div>\r\n</div>",
+                styles: [".lock-popup-content{margin-top:8px;position:absolute;right:0;top:79%;box-shadow:0 8px 16px 8px rgba(0,0,0,.2);z-index:899;font-size:12px;min-width:220px!important;min-height:112px;background-color:#219bfd;opacity:.9;padding:15px;color:#fff}.widget-config-item i{font-size:17px;color:#42b4e6}.widget-config-item span{font-size:12px;font:inherit;padding-left:12px;color:#42b4e6}"]
+            }] }
+];
+/** @nocollapse */
+LockTooltip.ctorParameters = () => [
+    { type: DomService }
+];
+if (false) {
+    /** @type {?} */
+    LockTooltip.prototype.element;
+    /** @type {?} */
+    LockTooltip.prototype.title;
+    /** @type {?} */
+    LockTooltip.prototype.data;
+    /** @type {?} */
+    LockTooltip.prototype.footer;
+    /** @type {?} */
+    LockTooltip.prototype.template;
+    /** @type {?} */
+    LockTooltip.prototype.containerLeft;
+    /** @type {?} */
+    LockTooltip.prototype.containerTop;
+    /** @type {?} */
+    LockTooltip.prototype.containerBottom;
+    /**
+     * @type {?}
+     * @private
+     */
+    LockTooltip.prototype.domService;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9jay50b29sdGlwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzY2huZWlkZXJlc3MvZGFzaGJvYXJkZnJhbWV3b3JrLyIsInNvdXJjZXMiOlsibGliL3JhLXdpZGdldC1jb250YWluZXIvbG9jay10b29sdGlwL2xvY2sudG9vbHRpcC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ2xELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQU9yRCxNQUFNLE9BQU8sV0FBVzs7OztJQVdwQixZQUFvQixVQUFzQjtRQUF0QixlQUFVLEdBQVYsVUFBVSxDQUFZO0lBQzFDLENBQUM7Ozs7SUFDRCxRQUFRO1FBQ0osSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2QsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7U0FDM0I7SUFDTCxDQUFDOzs7OztJQUNPLGdCQUFnQjs7WUFDaEIsSUFBSSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMscUJBQXFCLEVBQUU7UUFDL0MsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEdBQUcsR0FBRyxDQUFDLEdBQUcsTUFBTSxDQUFDLFVBQVUsRUFBRTtZQUN2QyxJQUFJLENBQUMsYUFBYSxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksR0FBRyxHQUFHLENBQUMsR0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUMsR0FBSSxJQUFJLENBQUM7U0FDcEY7YUFDSTtZQUNELElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7U0FDekM7UUFDRCxJQUFJLElBQUksQ0FBQyxNQUFNLEdBQUcsR0FBRyxHQUFHLE1BQU0sQ0FBQyxXQUFXLEVBQUU7WUFDeEMsSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxJQUFJLENBQUM7WUFDekMsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUM7U0FDL0I7YUFDSTtZQUNELElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO1lBQ3pCLElBQUksQ0FBQyxlQUFlLEdBQUcsQ0FBQyxNQUFNLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUM7U0FDakU7SUFDTCxDQUFDOzs7OztJQUVNLFFBQVEsQ0FBQyxJQUFTO1FBQ3JCLFVBQVU7OztRQUFDLEdBQUcsRUFBRTtZQUNaLElBQUksQ0FBQyxVQUFVLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzFDLENBQUMsRUFBQyxDQUFDO0lBQ1AsQ0FBQzs7O1lBN0NKLFNBQVMsU0FBQztnQkFDUCxRQUFRLEVBQUUsaUJBQWlCO2dCQUMzQiwyNEJBQTRDOzthQUUvQzs7OztZQU5RLFVBQVU7Ozs7SUFTZiw4QkFBb0I7O0lBQ3BCLDRCQUFrQjs7SUFDbEIsMkJBQWlCOztJQUNqQiw2QkFBbUI7O0lBQ25CLCtCQUFxQjs7SUFFckIsb0NBQTBCOztJQUMxQixtQ0FBeUI7O0lBQ3pCLHNDQUE0Qjs7Ozs7SUFDaEIsaUNBQThCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRG9tU2VydmljZSB9IGZyb20gJ0BzY2huZWlkZXJlc3MvcmEtY29tbW9uJztcclxuZGVjbGFyZSB2YXIgY29tcG9uZW50UmVmOiBhbnk7XHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdyYS1sb2NrLXRvb2x0aXAnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2xvY2sudG9vbHRpcC5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9sb2NrLnRvb2x0aXAuY29tcG9uZW50LmNzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTG9ja1Rvb2x0aXAgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICAgIHB1YmxpYyBlbGVtZW50OiBhbnk7XHJcbiAgICBwdWJsaWMgdGl0bGU6IGFueTtcclxuICAgIHB1YmxpYyBkYXRhOiBhbnk7XHJcbiAgICBwdWJsaWMgZm9vdGVyOiBhbnk7XHJcbiAgICBwdWJsaWMgdGVtcGxhdGU6IGFueTtcclxuXHJcbiAgICBwdWJsaWMgY29udGFpbmVyTGVmdDogYW55O1xyXG4gICAgcHVibGljIGNvbnRhaW5lclRvcDogYW55O1xyXG4gICAgcHVibGljIGNvbnRhaW5lckJvdHRvbTogYW55O1xyXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBkb21TZXJ2aWNlOiBEb21TZXJ2aWNlKSB7XHJcbiAgICB9XHJcbiAgICBuZ09uSW5pdCgpIHtcclxuICAgICAgICBpZiAodGhpcy5lbGVtZW50KSB7XHJcbiAgICAgICAgICAgIHRoaXMuc2V0UG9wdXBQb3NpdGlvbigpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuICAgIHByaXZhdGUgc2V0UG9wdXBQb3NpdGlvbigpIHtcclxuICAgICAgICBsZXQgcmVjdCA9IHRoaXMuZWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcclxuICAgICAgICBpZiAoKHJlY3QubGVmdCArIDI1MCkgPiB3aW5kb3cuaW5uZXJXaWR0aCkge1xyXG4gICAgICAgICAgICB0aGlzLmNvbnRhaW5lckxlZnQgPSAocmVjdC5sZWZ0IC0gKChyZWN0LmxlZnQgKyAyNzApLXdpbmRvdy5pbm5lcldpZHRoKSkgICsgJ3B4JztcclxuICAgICAgICB9XHJcbiAgICAgICAgZWxzZSB7XHJcbiAgICAgICAgICAgIHRoaXMuY29udGFpbmVyTGVmdCA9IHJlY3QubGVmdCArICdweCc7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGlmIChyZWN0LmJvdHRvbSArIDEwMCA8IHdpbmRvdy5pbm5lckhlaWdodCkge1xyXG4gICAgICAgICAgICB0aGlzLmNvbnRhaW5lclRvcCA9IChyZWN0LmJvdHRvbSkgKyAncHgnO1xyXG4gICAgICAgICAgICB0aGlzLmNvbnRhaW5lckJvdHRvbSA9IG51bGw7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGVsc2Uge1xyXG4gICAgICAgICAgICB0aGlzLmNvbnRhaW5lclRvcCA9IG51bGw7XHJcbiAgICAgICAgICAgIHRoaXMuY29udGFpbmVyQm90dG9tID0gKHdpbmRvdy5pbm5lckhlaWdodCAtIHJlY3QudG9wKSArICdweCc7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIHB1YmxpYyByZW1vdmVNZShjb21wOiBhbnkpIHtcclxuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgICAgICAgdGhpcy5kb21TZXJ2aWNlLnJlbW92ZUNvbXBvbmVudChjb21wKTtcclxuICAgICAgICB9KTtcclxuICAgIH1cclxufSJdfQ==