ngx-render-material-forms 2.5.18 → 2.5.20

package/esm2020/lib/components/button/button.component.mjs

@@ -0,0 +1,102 @@
+import { Component } from '@angular/core';
+import ButtonComponent from 'formiojs/components/button/Button.js';
+import { MaterialComponent } from '../MaterialComponent';
+import { AngularButtonsThemes, ButtonsThemes } from '../../const/ButtonsThemes';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/button";
+import * as i4 from "@angular/material/icon";
+import * as i5 from "@angular/flex-layout/extended";
+export class MaterialButtonComponent extends MaterialComponent {
+    constructor(element, ref, dialog) {
+        super(element, ref);
+        this.element = element;
+        this.ref = ref;
+        this.dialog = dialog;
+        this.loading = false;
+        this.done = false;
+        this.error = false;
+        this.disabled = false;
+        this.clicked = false;
+        this.walkmeClass = '';
+    }
+    get color() {
+        if (this.error) {
+            return AngularButtonsThemes.WARN;
+        }
+        const theme = this.angularButtonTheme;
+        return theme || AngularButtonsThemes.PRIMARY;
+    }
+    get angularButtonTheme() {
+        switch (this.instance.component.theme) {
+            case ButtonsThemes.PRIMARY:
+                return AngularButtonsThemes.PRIMARY;
+            case ButtonsThemes.WARNING:
+                return AngularButtonsThemes.ACCENT;
+            case ButtonsThemes.DANGER:
+                return AngularButtonsThemes.WARN;
+            case ButtonsThemes.SECONDARY:
+                return AngularButtonsThemes.BASIC;
+            default:
+                return '';
+        }
+    }
+    get buttonClass() {
+        let className = this.instance.component.block ? 'mat-formio-button-block' : '';
+        className += this.instance.component.size ? ` mat-formio-button-${this.instance.component.size}` : '';
+        className += !this.angularButtonTheme ? ` mat-formio-theme-${this.instance.component.theme}` : '';
+        const attributes = this.instance?.component?.attributes;
+        if (attributes) {
+            const buttonType = attributes.buttonType || '';
+            const programName = attributes.programName || '';
+            this.walkmeClass = `walkme-${buttonType}-${programName}`.toLowerCase();
+        }
+        return className;
+    }
+    onClick(event) {
+        this.clicked = true;
+        this.instance.onClick(event);
+    }
+    getValue() {
+        return this.clicked;
+    }
+    setState(loading, error, done) {
+        this.loading = loading;
+        this.done = done;
+        this.error = error;
+    }
+    getIconFontSet(icon) {
+        const fontSet = icon.split(' ')[0];
+        return fontSet;
+    }
+    getIconName(icon) {
+        return icon.replace(this.getIconFontSet(icon), '');
+    }
+    setInstance(instance) {
+        const retVal = super.setInstance(instance);
+        this.disabled = instance.shouldDisabled;
+        instance.on('submitButton', () => this.setState(true, false, false));
+        instance.on('submitDone', () => this.setState(false, false, true));
+        instance.on('submitError', () => this.setState(false, true, false));
+        instance.on('requestButton', () => this.setState(true, false, false));
+        instance.on('requestDone', () => this.setState(false, false, true));
+        instance.on('change', (event) => {
+            this.disabled = this.instance.shouldDisabled || (this.instance.component.disableOnInvalid && !event.isValid);
+            if (event.isValid) {
+                this.loading = false;
+                this.error = false;
+            }
+        });
+        return retVal;
+    }
+}
+MaterialButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MaterialButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
+MaterialButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: MaterialButtonComponent, selector: "mat-formio-button", usesInheritance: true, ngImport: i0, template: "<button *ngIf=\"instance && instance.component.label != 'Click to add Products'\"\r\n        [ngClass]=\"[buttonClass, walkmeClass]\"\r\n        type=\"{{ instance.component.action }}\"\r\n        mat-raised-button [color]=\"color\"\r\n        [disabled]=\"disabled\"\r\n        (click)=\"instance.onClick($event)\"\r\n>\r\n\r\n\r\n  <mat-icon *ngIf=\"instance.component.leftIcon\">{{instance.component.leftIcon}}</mat-icon>\r\n  <mat-icon *ngIf=\"done\">done</mat-icon>\r\n  <mat-icon *ngIf=\"error\">close</mat-icon>\r\n  <mat-icon class=\"mat-icon-spin\" *ngIf=\"loading\">autorenew</mat-icon>\r\n  {{ instance.component.label }}\r\n  <mat-icon *ngIf=\"instance.component.rightIcon\">{{instance.component.rightIcon}}</mat-icon>\r\n</button>\r\n", styles: ["@-webkit-keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host .mat-icon-spin{-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.mat-formio-theme-success{background-color:#63d644!important}.mat-formio-theme-info{background-color:#49d9f4!important}.mat-formio-button-sm{font-size:14px;padding:8px 12px}.mat-formio-button-xs{font-size:14px;padding:4px 6px}.mat-formio-button-md{font-size:15px;padding:8px 12px}.mat-formio-button-lg{font-size:19px;padding:16px 20px}.mat-formio-button-block{display:block;width:100%}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MaterialButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mat-formio-button', template: "<button *ngIf=\"instance && instance.component.label != 'Click to add Products'\"\r\n        [ngClass]=\"[buttonClass, walkmeClass]\"\r\n        type=\"{{ instance.component.action }}\"\r\n        mat-raised-button [color]=\"color\"\r\n        [disabled]=\"disabled\"\r\n        (click)=\"instance.onClick($event)\"\r\n>\r\n\r\n\r\n  <mat-icon *ngIf=\"instance.component.leftIcon\">{{instance.component.leftIcon}}</mat-icon>\r\n  <mat-icon *ngIf=\"done\">done</mat-icon>\r\n  <mat-icon *ngIf=\"error\">close</mat-icon>\r\n  <mat-icon class=\"mat-icon-spin\" *ngIf=\"loading\">autorenew</mat-icon>\r\n  {{ instance.component.label }}\r\n  <mat-icon *ngIf=\"instance.component.rightIcon\">{{instance.component.rightIcon}}</mat-icon>\r\n</button>\r\n", styles: ["@-webkit-keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host .mat-icon-spin{-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.mat-formio-theme-success{background-color:#63d644!important}.mat-formio-theme-info{background-color:#49d9f4!important}.mat-formio-button-sm{font-size:14px;padding:8px 12px}.mat-formio-button-xs{font-size:14px;padding:4px 6px}.mat-formio-button-md{font-size:15px;padding:8px 12px}.mat-formio-button-lg{font-size:19px;padding:16px 20px}.mat-formio-button-block{display:block;width:100%}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.MatDialog }]; } });
+ButtonComponent.MaterialComponent = MaterialButtonComponent;
+export { ButtonComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1yZW5kZXItbWF0ZXJpYWwtZm9ybXMvc3JjL2xpYi9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXJlbmRlci1tYXRlcmlhbC1mb3Jtcy9zcmMvbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXFCLFNBQVMsRUFBYyxNQUFNLGVBQWUsQ0FBQztBQUN6RSxPQUFPLGVBQWUsTUFBTSxzQ0FBc0MsQ0FBQztBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsYUFBYSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7Ozs7Ozs7QUFRaEYsTUFBTSxPQUFPLHVCQUF3QixTQUFRLGlCQUFpQjtJQU81RCxZQUFtQixPQUFtQixFQUFTLEdBQXNCLEVBQVUsTUFBaUI7UUFDOUYsS0FBSyxDQUFDLE9BQU8sRUFBRSxHQUFHLENBQUMsQ0FBQztRQURILFlBQU8sR0FBUCxPQUFPLENBQVk7UUFBUyxRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQUFVLFdBQU0sR0FBTixNQUFNLENBQVc7UUFOekYsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUNoQixTQUFJLEdBQUcsS0FBSyxDQUFDO1FBQ2IsVUFBSyxHQUFHLEtBQUssQ0FBQztRQUNkLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUN2QixnQkFBVyxHQUFXLEVBQUUsQ0FBQztJQUd6QixDQUFDO0lBQ0QsSUFBSSxLQUFLO1FBQ1AsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ2QsT0FBTyxvQkFBb0IsQ0FB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QUFPLE1BQU0sQ0FBQztJQUNoQixDQUFDOztvSEExRlUsdUJBQXVCO3dHQUF2Qix1QkFBdUIsZ0ZDWHBDLDZ1QkFnQkE7MkZETGEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLG1CQUFtQjs7QUFnRy9CLGVBQWUsQ0FBQyxpQkFBaUIsR0FBRyx1QkFBdUIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsZUFBZSxFQUFFLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBFbGVtZW50UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCBCdXR0b25Db21wb25lbnQgZnJvbSAnZm9ybWlvanMvY29tcG9uZW50cy9idXR0b24vQnV0dG9uLmpzJztcclxuaW1wb3J0IHsgTWF0ZXJpYWxDb21wb25lbnQgfSBmcm9tICcuLi9NYXRlcmlhbENvbXBvbmVudCc7XHJcbmltcG9ydCB7IEFuZ3VsYXJCdXR0b25zVGhlbWVzLCBCdXR0b25zVGhlbWVzIH0gZnJvbSAnLi4vLi4vY29uc3QvQnV0dG9uc1RoZW1lcyc7XHJcbmltcG9ydCB7IE1hdERpYWxvZyB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21hdC1mb3JtaW8tYnV0dG9uJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9idXR0b24uY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNYXRlcmlhbEJ1dHRvbkNvbXBvbmVudCBleHRlbmRzIE1hdGVyaWFsQ29tcG9uZW50IHtcclxuICBwdWJsaWMgbG9hZGluZyA9IGZhbHNlO1xyXG4gIHB1YmxpYyBkb25lID0gZmFsc2U7XHJcbiAgcHVibGljIGVycm9yID0gZmFsc2U7XHJcbiAgcHVibGljIGRpc2FibGVkID0gZmFsc2U7XHJcbiAgcHVibGljIGNsaWNrZWQgPSBmYWxzZTtcclxuICB3YWxrbWVDbGFzczogc3RyaW5nID0gJyc7XHJcbiAgY29uc3RydWN0b3IocHVibGljIGVsZW1lbnQ6IEVsZW1lbnRSZWYsIHB1YmxpYyByZWY6IENoYW5nZURldGVjdG9yUmVmLCBwcml2YXRlIGRpYWxvZzogTWF0RGlhbG9nKSB7XHJcbiAgICBzdXBlcihlbGVtZW50LCByZWYpO1xyXG4gIH1cclxuICBnZXQgY29sb3IoKSB7XHJcbiAgICBpZiAodGhpcy5lcnJvcikge1xyXG4gICAgICByZXR1cm4gQW5ndWxhckJ1dHRvbnNUaGVtZXMuV0FSTjtcclxuICAgIH1cclxuICAgIGNvbnN0IHRoZW1lID0gdGhpcy5hbmd1bGFyQnV0dG9uVGhlbWU7XHJcbiAgICByZXR1cm4gdGhlbWUgfHwgQW5ndWxhckJ1dHRvbnNUaGVtZXMuUFJJTUFSWTtcclxuICB9XHJcblxyXG4gIGdldCBhbmd1bGFyQnV0dG9uVGhlbWUoKSB7XHJcbiAgICBzd2l0Y2ggKHRoaXMuaW5zdGFuY2UuY29tcG9uZW50LnRoZW1lKSB7XHJcbiAgICAgIGNhc2UgQnV0dG9uc1RoZW1lcy5QUklNQVJZOlxyXG4gICAgICAgIHJldHVybiBBbmd1bGFyQnV0dG9uc1RoZW1lcy5QUklNQVJZO1xyXG5cclxuICAgICAgY2FzZSBCdXR0b25zVGhlbWVzLldBUk5JTkc6XHJcbiAgICAgICAgcmV0dXJuIEFuZ3VsYXJCdXR0b25zVGhlbWVzLkFDQ0VOVDtcclxuXHJcbiAgICAgIGNhc2UgQnV0dG9uc1RoZW1lcy5EQU5HRVI6XHJcbiAgICAgICAgcmV0dXJuIEFuZ3VsYXJCdXR0b25zVGhlbWVzLldBUk47XHJcblxyXG4gICAgICBjYXNlIEJ1dHRvbnNUaGVtZXMuU0VDT05EQVJZOlxyXG4gICAgICAgIHJldHVybiBBbmd1bGFyQnV0dG9uc1RoZW1lcy5CQVNJQztcclxuXHJcbiAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgcmV0dXJuICcnO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgZ2V0IGJ1dHRvbkNsYXNzKCkge1xyXG4gICAgbGV0IGNsYXNzTmFtZSA9IHRoaXMuaW5zdGFuY2UuY29tcG9uZW50LmJsb2NrID8gJ21hdC1mb3JtaW8tYnV0dG9uLWJsb2NrJyA6ICcnO1xyXG4gICAgY2xhc3NOYW1lICs9IHRoaXMuaW5zdGFuY2UuY29tcG9uZW50LnNpemUgPyBgIG1hdC1mb3JtaW8tYnV0dG9uLSR7dGhpcy5pbnN0YW5jZS5jb21wb25lbnQuc2l6ZX1gIDogJyc7XHJcbiAgICBjbGFzc05hbWUgKz0gIXRoaXMuYW5ndWxhckJ1dHRvblRoZW1lID8gYCBtYXQtZm9ybWlvLXRoZW1lLSR7dGhpcy5pbnN0YW5jZS5jb21wb25lbnQudGhlbWV9YCA6ICcnO1xyXG4gICAgY29uc3QgYXR0cmlidXRlcyA9IHRoaXMuaW5zdGFuY2U/LmNvbXBvbmVudD8uYXR0cmlidXRlcztcclxuICAgIGlmIChhdHRyaWJ1dGVzKSB7XHJcbiAgICAgIGNvbnN0IGJ1dHRvblR5cGUgPSBhdHRyaWJ1dGVzLmJ1dHRvblR5cGUgfHwgJyc7XHJcbiAgICAgIGNvbnN0IHByb2dyYW1OYW1lID0gYXR0cmlidXRlcy5wcm9ncmFtTmFtZSB8fCAnJztcclxuICAgICAgdGhpcy53YWxrbWVDbGFzcyA9IGB3YWxrbWUtJHtidXR0b25UeXBlfS0ke3Byb2dyYW1OYW1lfWAudG9Mb3dlckNhc2UoKTtcclxuICAgIH1cclxuICAgIHJldHVybiBjbGFzc05hbWU7XHJcbiAgfVxyXG5cclxuICBvbkNsaWNrKGV2ZW50KSB7XHJcbiAgICB0aGlzLmNsaWNrZWQgPSB0cnVlO1xyXG4gICAgdGhpcy5pbnN0YW5jZS5vbkNsaWNrKGV2ZW50KTtcclxuICB9XHJcblxyXG4gIGdldFZhbHVlKCkge1xyXG4gICAgcmV0dXJuIHRoaXMuY2xpY2tlZDtcclxuICB9XHJcblxyXG4gIHNldFN0YXRlKGxvYWRpbmcsIGVycm9yLCBkb25lKSB7XHJcbiAgICB0aGlzLmxvYWRpbmcgPSBsb2FkaW5nO1xyXG4gICAgdGhpcy5kb25lID0gZG9uZTtcclxuICAgIHRoaXMuZXJyb3IgPSBlcnJvcjtcclxuICB9XHJcblxyXG4gIGdldEljb25Gb250U2V0KGljb246IHN0cmluZykge1xyXG4gICAgY29uc3QgZm9udFNldCA9IGljb24uc3BsaXQoJyAnKVswXTtcclxuICAgIHJldHVybiBmb250U2V0O1xyXG4gIH1cclxuXHJcbiAgZ2V0SWNvbk5hbWUoaWNvbjogc3RyaW5nKSB7XHJcbiAgICByZXR1cm4gaWNvbi5yZXBsYWNlKHRoaXMuZ2V0SWNvbkZvbnRTZXQoaWNvbiksICcnKTtcclxuICB9XHJcblxyXG4gIHNldEluc3RhbmNlKGluc3RhbmNlKSB7XHJcbiAgICBjb25zdCByZXRWYWwgPSBzdXBlci5zZXRJbnN0YW5jZShpbnN0YW5jZSk7XHJcbiAgICB0aGlzLmRpc2FibGVkID0gaW5zdGFuY2Uuc2hvdWxkRGlzYWJsZWQ7XHJcbiAgICBpbnN0YW5jZS5vbignc3VibWl0QnV0dG9uJywgKCkgPT4gdGhpcy5zZXRTdGF0ZSh0cnVlLCBmYWxzZSwgZmFsc2UpKTtcclxuICAgIGluc3RhbmNlLm9uKCdzdWJtaXREb25lJywgKCkgPT4gdGhpcy5zZXRTdGF0ZShmYWxzZSwgZmFsc2UsIHRydWUpKTtcclxuICAgIGluc3RhbmNlLm9uKCdzdWJtaXRFcnJvcicsICgpID0+IHRoaXMuc2V0U3RhdGUoZmFsc2UsIHRydWUsIGZhbHNlKSk7XHJcbiAgICBpbnN0YW5jZS5vbigncmVxdWVzdEJ1dHRvbicsICgpID0+IHRoaXMuc2V0U3RhdGUodHJ1ZSwgZmFsc2UsIGZhbHNlKSk7XHJcbiAgICBpbnN0YW5jZS5vbigncmVxdWVzdERvbmUnLCAoKSA9PiB0aGlzLnNldFN0YXRlKGZhbHNlLCBmYWxzZSwgdHJ1ZSkpO1xyXG4gICAgaW5zdGFuY2Uub24oJ2NoYW5nZScsIChldmVudCkgPT4ge1xyXG4gICAgICB0aGlzLmRpc2FibGVkID0gdGhpcy5pbnN0YW5jZS5zaG91bGREaXNhYmxlZCB8fCAodGhpcy5pbnN0YW5jZS5jb21wb25lbnQuZGlzYWJsZU9uSW52YWxpZCAmJiAhZXZlbnQuaXNWYWxpZCk7XHJcbiAgICAgIGlmIChldmVudC5pc1ZhbGlkKSB7XHJcbiAgICAgICAgdGhpcy5sb2FkaW5nID0gZmFsc2U7XHJcbiAgICAgICAgdGhpcy5lcnJvciA9IGZhbHNlO1xyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICAgIHJldHVybiByZXRWYWw7XHJcbiAgfVxyXG59XHJcbkJ1dHRvbkNvbXBvbmVudC5NYXRlcmlhbENvbXBvbmVudCA9IE1hdGVyaWFsQnV0dG9uQ29tcG9uZW50O1xyXG5leHBvcnQgeyBCdXR0b25Db21wb25lbnQgfTtcclxuIiwiPGJ1dHRvbiAqbmdJZj1cImluc3RhbmNlICYmIGluc3RhbmNlLmNvbXBvbmVudC5sYWJlbCAhPSAnQ2xpY2sgdG8gYWRkIFByb2R1Y3RzJ1wiXHJcbiAgICAgICAgW25nQ2xhc3NdPVwiW2J1dHRvbkNsYXNzLCB3YWxrbWVDbGFzc11cIlxyXG4gICAgICAgIHR5cGU9XCJ7eyBpbnN0YW5jZS5jb21wb25lbnQuYWN0aW9uIH19XCJcclxuICAgICAgICBtYXQtcmFpc2VkLWJ1dHRvbiBbY29sb3JdPVwiY29sb3JcIlxyXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICAgICAgKGNsaWNrKT1cImluc3RhbmNlLm9uQ2xpY2soJGV2ZW50KVwiXHJcbj5cclxuXHJcblxyXG4gIDxtYXQtaWNvbiAqbmdJZj1cImluc3RhbmNlLmNvbXBvbmVudC5sZWZ0SWNvblwiPnt7aW5zdGFuY2UuY29tcG9uZW50LmxlZnRJY29ufX08L21hdC1pY29uPlxyXG4gIDxtYXQtaWNvbiAqbmdJZj1cImRvbmVcIj5kb25lPC9tYXQtaWNvbj5cclxuICA8bWF0LWljb24gKm5nSWY9XCJlcnJvclwiPmNsb3NlPC9tYXQtaWNvbj5cclxuICA8bWF0LWljb24gY2xhc3M9XCJtYXQtaWNvbi1zcGluXCIgKm5nSWY9XCJsb2FkaW5nXCI+YXV0b3JlbmV3PC9tYXQtaWNvbj5cclxuICB7eyBpbnN0YW5jZS5jb21wb25lbnQubGFiZWwgfX1cclxuICA8bWF0LWljb24gKm5nSWY9XCJpbnN0YW5jZS5jb21wb25lbnQucmlnaHRJY29uXCI+e3tpbnN0YW5jZS5jb21wb25lbnQucmlnaHRJY29ufX08L21hdC1pY29uPlxyXG48L2J1dHRvbj5cclxuIl19

package/esm2020/lib/components/calendar/calendar.component.mjs

@@ -0,0 +1,129 @@
+import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { MaterialComponent } from '../MaterialComponent';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/datepicker";
+import * as i3 from "@angular/flex-layout/flex";
+import * as i4 from "@angular/flex-layout/extended";
+import * as i5 from "@angular/material/card";
+import * as i6 from "../time/time.component";
+export class MaterialCalendarComponent extends MaterialComponent {
+    constructor() {
+        super(...arguments);
+        this.timeSelectEvent = new EventEmitter();
+        this.dateSelectEvent = new EventEmitter();
+    }
+    setInstance(instance) {
+        super.setInstance(instance);
+    }
+    setExistedDate(value) {
+        this.selectedDate = value;
+    }
+    setExistedTime(value, forTime) {
+        this.selectedTime = value;
+        this.time.setValue(forTime);
+    }
+    onDate(event) {
+        this.selectedDate = event;
+        this.dateSelectEvent.emit(this.selectedDate);
+    }
+    onTime(event) {
+        this.selectedTime = event.value;
+        this.timeSelectEvent.emit(this.selectedTime);
+    }
+    getPopupStyles() {
+        return {
+            position: 'absolute',
+            zIndex: '1000',
+            display: 'flex',
+            maxWidth: '100%',
+            maxHeight: '100%',
+            top: '90px',
+            left: '30px'
+        };
+    }
+}
+MaterialCalendarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MaterialCalendarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+MaterialCalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: MaterialCalendarComponent, selector: "mat-formio-calendar", inputs: { enableDate: "enableDate", enableTime: "enableTime", minDate: "minDate", maxDate: "maxDate", dateFilter: "dateFilter", hourStep: "hourStep", minuteStep: "minuteStep" }, outputs: { timeSelectEvent: "timeSelectEvent", dateSelectEvent: "dateSelectEvent" }, viewQueries: [{ propertyName: "time", first: true, predicate: ["time"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    <div class="container" fxLayout="row" fxLayout.xs="column" fxLayoutGap="0.5%">
+      <div [ngStyle]="getPopupStyles()">
+        <mat-card style="padding: 0;">
+          <mat-calendar
+                  [dateFilter]="dateFilter"
+                  [maxDate]="maxDate"
+                  [minDate]="minDate"
+                  [selected]="selectedDate"
+                  (selectedChange)="onDate($event)"
+                  class="calendar"
+                  *ngIf="enableDate !== false"
+          >
+          </mat-calendar>
+          <mat-formio-time
+                  #time
+                  [hourStep]="hourStep"
+                  [instance]="instance"
+                  [renderElementOnly]="true"
+                  [minuteStep]="minuteStep"
+                  (selectedEvent)="onTime($event)"
+                  class="ml-3 formio-time"
+                  *ngIf="enableTime"
+          >
+          </mat-formio-time>
+        </mat-card>
+      </div>
+    </div>
+  `, isInline: true, styles: [".calendar,.formio-time{padding:16px;background-color:#fff;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.formio-time{display:flex}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatCalendar, selector: "mat-calendar", inputs: ["headerComponent", "startAt", "startView", "selected", "minDate", "maxDate", "dateFilter", "dateClass", "comparisonStart", "comparisonEnd"], outputs: ["selectedChange", "yearSelected", "monthSelected", "viewChanged", "_userSelection"], exportAs: ["matCalendar"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i4.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { kind: "component", type: i5.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "component", type: i6.MaterialTimeComponent, selector: "mat-formio-time", inputs: ["hourStep", "minuteStep", "secondStep", "renderElementOnly"], outputs: ["selectedEvent"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MaterialCalendarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mat-formio-calendar', template: `
+    <div class="container" fxLayout="row" fxLayout.xs="column" fxLayoutGap="0.5%">
+      <div [ngStyle]="getPopupStyles()">
+        <mat-card style="padding: 0;">
+          <mat-calendar
+                  [dateFilter]="dateFilter"
+                  [maxDate]="maxDate"
+                  [minDate]="minDate"
+                  [selected]="selectedDate"
+                  (selectedChange)="onDate($event)"
+                  class="calendar"
+                  *ngIf="enableDate !== false"
+          >
+          </mat-calendar>
+          <mat-formio-time
+                  #time
+                  [hourStep]="hourStep"
+                  [instance]="instance"
+                  [renderElementOnly]="true"
+                  [minuteStep]="minuteStep"
+                  (selectedEvent)="onTime($event)"
+                  class="ml-3 formio-time"
+                  *ngIf="enableTime"
+          >
+          </mat-formio-time>
+        </mat-card>
+      </div>
+    </div>
+  `, styles: [".calendar,.formio-time{padding:16px;background-color:#fff;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.formio-time{display:flex}\n"] }]
+        }], propDecorators: { time: [{
+                type: ViewChild,
+                args: ['time']
+            }], enableDate: [{
+                type: Input
+            }], enableTime: [{
+                type: Input
+            }], minDate: [{
+                type: Input
+            }], maxDate: [{
+                type: Input
+            }], dateFilter: [{
+                type: Input
+            }], hourStep: [{
+                type: Input
+            }], minuteStep: [{
+                type: Input
+            }], timeSelectEvent: [{
+                type: Output
+            }], dateSelectEvent: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsZW5kYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXJlbmRlci1tYXRlcmlhbC1mb3Jtcy9zcmMvbGliL2NvbXBvbmVudHMvY2FsZW5kYXIvY2FsZW5kYXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBWSxNQUFNLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzFGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDOzs7Ozs7OztBQTZDekQsTUFBTSxPQUFPLHlCQUEwQixTQUFRLGlCQUFpQjtJQTVDaEU7O1FBMERZLG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUMxQyxvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7S0FvQ3JEO0lBbENDLFdBQVcsQ0FBQyxRQUFhO1FBQ3ZCLEtBQUssQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVELGNBQWMsQ0FBQyxLQUFLO1FBQ2xCLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO0lBQzVCLENBQUM7SUFFRCxjQUFjLENBQUMsS0FBSyxFQUFFLE9BQU87UUFDM0IsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7UUFDMUIsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVELE1BQU0sQ0FBQyxLQUFLO1FBQ1YsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7UUFDMUIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQy9DLENBQUM7SUFFRCxNQUFNLENBQUMsS0FBSztRQUNWLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQztRQUNoQyxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDL0MsQ0FBQztJQUVELGNBQWM7UUFDWixPQUFPO1lBQ0wsUUFBUSxFQUFFLFVBQVU7WUFDcEIsTUFBTSxFQUFFLE1BQU07WUFDZCxPQUFPLEVBQUUsTUFBTTtZQUNmLFFBQVEsRUFBRSxNQUFNO1lBQ2hCLFNBQVMsRUFBRSxNQUFNO1lBQ2pCLEdBQUcsRUFBRSxNQUFNO1lBQ1gsSUFBSSxFQUFFLE1BQU07U0FDYixDQUFBO0lBQ0gsQ0FBQzs7c0hBbERVLHlCQUF5QjswR0FBekIseUJBQXlCLHViQS9CMUI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E0QlQ7MkZBR1UseUJBQXlCO2tCQTVDckMsU0FBUzsrQkFDRSxxQkFBcUIsWUFZckI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E0QlQ7OEJBUWtCLElBQUk7c0JBQXRCLFNBQVM7dUJBQUMsTUFBTTtnQkFFUixVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDSSxlQUFlO3NCQUF4QixNQUFNO2dCQUNHLGVBQWU7c0JBQXhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgTmdNb2R1bGUsIE91dHB1dCwgVmlld0NoaWxkfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWF0ZXJpYWxDb21wb25lbnQgfSBmcm9tICcuLi9NYXRlcmlhbENvbXBvbmVudCc7XHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbWF0LWZvcm1pby1jYWxlbmRhcicsXHJcbiAgc3R5bGVzOiBbXHJcbiAgICBgLmNhbGVuZGFyLCAuZm9ybWlvLXRpbWUge1xyXG4gICAgICBwYWRkaW5nOiAxNnB4O1xyXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcclxuICAgICAgYm94LXNoYWRvdzogMCAycHggMXB4IC0xcHggcmdiYSgwLDAsMCwuMiksIDAgMXB4IDFweCAwIHJnYmEoMCwwLDAsLjE0KSwgMCAxcHggM3B4IDAgcmdiYSgwLDAsMCwuMTIpO1xyXG4gICAgfVxyXG4gICAgLmZvcm1pby10aW1lIHtcclxuICAgICAgZGlzcGxheTogZmxleDtcclxuICAgIH1cclxuICAgIGBcclxuICBdLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCIgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dC54cz1cImNvbHVtblwiIGZ4TGF5b3V0R2FwPVwiMC41JVwiPlxyXG4gICAgICA8ZGl2IFtuZ1N0eWxlXT1cImdldFBvcHVwU3R5bGVzKClcIj5cclxuICAgICAgICA8bWF0LWNhcmQgc3R5bGU9XCJwYWRkaW5nOiAwO1wiPlxyXG4gICAgICAgICAgPG1hdC1jYWxlbmRhclxyXG4gICAgICAgICAgICAgICAgICBbZGF0ZUZpbHRlcl09XCJkYXRlRmlsdGVyXCJcclxuICAgICAgICAgICAgICAgICAgW21heERhdGVdPVwibWF4RGF0ZVwiXHJcbiAgICAgICAgICAgICAgICAgIFttaW5EYXRlXT1cIm1pbkRhdGVcIlxyXG4gICAgICAgICAgICAgICAgICBbc2VsZWN0ZWRdPVwic2VsZWN0ZWREYXRlXCJcclxuICAgICAgICAgICAgICAgICAgKHNlbGVjdGVkQ2hhbmdlKT1cIm9uRGF0ZSgkZXZlbnQpXCJcclxuICAgICAgICAgICAgICAgICAgY2xhc3M9XCJjYWxlbmRhclwiXHJcbiAgICAgICAgICAgICAgICAgICpuZ0lmPVwiZW5hYmxlRGF0ZSAhPT0gZmFsc2VcIlxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgPC9tYXQtY2FsZW5kYXI+XHJcbiAgICAgICAgICA8bWF0LWZvcm1pby10aW1lXHJcbiAgICAgICAgICAgICAgICAgICN0aW1lXHJcbiAgICAgICAgICAgICAgICAgIFtob3VyU3RlcF09XCJob3VyU3RlcFwiXHJcbiAgICAgICAgICAgICAgICAgIFtpbnN0YW5jZV09XCJpbnN0YW5jZVwiXHJcbiAgICAgICAgICAgICAgICAgIFtyZW5kZXJFbGVtZW50T25seV09XCJ0cnVlXCJcclxuICAgICAgICAgICAgICAgICAgW21pbnV0ZVN0ZXBdPVwibWludXRlU3RlcFwiXHJcbiAgICAgICAgICAgICAgICAgIChzZWxlY3RlZEV2ZW50KT1cIm9uVGltZSgkZXZlbnQpXCJcclxuICAgICAgICAgICAgICAgICAgY2xhc3M9XCJtbC0zIGZvcm1pby10aW1lXCJcclxuICAgICAgICAgICAgICAgICAgKm5nSWY9XCJlbmFibGVUaW1lXCJcclxuICAgICAgICAgID5cclxuICAgICAgICAgIDwvbWF0LWZvcm1pby10aW1lPlxyXG4gICAgICAgIDwvbWF0LWNhcmQ+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgYFxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIE1hdGVyaWFsQ2FsZW5kYXJDb21wb25lbnQgZXh0ZW5kcyBNYXRlcmlhbENvbXBvbmVudCB7XHJcbiAgcHVibGljIHNlbGVjdGVkRGF0ZTogYW55O1xyXG4gIHB1YmxpYyBzZWxlY3RlZFRpbWU6IGFueTtcclxuICBwdWJsaWMgc2VsZWN0ZWRUaW1lQ29tcG9uZW50OiBhbnk7XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ3RpbWUnKSB0aW1lO1xyXG5cclxuICBASW5wdXQoKSBlbmFibGVEYXRlOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIGVuYWJsZVRpbWU6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgbWluRGF0ZTogYW55O1xyXG4gIEBJbnB1dCgpIG1heERhdGU6IGFueTtcclxuICBASW5wdXQoKSBkYXRlRmlsdGVyOiBhbnk7XHJcbiAgQElucHV0KCkgaG91clN0ZXA6IGFueTtcclxuICBASW5wdXQoKSBtaW51dGVTdGVwOiBhbnk7XHJcbiAgQE91dHB1dCgpIHRpbWVTZWxlY3RFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIEBPdXRwdXQoKSBkYXRlU2VsZWN0RXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuXHJcbiAgc2V0SW5zdGFuY2UoaW5zdGFuY2U6IGFueSkge1xyXG4gICAgc3VwZXIuc2V0SW5zdGFuY2UoaW5zdGFuY2UpO1xyXG4gIH1cclxuXHJcbiAgc2V0RXhpc3RlZERhdGUodmFsdWUpIHtcclxuICAgIHRoaXMuc2VsZWN0ZWREYXRlID0gdmFsdWU7XHJcbiAgfVxyXG5cclxuICBzZXRFeGlzdGVkVGltZSh2YWx1ZSwgZm9yVGltZSkge1xyXG4gICAgdGhpcy5zZWxlY3RlZFRpbWUgPSB2YWx1ZTtcclxuICAgIHRoaXMudGltZS5zZXRWYWx1ZShmb3JUaW1lKTtcclxuICB9XHJcblxyXG4gIG9uRGF0ZShldmVudCl7XHJcbiAgICB0aGlzLnNlbGVjdGVkRGF0ZSA9IGV2ZW50O1xyXG4gICAgdGhpcy5kYXRlU2VsZWN0RXZlbnQuZW1pdCh0aGlzLnNlbGVjdGVkRGF0ZSk7XHJcbiAgfVxyXG5cclxuICBvblRpbWUoZXZlbnQpIHtcclxuICAgIHRoaXMuc2VsZWN0ZWRUaW1lID0gZXZlbnQudmFsdWU7XHJcbiAgICB0aGlzLnRpbWVTZWxlY3RFdmVudC5lbWl0KHRoaXMuc2VsZWN0ZWRUaW1lKTtcclxuICB9XHJcblxyXG4gIGdldFBvcHVwU3R5bGVzKCkge1xyXG4gICAgcmV0dXJuIHtcclxuICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXHJcbiAgICAgIHpJbmRleDogJzEwMDAnLFxyXG4gICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgIG1heFdpZHRoOiAnMTAwJScsXHJcbiAgICAgIG1heEhlaWdodDogJzEwMCUnLFxyXG4gICAgICB0b3A6ICc5MHB4JyxcclxuICAgICAgbGVmdDogJzMwcHgnXHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiJdfQ==

package/esm2020/lib/components/checkbox/checkbox.component.mjs

@@ -0,0 +1,54 @@
+import { Component } from '@angular/core';
+import { MaterialComponent } from '../MaterialComponent';
+// import CheckboxComponent from 'formiojs/components/checkbox/Checkbox.js';
+import CheckboxComponent from 'formiojs/components/checkbox/Checkbox.js';
+import _ from 'lodash';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@angular/material/form-field";
+import * as i4 from "@angular/material/checkbox";
+import * as i5 from "@angular/material/tooltip";
+import * as i6 from "@angular/material/icon";
+import * as i7 from "@angular/flex-layout/extended";
+import * as i8 from "../label/label.component";
+export class MaterialCheckboxComponent extends MaterialComponent {
+    getValue() {
+        return _.isNil(this.control.value) ? '' : this.control.value;
+    }
+}
+MaterialCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MaterialCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+MaterialCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: MaterialCheckboxComponent, selector: "mat-formio-checkbox", usesInheritance: true, ngImport: i0, template: `
+    <mat-checkbox (change)="onChange()" [ngClass]="{'validation-error' : !!instance.error}"
+                  [formControl]="control"
+    >
+      <span matFormioLabel [instance]="instance"></span>
+      <mat-icon *ngIf="instance.component.tooltip" matSuffix
+                matTooltip="{{ instance.component.tooltip }}" style="font-size: 1rem;">info
+      </mat-icon>
+    </mat-checkbox>
+    <mat-hint>
+      {{ instance.component.description  }}
+    </mat-hint>
+    <mat-error *ngIf="instance.error">{{ instance.error.message }}</mat-error>
+  `, isInline: true, styles: ["::ng-deep .mat-checkbox.validation-error .mat-checkbox-frame{border-color:red}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix]" }, { kind: "component", type: i4.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i7.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: i8.LabelComponent, selector: "span[matFormioLabel]", inputs: ["instance"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MaterialCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mat-formio-checkbox', template: `
+    <mat-checkbox (change)="onChange()" [ngClass]="{'validation-error' : !!instance.error}"
+                  [formControl]="control"
+    >
+      <span matFormioLabel [instance]="instance"></span>
+      <mat-icon *ngIf="instance.component.tooltip" matSuffix
+                matTooltip="{{ instance.component.tooltip }}" style="font-size: 1rem;">info
+      </mat-icon>
+    </mat-checkbox>
+    <mat-hint>
+      {{ instance.component.description  }}
+    </mat-hint>
+    <mat-error *ngIf="instance.error">{{ instance.error.message }}</mat-error>
+  `, styles: ["::ng-deep .mat-checkbox.validation-error .mat-checkbox-frame{border-color:red}\n"] }]
+        }] });
+CheckboxComponent.MaterialComponent = MaterialCheckboxComponent;
+export { CheckboxComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXJlbmRlci1tYXRlcmlhbC1mb3Jtcy9zcmMvbGliL2NvbXBvbmVudHMvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDekQsNEVBQTRFO0FBQzVFLE9BQU8saUJBQWlCLE1BQU0sMENBQTBDLENBQUM7QUFDekUsT0FBTyxDQUFDLE1BQU0sUUFBUSxDQUFDOzs7Ozs7Ozs7O0FBb0J2QixNQUFNLE9BQU8seUJBQTBCLFNBQVEsaUJBQWlCO0lBQzlELFFBQVE7UUFDTixPQUFPLENBQUMsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQztJQUMvRCxDQUFDOztzSEFIVSx5QkFBeUI7MEdBQXpCLHlCQUF5QixrRkFoQjFCOzs7Ozs7Ozs7Ozs7O0dBYVQ7MkZBR1UseUJBQXlCO2tCQWxCckMsU0FBUzsrQkFDRSxxQkFBcUIsWUFDckI7Ozs7Ozs7Ozs7Ozs7R0FhVDs7QUFRSCxpQkFBaUIsQ0FBQyxpQkFBaUIsR0FBRyx5QkFBeUIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNYXRlcmlhbENvbXBvbmVudCB9IGZyb20gJy4uL01hdGVyaWFsQ29tcG9uZW50JztcclxuLy8gaW1wb3J0IENoZWNrYm94Q29tcG9uZW50IGZyb20gJ2Zvcm1pb2pzL2NvbXBvbmVudHMvY2hlY2tib3gvQ2hlY2tib3guanMnO1xyXG5pbXBvcnQgQ2hlY2tib3hDb21wb25lbnQgZnJvbSAnZm9ybWlvanMvY29tcG9uZW50cy9jaGVja2JveC9DaGVja2JveC5qcyc7XHJcbmltcG9ydCBfIGZyb20gJ2xvZGFzaCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21hdC1mb3JtaW8tY2hlY2tib3gnLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8bWF0LWNoZWNrYm94IChjaGFuZ2UpPVwib25DaGFuZ2UoKVwiIFtuZ0NsYXNzXT1cInsndmFsaWRhdGlvbi1lcnJvcicgOiAhIWluc3RhbmNlLmVycm9yfVwiXHJcbiAgICAgICAgICAgICAgICAgIFtmb3JtQ29udHJvbF09XCJjb250cm9sXCJcclxuICAgID5cclxuICAgICAgPHNwYW4gbWF0Rm9ybWlvTGFiZWwgW2luc3RhbmNlXT1cImluc3RhbmNlXCI+PC9zcGFuPlxyXG4gICAgICA8bWF0LWljb24gKm5nSWY9XCJpbnN0YW5jZS5jb21wb25lbnQudG9vbHRpcFwiIG1hdFN1ZmZpeFxyXG4gICAgICAgICAgICAgICAgbWF0VG9vbHRpcD1cInt7IGluc3RhbmNlLmNvbXBvbmVudC50b29sdGlwIH19XCIgc3R5bGU9XCJmb250LXNpemU6IDFyZW07XCI+aW5mb1xyXG4gICAgICA8L21hdC1pY29uPlxyXG4gICAgPC9tYXQtY2hlY2tib3g+XHJcbiAgICA8bWF0LWhpbnQ+XHJcbiAgICAgIHt7IGluc3RhbmNlLmNvbXBvbmVudC5kZXNjcmlwdGlvbiAgfX1cclxuICAgIDwvbWF0LWhpbnQ+XHJcbiAgICA8bWF0LWVycm9yICpuZ0lmPVwiaW5zdGFuY2UuZXJyb3JcIj57eyBpbnN0YW5jZS5lcnJvci5tZXNzYWdlIH19PC9tYXQtZXJyb3I+XHJcbiAgYCxcclxuICBzdHlsZXM6Wyc6Om5nLWRlZXAgLm1hdC1jaGVja2JveC52YWxpZGF0aW9uLWVycm9yIC5tYXQtY2hlY2tib3gtZnJhbWUge2JvcmRlci1jb2xvcjogcmVkOyB9J11cclxufSlcclxuZXhwb3J0IGNsYXNzIE1hdGVyaWFsQ2hlY2tib3hDb21wb25lbnQgZXh0ZW5kcyBNYXRlcmlhbENvbXBvbmVudCB7XHJcbiAgZ2V0VmFsdWUoKSB7XHJcbiAgICByZXR1cm4gXy5pc05pbCh0aGlzLmNvbnRyb2wudmFsdWUpID8gJycgOiB0aGlzLmNvbnRyb2wudmFsdWU7XHJcbiAgfVxyXG59XHJcbkNoZWNrYm94Q29tcG9uZW50Lk1hdGVyaWFsQ29tcG9uZW50ID0gTWF0ZXJpYWxDaGVja2JveENvbXBvbmVudDtcclxuZXhwb3J0IHsgQ2hlY2tib3hDb21wb25lbnQgfTtcclxuIl19

package/esm2020/lib/components/columns/columns.component.mjs

@@ -0,0 +1,69 @@
+import { Component } from '@angular/core';
+import { MaterialNestedComponent } from '../MaterialNestedComponent';
+import ColumnsComponent from 'formiojs/components/columns/Columns.js';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/flex-layout/flex";
+export class MaterialColumnsComponent extends MaterialNestedComponent {
+    constructor() {
+        super(...arguments);
+        this.flexGap = 0.5;
+        this.totalSpace = 0;
+    }
+    setInstance(instance) {
+        this.totalSpace = 100 - ((instance.component.columns.length - 1) * this.flexGap);
+        super.setInstance(instance);
+        instance.viewContainer = (component) => {
+            return this.viewContainers ? this.viewContainers[component.column] : null;
+        };
+    }
+    flexWidth(column, index) {
+        if (index >= (this.instance.component.columns.length - 1)) {
+            return Math.ceil(((parseFloat(column.width) / 12) * this.totalSpace)) + '%';
+        }
+        else {
+            return Math.floor(((parseFloat(column.width) / 12) * this.totalSpace)) + '%';
+        }
+    }
+}
+MaterialColumnsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MaterialColumnsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+MaterialColumnsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: MaterialColumnsComponent, selector: "mat-formio-columns", usesInheritance: true, ngImport: i0, template: `
+    <div class="container"
+         fxLayout="row"
+         fxLayout.xs="column"
+         fxLayoutWrap
+         fxLayoutGap="{{ flexGap }}%"
+         fxLayoutAlign="center"
+    >
+      <div
+        *ngFor="let column of instance.component.columns; let i = index"
+        [fxFlex]="flexWidth(column, i)"
+        fxLayout="column"
+        fxLayoutGap="1em">
+        <ng-template #components></ng-template>
+      </div>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i2.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i2.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i2.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MaterialColumnsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mat-formio-columns', template: `
+    <div class="container"
+         fxLayout="row"
+         fxLayout.xs="column"
+         fxLayoutWrap
+         fxLayoutGap="{{ flexGap }}%"
+         fxLayoutAlign="center"
+    >
+      <div
+        *ngFor="let column of instance.component.columns; let i = index"
+        [fxFlex]="flexWidth(column, i)"
+        fxLayout="column"
+        fxLayoutGap="1em">
+        <ng-template #components></ng-template>
+      </div>
+    </div>
+  ` }]
+        }] });
+ColumnsComponent.MaterialComponent = MaterialColumnsComponent;
+export { ColumnsComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtcmVuZGVyLW1hdGVyaWFsLWZvcm1zL3NyYy9saWIvY29tcG9uZW50cy9jb2x1bW5zL2NvbHVtbnMuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDckUsT0FBTyxnQkFBZ0IsTUFBTSx3Q0FBd0MsQ0FBQzs7OztBQXVCdEUsTUFBTSxPQUFPLHdCQUF5QixTQUFRLHVCQUF1QjtJQXJCckU7O1FBc0JTLFlBQU8sR0FBRyxHQUFHLENBQUM7UUFDZCxlQUFVLEdBQUcsQ0FBQyxDQUFDO0tBZ0J2QjtJQWZDLFdBQVcsQ0FBQyxRQUFhO1FBQ3ZCLElBQUksQ0FBQyxVQUFVLEdBQUcsR0FBRyxHQUFHLENBQUMsQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ2pGLEtBQUssQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDNUIsUUFBUSxDQUFDLGFBQWEsR0FBRyxDQUFDLFNBQVMsRUFBRSxFQUFFO1lBQ3JDLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUM1RSxDQUFDLENBQUM7SUFDSixDQUFDO0lBRUQsU0FBUyxDQUFDLE1BQU0sRUFBRSxLQUFLO1FBQ3JCLElBQUksS0FBSyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsRUFBRTtZQUN6RCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEdBQUcsRUFBRSxDQUFDLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLEdBQUcsR0FBRyxDQUFDO1NBQzdFO2FBQU07WUFDTCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEdBQUcsRUFBRSxDQUFDLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLEdBQUcsR0FBRyxDQUFDO1NBQzlFO0lBQ0gsQ0FBQzs7cUhBakJVLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLGlGQW5CekI7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQlQ7MkZBR1Usd0JBQXdCO2tCQXJCcEMsU0FBUzsrQkFDRSxvQkFBb0IsWUFDcEI7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQlQ7O0FBc0JILGdCQUFnQixDQUFDLGlCQUFpQixHQUFHLHdCQUF3QixDQUFDO0FBQzlELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE1hdGVyaWFsTmVzdGVkQ29tcG9uZW50IH0gZnJvbSAnLi4vTWF0ZXJpYWxOZXN0ZWRDb21wb25lbnQnO1xyXG5pbXBvcnQgQ29sdW1uc0NvbXBvbmVudCBmcm9tICdmb3JtaW9qcy9jb21wb25lbnRzL2NvbHVtbnMvQ29sdW1ucy5qcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21hdC1mb3JtaW8tY29sdW1ucycsXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXJcIlxyXG4gICAgICAgICBmeExheW91dD1cInJvd1wiXHJcbiAgICAgICAgIGZ4TGF5b3V0LnhzPVwiY29sdW1uXCJcclxuICAgICAgICAgZnhMYXlvdXRXcmFwXHJcbiAgICAgICAgIGZ4TGF5b3V0R2FwPVwie3sgZmxleEdhcCB9fSVcIlxyXG4gICAgICAgICBmeExheW91dEFsaWduPVwiY2VudGVyXCJcclxuICAgID5cclxuICAgICAgPGRpdlxyXG4gICAgICAgICpuZ0Zvcj1cImxldCBjb2x1bW4gb2YgaW5zdGFuY2UuY29tcG9uZW50LmNvbHVtbnM7IGxldCBpID0gaW5kZXhcIlxyXG4gICAgICAgIFtmeEZsZXhdPVwiZmxleFdpZHRoKGNvbHVtbiwgaSlcIlxyXG4gICAgICAgIGZ4TGF5b3V0PVwiY29sdW1uXCJcclxuICAgICAgICBmeExheW91dEdhcD1cIjFlbVwiPlxyXG4gICAgICAgIDxuZy10ZW1wbGF0ZSAjY29tcG9uZW50cz48L25nLXRlbXBsYXRlPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIGAsXHJcbiAgc3R5bGVzOiBbXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTWF0ZXJpYWxDb2x1bW5zQ29tcG9uZW50IGV4dGVuZHMgTWF0ZXJpYWxOZXN0ZWRDb21wb25lbnQge1xyXG4gIHB1YmxpYyBmbGV4R2FwID0gMC41O1xyXG4gIHB1YmxpYyB0b3RhbFNwYWNlID0gMDtcclxuICBzZXRJbnN0YW5jZShpbnN0YW5jZTogYW55KSB7XHJcbiAgICB0aGlzLnRvdGFsU3BhY2UgPSAxMDAgLSAoKGluc3RhbmNlLmNvbXBvbmVudC5jb2x1bW5zLmxlbmd0aCAtIDEpICogdGhpcy5mbGV4R2FwKTtcclxuICAgIHN1cGVyLnNldEluc3RhbmNlKGluc3RhbmNlKTtcclxuICAgIGluc3RhbmNlLnZpZXdDb250YWluZXIgPSAoY29tcG9uZW50KSA9PiB7XHJcbiAgICAgIHJldHVybiB0aGlzLnZpZXdDb250YWluZXJzID8gdGhpcy52aWV3Q29udGFpbmVyc1tjb21wb25lbnQuY29sdW1uXSA6IG51bGw7XHJcbiAgICB9O1xyXG4gIH1cclxuXHJcbiAgZmxleFdpZHRoKGNvbHVtbiwgaW5kZXgpIHtcclxuICAgIGlmIChpbmRleCA+PSAodGhpcy5pbnN0YW5jZS5jb21wb25lbnQuY29sdW1ucy5sZW5ndGggLSAxKSkge1xyXG4gICAgICByZXR1cm4gTWF0aC5jZWlsKCgocGFyc2VGbG9hdChjb2x1bW4ud2lkdGgpIC8gMTIpICogdGhpcy50b3RhbFNwYWNlKSkgKyAnJSc7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICByZXR1cm4gTWF0aC5mbG9vcigoKHBhcnNlRmxvYXQoY29sdW1uLndpZHRoKSAvIDEyKSAqIHRoaXMudG90YWxTcGFjZSkpICsgJyUnO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG5Db2x1bW5zQ29tcG9uZW50Lk1hdGVyaWFsQ29tcG9uZW50ID0gTWF0ZXJpYWxDb2x1bW5zQ29tcG9uZW50O1xyXG5leHBvcnQgeyBDb2x1bW5zQ29tcG9uZW50IH07XHJcbiJdfQ==