@igo2/common 1.15.4 → 16.0.0-rc.1

package/esm2022/lib/flexible/flexible.component.mjs

@@ -0,0 +1,153 @@
+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 {
+    el;
+    mediaService;
+    static transitionTime = 250;
+    main;
+    get initial() {
+        return this._initial;
+    }
+    set initial(value) {
+        this._initial = value;
+    }
+    _initial = '0';
+    get collapsed() {
+        return this._collapsed;
+    }
+    set collapsed(value) {
+        this._collapsed = value;
+    }
+    _collapsed = '0';
+    get expanded() {
+        return this._expanded;
+    }
+    set expanded(value) {
+        this._expanded = value;
+    }
+    _expanded = '100%';
+    get initialMobile() {
+        return this._initialMobile;
+    }
+    set initialMobile(value) {
+        this._initialMobile = value;
+    }
+    _initialMobile = this.expanded;
+    get collapsedMobile() {
+        return this._collapsedMobile;
+    }
+    set collapsedMobile(value) {
+        this._collapsedMobile = value;
+    }
+    _collapsedMobile = this.collapsed;
+    get expandedMobile() {
+        return this._expandedMobile;
+    }
+    set expandedMobile(value) {
+        this._expandedMobile = value;
+    }
+    _expandedMobile = this.expanded;
+    get direction() {
+        return this._direction;
+    }
+    set direction(value) {
+        this._direction = value;
+    }
+    _direction = 'column';
+    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);
+        }
+    }
+    _state = 'initial';
+    mediaService$$;
+    constructor(el, mediaService) {
+        this.el = el;
+        this.mediaService = mediaService;
+    }
+    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;
+        }
+    }
+    static ɵfac = function FlexibleComponent_Factory(t) { return new (t || FlexibleComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.MediaService)); };
+    static ɵ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)(2, "div", 1);
+            i0.ɵɵprojection(3);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(4, "div", 2)(5, "div")(6, "div", 1);
+            i0.ɵɵprojection(7, 1);
+            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}[_nghost-%COMP%]   .igo-flexible-main[_ngcontent-%COMP%]{flex:0 0 auto;overflow:hidden}[_nghost-%COMP%]   .igo-flexible-main.column[_ngcontent-%COMP%]{transition:height .25s ease-in}[_nghost-%COMP%]   .igo-flexible-main.row[_ngcontent-%COMP%]{transition:width .25s ease-in}[_nghost-%COMP%]   .igo-flexible-fill[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{position:absolute;inset:0}[_nghost-%COMP%]   .igo-container[_ngcontent-%COMP%]{height:100%;overflow:hidden;position:relative}[_nghost-%COMP%]     .igo-flexible-fill{flex:1 1 auto;overflow:hidden;position:relative}[_nghost-%COMP%]     .igo-content{height:100%;width:100%;overflow:auto}[_nghost-%COMP%]     igo-panel{height:100%}"] });
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FlexibleComponent, [{
+        type: Component,
+        args: [{ selector: 'igo-flexible', template: "<div #flexibleMain class=\"igo-flexible-main {{ state }} {{ direction }}\">\n  <div class=\"igo-container\">\n    <ng-content></ng-content>\n  </div>\n</div>\n<div class=\"igo-flexible-fill\">\n  <div>\n    <div class=\"igo-container\">\n      <ng-content select=\"[igoFlexibleFill]\"></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:flex;height:100%;width:100%}:host.column{flex-direction:column}:host.row{flex-direction:row}:host .igo-flexible-main{flex:0 0 auto;overflow:hidden}:host .igo-flexible-main.column{transition:height .25s ease-in}:host .igo-flexible-main.row{transition:width .25s ease-in}:host .igo-flexible-fill>div{position:absolute;inset:0}:host .igo-container{height:100%;overflow:hidden;position:relative}:host ::ng-deep .igo-flexible-fill{flex:1 1 auto;overflow:hidden;position:relative}:host ::ng-deep .igo-content{height:100%;width:100%;overflow:auto}:host ::ng-deep igo-panel{height:100%}\n"] }]
+    }], 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxleGlibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tbW9uL3NyYy9saWIvZmxleGlibGUvZmxleGlibGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tbW9uL3NyYy9saWIvZmxleGlibGUvZmxleGlibGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFHVCxLQUFLLEVBQ0wsU0FBUyxFQUNULFVBQVUsRUFDWCxNQUFNLGVBQWUsQ0FBQztBQUd2QixPQUFPLEVBQVMsWUFBWSxFQUFFLE1BQU0sWUFBWSxDQUFDOzs7Ozs7QUFTakQsTUFBTSxPQUFPLGlCQUFpQjtJQW9HbEI7SUFDQTtJQXBHVixNQUFNLENBQUMsY0FBYyxHQUFHLEdBQUcsQ0FBQztJQUVpQixJQUFJLENBQUM7SUFFbEQsSUFDSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3ZCLENBQUM7SUFDRCxJQUFJLE9BQU8sQ0FBQyxLQUFhO1FBQ3ZCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ3hCLENBQUM7SUFDTyxRQUFRLEdBQUcsR0FBRyxDQUFDO0lBRXZCLElBQ0ksU0FBUztRQUNYLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUN6QixDQUFDO0lBQ0QsSUFBSSxTQUFTLENBQUMsS0FBYTtRQUN6QixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztJQUMxQixDQUFDO0lBQ08sVUFBVSxHQUFHLEdBQUcsQ0FBQztJQUV6QixJQUNJLFFBQVE7UUFDVixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDeEIsQ0FBQztJQUNELElBQUksUUFBUSxDQUFDLEtBQWE7UUFDeEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7SUFDekIsQ0FBQztJQUNPLFNBQVMsR0FBRyxNQUFN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QU8sQ0FBQyxJQUFZO1FBQzFCLElBQUksQ0FBQyxNQUFNLEdBQUcsWUFBWSxDQUFDO1FBRTNCLElBQUksSUFBSSxDQUFDLFNBQVMsS0FBSyxRQUFRLEVBQUU7WUFDL0IsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7U0FDN0M7YUFBTSxJQUFJLElBQUksQ0FBQyxTQUFTLEtBQUssS0FBSyxFQUFFO1lBQ25DLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO1NBQzVDO0lBQ0gsQ0FBQzsyRUFoSVUsaUJBQWlCOzZEQUFqQixpQkFBaUI7Ozs7Ozs7WUNuQjlCLG9DQUF5RSxhQUFBO1lBRXJFLGtCQUF5QjtZQUMzQixpQkFBTSxFQUFBO1lBRVIsOEJBQStCLFVBQUEsYUFBQTtZQUd6QixxQkFBb0Q7WUFDdEQsaUJBQU0sRUFBQSxFQUFBOztZQVRTLGtGQUFxRDs7O3VGRG1CM0QsaUJBQWlCO2NBTDdCLFNBQVM7MkJBQ0UsY0FBYzt3RkFPcUIsSUFBSTtrQkFBaEQsU0FBUzttQkFBQyxjQUFjLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO1lBR3ZDLE9BQU87a0JBRFYsS0FBSztZQVVGLFNBQVM7a0JBRFosS0FBSztZQVVGLFFBQVE7a0JBRFgsS0FBSztZQVVGLGFBQWE7a0JBRGhCLEtBQUs7WUFVRixlQUFlO2tCQURsQixLQUFLO1lBVUYsY0FBYztrQkFEakIsS0FBSztZQVVGLFNBQVM7a0JBRFosS0FBSztZQVVGLEtBQUs7a0JBRFIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgT25Jbml0LFxuICBPbkRlc3Ryb3ksXG4gIElucHV0LFxuICBWaWV3Q2hpbGQsXG4gIEVsZW1lbnRSZWZcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgTWVkaWEsIE1lZGlhU2VydmljZSB9IGZyb20gJ0BpZ28yL2NvcmUnO1xuXG5pbXBvcnQgeyBGbGV4aWJsZVN0YXRlLCBGbGV4aWJsZURpcmVjdGlvbiB9IGZyb20gJy4vZmxleGlibGUudHlwZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2lnby1mbGV4aWJsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9mbGV4aWJsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ZsZXhpYmxlLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRmxleGlibGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIHN0YXRpYyB0cmFuc2l0aW9uVGltZSA9IDI1MDtcblxuICBAVmlld0NoaWxkKCdmbGV4aWJsZU1haW4nLCB7IHN0YXRpYzogdHJ1ZSB9KSBtYWluO1xuXG4gIEBJbnB1dCgpXG4gIGdldCBpbml0aWFsKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuX2luaXRpYWw7XG4gIH1cbiAgc2V0IGluaXRpYWwodmFsdWU6IHN0cmluZykge1xuICAgIHRoaXMuX2luaXRpYWwgPSB2YWx1ZTtcbiAgfVxuICBwcml2YXRlIF9pbml0aWFsID0gJzAnO1xuXG4gIEBJbnB1dCgpXG4gIGdldCBjb2xsYXBzZWQoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5fY29sbGFwc2VkO1xuICB9XG4gIHNldCBjb2xsYXBzZWQodmFsdWU6IHN0cmluZykge1xuICAgIHRoaXMuX2NvbGxhcHNlZCA9IHZhbHVlO1xuICB9XG4gIHByaXZhdGUgX2NvbGxhcHNlZCA9ICcwJztcblxuICBASW5wdXQoKVxuICBnZXQgZXhwYW5kZWQoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5fZXhwYW5kZWQ7XG4gIH1cbiAgc2V0IGV4cGFuZGVkKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLl9leHBhbmRlZCA9IHZhbHVlO1xuICB9XG4gIHByaXZhdGUgX2V4cGFuZGVkID0gJzEwMCUnO1xuXG4gIEBJbnB1dCgpXG4gIGdldCBpbml0aWFsTW9iaWxlKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuX2luaXRpYWxNb2JpbGU7XG4gIH1cbiAgc2V0IGluaXRpYWxNb2JpbGUodmFsdWU6IHN0cmluZykge1xuICAgIHRoaXMuX2luaXRpYWxNb2JpbGUgPSB2YWx1ZTtcbiAgfVxuICBwcml2YXRlIF9pbml0aWFsTW9iaWxlOiBzdHJpbmcgPSB0aGlzLmV4cGFuZGVkO1xuXG4gIEBJbnB1dCgpXG4gIGdldCBjb2xsYXBzZWRNb2JpbGUoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5fY29sbGFwc2VkTW9iaWxlO1xuICB9XG4gIHNldCBjb2xsYXBzZWRNb2JpbGUodmFsdWU6IHN0cmluZykge1xuICAgIHRoaXMuX2NvbGxhcHNlZE1vYmlsZSA9IHZhbHVlO1xuICB9XG4gIHByaXZhdGUgX2NvbGxhcHNlZE1vYmlsZTogc3RyaW5nID0gdGhpcy5jb2xsYXBzZWQ7XG5cbiAgQElucHV0KClcbiAgZ2V0IGV4cGFuZGVkTW9iaWxlKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuX2V4cGFuZGVkTW9iaWxlO1xuICB9XG4gIHNldCBleHBhbmRlZE1vYmlsZSh2YWx1ZTogc3RyaW5nKSB7XG4gICAgdGhpcy5fZXhwYW5kZWRNb2JpbGUgPSB2YWx1ZTtcbiAgfVxuICBwcml2YXRlIF9leHBhbmRlZE1vYmlsZTogc3RyaW5nID0gdGhpcy5leHBhbmRlZDtcblxuICBASW5wdXQoKVxuICBnZXQgZGlyZWN0aW9uKCk6IEZsZXhpYmxlRGlyZWN0aW9uIHtcbiAgICByZXR1cm4gdGhpcy5fZGlyZWN0aW9uO1xuICB9XG4gIHNldCBkaXJlY3Rpb24odmFsdWU6IEZsZXhpYmxlRGlyZWN0aW9uKSB7XG4gICAgdGhpcy5fZGlyZWN0aW9uID0gdmFsdWU7XG4gIH1cbiAgcHJpdmF0ZSBfZGlyZWN0aW9uOiBGbGV4aWJsZURpcmVjdGlvbiA9ICdjb2x1bW4nO1xuXG4gIEBJbnB1dCgpXG4gIGdldCBzdGF0ZSgpOiBGbGV4aWJsZVN0YXRlIHtcbiAgICByZXR1cm4gdGhpcy5fc3RhdGU7XG4gIH1cbiAgc2V0IHN0YXRlKHZhbHVlOiBGbGV4aWJsZVN0YXRlKSB7XG4gICAgY29uc3Qgc2l6ZXMgPSB7XG4gICAgICBpbml0aWFsOiB0aGlzLmluaXRpYWwsXG4gICAgICBjb2xsYXBzZWQ6IHRoaXMuY29sbGFwc2VkLFxuICAgICAgZXhwYW5kZWQ6IHRoaXMuZXhwYW5kZWRcbiAgICB9O1xuXG4gICAgaWYgKHRoaXMubWVkaWFTZXJ2aWNlLmlzTW9iaWxlKCkpIHtcbiAgICAgIE9iamVjdC5hc3NpZ24oc2l6ZXMsIHtcbiAgICAgICAgaW5pdGlhbDogdGhpcy5pbml0aWFsTW9iaWxlLFxuICAgICAgICBjb2xsYXBzZWQ6IHRoaXMuY29sbGFwc2VkTW9iaWxlLFxuICAgICAgICBleHBhbmRlZDogdGhpcy5leHBhbmRlZE1vYmlsZVxuICAgICAgfSk7XG4gICAgfVxuXG4gICAgY29uc3Qgc2l6ZSA9IHNpemVzW3ZhbHVlXTtcbiAgICBpZiAoc2l6ZSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICB0aGlzLnNldFNpemUoc2l6ZSk7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgdGhpcy5fc3RhdGUgPSB2YWx1ZTtcbiAgICAgIH0sIEZsZXhpYmxlQ29tcG9uZW50LnRyYW5zaXRpb25UaW1lKTtcbiAgICB9XG4gIH1cbiAgcHJpdmF0ZSBfc3RhdGU6IEZsZXhpYmxlU3RhdGUgPSAnaW5pdGlhbCc7XG5cbiAgcHJpdmF0ZSBtZWRpYVNlcnZpY2UkJDogU3Vic2NyaXB0aW9uO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZWw6IEVsZW1lbnRSZWYsXG4gICAgcHJpdmF0ZSBtZWRpYVNlcnZpY2U6IE1lZGlhU2VydmljZVxuICApIHt9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5lbC5uYXRpdmVFbGVtZW50LmNsYXNzTmFtZSArPSB0aGlzLmRpcmVjdGlvbjtcblxuICAgIC8vIFNpbmNlIHRoaXMgY29tcG9uZW50IHN1cHBvcnRzIGRpZmZlcmVudCBzaXplc1xuICAgIC8vIG9uIG1vYmlsZSwgZm9yY2UgYSByZWRyYXcgd2hlbiB0aGUgbWVkaWEgY2hhbmdlc1xuICAgIHRoaXMubWVkaWFTZXJ2aWNlJCQgPSB0aGlzLm1lZGlhU2VydmljZS5tZWRpYSQuc3Vic2NyaWJlKFxuICAgICAgKG1lZGlhOiBNZWRpYSkgPT4gKHRoaXMuc3RhdGUgPSB0aGlzLnN0YXRlKVxuICAgICk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICBpZiAodGhpcy5tZWRpYVNlcnZpY2UkJCkge1xuICAgICAgdGhpcy5tZWRpYVNlcnZpY2UkJC51bnN1YnNjcmliZSgpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgc2V0U2l6ZShzaXplOiBzdHJpbmcpIHtcbiAgICB0aGlzLl9zdGF0ZSA9ICd0cmFuc2l0aW9uJztcblxuICAgIGlmICh0aGlzLmRpcmVjdGlvbiA9PT0gJ2NvbHVtbicpIHtcbiAgICAgIHRoaXMubWFpbi5uYXRpdmVFbGVtZW50LnN0eWxlLmhlaWdodCA9IHNpemU7XG4gICAgfSBlbHNlIGlmICh0aGlzLmRpcmVjdGlvbiA9PT0gJ3JvdycpIHtcbiAgICAgIHRoaXMubWFpbi5uYXRpdmVFbGVtZW50LnN0eWxlLndpZHRoID0gc2l6ZTtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgI2ZsZXhpYmxlTWFpbiBjbGFzcz1cImlnby1mbGV4aWJsZS1tYWluIHt7IHN0YXRlIH19IHt7IGRpcmVjdGlvbiB9fVwiPlxuICA8ZGl2IGNsYXNzPVwiaWdvLWNvbnRhaW5lclwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5cbjxkaXYgY2xhc3M9XCJpZ28tZmxleGlibGUtZmlsbFwiPlxuICA8ZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJpZ28tY29udGFpbmVyXCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbaWdvRmxleGlibGVGaWxsXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/{esm2020 → esm2022}/lib/flexible/flexible.module.mjs

