@schneideress/dashboardframework 0.0.235 → 0.0.237

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

@@ -0,0 +1,103 @@
+/**
+ * @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';
+var LockTooltip = /** @class */ (function () {
+    function LockTooltip(domService) {
+        this.domService = domService;
+    }
+    /**
+     * @return {?}
+     */
+    LockTooltip.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () {
+        if (this.element) {
+            this.setPopupPosition();
+        }
+    };
+    /**
+     * @private
+     * @return {?}
+     */
+    LockTooltip.prototype.setPopupPosition = /**
+     * @private
+     * @return {?}
+     */
+    function () {
+        /** @type {?} */
+        var 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 {?}
+     */
+    LockTooltip.prototype.removeMe = /**
+     * @param {?} comp
+     * @return {?}
+     */
+    function (comp) {
+        var _this = this;
+        setTimeout((/**
+         * @return {?}
+         */
+        function () {
+            _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 = function () { return [
+        { type: DomService }
+    ]; };
+    return LockTooltip;
+}());
+export { LockTooltip };
+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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9jay50b29sdGlwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzY2huZWlkZXJlc3MvZGFzaGJvYXJkZnJhbWV3b3JrLyIsInNvdXJjZXMiOlsibGliL3JhLXdpZGdldC1jb250YWluZXIvbG9jay10b29sdGlwL2xvY2sudG9vbHRpcC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ2xELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUVyRDtJQWdCSSxxQkFBb0IsVUFBc0I7UUFBdEIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtJQUMxQyxDQUFDOzs7O0lBQ0QsOEJBQVE7OztJQUFSO1FBQ0ksSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2QsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7U0FDM0I7SUFDTCxDQUFDOzs7OztJQUNPLHNDQUFnQjs7OztJQUF4Qjs7WUFDUSxJQUFJLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxxQkFBcUIsRUFBRTtRQUMvQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksR0FBRyxHQUFHLENBQUMsR0FBRyxNQUFNLENBQUMsVUFBVSxFQUFFO1lBQ3ZDLElBQUksQ0FBQyxhQUFhLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxHQUFHLEdBQUcsQ0FBQyxHQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQyxHQUFJLElBQUksQ0FBQztTQUNwRjthQUNJO1lBQ0QsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztTQUN6QztRQUNELElBQUksSUFBSSxDQUFDLE1BQU0sR0FBRyxHQUFHLEdBQUcsTUFBTSxDQUFDLFdBQVcsRUFBRTtZQUN4QyxJQUFJLENBQUMsWUFBWSxHQUFHLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLElBQUksQ0FBQztZQUN6QyxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQztTQUMvQjthQUNJO1lBQ0QsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7WUFDekIsSUFBSSxDQUFDLGVBQWUsR0FBRyxDQUFDLE1BQU0sQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLElBQUksQ0FBQztTQUNqRTtJQUNMLENBQUM7Ozs7O0lBRU0sOEJBQVE7Ozs7SUFBZixVQUFnQixJQUFTO1FBQXpCLGlCQUlDO1FBSEcsVUFBVTs7O1FBQUM7WUFDUCxLQUFJLENBQUMsVUFBVSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUMxQyxDQUFDLEVBQUMsQ0FBQztJQUNQLENBQUM7O2dCQTdDSixTQUFTLFNBQUM7b0JBQ1AsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsMjRCQUE0Qzs7aUJBRS9DOzs7O2dCQU5RLFVBQVU7O0lBZ0RuQixrQkFBQztDQUFBLEFBOUNELElBOENDO1NBekNZLFdBQVc7OztJQUVwQiw4QkFBb0I7O0lBQ3BCLDRCQUFrQjs7SUFDbEIsMkJBQWlCOztJQUNqQiw2QkFBbUI7O0lBQ25CLCtCQUFxQjs7SUFFckIsb0NBQTBCOztJQUMxQixtQ0FBeUI7O0lBQ3pCLHNDQUE0Qjs7Ozs7SUFDaEIsaUNBQThCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRG9tU2VydmljZSB9IGZyb20gJ0BzY2huZWlkZXJlc3MvcmEtY29tbW9uJztcclxuZGVjbGFyZSB2YXIgY29tcG9uZW50UmVmOiBhbnk7XHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdyYS1sb2NrLXRvb2x0aXAnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2xvY2sudG9vbHRpcC5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9sb2NrLnRvb2x0aXAuY29tcG9uZW50LmNzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTG9ja1Rvb2x0aXAgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICAgIHB1YmxpYyBlbGVtZW50OiBhbnk7XHJcbiAgICBwdWJsaWMgdGl0bGU6IGFueTtcclxuICAgIHB1YmxpYyBkYXRhOiBhbnk7XHJcbiAgICBwdWJsaWMgZm9vdGVyOiBhbnk7XHJcbiAgICBwdWJsaWMgdGVtcGxhdGU6IGFueTtcclxuXHJcbiAgICBwdWJsaWMgY29udGFpbmVyTGVmdDogYW55O1xyXG4gICAgcHVibGljIGNvbnRhaW5lclRvcDogYW55O1xyXG4gICAgcHVibGljIGNvbnRhaW5lckJvdHRvbTogYW55O1xyXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBkb21TZXJ2aWNlOiBEb21TZXJ2aWNlKSB7XHJcbiAgICB9XHJcbiAgICBuZ09uSW5pdCgpIHtcclxuICAgICAgICBpZiAodGhpcy5lbGVtZW50KSB7XHJcbiAgICAgICAgICAgIHRoaXMuc2V0UG9wdXBQb3NpdGlvbigpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuICAgIHByaXZhdGUgc2V0UG9wdXBQb3NpdGlvbigpIHtcclxuICAgICAgICBsZXQgcmVjdCA9IHRoaXMuZWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcclxuICAgICAgICBpZiAoKHJlY3QubGVmdCArIDI1MCkgPiB3aW5kb3cuaW5uZXJXaWR0aCkge1xyXG4gICAgICAgICAgICB0aGlzLmNvbnRhaW5lckxlZnQgPSAocmVjdC5sZWZ0IC0gKChyZWN0LmxlZnQgKyAyNzApLXdpbmRvdy5pbm5lcldpZHRoKSkgICsgJ3B4JztcclxuICAgICAgICB9XHJcbiAgICAgICAgZWxzZSB7XHJcbiAgICAgICAgICAgIHRoaXMuY29udGFpbmVyTGVmdCA9IHJlY3QubGVmdCArICdweCc7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGlmIChyZWN0LmJvdHRvbSArIDEwMCA8IHdpbmRvdy5pbm5lckhlaWdodCkge1xyXG4gICAgICAgICAgICB0aGlzLmNvbnRhaW5lclRvcCA9IChyZWN0LmJvdHRvbSkgKyAncHgnO1xyXG4gICAgICAgICAgICB0aGlzLmNvbnRhaW5lckJvdHRvbSA9IG51bGw7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGVsc2Uge1xyXG4gICAgICAgICAgICB0aGlzLmNvbnRhaW5lclRvcCA9IG51bGw7XHJcbiAgICAgICAgICAgIHRoaXMuY29udGFpbmVyQm90dG9tID0gKHdpbmRvdy5pbm5lckhlaWdodCAtIHJlY3QudG9wKSArICdweCc7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIHB1YmxpYyByZW1vdmVNZShjb21wOiBhbnkpIHtcclxuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgICAgICAgdGhpcy5kb21TZXJ2aWNlLnJlbW92ZUNvbXBvbmVudChjb21wKTtcclxuICAgICAgICB9KTtcclxuICAgIH1cclxufSJdfQ==