@inax/commonui - npm Package Compare versions

Comparing version 0.0.40 to 0.0.41

package.json

		{
		"name": "@inax/commonui",
		"version": "0.0.40",
		"version": "0.0.41",
		"description": "common ui components",
		@@ -25,4 +25,4 @@ "main": "index.ts",
		"@angular/http": "^4.1.0",
		"@inax/common": "^0.0.40",
		"@inax/translate": "^0.0.40",
		"@inax/common": "^0.0.41",
		"@inax/translate": "^0.0.41",
		"bootstrap": "^3.3.7",
		@@ -29,0 +29,0 @@ "rxjs": "^5.1.0",

src/expandablePanel/expandablePanelComponent/expandablePanel.component.js

		@@ -42,2 +42,4 @@ "use strict";
		this.pinnable = false;
		this.collapseButtonIntoPanel = false;
		this.collapsingDirection = 'up';
		this.mouseOver = false;
		@@ -127,2 +129,4 @@ this.initiallyPinned = false;
		__decorate([core_1.Input(), __metadata("design:type", Boolean)], ExpandablePanelComponent.prototype, "pinnable", void 0);
		__decorate([core_1.Input(), __metadata("design:type", Boolean)], ExpandablePanelComponent.prototype, "collapseButtonIntoPanel", void 0);
		__decorate([core_1.Input(), __metadata("design:type", String)], ExpandablePanelComponent.prototype, "collapsingDirection", void 0);
		ExpandablePanelComponent = __decorate([core_1.Component({
		@@ -129,0 +133,0 @@ selector: 'expandable-panel',

src/expandablePanel/expandablePanelComponent/expandablePanel.component.ts

		@@ -26,2 +26,4 @@ /*--------------------------------------------------------------------------------------------------------------
		@Input() pinnable: boolean = false;
		@Input() collapseButtonIntoPanel: boolean = false;
		@Input() collapsingDirection: string = 'up';

		@@ -28,0 +30,0 @@ public mouseOver: boolean = false;

src/layout/layout.component.js

		"use strict";

		var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable \|\| false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

		var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
		@@ -17,74 +15,7 @@
		};
		var __metadata = undefined && undefined.__metadata \|\| function (k, v) {
		if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
		};
		Object.defineProperty(exports, "__esModule", { value: true });
		var core_1 = require("@angular/core");
		var platform_browser_1 = require("@angular/platform-browser");
		var layout_service_1 = require("./layout.service");
		var LayoutComponent = function () {
		function LayoutComponent(_sanitizer, _layoutService) {
		var _this = this;

		_classCallCheck(this, LayoutComponent);

		this._sanitizer = _sanitizer;
		this._layoutService = _layoutService;
		this.layoutSizeChanged = new core_1.EventEmitter();
		this._layoutService.updateLayoutSize.subscribe(function (update) {
		setTimeout(function () {
		return _this.determineOffset();
		});
		});
		}

		_createClass(LayoutComponent, [{
		key: "ngAfterContentInit",
		value: function ngAfterContentInit() {
		var _this2 = this;

		window.addEventListener('resize', function () {
		return _this2.determineOffset();
		});
		setTimeout(function () {
		return _this2.determineOffset();
		}); // setTimeout is necessary to wait for e.g. alarm-line to be initialized and included in height calculation
		}
		/**
		* determines the space available for the inax-main section and adjusts its height accordingly to prevent it from overlapping with header and/or footer
		*/

		}, {
		key: "determineOffset",
		value: function determineOffset() {
		var main = this.main ? this.main.nativeElement.firstElementChild : undefined;
		var footer = this.footer ? this.footer.nativeElement.firstElementChild : undefined;
		var topOffset = main ? main.offsetTop : 0;
		var bottomOffset = footer ? this.determineChildHeight(this.footer.nativeElement) : 0;
		var newHeight = window.innerHeight - topOffset - bottomOffset - 1; // -1 as a buffer for non-integer pixel values
		if (newHeight !== this.currentHeight) {
		this.currentHeight = newHeight;
		this.mainContainerCss = this._sanitizer.bypassSecurityTrustStyle("height: " + this.currentHeight + "px;");
		this._layoutService.layoutHeight = newHeight;
		}
		}
		}, {
		key: "determineChildHeight",
		value: function determineChildHeight(element) {
		while (element.clientHeight <= 0 && element.children.length > 0) {
		for (var i = 0; i < element.children.length; i++) {
		var result = this.determineChildHeight(element.children[i]);
		if (result > 0) {
		return result;
		}
		}
		}
		return element.clientHeight;
		}
		}]);

		return LayoutComponent;
		}();
		__decorate([core_1.ViewChild('main'), __metadata("design:type", core_1.ElementRef)], LayoutComponent.prototype, "main", void 0);
		__decorate([core_1.ViewChild('footer'), __metadata("design:type", core_1.ElementRef)], LayoutComponent.prototype, "footer", void 0);
		var LayoutComponent = function LayoutComponent() {
		_classCallCheck(this, LayoutComponent);
		};
		LayoutComponent = __decorate([core_1.Component({
		@@ -94,4 +25,4 @@ selector: 'inax-layout',
		styleUrls: ['./layout.component.css']
		}), __metadata("design:paramtypes", [platform_browser_1.DomSanitizer, layout_service_1.LayoutService])], LayoutComponent);
		})], LayoutComponent);
		exports.LayoutComponent = LayoutComponent;
		//# sourceMappingURL=layout.component.js.map

src/layout/layout.component.ts

		@@ -10,4 +10,4 @@ import { Component, ViewChild, ElementRef, AfterContentInit, EventEmitter, Inject } from '@angular/core';
		})
		export class LayoutComponent implements AfterContentInit {

		export class LayoutComponent {
		/*
		public layoutSizeChanged: EventEmitter<number> = new EventEmitter<number>();
		@@ -32,6 +32,7 @@ public currentHeight: number;
		}

		*/
		/**
		* determines the space available for the inax-main section and adjusts its height accordingly to prevent it from overlapping with header and/or footer
		*/
		/*
		public determineOffset() {
		@@ -61,3 +62,4 @@ const main: HTMLElement = this.main ? this.main.nativeElement.firstElementChild : undefined;
		}
		*/
		}

index.js.map