@inspark/inspark-components 1.0.0

package/full/esm5/components/button/button.component.js

@@ -0,0 +1,212 @@
+import { __decorate, __extends, __metadata } from "tslib";
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, OnChanges, OnInit, Output, ViewChild, ViewEncapsulation } from '@angular/core';
+import { Button as PButton, Menu } from 'primeng/primeng';
+var ButtonComponent = /** @class */ (function (_super) {
+    __extends(ButtonComponent, _super);
+    function ButtonComponent(cdr) {
+        var _this = _super.call(this) || this;
+        _this.cdr = cdr;
+        _this.size = 'normal';
+        _this.color = 'normal';
+        _this.type = 'button';
+        _this.name = '';
+        _this.testId = '';
+        _this.label = '';
+        _this.icon = '';
+        _this.className = '';
+        _this.notify = null;
+        _this.svg = '';
+        _this.width = 'auto';
+        _this.link = '';
+        _this.isLoading = false;
+        _this.shadow = false;
+        _this.isIconOnly = false;
+        /**
+         * external - ссылка на внешний источник
+         * internal - ссылка внутри приложения
+         * auto - определяется автоматически исходя из link
+         */
+        _this.linkType = 'auto';
+        /**
+         * self - открывается в этом же окне
+         * blank - открывается в новом окне
+         * auto - определяется автоматически исходя из linkType
+         */
+        _this.linkTarget = 'auto';
+        // Отображает кнопку нажатой
+        _this.pressed = false;
+        _this.disabled = false;
+        _this.iconPos = 'left';
+        _this.selectedItem = null;
+        _this.menuPlacement = 'bottom-left';
+        _this.menuItems = [];
+        _this.focus = new EventEmitter();
+        _this.blur = new EventEmitter();
+        _this.click = new EventEmitter();
+        _this._target = '_self';
+        _this._linkType = 'auto';
+        _this.isMaterialIcon = false;
+        return _this;
+    }
+    ButtonComponent.prototype.ngOnInit = function () {
+        this.updateData();
+    };
+    ButtonComponent.prototype.ngOnChanges = function (changes) {
+        this.updateData();
+    };
+    ButtonComponent.prototype.updateData = function () {
+        this._linkType = this.linkType;
+        if (this._linkType === 'auto') {
+            if ((this.link.indexOf('://') !== -1 || this.link.indexOf('//') === 0)) {
+                this._linkType = 'external';
+            }
+            else {
+                this._linkType = 'internal';
+            }
+        }
+        if (this.linkTarget === 'auto') {
+            if (this._linkType === 'external') {
+                this._target = '_blank';
+            }
+            else {
+                this._target = '_self';
+            }
+        }
+        else {
+            this._target = this.linkTarget === 'self' ? '_self' : 'blank';
+        }
+        if (this.icon && this.icon.indexOf('fa-') === -1) {
+            this.isMaterialIcon = true;
+        }
+        else {
+            this.isMaterialIcon = false;
+        }
+    };
+    ButtonComponent.prototype._onClick = function ($event) {
+        this.cdr.detectChanges();
+    };
+    ButtonComponent.ctorParameters = function () { return [
+        { type: ChangeDetectorRef }
+    ]; };
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], ButtonComponent.prototype, "size", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], ButtonComponent.prototype, "color", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], ButtonComponent.prototype, "type", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], ButtonComponent.prototype, "name", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], ButtonComponent.prototype, "testId", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], ButtonComponent.prototype, "label", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], ButtonComponent.prototype, "icon", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], ButtonComponent.prototype, "className", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], ButtonComponent.prototype, "notify", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], ButtonComponent.prototype, "svg", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], ButtonComponent.prototype, "width", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], ButtonComponent.prototype, "link", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], ButtonComponent.prototype, "isLoading", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], ButtonComponent.prototype, "shadow", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], ButtonComponent.prototype, "isIconOnly", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], ButtonComponent.prototype, "linkType", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], ButtonComponent.prototype, "linkTarget", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], ButtonComponent.prototype, "pressed", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], ButtonComponent.prototype, "disabled", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], ButtonComponent.prototype, "iconPos", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], ButtonComponent.prototype, "selectedItem", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], ButtonComponent.prototype, "menuPlacement", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Array)
+    ], ButtonComponent.prototype, "menuItems", void 0);
+    __decorate([
+        ViewChild(Menu, { static: false }),
+        __metadata("design:type", Menu)
+    ], ButtonComponent.prototype, "_menu", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", EventEmitter)
+    ], ButtonComponent.prototype, "focus", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", EventEmitter)
+    ], ButtonComponent.prototype, "blur", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", EventEmitter)
+    ], ButtonComponent.prototype, "click", void 0);
+    ButtonComponent = __decorate([
+        Component({
+            selector: 'in-button',
+            template: "<a (blur)=\"blur.emit($event)\"\n   (click)=\"_onClick($event)\"\n   (focus)=\"focus.emit($event)\"\n   *ngIf=\"link && _linkType ==='external'\"\n   [attr.type]=\"type\"\n   [class]=\"className + ' ' + testId  + ' field_' + name\"\n   [href]=\"link\"\n   [ngClass]=\"{'ui-button ui-widget ui-state-default ui-corner-all':true,\n                        'ui-button-icon-only': ((icon || svg) && !label),\n                        'ui-button-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\n                        'ui-button-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\n                        'ui-button-text-only': (!(icon || svg) && label),\n                        'ui-button-text-empty': (!(icon || svg) && !label),\n                        'ui-button-svg': svg,\n                        'ui-button-material': isMaterialIcon,\n                        'ui-state-disabled': disabled,\n                        'ui-button-small': size === 'small',\n                        'ui-button-large': size === 'large',\n                        'ui-button-primary': color === 'primary',\n                        'ui-button-secondary': color === 'secondary',\n                        'ui-button-danger': color === 'danger',\n                        'ui-button-transparency': color === 'transparent',\n                        'ui-button-pressed' : pressed}\"\n   [ngStyle]=\"{width:width}\"\n   [style]=\"style\"\n   [target]=\"_target\" class=\"button-container\">\n  <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\n</a>\n<a (blur)=\"blur.emit($event)\"\n   (click)=\"_onClick($event)\"\n   (focus)=\"focus.emit($event)\"\n   *ngIf=\"link && _linkType ==='internal'\"\n   [attr.type]=\"type\"\n   [class]=\"className + ' ' + testId  + ' field_' + name\"\n   [ngClass]=\"{'ui-button ui-widget ui-state-default ui-corner-all':true,\n                        'ui-button-icon-only': ((icon || svg) && !label),\n                        'ui-button-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\n                        'ui-button-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\n                        'ui-button-text-only': (!(icon || svg) && label),\n                        'ui-button-text-empty': (!(icon || svg) && !label),\n                        'ui-button-svg': svg,\n                        'ui-button-material': isMaterialIcon,\n                        'ui-state-disabled': disabled,\n                        'ui-button-small': size === 'small',\n                        'ui-button-large': size === 'large',\n                        'ui-button-primary': color === 'primary',\n                        'ui-button-secondary': color === 'secondary',\n                        'ui-button-danger': color === 'danger',\n                        'ui-button-transparency': color === 'transparent',\n                        'ui-button-pressed' : pressed}\"\n   [ngStyle]=\"{width:width}\"\n   [routerLink]=\"link\"\n   [style]=\"style\"\n   [target]=\"_target\" class=\"button-container\">\n  <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\n</a>\n<span #dropdown=\"ngbDropdown\" *ngIf=\"!link && menuItems.length\" [ngStyle]=\"{width:width}\" class=\"button-container\" container=\"body\"\n      ngbDropdown>\n    <button\n      (blur)=\"blur.emit($event)\"\n      (click)=\"_onClick($event)\"\n      (focus)=\"focus.emit($event)\"\n      [attr.type]=\"type\"\n      [class]=\"className + ' ' + testId + ' field_' + name\"\n      [disabled]=\"disabled\"\n      [ngClass]=\" {'ui-button ui-widget ui-state-default ui-corner-all':true,\n                        'ui-button-icon-only': ((icon || svg) && !label),\n                        'ui-button-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\n                        'ui-button-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\n                        'ui-button-text-only': (!(icon || svg) && label),\n                        'ui-button-text-empty': (!(icon || svg) && !label),\n                        'ui-button-svg': svg,\n                        'ui-button-material': isMaterialIcon,\n                        'ui-state-disabled': disabled,\n                        'ui-button-small': size === 'small',\n                        'ui-button-large': size === 'large',\n                        'ui-button-primary': color === 'primary',\n                        'ui-button-secondary': color === 'secondary',\n                        'ui-button-danger': color === 'danger',\n                        'ui-button-transparency': color === 'transparent',\n                        'ui-button-shadowed': shadow === true,\n                        'ui-button-pressed' : pressed}\"\n      [style]=\"style\" ngbDropdownToggle>\n        <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\n    </button>\n    <div *ngIf=\"menuItems.length\" aria-labelledby=\"menu\"\n         class=\"in-dropdown-menu\"\n         ngbDropdownMenu>\n        <div *ngFor=\"let item of menuItems\" class=\"in-dropdown-menu-item\" role=\"menuitem\">\n            <in-button (click)=\"dropdown.close(); item.command();\"\n                       [color]=\"selectedItem && selectedItem == item.id?'primary':'transparent'\"\n                       [icon]=\"item.icon\"\n                       [label]=\"item.label\"\n                       [svg]=\"item.svg\"\n                       size=\"large\"\n                       width=\"100%\"></in-button>\n        </div>\n    </div>\n\n    <div *ngIf=\"notify\" [ngClass]=\"notify\" class=\"notify\"></div>\n</span>\n<span *ngIf=\"!link && !menuItems.length\" [ngStyle]=\"{width:width}\" class=\"button-container\">\n    <button\n      (blur)=\"blur.emit($event)\"\n      (click)=\"_onClick($event)\"\n      (focus)=\"focus.emit($event)\"\n      [attr.type]=\"type\"\n      [class]=\"className + ' ' + testId  + ' field_' + name\"\n      [disabled]=\"disabled\"\n      [ngClass]=\" {'ui-button ui-widget ui-state-default ui-corner-all':true,\n                        'ui-button-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\n                        'ui-button-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\n                        'ui-button-text-only': (!(icon || svg) && label),\n                        'ui-button-text-empty': (!(icon || svg) && !label),\n                        'ui-button-svg': svg,\n                        'ui-button-material': isMaterialIcon,\n                        'ui-button-icon-only': isIconOnly || ((icon || svg) && !label),\n                        'ui-state-disabled': disabled,\n                        'ui-button-small': size === 'small',\n                        'ui-button-large': size === 'large',\n                        'ui-button-primary': color === 'primary',\n                        'ui-button-secondary': color === 'secondary',\n                        'ui-button-danger': color === 'danger',\n                        'ui-button-transparency': color === 'transparent',\n                        'ui-button-shadowed': shadow === true,\n                        'ui-button-pressed' : pressed}\" [style]=\"style\">\n        <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\n    </button>\n    <div *ngIf=\"notify\" [ngClass]=\"notify\" class=\"notify\"></div>\n</span>\n\n<ng-template #content>\n    <span *ngIf=\"!isMaterialIcon && icon && !isLoading\" [class]=\"icon\"\n          [ngClass]=\"{'ui-clickable': true,\n                        'ui-button-icon-left': (iconPos === 'left'),\n                        'ui-button-icon-right': (iconPos === 'right')}\"></span>\n  <span *ngIf=\"isMaterialIcon && icon && !isLoading\" [ngClass]=\"{'ui-clickable': true,\n                        'ui-button-icon-left': (iconPos === 'left'),\n                        'ui-button-icon-right': (iconPos === 'right')}\"\n  ><i class=\"material-icons\">{{icon}}</i></span>\n  <in-preloader *ngIf=\"isLoading\" size=\"small\"></in-preloader>\n  <span class=\"ui-button-text ui-clickable\">{{label}}</span>\n  <span *ngIf=\"svg && !isLoading\" [ngClass]=\"{'ui-clickable': true,\n                        'ui-button-icon-left': (iconPos === 'left'),\n                        'ui-button-icon-right': (iconPos === 'right')}\">\n        <in-svg *ngIf=\"size === 'normal'\" [src]=\"svg\" height=\"20px\" width=\"20px\"></in-svg>\n        <in-svg *ngIf=\"size === 'large'\" [src]=\"svg\" height=\"20px\" width=\"20px\"></in-svg>\n        <in-svg *ngIf=\"size === 'small'\" [src]=\"svg\" height=\"20px\" width=\"20px\"></in-svg>\n    </span>\n</ng-template>\n",
+            encapsulation: ViewEncapsulation.Emulated,
+            changeDetection: ChangeDetectionStrategy.OnPush,
+            styles: ["@charset \"UTF-8\";.container{display:inline-block}.button-container{position:relative;display:inline-block}button{outline:0;width:100%}.ui-button-icon-only .ui-button-icon-left{margin-top:-9px}.ui-button-text{vertical-align:middle}.notify{width:8px;height:8px;border-radius:100%;position:absolute;right:8px;top:8px}.notify.warning{background:var(--colorWarning)}.notify.success{background:var(--colorSuccess)}.notify.error{background:var(--colorError)}.notify.critical{background:var(--colorCritical)}.ui-button{margin-right:0;height:36px;display:inline-flex;align-items:center;justify-content:center}.ui-button.ui-button-pressed{background-color:var(--colorBgLevel4)}.ui-button.ui-button-large{height:48px}.ui-button.ui-button-large .ui-button-icon-left{font-size:18px;margin-top:-8px}.ui-button.ui-button-large .ui-button-text{padding:0 1em 0 48px;margin-top:6px}.ui-button-text-icon-left .ui-button-text{padding:0 1em 0 2.4em}.ui-button-icon-only{font-size:18px;display:inline-flex;align-items:center;justify-content:center}.ui-button-icon-only.ui-button-large{width:48px;height:48px}.ui-button-icon-only .svg,.ui-button-icon-only.ui-button-large .svg{display:inline-block;line-height:0}.ui-button-transparency{background:0 0;color:currentColor}.ui-button-transparency:hover{color:var(--colorText)}.ui-button-shadowed{box-shadow:0 2px 6px 0 rgba(0,0,0,.2)}.ui-button.ui-button-svg.ui-button-small .ui-button-icon-left{margin-top:-4px}.ui-button.ui-button-svg.ui-button-small.ui-button-icon-only .ui-button-icon-left{margin-top:-2px}.ui-button.ui-button-svg .ui-button-icon-left{left:6px;transform:translateY(-50%);margin-top:-4px}.ui-button.ui-button-svg.ui-button-icon-only .ui-button-icon-left{left:50%;width:auto;transform:translate(-50%,-50%);margin-left:0;margin-top:0}.ui-button.ui-button-svg.ui-button-large.ui-button-icon-only .ui-button-icon-left{margin-top:0}.ui-button-material.ui-button-icon-only .material-icons{font-size:20px}.ui-button-material.ui-button-icon-only .ui-button-icon-left{margin-top:-10px;margin-left:-12px}.ui-button-material .material-icons{font-size:16px}.ui-button-material .ui-button-icon-left{margin-top:-8px;margin-left:-2px}.ui-button-material.ui-button-small .ui-button-icon-left{margin-top:-7px}.ui-button-material.ui-button-small .material-icons{font-size:14px}.ui-button-material.ui-button-small.ui-button-icon-only .ui-button-icon-left{margin-top:-12px;margin-left:-10px}.ui-button-material.ui-button-small.ui-button-icon-only .ui-button-icon-left .material-icons{font-size:18px}.ui-button-material.ui-button-large .material-icons{font-size:24px}.ui-button-material.ui-button-large .ui-button-icon-left{margin-top:-11px}.ui-button-material.ui-button-large.ui-button-icon-only .ui-button-icon-left{margin-top:-11px;margin-left:-13px}:host .ui-menu .ui-menuitem-link{font-size:16px}.dropdown-menu{display:none;background:var(--colorBgLevel3);padding:4px}.dropdown-menu li{padding:4px;font-size:14px}.dropdown-menu.show{display:block}.in-dropdown-menu{background:var(--colorBgLevel2);padding:0;position:absolute;display:none;margin-left:0;box-shadow:0 0 3px 1px rgba(0,0,0,.2)}.in-dropdown-menu.show{display:block}.in-dropdown-menu .in-dropdown-menu-item{list-style-type:none;min-width:250px;display:flex;align-items:center;justify-content:flex-start;min-height:48px}.in-dropdown-menu .in-dropdown-menu-item in-button,.in-dropdown-menu .in-dropdown-menu-item in-button ::ng-deep button{width:100%;border-radius:0}.in-dropdown-menu .in-dropdown-menu-item in-button .ui-button,.in-dropdown-menu .in-dropdown-menu-item in-button ::ng-deep button .ui-button{justify-content:flex-start}.in-dropdown-menu .in-dropdown-menu-item .switcher{flex:1;display:flex;justify-content:flex-end;padding-right:4px}.in-dropdown-menu .in-dropdown-menu-item+.in-dropdown-menu-item{border-top:1px solid var(--colorBgLevel4)}"]
+        }),
+        __metadata("design:paramtypes", [ChangeDetectorRef])
+    ], ButtonComponent);
+    return ButtonComponent;
+}(PButton));
+export { ButtonComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BpbnNwYXJrL2luc3BhcmstY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxpQkFBaUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDbEssT0FBTyxFQUFDLE1BQU0sSUFBSSxPQUFPLEVBQUUsSUFBSSxFQUFXLE1BQU0saUJBQWlCLENBQUM7QUFrQmxFO0lBQXFDLG1DQUFPO0lBc0QxQyx5QkFBb0IsR0FBc0I7UUFBMUMsWUFDRSxpQkFBTyxTQUNSO1FBRm1CLFNBQUcsR0FBSCxHQUFHLENBQW1CO1FBcERqQyxVQUFJLEdBQWUsUUFBUSxDQUFDO1FBQzVCLFdBQUssR0FBZ0IsUUFBUSxDQUFDO1FBQzlCLFVBQUksR0FBZSxRQUFRLENBQUM7UUFDNUIsVUFBSSxHQUFHLEVBQUUsQ0FBQztRQUNWLFlBQU0sR0FBRyxFQUFFLENBQUM7UUFDWixXQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1gsVUFBSSxHQUFHLEVBQUUsQ0FBQztRQUNWLGVBQVMsR0FBRyxFQUFFLENBQUM7UUFDZixZQUFNLEdBQWlCLElBQUksQ0FBQztRQUM1QixTQUFHLEdBQUcsRUFBRSxDQUFDO1FBQ1QsV0FBSyxHQUFHLE1BQU0sQ0FBQztRQUNmLFVBQUksR0FBRyxFQUFFLENBQUM7UUFDVixlQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLFlBQU0sR0FBRyxLQUFLLENBQUM7UUFDZixnQkFBVSxHQUFHLEtBQUssQ0FBQztRQUU1Qjs7OztXQUlHO1FBQ00sY0FBUSxHQUFxQyxNQUFNLENBQUM7UUFDN0Q7Ozs7V0FJRztRQUNNLGdC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QUFFOzttREFBZ0I7SUFDZjtRQUFSLEtBQUssRUFBRTs7dURBQW9CO0lBT25CO1FBQVIsS0FBSyxFQUFFOztxREFBcUQ7SUFNcEQ7UUFBUixLQUFLLEVBQUU7O3VEQUFnRDtJQUkvQztRQUFSLEtBQUssRUFBRTs7b0RBQWlCO0lBRWhCO1FBQVIsS0FBSyxFQUFFOztxREFBa0I7SUFFakI7UUFBUixLQUFLLEVBQUU7O29EQUEyQjtJQUUxQjtRQUFSLEtBQUssRUFBRTs7eURBQXFCO0lBQ3BCO1FBQVIsS0FBSyxFQUFFOzswREFBK0I7SUFDOUI7UUFBUixLQUFLLEVBQUU7O3NEQUFtQztJQUVUO1FBQWpDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsRUFBQyxNQUFNLEVBQUUsS0FBSyxFQUFDLENBQUM7a0NBQVUsSUFBSTtrREFBQztJQUV0QztRQUFULE1BQU0sRUFBRTtrQ0FBUSxZQUFZO2tEQUEyQjtJQUM5QztRQUFULE1BQU0sRUFBRTtrQ0FBTyxZQUFZO2lEQUEyQjtJQUM3QztRQUFULE1BQU0sRUFBRTtrQ0FBUSxZQUFZO2tEQUEyQjtJQS9DN0MsZUFBZTtRQVAzQixTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUsV0FBVztZQUNyQixrN1FBQXNDO1lBRXRDLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxRQUFRO1lBQ3pDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOztTQUNoRCxDQUFDO3lDQXVEeUIsaUJBQWlCO09BdEQvQixlQUFlLENBbUczQjtJQUFELHNCQUFDO0NBQUEsQUFuR0QsQ0FBcUMsT0FBTyxHQW1HM0M7U0FuR1ksZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0LCBPdXRwdXQsIFZpZXdDaGlsZCwgVmlld0VuY2Fwc3VsYXRpb259IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtCdXR0b24gYXMgUEJ1dHRvbiwgTWVudSwgTWVudUl0ZW19IGZyb20gJ3ByaW1lbmcvcHJpbWVuZyc7XG5pbXBvcnQge0luc3BhcmtNZW51SXRlbX0gZnJvbSBcIi4uLy4uL2ludGVyZmFjZVwiO1xuXG5cbnR5cGUgQnV0dG9uU2l6ZSA9ICdzbWFsbCcgfCAnbm9ybWFsJyB8ICdsYXJnZSc7XG50eXBlIEJ1dHRvbkNvbG9yID0gJ25vcm1hbCcgfCAnZGFuZ2VyJyB8ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ3RyYW5zcGFyZW50JztcbnR5cGUgQnV0dG9uVHlwZSA9ICdidXR0b24nIHwgJ3N1Ym1pdCc7XG50eXBlIEljb25Qb3MgPSAnbGVmdCcgfCAncmlnaHQnO1xudHlwZSBCdXR0b25Ob3RpZnkgPSAnd2FybmluZycgfCAnZXJyb3InO1xuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2luLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uRW11bGF0ZWQsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBCdXR0b25Db21wb25lbnQgZXh0ZW5kcyBQQnV0dG9uIGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuXG4gIEBJbnB1dCgpIHNpemU6IEJ1dHRvblNpemUgPSAnbm9ybWFsJztcbiAgQElucHV0KCkgY29sb3I6IEJ1dHRvbkNvbG9yID0gJ25vcm1hbCc7XG4gIEBJbnB1dCgpIHR5cGU6IEJ1dHRvblR5cGUgPSAnYnV0dG9uJztcbiAgQElucHV0KCkgbmFtZSA9ICcnO1xuICBASW5wdXQoKSB0ZXN0SWQgPSAnJztcbiAgQElucHV0KCkgbGFiZWwgPSAnJztcbiAgQElucHV0KCkgaWNvbiA9ICcnO1xuICBASW5wdXQoKSBjbGFzc05hbWUgPSAnJztcbiAgQElucHV0KCkgbm90aWZ5OiBCdXR0b25Ob3RpZnkgPSBudWxsO1xuICBASW5wdXQoKSBzdmcgPSAnJztcbiAgQElucHV0KCkgd2lkdGggPSAnYXV0byc7XG4gIEBJbnB1dCgpIGxpbmsgPSAnJztcbiAgQElucHV0KCkgaXNMb2FkaW5nID0gZmFsc2U7XG4gIEBJbnB1dCgpIHNoYWRvdyA9IGZhbHNlO1xuICBASW5wdXQoKSBpc0ljb25Pbmx5ID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIGV4dGVybmFsIC0g0YHRgdGL0LvQutCwINC90LAg0LLQvdC10YjQvdC40Lkg0LjRgdGC0L7Rh9C90LjQulxuICAgKiBpbnRlcm5hbCAtINGB0YHRi9C70LrQsCDQstC90YPRgtGA0Lgg0L/RgNC40LvQvtC20LXQvdC40Y9cbiAgICogYXV0byAtINC+0L/RgNC10LTQtdC70Y/QtdGC0YHRjyDQsNCy0YLQvtC80LDRgtC40YfQtdGB0LrQuCDQuNGB0YXQvtC00Y8g0LjQtyBsaW5rXG4gICAqL1xuICBASW5wdXQoKSBsaW5rVHlwZTogJ2F1dG8nIHwgJ2V4dGVybmFsJyB8ICdpbnRlcm5hbCcgPSAnYXV0byc7XG4gIC8qKlxuICAgKiBzZWxmIC0g0L7RgtC60YDRi9Cy0LDQtdGC0YHRjyDQsiDRjdGC0L7QvCDQttC1INC+0LrQvdC1XG4gICAqIGJsYW5rIC0g0L7RgtC60YDRi9Cy0LDQtdGC0YHRjyDQsiDQvdC+0LLQvtC8INC+0LrQvdC1XG4gICAqIGF1dG8gLSDQvtC/0YDQtdC00LXQu9GP0LXRgtGB0Y8g0LDQstGC0L7QvNCw0YLQuNGH0LXRgdC60Lgg0LjRgdGF0L7QtNGPINC40LcgbGlua1R5cGVcbiAgICovXG4gIEBJbnB1dCgpIGxpbmtUYXJnZXQ6ICdhdXRvJyB8ICdzZWxmJyB8ICdibGFuaycgPSAnYXV0byc7XG5cblxuICAvLyDQntGC0L7QsdGA0LDQttCw0LXRgiDQutC90L7Qv9C60YMg0L3QsNC20LDRgtC+0LlcbiAgQElucHV0KCkgcHJlc3NlZCA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgQElucHV0KCkgaWNvblBvczogSWNvblBvcyA9ICdsZWZ0JztcblxuICBASW5wdXQoKSBzZWxlY3RlZEl0ZW0gPSBudWxsO1xuICBASW5wdXQoKSBtZW51UGxhY2VtZW50ID0gJ2JvdHRvbS1sZWZ0JztcbiAgQElucHV0KCkgbWVudUl0ZW1zOiBJbnNwYXJrTWVudUl0ZW1bXSA9IFtdO1xuXG4gIEBWaWV3Q2hpbGQoTWVudSwge3N0YXRpYzogZmFsc2V9KSBfbWVudSAhOiBNZW51O1xuXG4gIEBPdXRwdXQoKSBmb2N1czogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBibHVyOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIGNsaWNrOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBfdGFyZ2V0ID0gJ19zZWxmJztcbiAgX2xpbmtUeXBlOiAnYXV0bycgfCAnZXh0ZXJuYWwnIHwgJ2ludGVybmFsJyA9ICdhdXRvJztcblxuICBpc01hdGVyaWFsSWNvbiA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZiwpIHtcbiAgICBzdXBlcigpO1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG5cblxuICAgIHRoaXMudXBkYXRlRGF0YSgpO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlcykge1xuICAgIHRoaXMudXBkYXRlRGF0YSgpO1xuICB9XG5cbiAgdXBkYXRlRGF0YSgpIHtcbiAgICB0aGlzLl9saW5rVHlwZSA9IHRoaXMubGlua1R5cGU7XG5cbiAgICBpZiAodGhpcy5fbGlua1R5cGUgPT09ICdhdXRvJykge1xuICAgICAgaWYgKCh0aGlzLmxpbmsuaW5kZXhPZignOi8vJykgIT09IC0xIHx8IHRoaXMubGluay5pbmRleE9mKCcvLycpID09PSAwKSkge1xuICAgICAgICB0aGlzLl9saW5rVHlwZSA9ICdleHRlcm5hbCc7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLl9saW5rVHlwZSA9ICdpbnRlcm5hbCc7XG4gICAgICB9XG4gICAgfVxuXG4gICAgaWYgKHRoaXMubGlua1RhcmdldCA9PT0gJ2F1dG8nKSB7XG4gICAgICBpZiAodGhpcy5fbGlua1R5cGUgPT09ICdleHRlcm5hbCcpIHtcbiAgICAgICAgdGhpcy5fdGFyZ2V0ID0gJ19ibGFuayc7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLl90YXJnZXQgPSAnX3NlbGYnO1xuICAgICAgfVxuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLl90YXJnZXQgPSB0aGlzLmxpbmtUYXJnZXQgPT09ICdzZWxmJyA/ICdfc2VsZicgOiAnYmxhbmsnO1xuICAgIH1cblxuICAgIGlmICh0aGlzLmljb24gJiYgdGhpcy5pY29uLmluZGV4T2YoJ2ZhLScpID09PSAtMSkge1xuICAgICAgdGhpcy5pc01hdGVyaWFsSWNvbiA9IHRydWU7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuaXNNYXRlcmlhbEljb24gPSBmYWxzZTtcbiAgICB9XG4gIH1cblxuICBfb25DbGljaygkZXZlbnQpIHtcbiAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XG4gIH1cbn1cbiJdfQ==

package/full/esm5/components/checkbox/checkbox.component.js

@@ -0,0 +1,106 @@
+import { __decorate, __metadata } from "tslib";
+import { ChangeDetectorRef, Component, ElementRef, forwardRef, Input } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { Router } from '@angular/router';
+var CheckboxComponent = /** @class */ (function () {
+    function CheckboxComponent(element, cdRef, router) {
+        this.element = element;
+        this.cdRef = cdRef;
+        this.router = router;
+        this.name = null;
+        this.label = null;
+        this.required = false;
+        this.error = null;
+        this.placeholder = '';
+        this.id = null;
+        this.propagateChange = function (_) {
+        };
+    }
+    CheckboxComponent_1 = CheckboxComponent;
+    /**
+     * Write form value to the DOM element (model => view)
+     */
+    CheckboxComponent.prototype.writeValue = function (value) {
+        this.value = value;
+        if (!this.cdRef['destroyed']) {
+            this.cdRef.detectChanges();
+        }
+    };
+    /**
+     * Write form disabled state to the DOM element (model => view)
+     */
+    CheckboxComponent.prototype.setDisabledState = function (isDisabled) {
+        this.disabled = isDisabled;
+    };
+    /**
+     * Update form when DOM element value changes (view => model)
+     */
+    CheckboxComponent.prototype.registerOnChange = function (fn) {
+        // Store the provided function as an internal method.
+        this.propagateChange = fn;
+    };
+    /**
+     * Update form when DOM element is blurred (view => model)
+     */
+    CheckboxComponent.prototype.registerOnTouched = function (fn) {
+        // Store the provided function as an internal method.
+        this.onTouched = fn;
+    };
+    CheckboxComponent.prototype.onChange = function (_) {
+        this.propagateChange(this.value);
+    };
+    CheckboxComponent.prototype.onTouched = function () {
+    };
+    var CheckboxComponent_1;
+    CheckboxComponent.ctorParameters = function () { return [
+        { type: ElementRef },
+        { type: ChangeDetectorRef },
+        { type: Router }
+    ]; };
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], CheckboxComponent.prototype, "name", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], CheckboxComponent.prototype, "label", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], CheckboxComponent.prototype, "required", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], CheckboxComponent.prototype, "error", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], CheckboxComponent.prototype, "placeholder", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], CheckboxComponent.prototype, "id", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Boolean)
+    ], CheckboxComponent.prototype, "disabled", void 0);
+    CheckboxComponent = CheckboxComponent_1 = __decorate([
+        Component({
+            selector: 'in-checkbox',
+            template: "<label class=\"c-checkbox\">\n  <input (change)=\"onChange($event)\" (input)=\"onChange($event)\"\n         (ngModelChange)=\"onChange(value)\"\n         [(ngModel)]=\"value\"\n         [disabled]=\"disabled\"\n         class=\"c-checkbox__input field_{{id}}\"\n         name=\"element_name\"\n         type=\"checkbox\"/>\n  <i class=\"c-checkbox__icon\"></i>\n  <span *ngIf=\"label\" class=\"label\">{{ label }}</span>\n  <span class=\"label\"><ng-content></ng-content></span>\n</label>\n",
+            providers: [
+                {
+                    provide: NG_VALUE_ACCESSOR,
+                    useExisting: forwardRef(function () { return CheckboxComponent_1; }),
+                    multi: true,
+                }
+            ],
+            styles: [":host{line-height:0;width:100%}.c-checkbox{margin:0;display:flex;min-width:100%;align-items:center;padding:8px}.c-checkbox .c-checkbox__input+.c-checkbox__icon{padding-left:20px;top:0}.c-checkbox .label{display:flex;min-width:100%;align-items:center}.c-checkbox .label:not(:empty){margin-left:10px}"]
+        }),
+        __metadata("design:paramtypes", [ElementRef, ChangeDetectorRef, Router])
+    ], CheckboxComponent);
+    return CheckboxComponent;
+}());
+export { CheckboxComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGluc3BhcmsvaW5zcGFyay1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9jaGVja2JveC9jaGVja2JveC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyxpQkFBaUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDMUYsT0FBTyxFQUF1QixpQkFBaUIsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQ3ZFLE9BQU8sRUFBQyxNQUFNLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQWN2QztJQVlFLDJCQUFtQixPQUFtQixFQUFVLEtBQXdCLEVBQVMsTUFBYztRQUE1RSxZQUFPLEdBQVAsT0FBTyxDQUFZO1FBQVUsVUFBSyxHQUFMLEtBQUssQ0FBbUI7UUFBUyxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBVnRGLFNBQUksR0FBRyxJQUFJLENBQUM7UUFDWixVQUFLLEdBQUcsSUFBSSxDQUFDO1FBQ2IsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixVQUFLLEdBQUcsSUFBSSxDQUFDO1FBQ2IsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFDakIsT0FBRSxHQUFHLElBQUksQ0FBQztRQTBDWCxvQkFBZSxHQUFHLFVBQUMsQ0FBTTtRQUNqQyxDQUFDLENBQUM7SUFwQ0YsQ0FBQzswQkFkVSxpQkFBaUI7SUFnQjVCOztPQUVHO0lBQ0gsc0NBQVUsR0FBVixVQUFXLEtBQVU7UUFDbkIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDbkIsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLEVBQUU7WUFDNUIsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLEVBQUUsQ0FBQztTQUM1QjtJQUNILENBQUM7SUFFRDs7T0FFRztJQUNILDRDQUFnQixHQUFoQixVQUFpQixVQUFtQjtRQUNsQyxJQUFJLENBQUMsUUFBUSxHQUFHLFVBQVUsQ0FBQztJQUM3QixDQUFDO0lBRUQ7O09BRUc7SUFDSCw0Q0FBZ0IsR0FBaEIsVUFBaUIsRUFBTztRQUN0QixxREFBcUQ7UUFDckQsSUFBSSxDQUFDLGVBQWUsR0FBRyxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVEOztPQUVHO0lBQ0gsNkNBQWlCLEdBQWpCLFVBQWtCLEVBQU87UUFDdkIscURBQXFEO1FBQ3JELElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFLQSxvQ0FBUSxHQUFSLFVBQVMsQ0FBTTtRQUNkLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ25DLENBQUM7SUFFTyxxQ0FBUyxHQUFqQjtJQUNBLENBQUM7OztnQkE3QzJCLFVBQVU7Z0JBQWlCLGlCQUFpQjtnQkFBaUIsTUFBTTs7SUFWdEY7UUFBUixLQUFLLEVBQUU7O21EQUFhO0lBQ1o7UUFBUixLQUFLLEVBQUU7O29EQUFjO0lBQ2I7UUFBUixLQUFLLEVBQUU7O3VEQUFrQjtJQUNqQjtRQUFSLEtBQUssRUFBRTs7b0RBQWM7SUFDYjtRQUFSLEtBQUssRUFBRTs7MERBQWtCO0lBQ2pCO1FBQVIsS0FBSyxFQUFFOztpREFBVztJQUNWO1FBQVIsS0FBSyxFQUFFOzt1REFBbUI7SUFSaEIsaUJBQWlCO1FBWjdCLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxhQUFhO1lBQ3ZCLHNmQUF3QztZQUV4QyxTQUFTLEVBQUU7Z0JBQ1Q7b0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtvQkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxjQUFNLE9BQUEsbUJBQWlCLEVBQWpCLENBQWlCLENBQUM7b0JBQ2hELEtBQUssRUFBRSxJQUFJO2lCQUNaO2FBQ0Y7O1NBQ0YsQ0FBQzt5Q0FhNEIsVUFBVSxFQUFpQixpQkFBaUIsRUFBaUIsTUFBTTtPQVpwRixpQkFBaUIsQ0EyRDdCO0lBQUQsd0JBQUM7Q0FBQSxBQTNERCxJQTJEQztTQTNEWSxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIGZvcndhcmRSZWYsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Q29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQge1JvdXRlcn0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaW4tY2hlY2tib3gnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2hlY2tib3guY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jaGVja2JveC5jb21wb25lbnQuc2NzcyddLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IENoZWNrYm94Q29tcG9uZW50KSxcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgIH1cbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2hlY2tib3hDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XG5cbiAgQElucHV0KCkgbmFtZSA9IG51bGw7XG4gIEBJbnB1dCgpIGxhYmVsID0gbnVsbDtcbiAgQElucHV0KCkgcmVxdWlyZWQgPSBmYWxzZTtcbiAgQElucHV0KCkgZXJyb3IgPSBudWxsO1xuICBASW5wdXQoKSBwbGFjZWhvbGRlciA9ICcnO1xuICBASW5wdXQoKSBpZCA9IG51bGw7XG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuO1xuXG4gIHZhbHVlOiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IocHVibGljIGVsZW1lbnQ6IEVsZW1lbnRSZWYsIHByaXZhdGUgY2RSZWY6IENoYW5nZURldGVjdG9yUmVmLCBwdWJsaWMgcm91dGVyOiBSb3V0ZXIpIHtcblxuICB9XG5cbiAgLyoqXG4gICAqIFdyaXRlIGZvcm0gdmFsdWUgdG8gdGhlIERPTSBlbGVtZW50IChtb2RlbCA9PiB2aWV3KVxuICAgKi9cbiAgd3JpdGVWYWx1ZSh2YWx1ZTogYW55KTogdm9pZCB7XG4gICAgdGhpcy52YWx1ZSA9IHZhbHVlO1xuICAgIGlmICghdGhpcy5jZFJlZlsnZGVzdHJveWVkJ10pIHtcbiAgICAgIHRoaXMuY2RSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBXcml0ZSBmb3JtIGRpc2FibGVkIHN0YXRlIHRvIHRoZSBET00gZWxlbWVudCAobW9kZWwgPT4gdmlldylcbiAgICovXG4gIHNldERpc2FibGVkU3RhdGUoaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICB9XG5cbiAgLyoqXG4gICAqIFVwZGF0ZSBmb3JtIHdoZW4gRE9NIGVsZW1lbnQgdmFsdWUgY2hhbmdlcyAodmlldyA9PiBtb2RlbClcbiAgICovXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xuICAgIC8vIFN0b3JlIHRoZSBwcm92aWRlZCBmdW5jdGlvbiBhcyBhbiBpbnRlcm5hbCBtZXRob2QuXG4gICAgdGhpcy5wcm9wYWdhdGVDaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIC8qKlxuICAgKiBVcGRhdGUgZm9ybSB3aGVuIERPTSBlbGVtZW50IGlzIGJsdXJyZWQgKHZpZXcgPT4gbW9kZWwpXG4gICAqL1xuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XG4gICAgLy8gU3RvcmUgdGhlIHByb3ZpZGVkIGZ1bmN0aW9uIGFzIGFuIGludGVybmFsIG1ldGhvZC5cbiAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xuICB9XG5cbiAgcHJpdmF0ZSBwcm9wYWdhdGVDaGFuZ2UgPSAoXzogYW55KSA9PiB7XG4gIH07XG5cbiAgIG9uQ2hhbmdlKF86IGFueSkge1xuICAgIHRoaXMucHJvcGFnYXRlQ2hhbmdlKHRoaXMudmFsdWUpO1xuICB9XG5cbiAgcHJpdmF0ZSBvblRvdWNoZWQoKSB7XG4gIH1cblxufVxuIl19

package/full/esm5/components/communication.service.js

@@ -0,0 +1,25 @@
+import { __decorate } from "tslib";
+import { Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+var CommunicationService = /** @class */ (function () {
+    function CommunicationService() {
+        this.messageSource = {};
+        this.message$ = {};
+    }
+    CommunicationService.prototype.create = function (id) {
+        if (!this.messageSource[id]) {
+            this.messageSource[id] = new Subject();
+            this.message$[id] = this.messageSource[id].asObservable();
+        }
+    };
+    CommunicationService.prototype.next = function (widgetId, value) {
+        this.create(widgetId);
+        this.messageSource[widgetId].next(value);
+    };
+    CommunicationService = __decorate([
+        Injectable()
+    ], CommunicationService);
+    return CommunicationService;
+}());
+export { CommunicationService };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbXVuaWNhdGlvbi5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGluc3BhcmsvaW5zcGFyay1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9jb21tdW5pY2F0aW9uLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyxVQUFVLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFDLE9BQU8sRUFBQyxNQUFNLE1BQU0sQ0FBQztBQUc3QjtJQUFBO1FBR1Usa0JBQWEsR0FBRyxFQUFFLENBQUM7UUFDM0IsYUFBUSxHQUFHLEVBQUUsQ0FBQztJQWFoQixDQUFDO0lBWEMscUNBQU0sR0FBTixVQUFPLEVBQVU7UUFDZixJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxFQUFFLENBQUMsRUFBRTtZQUMzQixJQUFJLENBQUMsYUFBYSxDQUFDLEVBQUUsQ0FBQyxHQUFHLElBQUksT0FBTyxFQUFFLENBQUM7WUFDdkMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLEVBQUUsQ0FBQyxDQUFDLFlBQVksRUFBRSxDQUFDO1NBQzNEO0lBQ0gsQ0FBQztJQUVELG1DQUFJLEdBQUosVUFBSyxRQUFnQixFQUFFLEtBQVU7UUFDL0IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN0QixJQUFJLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBaEJVLG9CQUFvQjtRQURoQyxVQUFVLEVBQUU7T0FDQSxvQkFBb0IsQ0FpQmhDO0lBQUQsMkJBQUM7Q0FBQSxBQWpCRCxJQWlCQztTQWpCWSxvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0luamVjdGFibGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtTdWJqZWN0fSBmcm9tICdyeGpzJztcblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIENvbW11bmljYXRpb25TZXJ2aWNlIHtcblxuXG4gIHByaXZhdGUgbWVzc2FnZVNvdXJjZSA9IHt9O1xuICBtZXNzYWdlJCA9IHt9O1xuXG4gIGNyZWF0ZShpZDogbnVtYmVyKSB7XG4gICAgaWYgKCF0aGlzLm1lc3NhZ2VTb3VyY2VbaWRdKSB7XG4gICAgICB0aGlzLm1lc3NhZ2VTb3VyY2VbaWRdID0gbmV3IFN1YmplY3QoKTtcbiAgICAgIHRoaXMubWVzc2FnZSRbaWRdID0gdGhpcy5tZXNzYWdlU291cmNlW2lkXS5hc09ic2VydmFibGUoKTtcbiAgICB9XG4gIH1cblxuICBuZXh0KHdpZGdldElkOiBudW1iZXIsIHZhbHVlOiBhbnkpIHtcbiAgICB0aGlzLmNyZWF0ZSh3aWRnZXRJZCk7XG4gICAgdGhpcy5tZXNzYWdlU291cmNlW3dpZGdldElkXS5uZXh0KHZhbHVlKTtcbiAgfVxufVxuIl19

package/full/esm5/components/component-container/component-container.component.js

@@ -0,0 +1,21 @@
+import { __decorate, __metadata } from "tslib";
+import { Component, Input } from '@angular/core';
+var ComponentContainerComponent = /** @class */ (function () {
+    function ComponentContainerComponent() {
+        this.align = 'left';
+    }
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], ComponentContainerComponent.prototype, "align", void 0);
+    ComponentContainerComponent = __decorate([
+        Component({
+            selector: 'in-component-container',
+            template: "<div [ngClass]=\"align\" class=\"inspark-component-container\">\n  <ng-content></ng-content>\n</div>\n",
+            styles: ["@charset \"UTF-8\";.inspark-component-container{display:flex}@media screen and (min-width:480px){.inspark-component-container{padding-bottom:0}}:host ::ng-deep in-button{margin-right:8px}:host ::ng-deep in-button:last-child{margin-right:0}:host ::ng-deep in-link{margin-right:8px}:host ::ng-deep in-link:last-child{margin-right:0}.right{justify-content:flex-end}"]
+        })
+    ], ComponentContainerComponent);
+    return ComponentContainerComponent;
+}());
+export { ComponentContainerComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AaW5zcGFyay9pbnNwYXJrLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL2NvbXBvbmVudC1jb250YWluZXIvY29tcG9uZW50LWNvbnRhaW5lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBVS9DO0lBQUE7UUFHVyxVQUFLLEdBQVUsTUFBTSxDQUFDO0lBRWpDLENBQUM7SUFGVTtRQUFSLEtBQUssRUFBRTs7OERBQXVCO0lBSHBCLDJCQUEyQjtRQUx2QyxTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUsd0JBQXdCO1lBQ2xDLGtIQUFtRDs7U0FFcEQsQ0FBQztPQUNXLDJCQUEyQixDQUt2QztJQUFELGtDQUFDO0NBQUEsQUFMRCxJQUtDO1NBTFksMkJBQTJCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuXG50eXBlIEFMSUdOID0gJ3JpZ2h0JyB8ICdsZWZ0JyB8ICdjZW50ZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpbi1jb21wb25lbnQtY29udGFpbmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbXBvbmVudC1jb250YWluZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb21wb25lbnQtY29udGFpbmVyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIENvbXBvbmVudENvbnRhaW5lckNvbXBvbmVudCB7XG5cblxuICBASW5wdXQoKSBhbGlnbjogQUxJR04gPSAnbGVmdCc7XG5cbn1cbiJdfQ==

package/full/esm5/components/content-toggle/content-toggle.component.js

@@ -0,0 +1,45 @@
+import { __decorate, __metadata } from "tslib";
+import { ChangeDetectorRef, Component, EventEmitter, Input, Output } from '@angular/core';
+var ContentToggleComponent = /** @class */ (function () {
+    function ContentToggleComponent(cdr) {
+        this.cdr = cdr;
+        this.isOpen = true;
+        this.icon = null;
+        this.toggle = new EventEmitter();
+    }
+    ContentToggleComponent.prototype.toggleOpen = function () {
+        this.isOpen = !this.isOpen;
+        this.toggle.emit(this.isOpen);
+        this.cdr.detectChanges();
+    };
+    ContentToggleComponent.ctorParameters = function () { return [
+        { type: ChangeDetectorRef }
+    ]; };
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], ContentToggleComponent.prototype, "label", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], ContentToggleComponent.prototype, "isOpen", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], ContentToggleComponent.prototype, "icon", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", EventEmitter)
+    ], ContentToggleComponent.prototype, "toggle", void 0);
+    ContentToggleComponent = __decorate([
+        Component({
+            selector: 'in-content-toggle',
+            template: "<div class=\"block\" (click)=\"toggleOpen()\" tabIndex=\"1\">\n    <span [ngClass]=\"{arrow: true, close: !isOpen}\">\n        <in-svg [src]=\"'arrow-down.svg'\" width=\"48px\" height=\"48px\"></in-svg>\n    </span>\n  <span class=\"label\"><in-svg *ngIf=\"icon\" class=\"label-icon\" [src]=\"icon\"></in-svg> {{label}}</span>\n  <span class=\"counter\">\n    <ng-content select=\"[header]\"></ng-content>\n    </span>\n</div>\n<div class=\"container\" *ngIf=\"isOpen\">\n  <ng-content select=\"[body]\"></ng-content>\n</div>\n",
+            styles: ["@charset \"UTF-8\";.block{font-size:12px;text-transform:uppercase;cursor:pointer;display:flex;white-space:nowrap}.block:hover{background:var(--colorBgLevel2)}.block>span{display:inline-block;margin-right:4px}.block .label{margin-right:8px;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis}.block .counter{display:flex;align-items:center;padding-right:8px}.block .arrow{margin-right:0}.block .arrow.close{transform:rotate(-90deg)}.label-icon{margin-right:4px;width:16px;height:16px}"]
+        }),
+        __metadata("design:paramtypes", [ChangeDetectorRef])
+    ], ContentToggleComponent);
+    return ContentToggleComponent;
+}());
+export { ContentToggleComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC10b2dnbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGluc3BhcmsvaW5zcGFyay1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9jb250ZW50LXRvZ2dsZS9jb250ZW50LXRvZ2dsZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyxpQkFBaUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFReEY7SUFRRSxnQ0FBb0IsR0FBc0I7UUFBdEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFMakMsV0FBTSxHQUFHLElBQUksQ0FBQztRQUNkLFNBQUksR0FBVyxJQUFJLENBQUM7UUFFbkIsV0FBTSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO0lBSXpELENBQUM7SUFFRCwyQ0FBVSxHQUFWO1FBQ0UsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDM0IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQzlCLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDM0IsQ0FBQzs7Z0JBUndCLGlCQUFpQjs7SUFOakM7UUFBUixLQUFLLEVBQUU7O3lEQUFZO0lBQ1g7UUFBUixLQUFLLEVBQUU7OzBEQUFlO0lBQ2Q7UUFBUixLQUFLLEVBQUU7O3dEQUFxQjtJQUVuQjtRQUFULE1BQU0sRUFBRTtrQ0FBUyxZQUFZOzBEQUEyQjtJQU45QyxzQkFBc0I7UUFMbEMsU0FBUyxDQUFDO1lBQ1QsUUFBUSxFQUFFLG1CQUFtQjtZQUM3QiwyaEJBQThDOztTQUUvQyxDQUFDO3lDQVN5QixpQkFBaUI7T0FSL0Isc0JBQXNCLENBaUJsQztJQUFELDZCQUFDO0NBQUEsQUFqQkQsSUFpQkM7U0FqQlksc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2luLWNvbnRlbnQtdG9nZ2xlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbnRlbnQtdG9nZ2xlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY29udGVudC10b2dnbGUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQ29udGVudFRvZ2dsZUNvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgbGFiZWw6IGFueTtcbiAgQElucHV0KCkgaXNPcGVuID0gdHJ1ZTtcbiAgQElucHV0KCkgaWNvbjogc3RyaW5nID0gbnVsbDtcblxuICBAT3V0cHV0KCkgdG9nZ2xlOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcblxuICB9XG5cbiAgdG9nZ2xlT3BlbigpIHtcbiAgICB0aGlzLmlzT3BlbiA9ICF0aGlzLmlzT3BlbjtcbiAgICB0aGlzLnRvZ2dsZS5lbWl0KHRoaXMuaXNPcGVuKTtcbiAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XG4gIH1cbn1cbiJdfQ==