@igo2/common 1.8.1 → 1.9.3

package/esm2015/lib/flexible/flexible.component.js

@@ -1,159 +1,158 @@
-import { Component, Input, ViewChild, ElementRef } from '@angular/core';
-import { MediaService } from '@igo2/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@igo2/core";
-const _c0 = ["flexibleMain"];
-const _c1 = ["*", [["", "igoFlexibleFill", ""]]];
-const _c2 = ["*", "[igoFlexibleFill]"];
-export class FlexibleComponent {
-    constructor(el, mediaService) {
-        this.el = el;
-        this.mediaService = mediaService;
-        this._initial = '0';
-        this._collapsed = '0';
-        this._expanded = '100%';
-        this._initialMobile = this.expanded;
-        this._collapsedMobile = this.collapsed;
-        this._expandedMobile = this.expanded;
-        this._direction = 'column';
-        this._state = 'initial';
-    }
-    get initial() {
-        return this._initial;
-    }
-    set initial(value) {
-        this._initial = value;
-    }
-    get collapsed() {
-        return this._collapsed;
-    }
-    set collapsed(value) {
-        this._collapsed = value;
-    }
-    get expanded() {
-        return this._expanded;
-    }
-    set expanded(value) {
-        this._expanded = value;
-    }
-    get initialMobile() {
-        return this._initialMobile;
-    }
-    set initialMobile(value) {
-        this._initialMobile = value;
-    }
-    get collapsedMobile() {
-        return this._collapsedMobile;
-    }
-    set collapsedMobile(value) {
-        this._collapsedMobile = value;
-    }
-    get expandedMobile() {
-        return this._expandedMobile;
-    }
-    set expandedMobile(value) {
-        this._expandedMobile = value;
-    }
-    get direction() {
-        return this._direction;
-    }
-    set direction(value) {
-        this._direction = value;
-    }
-    get state() {
-        return this._state;
-    }
-    set state(value) {
-        const sizes = {
-            initial: this.initial,
-            collapsed: this.collapsed,
-            expanded: this.expanded
-        };
-        if (this.mediaService.isMobile()) {
-            Object.assign(sizes, {
-                initial: this.initialMobile,
-                collapsed: this.collapsedMobile,
-                expanded: this.expandedMobile
-            });
-        }
-        const size = sizes[value];
-        if (size !== undefined) {
-            this.setSize(size);
-            setTimeout(() => {
-                this._state = value;
-            }, FlexibleComponent.transitionTime);
-        }
-    }
-    ngOnInit() {
-        this.el.nativeElement.className += this.direction;
-        // Since this component supports different sizes
-        // on mobile, force a redraw when the media changes
-        this.mediaService$$ = this.mediaService.media$.subscribe((media) => (this.state = this.state));
-    }
-    ngOnDestroy() {
-        if (this.mediaService$$) {
-            this.mediaService$$.unsubscribe();
-        }
-    }
-    setSize(size) {
-        this._state = 'transition';
-        if (this.direction === 'column') {
-            this.main.nativeElement.style.height = size;
-        }
-        else if (this.direction === 'row') {
-            this.main.nativeElement.style.width = size;
-        }
-    }
-}
-FlexibleComponent.transitionTime = 250;
-FlexibleComponent.ɵfac = function FlexibleComponent_Factory(t) { return new (t || FlexibleComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.MediaService)); };
-FlexibleComponent.ɵcmp = i0.ɵɵdefineComponent({ type: FlexibleComponent, selectors: [["igo-flexible"]], viewQuery: function FlexibleComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵstaticViewQuery(_c0, true);
-    } if (rf & 2) {
-        var _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.main = _t.first);
-    } }, inputs: { initial: "initial", collapsed: "collapsed", expanded: "expanded", initialMobile: "initialMobile", collapsedMobile: "collapsedMobile", expandedMobile: "expandedMobile", direction: "direction", state: "state" }, ngContentSelectors: _c2, decls: 8, vars: 4, consts: [["flexibleMain", ""], [1, "igo-container"], [1, "igo-flexible-fill"]], template: function FlexibleComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef(_c1);
-        i0.ɵɵelementStart(0, "div", null, 0);
-        i0.ɵɵelementStart(2, "div", 1);
-        i0.ɵɵprojection(3);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(4, "div", 2);
-        i0.ɵɵelementStart(5, "div");
-        i0.ɵɵelementStart(6, "div", 1);
-        i0.ɵɵprojection(7, 1);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵclassMapInterpolate2("igo-flexible-main ", ctx.state, " ", ctx.direction, "");
-    } }, styles: ["[_nghost-%COMP%]{display:flex;height:100%;width:100%}.column[_nghost-%COMP%]{flex-direction:column}.row[_nghost-%COMP%]{flex-direction:row}.igo-flexible-main[_ngcontent-%COMP%]{flex:0 0 auto;overflow:hidden}.igo-flexible-main.column[_ngcontent-%COMP%]{transition:height .25s ease-in}.igo-flexible-main.row[_ngcontent-%COMP%]{transition:width .25s ease-in}.igo-flexible-fill[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{bottom:0;left:0;position:absolute;right:0;top:0}.igo-container[_ngcontent-%COMP%]{height:100%;margin:0 5px;overflow:hidden;padding:5px 0;position:relative;width:calc(100% - 10px)}  .igo-flexible-fill{flex:1 1 auto;overflow:hidden;position:relative}  .igo-content{height:100%;overflow:auto;width:100%}  igo-panel{height:100%}"] });
-/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(FlexibleComponent, [{
-        type: Component,
-        args: [{
-                selector: 'igo-flexible',
-                templateUrl: './flexible.component.html',
-                styleUrls: ['./flexible.component.scss']
-            }]
-    }], function () { return [{ type: i0.ElementRef }, { type: i1.MediaService }]; }, { main: [{
-            type: ViewChild,
-            args: ['flexibleMain', { static: true }]
-        }], initial: [{
-            type: Input
-        }], collapsed: [{
-            type: Input
-        }], expanded: [{
-            type: Input
-        }], initialMobile: [{
-            type: Input
-        }], collapsedMobile: [{
-            type: Input
-        }], expandedMobile: [{
-            type: Input
-        }], direction: [{
-            type: Input
-        }], state: [{
-            type: Input
-        }] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxleGlibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Ii9zcnYvYXBwcy9pZ28yLWxpYi9wYWNrYWdlcy9jb21tb24vc3JjLyIsInNvdXJjZXMiOlsibGliL2ZsZXhpYmxlL2ZsZXhpYmxlLmNvbXBvbmVudC50cyIsImxpYi9mbGV4aWJsZS9mbGV4aWJsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFxQixLQUFLLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUczRixPQUFPLEVBQVMsWUFBWSxFQUFFLE1BQU0sWUFBWSxDQUFDOzs7Ozs7QUFTakQsTUFBTSxPQUFPLGlCQUFpQjtJQW1HNUIsWUFBb0IsRUFBYyxFQUFVLFlBQTBCO1FBQWxELE9BQUUsR0FBRixFQUFFLENBQVk7UUFBVSxpQkFBWSxHQUFaLFlBQVksQ0FBYztRQXZGOUQsYUFBUSxHQUFHLEdBQUcsQ0FBQztRQVNmLGVBQVUsR0FBRyxHQUFHLENBQUM7UUFTakIsY0FBUyxHQUFHLE1BQU0sQ0FBQztRQVNuQixtQkFBYyxHQUFXLElBQUksQ0FBQyxRQUFRLENBQUM7UUFTdkMscUJBQWdCLEdBQVcsSUFBSSxDQUFDLFNBQVMsQ0FBQztRQVMxQyxvQkFBZSxHQUFXLElBQUksQ0FBQyxRQUFRLENBQUM7UUFTeEMsZUFBVSxHQUFzQixRQUFRLENBQUM7UUE2QnpDLFdBQU0sR0FBa0IsU0FBUyxDQUFDO0lBSStCLENBQUM7SUE5RjFFLElBQ0ksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN2QixDQUFDO0lBQ0QsSUFBSSxPQUFPLENBQUMsS0FBYTtRQUN2QixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUN4QixDQUFDO0lBR0QsSUFDSSxTQUFTO1FBQ1gsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDO0lBQ3pCLENBQUM7SUFDRCxJQUFJLFNBQVMsQ0FBQyxLQUFhO1FB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QUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztTQUM3QzthQUFNLElBQUksSUFBSSxDQUFDLFNBQVMsS0FBSyxLQUFLLEVBQUU7WUFDbkMsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7U0FDNUM7SUFDSCxDQUFDOztBQTVITSxnQ0FBYyxHQUFHLEdBQUcsQ0FBQztrRkFEakIsaUJBQWlCO3NEQUFqQixpQkFBaUI7Ozs7Ozs7UUNaOUIsb0NBQ0U7UUFBQSw4QkFDRTtRQUFBLGtCQUFZO1FBQ2QsaUJBQU07UUFDUixpQkFBTTtRQUNOLDhCQUNFO1FBQUEsMkJBQ0M7UUFBQSw4QkFDRztRQUFBLHFCQUF1QztRQUN6QyxpQkFBTTtRQUNSLGlCQUFNO1FBQ1IsaUJBQU07O1FBWGEsa0ZBQWlEOztrRERZdkQsaUJBQWlCO2NBTDdCLFNBQVM7ZUFBQztnQkFDVCxRQUFRLEVBQUUsY0FBYztnQkFDeEIsV0FBVyxFQUFFLDJCQUEyQjtnQkFDeEMsU0FBUyxFQUFFLENBQUMsMkJBQTJCLENBQUM7YUFDekM7d0ZBSThDLElBQUk7a0JBQWhELFNBQVM7bUJBQUMsY0FBYyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtZQUd2QyxPQUFPO2tCQURWLEtBQUs7WUFVRixTQUFTO2tCQURaLEtBQUs7WUFVRixRQUFRO2tCQURYLEtBQUs7WUFVRixhQUFhO2tCQURoQixLQUFLO1lBVUYsZUFBZTtrQkFEbEIsS0FBSztZQVVGLGNBQWM7a0JBRGpCLEtBQUs7WUFVRixTQUFTO2tCQURaLEtBQUs7WUFVRixLQUFLO2tCQURSLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgT25EZXN0cm95LCBJbnB1dCwgVmlld0NoaWxkLCBFbGVtZW50UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgTWVkaWEsIE1lZGlhU2VydmljZSB9IGZyb20gJ0BpZ28yL2NvcmUnO1xuXG5pbXBvcnQgeyBGbGV4aWJsZVN0YXRlLCBGbGV4aWJsZURpcmVjdGlvbiB9IGZyb20gJy4vZmxleGlibGUudHlwZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2lnby1mbGV4aWJsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9mbGV4aWJsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ZsZXhpYmxlLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRmxleGlibGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIHN0YXRpYyB0cmFuc2l0aW9uVGltZSA9IDI1MDtcblxuICBAVmlld0NoaWxkKCdmbGV4aWJsZU1haW4nLCB7IHN0YXRpYzogdHJ1ZSB9KSBtYWluO1xuXG4gIEBJbnB1dCgpXG4gIGdldCBpbml0aWFsKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuX2luaXRpYWw7XG4gIH1cbiAgc2V0IGluaXRpYWwodmFsdWU6IHN0cmluZykge1xuICAgIHRoaXMuX2luaXRpYWwgPSB2YWx1ZTtcbiAgfVxuICBwcml2YXRlIF9pbml0aWFsID0gJzAnO1xuXG4gIEBJbnB1dCgpXG4gIGdldCBjb2xsYXBzZWQoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5fY29sbGFwc2VkO1xuICB9XG4gIHNldCBjb2xsYXBzZWQodmFsdWU6IHN0cmluZykge1xuICAgIHRoaXMuX2NvbGxhcHNlZCA9IHZhbHVlO1xuICB9XG4gIHByaXZhdGUgX2NvbGxhcHNlZCA9ICcwJztcblxuICBASW5wdXQoKVxuICBnZXQgZXhwYW5kZWQoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5fZXhwYW5kZWQ7XG4gIH1cbiAgc2V0IGV4cGFuZGVkKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLl9leHBhbmRlZCA9IHZhbHVlO1xuICB9XG4gIHByaXZhdGUgX2V4cGFuZGVkID0gJzEwMCUnO1xuXG4gIEBJbnB1dCgpXG4gIGdldCBpbml0aWFsTW9iaWxlKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuX2luaXRpYWxNb2JpbGU7XG4gIH1cbiAgc2V0IGluaXRpYWxNb2JpbGUodmFsdWU6IHN0cmluZykge1xuICAgIHRoaXMuX2luaXRpYWxNb2JpbGUgPSB2YWx1ZTtcbiAgfVxuICBwcml2YXRlIF9pbml0aWFsTW9iaWxlOiBzdHJpbmcgPSB0aGlzLmV4cGFuZGVkO1xuXG4gIEBJbnB1dCgpXG4gIGdldCBjb2xsYXBzZWRNb2JpbGUoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5fY29sbGFwc2VkTW9iaWxlO1xuICB9XG4gIHNldCBjb2xsYXBzZWRNb2JpbGUodmFsdWU6IHN0cmluZykge1xuICAgIHRoaXMuX2NvbGxhcHNlZE1vYmlsZSA9IHZhbHVlO1xuICB9XG4gIHByaXZhdGUgX2NvbGxhcHNlZE1vYmlsZTogc3RyaW5nID0gdGhpcy5jb2xsYXBzZWQ7XG5cbiAgQElucHV0KClcbiAgZ2V0IGV4cGFuZGVkTW9iaWxlKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuX2V4cGFuZGVkTW9iaWxlO1xuICB9XG4gIHNldCBleHBhbmRlZE1vYmlsZSh2YWx1ZTogc3RyaW5nKSB7XG4gICAgdGhpcy5fZXhwYW5kZWRNb2JpbGUgPSB2YWx1ZTtcbiAgfVxuICBwcml2YXRlIF9leHBhbmRlZE1vYmlsZTogc3RyaW5nID0gdGhpcy5leHBhbmRlZDtcblxuICBASW5wdXQoKVxuICBnZXQgZGlyZWN0aW9uKCk6IEZsZXhpYmxlRGlyZWN0aW9uIHtcbiAgICByZXR1cm4gdGhpcy5fZGlyZWN0aW9uO1xuICB9XG4gIHNldCBkaXJlY3Rpb24odmFsdWU6IEZsZXhpYmxlRGlyZWN0aW9uKSB7XG4gICAgdGhpcy5fZGlyZWN0aW9uID0gdmFsdWU7XG4gIH1cbiAgcHJpdmF0ZSBfZGlyZWN0aW9uOiBGbGV4aWJsZURpcmVjdGlvbiA9ICdjb2x1bW4nO1xuXG4gIEBJbnB1dCgpXG4gIGdldCBzdGF0ZSgpOiBGbGV4aWJsZVN0YXRlIHtcbiAgICByZXR1cm4gdGhpcy5fc3RhdGU7XG4gIH1cbiAgc2V0IHN0YXRlKHZhbHVlOiBGbGV4aWJsZVN0YXRlKSB7XG4gICAgY29uc3Qgc2l6ZXMgPSB7XG4gICAgICBpbml0aWFsOiB0aGlzLmluaXRpYWwsXG4gICAgICBjb2xsYXBzZWQ6IHRoaXMuY29sbGFwc2VkLFxuICAgICAgZXhwYW5kZWQ6IHRoaXMuZXhwYW5kZWRcbiAgICB9O1xuXG4gICAgaWYgKHRoaXMubWVkaWFTZXJ2aWNlLmlzTW9iaWxlKCkpIHtcbiAgICAgIE9iamVjdC5hc3NpZ24oc2l6ZXMsIHtcbiAgICAgICAgaW5pdGlhbDogdGhpcy5pbml0aWFsTW9iaWxlLFxuICAgICAgICBjb2xsYXBzZWQ6IHRoaXMuY29sbGFwc2VkTW9iaWxlLFxuICAgICAgICBleHBhbmRlZDogdGhpcy5leHBhbmRlZE1vYmlsZVxuICAgICAgfSk7XG4gICAgfVxuXG4gICAgY29uc3Qgc2l6ZSA9IHNpemVzW3ZhbHVlXTtcbiAgICBpZiAoc2l6ZSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICB0aGlzLnNldFNpemUoc2l6ZSk7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgdGhpcy5fc3RhdGUgPSB2YWx1ZTtcbiAgICAgIH0sIEZsZXhpYmxlQ29tcG9uZW50LnRyYW5zaXRpb25UaW1lKTtcbiAgICB9XG4gIH1cbiAgcHJpdmF0ZSBfc3RhdGU6IEZsZXhpYmxlU3RhdGUgPSAnaW5pdGlhbCc7XG5cbiAgcHJpdmF0ZSBtZWRpYVNlcnZpY2UkJDogU3Vic2NyaXB0aW9uO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWw6IEVsZW1lbnRSZWYsIHByaXZhdGUgbWVkaWFTZXJ2aWNlOiBNZWRpYVNlcnZpY2UpIHt9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5lbC5uYXRpdmVFbGVtZW50LmNsYXNzTmFtZSArPSB0aGlzLmRpcmVjdGlvbjtcblxuICAgIC8vIFNpbmNlIHRoaXMgY29tcG9uZW50IHN1cHBvcnRzIGRpZmZlcmVudCBzaXplc1xuICAgIC8vIG9uIG1vYmlsZSwgZm9yY2UgYSByZWRyYXcgd2hlbiB0aGUgbWVkaWEgY2hhbmdlc1xuICAgIHRoaXMubWVkaWFTZXJ2aWNlJCQgPSB0aGlzLm1lZGlhU2VydmljZS5tZWRpYSQuc3Vic2NyaWJlKFxuICAgICAgKG1lZGlhOiBNZWRpYSkgPT4gKHRoaXMuc3RhdGUgPSB0aGlzLnN0YXRlKVxuICAgICk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICBpZiAodGhpcy5tZWRpYVNlcnZpY2UkJCkge1xuICAgICAgdGhpcy5tZWRpYVNlcnZpY2UkJC51bnN1YnNjcmliZSgpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgc2V0U2l6ZShzaXplOiBzdHJpbmcpIHtcbiAgICB0aGlzLl9zdGF0ZSA9ICd0cmFuc2l0aW9uJztcblxuICAgIGlmICh0aGlzLmRpcmVjdGlvbiA9PT0gJ2NvbHVtbicpIHtcbiAgICAgIHRoaXMubWFpbi5uYXRpdmVFbGVtZW50LnN0eWxlLmhlaWdodCA9IHNpemU7XG4gICAgfSBlbHNlIGlmICh0aGlzLmRpcmVjdGlvbiA9PT0gJ3JvdycpIHtcbiAgICAgIHRoaXMubWFpbi5uYXRpdmVFbGVtZW50LnN0eWxlLndpZHRoID0gc2l6ZTtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgI2ZsZXhpYmxlTWFpbiBjbGFzcz1cImlnby1mbGV4aWJsZS1tYWluIHt7c3RhdGV9fSB7e2RpcmVjdGlvbn19XCI+XG4gIDxkaXYgY2xhc3M9XCJpZ28tY29udGFpbmVyXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvZGl2PlxuPGRpdiBjbGFzcz1cImlnby1mbGV4aWJsZS1maWxsXCI+XG4gIDxkaXY+XG4gIFx0PGRpdiBjbGFzcz1cImlnby1jb250YWluZXJcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltpZ29GbGV4aWJsZUZpbGxdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
+import { Component, Input, ViewChild } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@igo2/core";
+const _c0 = ["flexibleMain"];
+const _c1 = ["*", [["", "igoFlexibleFill", ""]]];
+const _c2 = ["*", "[igoFlexibleFill]"];
+export class FlexibleComponent {
+    constructor(el, mediaService) {
+        this.el = el;
+        this.mediaService = mediaService;
+        this._initial = '0';
+        this._collapsed = '0';
+        this._expanded = '100%';
+        this._initialMobile = this.expanded;
+        this._collapsedMobile = this.collapsed;
+        this._expandedMobile = this.expanded;
+        this._direction = 'column';
+        this._state = 'initial';
+    }
+    get initial() {
+        return this._initial;
+    }
+    set initial(value) {
+        this._initial = value;
+    }
+    get collapsed() {
+        return this._collapsed;
+    }
+    set collapsed(value) {
+        this._collapsed = value;
+    }
+    get expanded() {
+        return this._expanded;
+    }
+    set expanded(value) {
+        this._expanded = value;
+    }
+    get initialMobile() {
+        return this._initialMobile;
+    }
+    set initialMobile(value) {
+        this._initialMobile = value;
+    }
+    get collapsedMobile() {
+        return this._collapsedMobile;
+    }
+    set collapsedMobile(value) {
+        this._collapsedMobile = value;
+    }
+    get expandedMobile() {
+        return this._expandedMobile;
+    }
+    set expandedMobile(value) {
+        this._expandedMobile = value;
+    }
+    get direction() {
+        return this._direction;
+    }
+    set direction(value) {
+        this._direction = value;
+    }
+    get state() {
+        return this._state;
+    }
+    set state(value) {
+        const sizes = {
+            initial: this.initial,
+            collapsed: this.collapsed,
+            expanded: this.expanded
+        };
+        if (this.mediaService.isMobile()) {
+            Object.assign(sizes, {
+                initial: this.initialMobile,
+                collapsed: this.collapsedMobile,
+                expanded: this.expandedMobile
+            });
+        }
+        const size = sizes[value];
+        if (size !== undefined) {
+            this.setSize(size);
+            setTimeout(() => {
+                this._state = value;
+            }, FlexibleComponent.transitionTime);
+        }
+    }
+    ngOnInit() {
+        this.el.nativeElement.className += this.direction;
+        // Since this component supports different sizes
+        // on mobile, force a redraw when the media changes
+        this.mediaService$$ = this.mediaService.media$.subscribe((media) => (this.state = this.state));
+    }
+    ngOnDestroy() {
+        if (this.mediaService$$) {
+            this.mediaService$$.unsubscribe();
+        }
+    }
+    setSize(size) {
+        this._state = 'transition';
+        if (this.direction === 'column') {
+            this.main.nativeElement.style.height = size;
+        }
+        else if (this.direction === 'row') {
+            this.main.nativeElement.style.width = size;
+        }
+    }
+}
+FlexibleComponent.transitionTime = 250;
+FlexibleComponent.ɵfac = function FlexibleComponent_Factory(t) { return new (t || FlexibleComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.MediaService)); };
+FlexibleComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FlexibleComponent, selectors: [["igo-flexible"]], viewQuery: function FlexibleComponent_Query(rf, ctx) { if (rf & 1) {
+        i0.ɵɵviewQuery(_c0, 7);
+    } if (rf & 2) {
+        let _t;
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.main = _t.first);
+    } }, inputs: { initial: "initial", collapsed: "collapsed", expanded: "expanded", initialMobile: "initialMobile", collapsedMobile: "collapsedMobile", expandedMobile: "expandedMobile", direction: "direction", state: "state" }, ngContentSelectors: _c2, decls: 8, vars: 4, consts: [["flexibleMain", ""], [1, "igo-container"], [1, "igo-flexible-fill"]], template: function FlexibleComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵprojectionDef(_c1);
+        i0.ɵɵelementStart(0, "div", null, 0);
+        i0.ɵɵelementStart(2, "div", 1);
+        i0.ɵɵprojection(3);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(4, "div", 2);
+        i0.ɵɵelementStart(5, "div");
+        i0.ɵɵelementStart(6, "div", 1);
+        i0.ɵɵprojection(7, 1);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵclassMapInterpolate2("igo-flexible-main ", ctx.state, " ", ctx.direction, "");
+    } }, styles: ["[_nghost-%COMP%]{display:flex;height:100%;width:100%}.column[_nghost-%COMP%]{flex-direction:column}.row[_nghost-%COMP%]{flex-direction:row}.igo-flexible-main[_ngcontent-%COMP%]{flex:0 0 auto;overflow:hidden}.igo-flexible-main.column[_ngcontent-%COMP%]{transition:height .25s ease-in}.igo-flexible-main.row[_ngcontent-%COMP%]{transition:width .25s ease-in}.igo-flexible-fill[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{position:absolute;top:0;bottom:0;left:0;right:0}.igo-container[_ngcontent-%COMP%]{width:calc(100% - 2 * 5px);height:100%;padding:5px 0;margin:0 5px;overflow:hidden;position:relative}  .igo-flexible-fill{flex:1 1 auto;overflow:hidden;position:relative}  .igo-content{height:100%;width:100%;overflow:auto}  igo-panel{height:100%}"] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FlexibleComponent, [{
+        type: Component,
+        args: [{
+                selector: 'igo-flexible',
+                templateUrl: './flexible.component.html',
+                styleUrls: ['./flexible.component.scss']
+            }]
+    }], function () { return [{ type: i0.ElementRef }, { type: i1.MediaService }]; }, { main: [{
+            type: ViewChild,
+            args: ['flexibleMain', { static: true }]
+        }], initial: [{
+            type: Input
+        }], collapsed: [{
+            type: Input
+        }], expanded: [{
+            type: Input
+        }], initialMobile: [{
+            type: Input
+        }], collapsedMobile: [{
+            type: Input
+        }], expandedMobile: [{
+            type: Input
+        }], direction: [{
+            type: Input
+        }], state: [{
+            type: Input
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxleGlibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tbW9uL3NyYy9saWIvZmxleGlibGUvZmxleGlibGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tbW9uL3NyYy9saWIvZmxleGlibGUvZmxleGlibGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBcUIsS0FBSyxFQUFFLFNBQVMsRUFBYyxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBWTNGLE1BQU0sT0FBTyxpQkFBaUI7SUFtRzVCLFlBQW9CLEVBQWMsRUFBVSxZQUEwQjtRQUFsRCxPQUFFLEdBQUYsRUFBRSxDQUFZO1FBQVUsaUJBQVksR0FBWixZQUFZLENBQWM7UUF2RjlELGFBQVEsR0FBRyxHQUFHLENBQUM7UUFTZixlQUFVLEdBQUcsR0FBRyxDQUFDO1FBU2pCLGNBQVMsR0FBRyxNQUFNLENBQUM7UUFTbkIsbUJBQWMsR0FBVyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBU3ZDLHFCQUFnQixHQUFXLElBQUksQ0FBQyxTQUFTLENBQUM7UUFTMUMsb0JBQWUsR0FBVyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBU3hDLGVBQVUsR0FBc0IsUUFBUSxDQUFDO1FBNkJ6QyxXQUFNLEdBQWtCLFNBQVMsQ0FBQztJQUkrQixDQUFDO0lBOUYxRSxJQUNJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDdkIsQ0FBQztJQUNELElBQUksT0FBTyxDQUFDLEtBQWE7UUFDdkIsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7SUFDeEIsQ0FBQztJQUdELElBQ0ksU0FBUztRQUNYLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUN6QixDQUFDO0lBQ0QsSUFBSSxTQUFTLENBQUMsS0FBYTtRQUN6QixJQUFJLENBQUMsVUFBVSxH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QUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7U0FDN0M7YUFBTSxJQUFJLElBQUksQ0FBQyxTQUFTLEtBQUssS0FBSyxFQUFFO1lBQ25DLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO1NBQzVDO0lBQ0gsQ0FBQzs7QUE1SE0sZ0NBQWMsR0FBRyxHQUFHLENBQUM7a0ZBRGpCLGlCQUFpQjtvRUFBakIsaUJBQWlCOzs7Ozs7O1FDWjlCLG9DQUFxRTtRQUNuRSw4QkFBMkI7UUFDekIsa0JBQXlCO1FBQzNCLGlCQUFNO1FBQ1IsaUJBQU07UUFDTiw4QkFBK0I7UUFDN0IsMkJBQUs7UUFDSiw4QkFBMkI7UUFDeEIscUJBQW9EO1FBQ3RELGlCQUFNO1FBQ1IsaUJBQU07UUFDUixpQkFBTTs7UUFYYSxrRkFBaUQ7O3VGRFl2RCxpQkFBaUI7Y0FMN0IsU0FBUztlQUFDO2dCQUNULFFBQVEsRUFBRSxjQUFjO2dCQUN4QixXQUFXLEVBQUUsMkJBQTJCO2dCQUN4QyxTQUFTLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQzthQUN6Qzt3RkFJOEMsSUFBSTtrQkFBaEQsU0FBUzttQkFBQyxjQUFjLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO1lBR3ZDLE9BQU87a0JBRFYsS0FBSztZQVVGLFNBQVM7a0JBRFosS0FBSztZQVVGLFFBQVE7a0JBRFgsS0FBSztZQVVGLGFBQWE7a0JBRGhCLEtBQUs7WUFVRixlQUFlO2tCQURsQixLQUFLO1lBVUYsY0FBYztrQkFEakIsS0FBSztZQVVGLFNBQVM7a0JBRFosS0FBSztZQVVGLEtBQUs7a0JBRFIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBPbkRlc3Ryb3ksIElucHV0LCBWaWV3Q2hpbGQsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XHJcblxyXG5pbXBvcnQgeyBNZWRpYSwgTWVkaWFTZXJ2aWNlIH0gZnJvbSAnQGlnbzIvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBGbGV4aWJsZVN0YXRlLCBGbGV4aWJsZURpcmVjdGlvbiB9IGZyb20gJy4vZmxleGlibGUudHlwZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2lnby1mbGV4aWJsZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2ZsZXhpYmxlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9mbGV4aWJsZS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGbGV4aWJsZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcclxuICBzdGF0aWMgdHJhbnNpdGlvblRpbWUgPSAyNTA7XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ2ZsZXhpYmxlTWFpbicsIHsgc3RhdGljOiB0cnVlIH0pIG1haW47XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgZ2V0IGluaXRpYWwoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiB0aGlzLl9pbml0aWFsO1xyXG4gIH1cclxuICBzZXQgaW5pdGlhbCh2YWx1ZTogc3RyaW5nKSB7XHJcbiAgICB0aGlzLl9pbml0aWFsID0gdmFsdWU7XHJcbiAgfVxyXG4gIHByaXZhdGUgX2luaXRpYWwgPSAnMCc7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgZ2V0IGNvbGxhcHNlZCgpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHRoaXMuX2NvbGxhcHNlZDtcclxuICB9XHJcbiAgc2V0IGNvbGxhcHNlZCh2YWx1ZTogc3RyaW5nKSB7XHJcbiAgICB0aGlzLl9jb2xsYXBzZWQgPSB2YWx1ZTtcclxuICB9XHJcbiAgcHJpdmF0ZSBfY29sbGFwc2VkID0gJzAnO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGdldCBleHBhbmRlZCgpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHRoaXMuX2V4cGFuZGVkO1xyXG4gIH1cclxuICBzZXQgZXhwYW5kZWQodmFsdWU6IHN0cmluZykge1xyXG4gICAgdGhpcy5fZXhwYW5kZWQgPSB2YWx1ZTtcclxuICB9XHJcbiAgcHJpdmF0ZSBfZXhwYW5kZWQgPSAnMTAwJSc7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgZ2V0IGluaXRpYWxNb2JpbGUoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiB0aGlzLl9pbml0aWFsTW9iaWxlO1xyXG4gIH1cclxuICBzZXQgaW5pdGlhbE1vYmlsZSh2YWx1ZTogc3RyaW5nKSB7XHJcbiAgICB0aGlzLl9pbml0aWFsTW9iaWxlID0gdmFsdWU7XHJcbiAgfVxyXG4gIHByaXZhdGUgX2luaXRpYWxNb2JpbGU6IHN0cmluZyA9IHRoaXMuZXhwYW5kZWQ7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgZ2V0IGNvbGxhcHNlZE1vYmlsZSgpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHRoaXMuX2NvbGxhcHNlZE1vYmlsZTtcclxuICB9XHJcbiAgc2V0IGNvbGxhcHNlZE1vYmlsZSh2YWx1ZTogc3RyaW5nKSB7XHJcbiAgICB0aGlzLl9jb2xsYXBzZWRNb2JpbGUgPSB2YWx1ZTtcclxuICB9XHJcbiAgcHJpdmF0ZSBfY29sbGFwc2VkTW9iaWxlOiBzdHJpbmcgPSB0aGlzLmNvbGxhcHNlZDtcclxuXHJcbiAgQElucHV0KClcclxuICBnZXQgZXhwYW5kZWRNb2JpbGUoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiB0aGlzLl9leHBhbmRlZE1vYmlsZTtcclxuICB9XHJcbiAgc2V0IGV4cGFuZGVkTW9iaWxlKHZhbHVlOiBzdHJpbmcpIHtcclxuICAgIHRoaXMuX2V4cGFuZGVkTW9iaWxlID0gdmFsdWU7XHJcbiAgfVxyXG4gIHByaXZhdGUgX2V4cGFuZGVkTW9iaWxlOiBzdHJpbmcgPSB0aGlzLmV4cGFuZGVkO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGdldCBkaXJlY3Rpb24oKTogRmxleGlibGVEaXJlY3Rpb24ge1xyXG4gICAgcmV0dXJuIHRoaXMuX2RpcmVjdGlvbjtcclxuICB9XHJcbiAgc2V0IGRpcmVjdGlvbih2YWx1ZTogRmxleGlibGVEaXJlY3Rpb24pIHtcclxuICAgIHRoaXMuX2RpcmVjdGlvbiA9IHZhbHVlO1xyXG4gIH1cclxuICBwcml2YXRlIF9kaXJlY3Rpb246IEZsZXhpYmxlRGlyZWN0aW9uID0gJ2NvbHVtbic7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgZ2V0IHN0YXRlKCk6IEZsZXhpYmxlU3RhdGUge1xyXG4gICAgcmV0dXJuIHRoaXMuX3N0YXRlO1xyXG4gIH1cclxuICBzZXQgc3RhdGUodmFsdWU6IEZsZXhpYmxlU3RhdGUpIHtcclxuICAgIGNvbnN0IHNpemVzID0ge1xyXG4gICAgICBpbml0aWFsOiB0aGlzLmluaXRpYWwsXHJcbiAgICAgIGNvbGxhcHNlZDogdGhpcy5jb2xsYXBzZWQsXHJcbiAgICAgIGV4cGFuZGVkOiB0aGlzLmV4cGFuZGVkXHJcbiAgICB9O1xyXG5cclxuICAgIGlmICh0aGlzLm1lZGlhU2VydmljZS5pc01vYmlsZSgpKSB7XHJcbiAgICAgIE9iamVjdC5hc3NpZ24oc2l6ZXMsIHtcclxuICAgICAgICBpbml0aWFsOiB0aGlzLmluaXRpYWxNb2JpbGUsXHJcbiAgICAgICAgY29sbGFwc2VkOiB0aGlzLmNvbGxhcHNlZE1vYmlsZSxcclxuICAgICAgICBleHBhbmRlZDogdGhpcy5leHBhbmRlZE1vYmlsZVxyXG4gICAgICB9KTtcclxuICAgIH1cclxuXHJcbiAgICBjb25zdCBzaXplID0gc2l6ZXNbdmFsdWVdO1xyXG4gICAgaWYgKHNpemUgIT09IHVuZGVmaW5lZCkge1xyXG4gICAgICB0aGlzLnNldFNpemUoc2l6ZSk7XHJcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICAgIHRoaXMuX3N0YXRlID0gdmFsdWU7XHJcbiAgICAgIH0sIEZsZXhpYmxlQ29tcG9uZW50LnRyYW5zaXRpb25UaW1lKTtcclxuICAgIH1cclxuICB9XHJcbiAgcHJpdmF0ZSBfc3RhdGU6IEZsZXhpYmxlU3RhdGUgPSAnaW5pdGlhbCc7XHJcblxyXG4gIHByaXZhdGUgbWVkaWFTZXJ2aWNlJCQ6IFN1YnNjcmlwdGlvbjtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbDogRWxlbWVudFJlZiwgcHJpdmF0ZSBtZWRpYVNlcnZpY2U6IE1lZGlhU2VydmljZSkge31cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQuY2xhc3NOYW1lICs9IHRoaXMuZGlyZWN0aW9uO1xyXG5cclxuICAgIC8vIFNpbmNlIHRoaXMgY29tcG9uZW50IHN1cHBvcnRzIGRpZmZlcmVudCBzaXplc1xyXG4gICAgLy8gb24gbW9iaWxlLCBmb3JjZSBhIHJlZHJhdyB3aGVuIHRoZSBtZWRpYSBjaGFuZ2VzXHJcbiAgICB0aGlzLm1lZGlhU2VydmljZSQkID0gdGhpcy5tZWRpYVNlcnZpY2UubWVkaWEkLnN1YnNjcmliZShcclxuICAgICAgKG1lZGlhOiBNZWRpYSkgPT4gKHRoaXMuc3RhdGUgPSB0aGlzLnN0YXRlKVxyXG4gICAgKTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCkge1xyXG4gICAgaWYgKHRoaXMubWVkaWFTZXJ2aWNlJCQpIHtcclxuICAgICAgdGhpcy5tZWRpYVNlcnZpY2UkJC51bnN1YnNjcmliZSgpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBzZXRTaXplKHNpemU6IHN0cmluZykge1xyXG4gICAgdGhpcy5fc3RhdGUgPSAndHJhbnNpdGlvbic7XHJcblxyXG4gICAgaWYgKHRoaXMuZGlyZWN0aW9uID09PSAnY29sdW1uJykge1xyXG4gICAgICB0aGlzLm1haW4ubmF0aXZlRWxlbWVudC5zdHlsZS5oZWlnaHQgPSBzaXplO1xyXG4gICAgfSBlbHNlIGlmICh0aGlzLmRpcmVjdGlvbiA9PT0gJ3JvdycpIHtcclxuICAgICAgdGhpcy5tYWluLm5hdGl2ZUVsZW1lbnQuc3R5bGUud2lkdGggPSBzaXplO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2ICNmbGV4aWJsZU1haW4gY2xhc3M9XCJpZ28tZmxleGlibGUtbWFpbiB7e3N0YXRlfX0ge3tkaXJlY3Rpb259fVwiPlxyXG4gIDxkaXYgY2xhc3M9XCJpZ28tY29udGFpbmVyXCI+XHJcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG48ZGl2IGNsYXNzPVwiaWdvLWZsZXhpYmxlLWZpbGxcIj5cclxuICA8ZGl2PlxyXG4gIFx0PGRpdiBjbGFzcz1cImlnby1jb250YWluZXJcIj5cclxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2lnb0ZsZXhpYmxlRmlsbF1cIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2015/lib/flexible/flexible.module.js

@@ -1,23 +1,24 @@
-import { NgModule } from '@angular/core';
-import { FlexibleComponent } from './flexible.component';
-import * as i0 from "@angular/core";
-export class IgoFlexibleModule {
-    static forRoot() {
-        return {
-            ngModule: IgoFlexibleModule,
-            providers: []
-        };
-    }
-}
-IgoFlexibleModule.ɵmod = i0.ɵɵdefineNgModule({ type: IgoFlexibleModule });
-IgoFlexibleModule.ɵinj = i0.ɵɵdefineInjector({ factory: function IgoFlexibleModule_Factory(t) { return new (t || IgoFlexibleModule)(); }, imports: [[]] });
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(IgoFlexibleModule, { declarations: [FlexibleComponent], exports: [FlexibleComponent] }); })();
-/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(IgoFlexibleModule, [{
-        type: NgModule,
-        args: [{
-                imports: [],
-                declarations: [FlexibleComponent],
-                exports: [FlexibleComponent]
-            }]
-    }], null, null); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxleGlibGUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6Ii9zcnYvYXBwcy9pZ28yLWxpYi9wYWNrYWdlcy9jb21tb24vc3JjLyIsInNvdXJjZXMiOlsibGliL2ZsZXhpYmxlL2ZsZXhpYmxlLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUF1QixNQUFNLGVBQWUsQ0FBQztBQUM5RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7QUFPekQsTUFBTSxPQUFPLGlCQUFpQjtJQUM1QixNQUFNLENBQUMsT0FBTztRQUNaLE9BQU87WUFDTCxRQUFRLEVBQUUsaUJBQWlCO1lBQzNCLFNBQVMsRUFBRSxFQUFFO1NBQ2QsQ0FBQztJQUNKLENBQUM7O3FEQU5VLGlCQUFpQjtpSEFBakIsaUJBQWlCLGtCQUpuQixFQUFFO3dGQUlBLGlCQUFpQixtQkFIYixpQkFBaUIsYUFDdEIsaUJBQWlCO2tEQUVoQixpQkFBaUI7Y0FMN0IsUUFBUTtlQUFDO2dCQUNSLE9BQU8sRUFBRSxFQUFFO2dCQUNYLFlBQVksRUFBRSxDQUFDLGlCQUFpQixDQUFDO2dCQUNqQyxPQUFPLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQzthQUM3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlLCBNb2R1bGVXaXRoUHJvdmlkZXJzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGbGV4aWJsZUNvbXBvbmVudCB9IGZyb20gJy4vZmxleGlibGUuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW10sXG4gIGRlY2xhcmF0aW9uczogW0ZsZXhpYmxlQ29tcG9uZW50XSxcbiAgZXhwb3J0czogW0ZsZXhpYmxlQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBJZ29GbGV4aWJsZU1vZHVsZSB7XG4gIHN0YXRpYyBmb3JSb290KCk6IE1vZHVsZVdpdGhQcm92aWRlcnM8SWdvRmxleGlibGVNb2R1bGU+IHtcbiAgICByZXR1cm4ge1xuICAgICAgbmdNb2R1bGU6IElnb0ZsZXhpYmxlTW9kdWxlLFxuICAgICAgcHJvdmlkZXJzOiBbXVxuICAgIH07XG4gIH1cbn1cbiJdfQ==
+import { NgModule } from '@angular/core';
+import { FlexibleComponent } from './flexible.component';
+import * as i0 from "@angular/core";
+export class IgoFlexibleModule {
+    static forRoot() {
+        return {
+            ngModule: IgoFlexibleModule,
+            providers: []
+        };
+    }
+}
+IgoFlexibleModule.ɵfac = function IgoFlexibleModule_Factory(t) { return new (t || IgoFlexibleModule)(); };
+IgoFlexibleModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoFlexibleModule });
+IgoFlexibleModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[]] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoFlexibleModule, [{
+        type: NgModule,
+        args: [{
+                imports: [],
+                declarations: [FlexibleComponent],
+                exports: [FlexibleComponent]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(IgoFlexibleModule, { declarations: [FlexibleComponent], exports: [FlexibleComponent] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxleGlibGUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tbW9uL3NyYy9saWIvZmxleGlibGUvZmxleGlibGUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQXVCLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDOztBQU96RCxNQUFNLE9BQU8saUJBQWlCO0lBQzVCLE1BQU0sQ0FBQyxPQUFPO1FBQ1osT0FBTztZQUNMLFFBQVEsRUFBRSxpQkFBaUI7WUFDM0IsU0FBUyxFQUFFLEVBQUU7U0FDZCxDQUFDO0lBQ0osQ0FBQzs7a0ZBTlUsaUJBQWlCO21FQUFqQixpQkFBaUI7dUVBSm5CLEVBQUU7dUZBSUEsaUJBQWlCO2NBTDdCLFFBQVE7ZUFBQztnQkFDUixPQUFPLEVBQUUsRUFBRTtnQkFDWCxZQUFZLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztnQkFDakMsT0FBTyxFQUFFLENBQUMsaUJBQWlCLENBQUM7YUFDN0I7O3dGQUNZLGlCQUFpQixtQkFIYixpQkFBaUIsYUFDdEIsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUsIE1vZHVsZVdpdGhQcm92aWRlcnMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRmxleGlibGVDb21wb25lbnQgfSBmcm9tICcuL2ZsZXhpYmxlLmNvbXBvbmVudCc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGltcG9ydHM6IFtdLFxyXG4gIGRlY2xhcmF0aW9uczogW0ZsZXhpYmxlQ29tcG9uZW50XSxcclxuICBleHBvcnRzOiBbRmxleGlibGVDb21wb25lbnRdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBJZ29GbGV4aWJsZU1vZHVsZSB7XHJcbiAgc3RhdGljIGZvclJvb3QoKTogTW9kdWxlV2l0aFByb3ZpZGVyczxJZ29GbGV4aWJsZU1vZHVsZT4ge1xyXG4gICAgcmV0dXJuIHtcclxuICAgICAgbmdNb2R1bGU6IElnb0ZsZXhpYmxlTW9kdWxlLFxyXG4gICAgICBwcm92aWRlcnM6IFtdXHJcbiAgICB9O1xyXG4gIH1cclxufVxyXG4iXX0=

package/esm2015/lib/flexible/flexible.type.js

@@ -1 +1,2 @@
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxleGlibGUudHlwZS5qcyIsInNvdXJjZVJvb3QiOiIvc3J2L2FwcHMvaWdvMi1saWIvcGFja2FnZXMvY29tbW9uL3NyYy8iLCJzb3VyY2VzIjpbImxpYi9mbGV4aWJsZS9mbGV4aWJsZS50eXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgdHlwZSBGbGV4aWJsZVN0YXRlID0gJ2luaXRpYWwnIHwgJ2NvbGxhcHNlZCcgfCAnZXhwYW5kZWQnIHwgJ3RyYW5zaXRpb24nO1xuXG5leHBvcnQgdHlwZSBGbGV4aWJsZURpcmVjdGlvbiA9ICdjb2x1bW4nIHwgJ3Jvdyc7XG4iXX0=
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxleGlibGUudHlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbW1vbi9zcmMvbGliL2ZsZXhpYmxlL2ZsZXhpYmxlLnR5cGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB0eXBlIEZsZXhpYmxlU3RhdGUgPSAnaW5pdGlhbCcgfCAnY29sbGFwc2VkJyB8ICdleHBhbmRlZCcgfCAndHJhbnNpdGlvbic7XHJcblxyXG5leHBvcnQgdHlwZSBGbGV4aWJsZURpcmVjdGlvbiA9ICdjb2x1bW4nIHwgJ3Jvdyc7XHJcbiJdfQ==

package/esm2015/lib/flexible/index.js

@@ -1,3 +1,3 @@
-export * from './flexible.type';
-export * from './flexible.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiL3Nydi9hcHBzL2lnbzItbGliL3BhY2thZ2VzL2NvbW1vbi9zcmMvIiwic291cmNlcyI6WyJsaWIvZmxleGlibGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLHNCQUFzQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9mbGV4aWJsZS50eXBlJztcbmV4cG9ydCAqIGZyb20gJy4vZmxleGlibGUuY29tcG9uZW50JztcbiJdfQ==
+export * from './flexible.type';
+export * from './flexible.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21tb24vc3JjL2xpYi9mbGV4aWJsZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsc0JBQXNCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2ZsZXhpYmxlLnR5cGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2ZsZXhpYmxlLmNvbXBvbmVudCc7XHJcbiJdfQ==