@@ -1,24 +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.ɵfac = function IgoFlexibleModule_Factory(t) { return new (t || IgoFlexibleModule)(); };
-IgoFlexibleModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoFlexibleModule });
-IgoFlexibleModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({});
-(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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxleGlibGUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tbW9uL3NyYy9saWIvZmxleGlibGUvZmxleGlibGUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQXVCLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDOztBQU96RCxNQUFNLE9BQU8saUJBQWlCO0lBQzVCLE1BQU0sQ0FBQyxPQUFPO1FBQ1osT0FBTztZQUNMLFFBQVEsRUFBRSxpQkFBaUI7WUFDM0IsU0FBUyxFQUFFLEVBQUU7U0FDZCxDQUFDO0lBQ0osQ0FBQzs7a0ZBTlUsaUJBQWlCO21FQUFqQixpQkFBaUI7O3VGQUFqQixpQkFBaUI7Y0FMN0IsUUFBUTtlQUFDO2dCQUNSLE9BQU8sRUFBRSxFQUFFO2dCQUNYLFlBQVksRUFBRSxDQUFDLGlCQUFpQixDQUFDO2dCQUNqQyxPQUFPLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQzthQUM3Qjs7d0ZBQ1ksaUJBQWlCLG1CQUhiLGlCQUFpQixhQUN0QixpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSwgTW9kdWxlV2l0aFByb3ZpZGVycyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGbGV4aWJsZUNvbXBvbmVudCB9IGZyb20gJy4vZmxleGlibGUuY29tcG9uZW50JztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgaW1wb3J0czogW10sXHJcbiAgZGVjbGFyYXRpb25zOiBbRmxleGlibGVDb21wb25lbnRdLFxyXG4gIGV4cG9ydHM6IFtGbGV4aWJsZUNvbXBvbmVudF1cclxufSlcclxuZXhwb3J0IGNsYXNzIElnb0ZsZXhpYmxlTW9kdWxlIHtcclxuICBzdGF0aWMgZm9yUm9vdCgpOiBNb2R1bGVXaXRoUHJvdmlkZXJzPElnb0ZsZXhpYmxlTW9kdWxlPiB7XHJcbiAgICByZXR1cm4ge1xyXG4gICAgICBuZ01vZHVsZTogSWdvRmxleGlibGVNb2R1bGUsXHJcbiAgICAgIHByb3ZpZGVyczogW11cclxuICAgIH07XHJcbiAgfVxyXG59XHJcbiJdfQ==
+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: []
+        };
+    }
+    static ɵfac = function IgoFlexibleModule_Factory(t) { return new (t || IgoFlexibleModule)(); };
+    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoFlexibleModule });
+    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({});
+}
+(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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxleGlibGUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tbW9uL3NyYy9saWIvZmxleGlibGUvZmxleGlibGUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQXVCLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDOztBQU96RCxNQUFNLE9BQU8saUJBQWlCO0lBQzVCLE1BQU0sQ0FBQyxPQUFPO1FBQ1osT0FBTztZQUNMLFFBQVEsRUFBRSxpQkFBaUI7WUFDM0IsU0FBUyxFQUFFLEVBQUU7U0FDZCxDQUFDO0lBQ0osQ0FBQzsyRUFOVSxpQkFBaUI7NERBQWpCLGlCQUFpQjs7O3VGQUFqQixpQkFBaUI7Y0FMN0IsUUFBUTtlQUFDO2dCQUNSLE9BQU8sRUFBRSxFQUFFO2dCQUNYLFlBQVksRUFBRSxDQUFDLGlCQUFpQixDQUFDO2dCQUNqQyxPQUFPLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQzthQUM3Qjs7d0ZBQ1ksaUJBQWlCLG1CQUhiLGlCQUFpQixhQUN0QixpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSwgTW9kdWxlV2l0aFByb3ZpZGVycyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmxleGlibGVDb21wb25lbnQgfSBmcm9tICcuL2ZsZXhpYmxlLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtdLFxuICBkZWNsYXJhdGlvbnM6IFtGbGV4aWJsZUNvbXBvbmVudF0sXG4gIGV4cG9ydHM6IFtGbGV4aWJsZUNvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgSWdvRmxleGlibGVNb2R1bGUge1xuICBzdGF0aWMgZm9yUm9vdCgpOiBNb2R1bGVXaXRoUHJvdmlkZXJzPElnb0ZsZXhpYmxlTW9kdWxlPiB7XG4gICAgcmV0dXJuIHtcbiAgICAgIG5nTW9kdWxlOiBJZ29GbGV4aWJsZU1vZHVsZSxcbiAgICAgIHByb3ZpZGVyczogW11cbiAgICB9O1xuICB9XG59XG4iXX0=

package/{esm2020 → esm2022}/lib/flexible/flexible.type.mjs

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

package/{esm2020 → esm2022}/lib/flexible/index.mjs

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

package/esm2022/lib/form/form/form.component.mjs

@@ -0,0 +1,125 @@
+import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy, ViewChild, ElementRef } from '@angular/core';
+import { t } from 'typy';
+import { getAllFormFields } from '../shared/form.utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+const _c0 = ["buttons"];
+const _c1 = ["*", [["", "formButtons", ""]]];
+const _c2 = function (a0) { return { "igo-form-body-with-buttons": a0 }; };
+const _c3 = ["*", "[formButtons]"];
+/**
+ * A configurable form
+ */
+export class FormComponent {
+    /**
+     * Form
+     */
+    form;
+    /**
+     * Input data
+     */
+    formData;
+    /**
+     * Form autocomplete
+     */
+    autocomplete = 'off';
+    /**
+     * Event emitted when the form is submitted
+     */
+    submitForm = new EventEmitter();
+    buttons;
+    get hasButtons() {
+        return this.buttons.nativeElement.children.length !== 0;
+    }
+    constructor() { }
+    /**
+     * Is the entity or the template change, recreate the form or repopulate it.
+     * @internal
+     */
+    ngOnChanges(changes) {
+        const formData = changes.formData;
+        if (formData && formData.currentValue !== formData.previousValue) {
+            if (formData.currentValue === undefined) {
+                this.clear();
+            }
+            else {
+                this.setData(formData.currentValue);
+            }
+        }
+    }
+    /**
+     * Transform the form data to a feature and emit an event
+     * @param event Form submit event
+     * @internal
+     */
+    onSubmit() {
+        this.submitForm.emit(this.getData());
+    }
+    getData() {
+        const data = {};
+        getAllFormFields(this.form).forEach((field) => {
+            this.updateDataWithFormField(data, field);
+        });
+        return data;
+    }
+    setData(data) {
+        this.form.fields.forEach((field) => {
+            field.control.setValue(t(data, field.name).safeObject);
+        });
+        this.form.groups.forEach((group) => {
+            group.fields.forEach((field) => {
+                field.control.setValue(t(data, field.name).safeObject);
+            });
+        });
+    }
+    updateDataWithFormField(data, field) {
+        const control = field.control;
+        if (!control.disabled) {
+            data[field.name] = control.value;
+        }
+    }
+    /**
+     * Clear form
+     */
+    clear() {
+        this.form.control.reset();
+    }
+    static ɵfac = function FormComponent_Factory(t) { return new (t || FormComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormComponent, selectors: [["igo-form"]], viewQuery: function FormComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 7);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.buttons = _t.first);
+        } }, inputs: { form: "form", formData: "formData", autocomplete: "autocomplete" }, outputs: { submitForm: "submitForm" }, features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c3, decls: 7, vars: 5, consts: [[3, "autocomplete", "formGroup", "ngSubmit"], [1, "igo-form-body", 3, "ngClass"], [1, "igo-form-content"], [1, "igo-form-buttons"], ["buttons", ""]], template: function FormComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c1);
+            i0.ɵɵelementStart(0, "form", 0);
+            i0.ɵɵlistener("ngSubmit", function FormComponent_Template_form_ngSubmit_0_listener() { return ctx.onSubmit(); });
+            i0.ɵɵelementStart(1, "div", 1)(2, "div", 2);
+            i0.ɵɵprojection(3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "div", 3, 4);
+            i0.ɵɵprojection(6, 1);
+            i0.ɵɵelementEnd()()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("autocomplete", ctx.autocomplete)("formGroup", ctx.form.control);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c2, ctx.hasButtons));
+        } }, dependencies: [i1.NgClass, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.FormGroupDirective], styles: ["[_nghost-%COMP%]{display:block}form[_ngcontent-%COMP%]{width:100%;height:100%}.igo-form-body[_ngcontent-%COMP%], .igo-form-content[_ngcontent-%COMP%]{height:100%}.igo-form-body-with-buttons[_ngcontent-%COMP%]   .igo-form-content[_ngcontent-%COMP%]{height:calc(100% - 56px)}.igo-form-content[_ngcontent-%COMP%]{display:flex}"], changeDetection: 0 });
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormComponent, [{
+        type: Component,
+        args: [{ selector: 'igo-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n  [autocomplete]=\"autocomplete\"\n  [formGroup]=\"form.control\"\n  (ngSubmit)=\"onSubmit()\"\n>\n  <div\n    class=\"igo-form-body\"\n    [ngClass]=\"{ 'igo-form-body-with-buttons': hasButtons }\"\n  >\n    <div class=\"igo-form-content\">\n      <ng-content></ng-content>\n    </div>\n    <div #buttons class=\"igo-form-buttons\">\n      <ng-content select=\"[formButtons]\"></ng-content>\n    </div>\n  </div>\n</form>\n", styles: [":host{display:block}form{width:100%;height:100%}.igo-form-body,.igo-form-content{height:100%}.igo-form-body-with-buttons .igo-form-content{height:calc(100% - 56px)}.igo-form-content{display:flex}\n"] }]
+    }], function () { return []; }, { form: [{
+            type: Input
+        }], formData: [{
+            type: Input
+        }], autocomplete: [{
+            type: Input
+        }], submitForm: [{
+            type: Output
+        }], buttons: [{
+            type: ViewChild,
+            args: ['buttons', { static: true }]
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21tb24vc3JjL2xpYi9mb3JtL2Zvcm0vZm9ybS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21tb24vc3JjL2xpYi9mb3JtL2Zvcm0vZm9ybS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFDTCxNQUFNLEVBQ04sWUFBWSxFQUdaLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNYLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxDQUFDLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFHekIsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7Ozs7Ozs7O0FBRXhEOztHQUVHO0FBT0gsTUFBTSxPQUFPLGFBQWE7SUFDeEI7O09BRUc7SUFDTSxJQUFJLENBQU87SUFFcEI7O09BRUc7SUFDTSxRQUFRLENBQXlCO0lBRTFDOztPQUVHO0lBQ00sWUFBWSxHQUFXLEtBQUssQ0FBQztJQUV0Qzs7T0FFRztJQUNPLFVBQVUsR0FBRyxJQUFJLFlBQVksRUFBMEIsQ0FBQztJQUUxQixPQUFPLENBQWE7SUFFNUQsSUFBSSxVQUFVO1FBQ1osT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsTUFBTSxLQUFLLENBQUMsQ0FBQztJQUMxRCxDQUFDO0lBRUQsZ0JBQWUsQ0FBQztJQUVoQjs7O09BR0c7SUFDSCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsTUFBTSxRQUFRLEdBQUcsT0FBTyxDQUFDLFFBQVEsQ0FBQztRQUNsQyxJQUFJLFFBQVEsSUFBSSxRQUFRLENBQUMsWUFBWSxLQUFLLFFBQVEsQ0FBQyxhQUFhLEVBQUU7WUFDaEUsSUFBSSxRQUFRLENBQUMsWUFBWSxLQUFLLFNBQVMsRUFBRTtnQkFDdkMsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO2FBQ2Q7aUJBQU07Z0JBQ0wsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsWUFBWSxDQUFDLENBQUM7YUFDckM7U0FDRjtJQUNILENBQUM7SUFFRDs7OztPQUlHO0lBQ0gsUUFBUTtRQUNOLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxPQUFPO1FBQ0wsTUFBTSxJQUFJLEdBQUcsRUFBRSxDQUFDO1FBQ2hCLGdCQUFnQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxLQUFnQixFQUFFLEVBQUU7WUFDdkQsSUFBSSxDQUFDLHVCQUF1QixDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsQ0FBQztRQUM1QyxDQUFDLENBQUMsQ0FBQztRQUNILE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQztJQUVPLE9BQU8sQ0FBQyxJQUE0QjtRQUMxQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQyxLQUFnQixFQUFFLEVBQUU7WUFDNUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDekQsQ0FBQyxDQUFDLENBQUM7UUFFSCxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQyxLQUFxQixFQUFFLEVBQUU7WUFDakQsS0FBSyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQyxLQUFnQixFQUFFLEVBQUU7Z0JBQ3hDLEtBQUssQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLEVBQUUsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDO1lBQ3pELENBQUMsQ0FBQyxDQUFDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRU8sdUJBQXVCLENBQzdCLElBQTRCLEVBQzVCLEtBQWdCO1FBRWhCLE1BQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUM7UUFDOUIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLEVBQUU7WUFDckIsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsR0FBRyxPQUFPLENBQUMsS0FBSyxDQUFDO1NBQ2xDO0lBQ0gsQ0FBQztJQUVEOztPQUVHO0lBQ0ssS0FBSztRQUNYLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQzVCLENBQUM7dUVBeEZVLGFBQWE7NkRBQWIsYUFBYTs7Ozs7OztZQzFCMUIsK0JBSUM7WUFEQyw4RkFBWSxjQUFVLElBQUM7WUFFdkIsOEJBR0MsYUFBQTtZQUVHLGtCQUF5QjtZQUMzQixpQkFBTTtZQUNOLGlDQUF1QztZQUNyQyxxQkFBZ0Q7WUFDbEQsaUJBQU0sRUFBQSxFQUFBOztZQWJSLCtDQUE2QiwrQkFBQTtZQU0zQixlQUF3RDtZQUF4RCxvRUFBd0Q7Ozt1RkRtQi9DLGFBQWE7Y0FOekIsU0FBUzsyQkFDRSxVQUFVLG1CQUdILHVCQUF1QixDQUFDLE1BQU07c0NBTXRDLElBQUk7a0JBQVosS0FBSztZQUtHLFFBQVE7a0JBQWhCLEtBQUs7WUFLRyxZQUFZO2tCQUFwQixLQUFLO1lBS0ksVUFBVTtrQkFBbkIsTUFBTTtZQUVpQyxPQUFPO2tCQUE5QyxTQUFTO21CQUFDLFNBQVMsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgT25DaGFuZ2VzLFxuICBTaW1wbGVDaGFuZ2VzLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgVmlld0NoaWxkLFxuICBFbGVtZW50UmVmXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyB0IH0gZnJvbSAndHlweSc7XG5cbmltcG9ydCB7IEZvcm0sIEZvcm1GaWVsZCwgRm9ybUZpZWxkR3JvdXAgfSBmcm9tICcuLi9zaGFyZWQvZm9ybS5pbnRlcmZhY2VzJztcbmltcG9ydCB7IGdldEFsbEZvcm1GaWVsZHMgfSBmcm9tICcuLi9zaGFyZWQvZm9ybS51dGlscyc7XG5cbi8qKlxuICogQSBjb25maWd1cmFibGUgZm9ybVxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpZ28tZm9ybScsXG4gIHRlbXBsYXRlVXJsOiAnLi9mb3JtLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZm9ybS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBGb3JtQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgLyoqXG4gICAqIEZvcm1cbiAgICovXG4gIEBJbnB1dCgpIGZvcm06IEZvcm07XG5cbiAgLyoqXG4gICAqIElucHV0IGRhdGFcbiAgICovXG4gIEBJbnB1dCgpIGZvcm1EYXRhOiB7IFtrZXk6IHN0cmluZ106IGFueSB9O1xuXG4gIC8qKlxuICAgKiBGb3JtIGF1dG9jb21wbGV0ZVxuICAgKi9cbiAgQElucHV0KCkgYXV0b2NvbXBsZXRlOiBzdHJpbmcgPSAnb2ZmJztcblxuICAvKipcbiAgICogRXZlbnQgZW1pdHRlZCB3aGVuIHRoZSBmb3JtIGlzIHN1Ym1pdHRlZFxuICAgKi9cbiAgQE91dHB1dCgpIHN1Ym1pdEZvcm0gPSBuZXcgRXZlbnRFbWl0dGVyPHsgW2tleTogc3RyaW5nXTogYW55IH0+KCk7XG5cbiAgQFZpZXdDaGlsZCgnYnV0dG9ucycsIHsgc3RhdGljOiB0cnVlIH0pIGJ1dHRvbnM6IEVsZW1lbnRSZWY7XG5cbiAgZ2V0IGhhc0J1dHRvbnMoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuYnV0dG9ucy5uYXRpdmVFbGVtZW50LmNoaWxkcmVuLmxlbmd0aCAhPT0gMDtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICAvKipcbiAgICogSXMgdGhlIGVudGl0eSBvciB0aGUgdGVtcGxhdGUgY2hhbmdlLCByZWNyZWF0ZSB0aGUgZm9ybSBvciByZXBvcHVsYXRlIGl0LlxuICAgKiBAaW50ZXJuYWxcbiAgICovXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICBjb25zdCBmb3JtRGF0YSA9IGNoYW5nZXMuZm9ybURhdGE7XG4gICAgaWYgKGZvcm1EYXRhICYmIGZvcm1EYXRhLmN1cnJlbnRWYWx1ZSAhPT0gZm9ybURhdGEucHJldmlvdXNWYWx1ZSkge1xuICAgICAgaWYgKGZvcm1EYXRhLmN1cnJlbnRWYWx1ZSA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIHRoaXMuY2xlYXIoKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMuc2V0RGF0YShmb3JtRGF0YS5jdXJyZW50VmFsdWUpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBUcmFuc2Zvcm0gdGhlIGZvcm0gZGF0YSB0byBhIGZlYXR1cmUgYW5kIGVtaXQgYW4gZXZlbnRcbiAgICogQHBhcmFtIGV2ZW50IEZvcm0gc3VibWl0IGV2ZW50XG4gICAqIEBpbnRlcm5hbFxuICAgKi9cbiAgb25TdWJtaXQoKSB7XG4gICAgdGhpcy5zdWJtaXRGb3JtLmVtaXQodGhpcy5nZXREYXRhKCkpO1xuICB9XG5cbiAgZ2V0RGF0YSgpOiB7IFtrZXk6IHN0cmluZ106IGFueSB9IHtcbiAgICBjb25zdCBkYXRhID0ge307XG4gICAgZ2V0QWxsRm9ybUZpZWxkcyh0aGlzLmZvcm0pLmZvckVhY2goKGZpZWxkOiBGb3JtRmllbGQpID0+IHtcbiAgICAgIHRoaXMudXBkYXRlRGF0YVdpdGhGb3JtRmllbGQoZGF0YSwgZmllbGQpO1xuICAgIH0pO1xuICAgIHJldHVybiBkYXRhO1xuICB9XG5cbiAgcHJpdmF0ZSBzZXREYXRhKGRhdGE6IHsgW2tleTogc3RyaW5nXTogYW55IH0pIHtcbiAgICB0aGlzLmZvcm0uZmllbGRzLmZvckVhY2goKGZpZWxkOiBGb3JtRmllbGQpID0+IHtcbiAgICAgIGZpZWxkLmNvbnRyb2wuc2V0VmFsdWUodChkYXRhLCBmaWVsZC5uYW1lKS5zYWZlT2JqZWN0KTtcbiAgICB9KTtcblxuICAgIHRoaXMuZm9ybS5ncm91cHMuZm9yRWFjaCgoZ3JvdXA6IEZvcm1GaWVsZEdyb3VwKSA9PiB7XG4gICAgICBncm91cC5maWVsZHMuZm9yRWFjaCgoZmllbGQ6IEZvcm1GaWVsZCkgPT4ge1xuICAgICAgICBmaWVsZC5jb250cm9sLnNldFZhbHVlKHQoZGF0YSwgZmllbGQubmFtZSkuc2FmZU9iamVjdCk7XG4gICAgICB9KTtcbiAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgdXBkYXRlRGF0YVdpdGhGb3JtRmllbGQoXG4gICAgZGF0YTogeyBba2V5OiBzdHJpbmddOiBhbnkgfSxcbiAgICBmaWVsZDogRm9ybUZpZWxkXG4gICkge1xuICAgIGNvbnN0IGNvbnRyb2wgPSBmaWVsZC5jb250cm9sO1xuICAgIGlmICghY29udHJvbC5kaXNhYmxlZCkge1xuICAgICAgZGF0YVtmaWVsZC5uYW1lXSA9IGNvbnRyb2wudmFsdWU7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIENsZWFyIGZvcm1cbiAgICovXG4gIHByaXZhdGUgY2xlYXIoKSB7XG4gICAgdGhpcy5mb3JtLmNvbnRyb2wucmVzZXQoKTtcbiAgfVxufVxuIiwiPGZvcm1cbiAgW2F1dG9jb21wbGV0ZV09XCJhdXRvY29tcGxldGVcIlxuICBbZm9ybUdyb3VwXT1cImZvcm0uY29udHJvbFwiXG4gIChuZ1N1Ym1pdCk9XCJvblN1Ym1pdCgpXCJcbj5cbiAgPGRpdlxuICAgIGNsYXNzPVwiaWdvLWZvcm0tYm9keVwiXG4gICAgW25nQ2xhc3NdPVwieyAnaWdvLWZvcm0tYm9keS13aXRoLWJ1dHRvbnMnOiBoYXNCdXR0b25zIH1cIlxuICA+XG4gICAgPGRpdiBjbGFzcz1cImlnby1mb3JtLWNvbnRlbnRcIj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2ICNidXR0b25zIGNsYXNzPVwiaWdvLWZvcm0tYnV0dG9uc1wiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2Zvcm1CdXR0b25zXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Zvcm0+XG4iXX0=

package/esm2022/lib/form/form/form.module.mjs

@@ -0,0 +1,23 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { FormComponent } from './form.component';
+import * as i0 from "@angular/core";
+/**
+ * @ignore
+ */
+export class IgoFormFormModule {
+    static ɵfac = function IgoFormFormModule_Factory(t) { return new (t || IgoFormFormModule)(); };
+    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoFormFormModule });
+    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule, FormsModule, ReactiveFormsModule, FormsModule, ReactiveFormsModule] });
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoFormFormModule, [{
+        type: NgModule,
+        args: [{
+                imports: [CommonModule, FormsModule, ReactiveFormsModule],
+                exports: [FormComponent, FormsModule, ReactiveFormsModule],
+                declarations: [FormComponent]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(IgoFormFormModule, { declarations: [FormComponent], imports: [CommonModule, FormsModule, ReactiveFormsModule], exports: [FormComponent, FormsModule, ReactiveFormsModule] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21tb24vc3JjL2xpYi9mb3JtL2Zvcm0vZm9ybS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRWxFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7QUFFakQ7O0dBRUc7QUFNSCxNQUFNLE9BQU8saUJBQWlCOzJFQUFqQixpQkFBaUI7NERBQWpCLGlCQUFpQjtnRUFKbEIsWUFBWSxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFDL0IsV0FBVyxFQUFFLG1CQUFtQjs7dUZBRzlDLGlCQUFpQjtjQUw3QixRQUFRO2VBQUM7Z0JBQ1IsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsQ0FBQztnQkFDekQsT0FBTyxFQUFFLENBQUMsYUFBYSxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsQ0FBQztnQkFDMUQsWUFBWSxFQUFFLENBQUMsYUFBYSxDQUFDO2FBQzlCOzt3RkFDWSxpQkFBaUIsbUJBRmIsYUFBYSxhQUZsQixZQUFZLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixhQUM5QyxhQUFhLEVBQUUsV0FBVyxFQUFFLG1CQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7IEZvcm1Db21wb25lbnQgfSBmcm9tICcuL2Zvcm0uY29tcG9uZW50JztcblxuLyoqXG4gKiBAaWdub3JlXG4gKi9cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlXSxcbiAgZXhwb3J0czogW0Zvcm1Db21wb25lbnQsIEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlXSxcbiAgZGVjbGFyYXRpb25zOiBbRm9ybUNvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgSWdvRm9ybUZvcm1Nb2R1bGUge31cbiJdfQ==

package/esm2022/lib/form/form-field/form-field-select.component.mjs

@@ -0,0 +1,140 @@
+import { __decorate } from "tslib";
+import { Input, Component, ChangeDetectionStrategy } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import { formControlIsRequired, getControlErrorMessage } from '../shared/form.utils';
+import { IgoFormFieldComponent } from '../shared/form-field-component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "@angular/material/form-field";
+import * as i5 from "@angular/material/select";
+import * as i6 from "@angular/material/core";
+import * as i7 from "@ngx-translate/core";
+function FormFieldSelectComponent_mat_option_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-option", 4);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const choice_r3 = ctx.$implicit;
+    i0.ɵɵproperty("value", choice_r3.value);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", choice_r3.title, " ");
+} }
+function FormFieldSelectComponent_mat_icon_4_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-icon", 5);
+    i0.ɵɵlistener("click", function FormFieldSelectComponent_mat_icon_4_Template_mat_icon_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r4.onDisableSwitchClick()); });
+    i0.ɵɵpipe(1, "async");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("svgIcon", i0.ɵɵpipeBind1(1, 1, ctx_r1.disabled$) === true ? "checkbox-blank-outline" : "checkbox-marked-outline");
+} }
+function FormFieldSelectComponent_mat_error_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-error");
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "translate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r2.getErrorMessage()));
+} }
+/**
+ * This component renders a select field
+ */
+export let FormFieldSelectComponent = class FormFieldSelectComponent {
+    disabled$ = new BehaviorSubject(false);
+    /**
+     * Select input choices
+     */
+    set choices(value) {
+        this.choices$.next(value);
+    }
+    get choices() {
+        return this.choices$.value;
+    }
+    choices$ = new BehaviorSubject([]);
+    /**
+     * The field's form control
+     */
+    formControl;
+    /**
+     * Field placeholder
+     */
+    placeholder;
+    /**
+     * Field placeholder
+     */
+    errors;
+    /**
+     * Wheter a disable switch should be available
+     */
+    disableSwitch = false;
+    /**
+     * Whether the field is required
+     */
+    get required() {
+        return formControlIsRequired(this.formControl);
+    }
+    ngOnInit() {
+        this.disabled$.next(this.formControl.disabled);
+    }
+    /**
+     * Get error message
+     */
+    getErrorMessage() {
+        return getControlErrorMessage(this.formControl, this.errors);
+    }
+    onDisableSwitchClick() {
+        this.toggleDisabled();
+    }
+    toggleDisabled() {
+        const disabled = !this.disabled$.value;
+        if (disabled === true) {
+            this.formControl.disable();
+        }
+        else {
+            this.formControl.enable();
+        }
+        this.disabled$.next(disabled);
+    }
+    static ɵfac = function FormFieldSelectComponent_Factory(t) { return new (t || FormFieldSelectComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormFieldSelectComponent, selectors: [["igo-form-field-select"]], inputs: { choices: "choices", formControl: "formControl", placeholder: "placeholder", errors: "errors", disableSwitch: "disableSwitch" }, decls: 6, vars: 8, consts: [[3, "required", "placeholder", "formControl"], [3, "value", 4, "ngFor", "ngForOf"], ["class", "igo-form-disable-switch", "matPrefix", "", 3, "svgIcon", "click", 4, "ngIf"], [4, "ngIf"], [3, "value"], ["matPrefix", "", 1, "igo-form-disable-switch", 3, "svgIcon", "click"]], template: function FormFieldSelectComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mat-form-field")(1, "mat-select", 0);
+            i0.ɵɵtemplate(2, FormFieldSelectComponent_mat_option_2_Template, 2, 2, "mat-option", 1);
+            i0.ɵɵpipe(3, "async");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(4, FormFieldSelectComponent_mat_icon_4_Template, 2, 3, "mat-icon", 2);
+            i0.ɵɵtemplate(5, FormFieldSelectComponent_mat_error_5_Template, 3, 3, "mat-error", 3);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("required", ctx.required)("placeholder", ctx.placeholder)("formControl", ctx.formControl);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(3, 6, ctx.choices$));
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx.disableSwitch === true);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.formControl.errors);
+        } }, dependencies: [i1.NgForOf, i1.NgIf, i2.NgControlStatus, i2.RequiredValidator, i2.FormControlDirective, i3.MatIcon, i4.MatFormField, i4.MatError, i4.MatPrefix, i5.MatSelect, i6.MatOption, i1.AsyncPipe, i7.TranslatePipe], encapsulation: 2, changeDetection: 0 });
+};
+FormFieldSelectComponent = __decorate([
+    IgoFormFieldComponent('select')
+], FormFieldSelectComponent);
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormFieldSelectComponent, [{
+        type: Component,
+        args: [{ selector: 'igo-form-field-select', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-form-field>\n  <mat-select\n    [required]=\"required\"\n    [placeholder]=\"placeholder\"\n    [formControl]=\"formControl\"\n  >\n    <mat-option *ngFor=\"let choice of choices$ | async\" [value]=\"choice.value\">\n      {{ choice.title }}\n    </mat-option>\n  </mat-select>\n  <mat-icon\n    *ngIf=\"disableSwitch === true\"\n    class=\"igo-form-disable-switch\"\n    [svgIcon]=\"\n      (disabled$ | async) === true\n        ? 'checkbox-blank-outline'\n        : 'checkbox-marked-outline'\n    \"\n    (click)=\"onDisableSwitchClick()\"\n    matPrefix\n  >\n  </mat-icon>\n  <mat-error *ngIf=\"formControl.errors\">{{\n    getErrorMessage() | translate\n  }}</mat-error>\n</mat-form-field>\n" }]
+    }], null, { choices: [{
+            type: Input
+        }], formControl: [{
+            type: Input
+        }], placeholder: [{
+            type: Input
+        }], errors: [{
+            type: Input
+        }], disableSwitch: [{
+            type: Input
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC1zZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tbW9uL3NyYy9saWIvZm9ybS9mb3JtLWZpZWxkL2Zvcm0tZmllbGQtc2VsZWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbW1vbi9zcmMvbGliL2Zvcm0vZm9ybS1maWVsZC9mb3JtLWZpZWxkLXNlbGVjdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUNMLEtBQUssRUFDTCxTQUFTLEVBQ1QsdUJBQXVCLEVBRXhCLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFFdkMsT0FBTyxFQUNMLHFCQUFxQixFQUNyQixzQkFBc0IsRUFDdkIsTUFBTSxzQkFBc0IsQ0FBQztBQUU5QixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7Ozs7Ozs7OztJQ1RuRSxxQ0FBMkU7SUFDekUsWUFDRjtJQUFBLGlCQUFhOzs7SUFGdUMsdUNBQXNCO0lBQ3hFLGVBQ0Y7SUFERSxnREFDRjs7OztJQUVGLG1DQVVDO0lBRkMsNEtBQVMsZUFBQSw2QkFBc0IsQ0FBQSxJQUFDOztJQUdsQyxpQkFBVzs7O0lBUlQsZ0lBSUM7OztJQUtILGlDQUFzQztJQUFBLFlBRXBDOztJQUFBLGlCQUFZOzs7SUFGd0IsZUFFcEM7SUFGb0Msb0VBRXBDOztBRFBKOztHQUVHO0FBT0ksV0FBTSx3QkFBd0IsR0FBOUIsTUFBTSx3QkFBd0I7SUFDMUIsU0FBUyxHQUE2QixJQUFJLGVBQWUsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUUxRTs7T0FFRztJQUNILElBQ0ksT0FBTyxDQUFDLEtBQThCO1FBQ3hDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzVCLENBQUM7SUFDRCxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDO0lBQzdCLENBQUM7SUFDUSxRQUFRLEdBQ2YsSUFBSSxlQUFlLENBQUMsRUFBRSxDQUFDLENBQUM7SUFFMUI7O09BRUc7SUFDTSxXQUFXLENBQXFCO0lBRXpDOztPQUVHO0lBQ00sV0FBVyxDQUFTO0lBRTdCOztPQUVHO0lBQ00sTUFBTSxDQUE0QjtJQUUzQzs7T0FFRztJQUNNLGFBQWEsR0FBWSxLQUFLLENBQUM7SUFFeEM7O09BRUc7SUFDSCxJQUFJLFFBQVE7UUFDVixPQUFPLHFCQUFxQixDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUNqRCxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDakQsQ0FBQztJQUVEOztPQUVHO0lBQ0gsZUFBZTtRQUNiLE9BQU8sc0JBQXNCLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDL0QsQ0FBQztJQUVELG9CQUFvQjtRQUNsQixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVPLGNBQWM7UUFDcEIsTUFBTSxRQUFRLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQztRQUN2QyxJQUFJLFFBQVEsS0FBSyxJQUFJLEVBQUU7WUFDckIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLEVBQUUsQ0FBQztTQUM1QjthQUFNO1lBQ0wsSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLEVBQUUsQ0FBQztTQUMzQjtRQUNELElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ2hDLENBQUM7a0ZBbEVVLHdCQUF3Qjs2REFBeEIsd0JBQXdCO1lDMUJyQyxzQ0FBZ0Isb0JBQUE7WUFNWix1RkFFYTs7WUFDZixpQkFBYTtZQUNiLG1GQVdXO1lBQ1gscUZBRWM7WUFDaEIsaUJBQWlCOztZQXZCYixlQUFxQjtZQUFyQix1Q0FBcUIsZ0NBQUEsZ0NBQUE7WUFJVSxlQUFtQjtZQUFuQiw0REFBbUI7WUFLakQsZUFBNEI7WUFBNUIsaURBQTRCO1lBV25CLGVBQXdCO1lBQXhCLDZDQUF3Qjs7O0FESXpCLHdCQUF3QjtJQU5wQyxxQkFBcUIsQ0FBQyxRQUFRLENBQUM7R0FNbkIsd0JBQXdCLENBbUVwQzt1RkFuRVksd0JBQXdCO2NBTHBDLFNBQVM7MkJBQ0UsdUJBQXVCLG1CQUVoQix1QkFBdUIsQ0FBQyxNQUFNO2dCQVMzQyxPQUFPO2tCQURWLEtBQUs7WUFhRyxXQUFXO2tCQUFuQixLQUFLO1lBS0csV0FBVztrQkFBbkIsS0FBSztZQUtHLE1BQU07a0JBQWQsS0FBSztZQUtHLGFBQWE7a0JBQXJCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBJbnB1dCxcbiAgQ29tcG9uZW50LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgT25Jbml0XG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHR5cGUgeyBVbnR5cGVkRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQge1xuICBmb3JtQ29udHJvbElzUmVxdWlyZWQsXG4gIGdldENvbnRyb2xFcnJvck1lc3NhZ2Vcbn0gZnJvbSAnLi4vc2hhcmVkL2Zvcm0udXRpbHMnO1xuaW1wb3J0IHsgRm9ybUZpZWxkU2VsZWN0Q2hvaWNlIH0gZnJvbSAnLi4vc2hhcmVkL2Zvcm0uaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyBJZ29Gb3JtRmllbGRDb21wb25lbnQgfSBmcm9tICcuLi9zaGFyZWQvZm9ybS1maWVsZC1jb21wb25lbnQnO1xuXG4vKipcbiAqIFRoaXMgY29tcG9uZW50IHJlbmRlcnMgYSBzZWxlY3QgZmllbGRcbiAqL1xuQElnb0Zvcm1GaWVsZENvbXBvbmVudCgnc2VsZWN0JylcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2lnby1mb3JtLWZpZWxkLXNlbGVjdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9mb3JtLWZpZWxkLXNlbGVjdC5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEZvcm1GaWVsZFNlbGVjdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHJlYWRvbmx5IGRpc2FibGVkJDogQmVoYXZpb3JTdWJqZWN0PGJvb2xlYW4+ID0gbmV3IEJlaGF2aW9yU3ViamVjdChmYWxzZSk7XG5cbiAgLyoqXG4gICAqIFNlbGVjdCBpbnB1dCBjaG9pY2VzXG4gICAqL1xuICBASW5wdXQoKVxuICBzZXQgY2hvaWNlcyh2YWx1ZTogRm9ybUZpZWxkU2VsZWN0Q2hvaWNlW10pIHtcbiAgICB0aGlzLmNob2ljZXMkLm5leHQodmFsdWUpO1xuICB9XG4gIGdldCBjaG9pY2VzKCk6IEZvcm1GaWVsZFNlbGVjdENob2ljZVtdIHtcbiAgICByZXR1cm4gdGhpcy5jaG9pY2VzJC52YWx1ZTtcbiAgfVxuICByZWFkb25seSBjaG9pY2VzJDogQmVoYXZpb3JTdWJqZWN0PEZvcm1GaWVsZFNlbGVjdENob2ljZVtdPiA9XG4gICAgbmV3IEJlaGF2aW9yU3ViamVjdChbXSk7XG5cbiAgLyoqXG4gICAqIFRoZSBmaWVsZCdzIGZvcm0gY29udHJvbFxuICAgKi9cbiAgQElucHV0KCkgZm9ybUNvbnRyb2w6IFVudHlwZWRGb3JtQ29udHJvbDtcblxuICAvKipcbiAgICogRmllbGQgcGxhY2Vob2xkZXJcbiAgICovXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIEZpZWxkIHBsYWNlaG9sZGVyXG4gICAqL1xuICBASW5wdXQoKSBlcnJvcnM6IHsgW2tleTogc3RyaW5nXTogc3RyaW5nIH07XG5cbiAgLyoqXG4gICAqIFdoZXRlciBhIGRpc2FibGUgc3dpdGNoIHNob3VsZCBiZSBhdmFpbGFibGVcbiAgICovXG4gIEBJbnB1dCgpIGRpc2FibGVTd2l0Y2g6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogV2hldGhlciB0aGUgZmllbGQgaXMgcmVxdWlyZWRcbiAgICovXG4gIGdldCByZXF1aXJlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gZm9ybUNvbnRyb2xJc1JlcXVpcmVkKHRoaXMuZm9ybUNvbnRyb2wpO1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5kaXNhYmxlZCQubmV4dCh0aGlzLmZvcm1Db250cm9sLmRpc2FibGVkKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBHZXQgZXJyb3IgbWVzc2FnZVxuICAgKi9cbiAgZ2V0RXJyb3JNZXNzYWdlKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGdldENvbnRyb2xFcnJvck1lc3NhZ2UodGhpcy5mb3JtQ29udHJvbCwgdGhpcy5lcnJvcnMpO1xuICB9XG5cbiAgb25EaXNhYmxlU3dpdGNoQ2xpY2soKSB7XG4gICAgdGhpcy50b2dnbGVEaXNhYmxlZCgpO1xuICB9XG5cbiAgcHJpdmF0ZSB0b2dnbGVEaXNhYmxlZCgpIHtcbiAgICBjb25zdCBkaXNhYmxlZCA9ICF0aGlzLmRpc2FibGVkJC52YWx1ZTtcbiAgICBpZiAoZGlzYWJsZWQgPT09IHRydWUpIHtcbiAgICAgIHRoaXMuZm9ybUNvbnRyb2wuZGlzYWJsZSgpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmZvcm1Db250cm9sLmVuYWJsZSgpO1xuICAgIH1cbiAgICB0aGlzLmRpc2FibGVkJC5uZXh0KGRpc2FibGVkKTtcbiAgfVxufVxuIiwiPG1hdC1mb3JtLWZpZWxkPlxuICA8bWF0LXNlbGVjdFxuICAgIFtyZXF1aXJlZF09XCJyZXF1aXJlZFwiXG4gICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIlxuICA+XG4gICAgPG1hdC1vcHRpb24gKm5nRm9yPVwibGV0IGNob2ljZSBvZiBjaG9pY2VzJCB8IGFzeW5jXCIgW3ZhbHVlXT1cImNob2ljZS52YWx1ZVwiPlxuICAgICAge3sgY2hvaWNlLnRpdGxlIH19XG4gICAgPC9tYXQtb3B0aW9uPlxuICA8L21hdC1zZWxlY3Q+XG4gIDxtYXQtaWNvblxuICAgICpuZ0lmPVwiZGlzYWJsZVN3aXRjaCA9PT0gdHJ1ZVwiXG4gICAgY2xhc3M9XCJpZ28tZm9ybS1kaXNhYmxlLXN3aXRjaFwiXG4gICAgW3N2Z0ljb25dPVwiXG4gICAgICAoZGlzYWJsZWQkIHwgYXN5bmMpID09PSB0cnVlXG4gICAgICAgID8gJ2NoZWNrYm94LWJsYW5rLW91dGxpbmUnXG4gICAgICAgIDogJ2NoZWNrYm94LW1hcmtlZC1vdXRsaW5lJ1xuICAgIFwiXG4gICAgKGNsaWNrKT1cIm9uRGlzYWJsZVN3aXRjaENsaWNrKClcIlxuICAgIG1hdFByZWZpeFxuICA+XG4gIDwvbWF0LWljb24+XG4gIDxtYXQtZXJyb3IgKm5nSWY9XCJmb3JtQ29udHJvbC5lcnJvcnNcIj57e1xuICAgIGdldEVycm9yTWVzc2FnZSgpIHwgdHJhbnNsYXRlXG4gIH19PC9tYXQtZXJyb3I+XG48L21hdC1mb3JtLWZpZWxkPlxuIl19