@inspark/inspark-components 1.0.0

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

@@ -0,0 +1,209 @@
+import { __decorate, __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';
+let ButtonComponent = class ButtonComponent extends PButton {
+    constructor(cdr) {
+        super();
+        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;
+    }
+    ngOnInit() {
+        this.updateData();
+    }
+    ngOnChanges(changes) {
+        this.updateData();
+    }
+    updateData() {
+        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;
+        }
+    }
+    _onClick($event) {
+        this.cdr.detectChanges();
+    }
+};
+ButtonComponent.ctorParameters = () => [
+    { 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);
+export { ButtonComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BpbnNwYXJrL2luc3BhcmstY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxpQkFBaUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDbEssT0FBTyxFQUFDLE1BQU0sSUFBSSxPQUFPLEVBQUUsSUFBSSxFQUFXLE1BQU0saUJBQWlCLENBQUM7QUFrQmxFLElBQWEsZUFBZSxHQUE1QixNQUFhLGVBQWdCLFNBQVEsT0FBTztJQXNEMUMsWUFBb0IsR0FBc0I7UUFDeEMsS0FBSyxFQUFFLENBQUM7UUFEVSxRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQXBEakMsU0FBSSxHQUFlLFFBQVEsQ0FBQztRQUM1QixVQUFLLEdBQWdCLFFBQVEsQ0FBQztRQUM5QixTQUFJLEdBQWUsUUFBUSxDQUFDO1FBQzVCLFNBQUksR0FBRyxFQUFFLENBQUM7UUFDVixXQUFNLEdBQUcsRUFBRSxDQUFDO1FBQ1osVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLFNBQUksR0FBRyxFQUFFLENBQUM7UUFDVixjQUFTLEdBQUcsRUFBRSxDQUFDO1FBQ2YsV0FBTSxHQUFpQixJQUFJLENBQUM7UUFDNUIsUUFBRyxHQUFHLEVBQUUsQ0FBQztRQUNULFVBQUssR0FBRyxNQUFNLENBQUM7UUFDZixTQUFJLEdBQUcsRUFBRSxDQUFDO1FBQ1YsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUNsQixXQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ2YsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUU1Qjs7OztXQUlHO1FBQ00sYUFBUSxHQUFxQyxNQUFNLENBQUM7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QUssRUFBRTs7K0NBQWdCO0FBQ2Y7SUFBUixLQUFLLEVBQUU7O21EQUFvQjtBQU9uQjtJQUFSLEtBQUssRUFBRTs7aURBQXFEO0FBTXBEO0lBQVIsS0FBSyxFQUFFOzttREFBZ0Q7QUFJL0M7SUFBUixLQUFLLEVBQUU7O2dEQUFpQjtBQUVoQjtJQUFSLEtBQUssRUFBRTs7aURBQWtCO0FBRWpCO0lBQVIsS0FBSyxFQUFFOztnREFBMkI7QUFFMUI7SUFBUixLQUFLLEVBQUU7O3FEQUFxQjtBQUNwQjtJQUFSLEtBQUssRUFBRTs7c0RBQStCO0FBQzlCO0lBQVIsS0FBSyxFQUFFOztrREFBbUM7QUFFVDtJQUFqQyxTQUFTLENBQUMsSUFBSSxFQUFFLEVBQUMsTUFBTSxFQUFFLEtBQUssRUFBQyxDQUFDOzhCQUFVLElBQUk7OENBQUM7QUFFdEM7SUFBVCxNQUFNLEVBQUU7OEJBQVEsWUFBWTs4Q0FBMkI7QUFDOUM7SUFBVCxNQUFNLEVBQUU7OEJBQU8sWUFBWTs2Q0FBMkI7QUFDN0M7SUFBVCxNQUFNLEVBQUU7OEJBQVEsWUFBWTs4Q0FBMkI7QUEvQzdDLGVBQWU7SUFQM0IsU0FBUyxDQUFDO1FBQ1QsUUFBUSxFQUFFLFdBQVc7UUFDckIsazdRQUFzQztRQUV0QyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsUUFBUTtRQUN6QyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTs7S0FDaEQsQ0FBQztxQ0F1RHlCLGlCQUFpQjtHQXREL0IsZUFBZSxDQW1HM0I7U0FuR1ksZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0LCBPdXRwdXQsIFZpZXdDaGlsZCwgVmlld0VuY2Fwc3VsYXRpb259IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtCdXR0b24gYXMgUEJ1dHRvbiwgTWVudSwgTWVudUl0ZW19IGZyb20gJ3ByaW1lbmcvcHJpbWVuZyc7XG5pbXBvcnQge0luc3BhcmtNZW51SXRlbX0gZnJvbSBcIi4uLy4uL2ludGVyZmFjZVwiO1xuXG5cbnR5cGUgQnV0dG9uU2l6ZSA9ICdzbWFsbCcgfCAnbm9ybWFsJyB8ICdsYXJnZSc7XG50eXBlIEJ1dHRvbkNvbG9yID0gJ25vcm1hbCcgfCAnZGFuZ2VyJyB8ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ3RyYW5zcGFyZW50JztcbnR5cGUgQnV0dG9uVHlwZSA9ICdidXR0b24nIHwgJ3N1Ym1pdCc7XG50eXBlIEljb25Qb3MgPSAnbGVmdCcgfCAncmlnaHQnO1xudHlwZSBCdXR0b25Ob3RpZnkgPSAnd2FybmluZycgfCAnZXJyb3InO1xuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2luLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uRW11bGF0ZWQsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBCdXR0b25Db21wb25lbnQgZXh0ZW5kcyBQQnV0dG9uIGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuXG4gIEBJbnB1dCgpIHNpemU6IEJ1dHRvblNpemUgPSAnbm9ybWFsJztcbiAgQElucHV0KCkgY29sb3I6IEJ1dHRvbkNvbG9yID0gJ25vcm1hbCc7XG4gIEBJbnB1dCgpIHR5cGU6IEJ1dHRvblR5cGUgPSAnYnV0dG9uJztcbiAgQElucHV0KCkgbmFtZSA9ICcnO1xuICBASW5wdXQoKSB0ZXN0SWQgPSAnJztcbiAgQElucHV0KCkgbGFiZWwgPSAnJztcbiAgQElucHV0KCkgaWNvbiA9ICcnO1xuICBASW5wdXQoKSBjbGFzc05hbWUgPSAnJztcbiAgQElucHV0KCkgbm90aWZ5OiBCdXR0b25Ob3RpZnkgPSBudWxsO1xuICBASW5wdXQoKSBzdmcgPSAnJztcbiAgQElucHV0KCkgd2lkdGggPSAnYXV0byc7XG4gIEBJbnB1dCgpIGxpbmsgPSAnJztcbiAgQElucHV0KCkgaXNMb2FkaW5nID0gZmFsc2U7XG4gIEBJbnB1dCgpIHNoYWRvdyA9IGZhbHNlO1xuICBASW5wdXQoKSBpc0ljb25Pbmx5ID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIGV4dGVybmFsIC0g0YHRgdGL0LvQutCwINC90LAg0LLQvdC10YjQvdC40Lkg0LjRgdGC0L7Rh9C90LjQulxuICAgKiBpbnRlcm5hbCAtINGB0YHRi9C70LrQsCDQstC90YPRgtGA0Lgg0L/RgNC40LvQvtC20LXQvdC40Y9cbiAgICogYXV0byAtINC+0L/RgNC10LTQtdC70Y/QtdGC0YHRjyDQsNCy0YLQvtC80LDRgtC40YfQtdGB0LrQuCDQuNGB0YXQvtC00Y8g0LjQtyBsaW5rXG4gICAqL1xuICBASW5wdXQoKSBsaW5rVHlwZTogJ2F1dG8nIHwgJ2V4dGVybmFsJyB8ICdpbnRlcm5hbCcgPSAnYXV0byc7XG4gIC8qKlxuICAgKiBzZWxmIC0g0L7RgtC60YDRi9Cy0LDQtdGC0YHRjyDQsiDRjdGC0L7QvCDQttC1INC+0LrQvdC1XG4gICAqIGJsYW5rIC0g0L7RgtC60YDRi9Cy0LDQtdGC0YHRjyDQsiDQvdC+0LLQvtC8INC+0LrQvdC1XG4gICAqIGF1dG8gLSDQvtC/0YDQtdC00LXQu9GP0LXRgtGB0Y8g0LDQstGC0L7QvNCw0YLQuNGH0LXRgdC60Lgg0LjRgdGF0L7QtNGPINC40LcgbGlua1R5cGVcbiAgICovXG4gIEBJbnB1dCgpIGxpbmtUYXJnZXQ6ICdhdXRvJyB8ICdzZWxmJyB8ICdibGFuaycgPSAnYXV0byc7XG5cblxuICAvLyDQntGC0L7QsdGA0LDQttCw0LXRgiDQutC90L7Qv9C60YMg0L3QsNC20LDRgtC+0LlcbiAgQElucHV0KCkgcHJlc3NlZCA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgQElucHV0KCkgaWNvblBvczogSWNvblBvcyA9ICdsZWZ0JztcblxuICBASW5wdXQoKSBzZWxlY3RlZEl0ZW0gPSBudWxsO1xuICBASW5wdXQoKSBtZW51UGxhY2VtZW50ID0gJ2JvdHRvbS1sZWZ0JztcbiAgQElucHV0KCkgbWVudUl0ZW1zOiBJbnNwYXJrTWVudUl0ZW1bXSA9IFtdO1xuXG4gIEBWaWV3Q2hpbGQoTWVudSwge3N0YXRpYzogZmFsc2V9KSBfbWVudSAhOiBNZW51O1xuXG4gIEBPdXRwdXQoKSBmb2N1czogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBibHVyOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIGNsaWNrOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBfdGFyZ2V0ID0gJ19zZWxmJztcbiAgX2xpbmtUeXBlOiAnYXV0bycgfCAnZXh0ZXJuYWwnIHwgJ2ludGVybmFsJyA9ICdhdXRvJztcblxuICBpc01hdGVyaWFsSWNvbiA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZiwpIHtcbiAgICBzdXBlcigpO1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG5cblxuICAgIHRoaXMudXBkYXRlRGF0YSgpO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlcykge1xuICAgIHRoaXMudXBkYXRlRGF0YSgpO1xuICB9XG5cbiAgdXBkYXRlRGF0YSgpIHtcbiAgICB0aGlzLl9saW5rVHlwZSA9IHRoaXMubGlua1R5cGU7XG5cbiAgICBpZiAodGhpcy5fbGlua1R5cGUgPT09ICdhdXRvJykge1xuICAgICAgaWYgKCh0aGlzLmxpbmsuaW5kZXhPZignOi8vJykgIT09IC0xIHx8IHRoaXMubGluay5pbmRleE9mKCcvLycpID09PSAwKSkge1xuICAgICAgICB0aGlzLl9saW5rVHlwZSA9ICdleHRlcm5hbCc7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLl9saW5rVHlwZSA9ICdpbnRlcm5hbCc7XG4gICAgICB9XG4gICAgfVxuXG4gICAgaWYgKHRoaXMubGlua1RhcmdldCA9PT0gJ2F1dG8nKSB7XG4gICAgICBpZiAodGhpcy5fbGlua1R5cGUgPT09ICdleHRlcm5hbCcpIHtcbiAgICAgICAgdGhpcy5fdGFyZ2V0ID0gJ19ibGFuayc7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLl90YXJnZXQgPSAnX3NlbGYnO1xuICAgICAgfVxuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLl90YXJnZXQgPSB0aGlzLmxpbmtUYXJnZXQgPT09ICdzZWxmJyA/ICdfc2VsZicgOiAnYmxhbmsnO1xuICAgIH1cblxuICAgIGlmICh0aGlzLmljb24gJiYgdGhpcy5pY29uLmluZGV4T2YoJ2ZhLScpID09PSAtMSkge1xuICAgICAgdGhpcy5pc01hdGVyaWFsSWNvbiA9IHRydWU7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuaXNNYXRlcmlhbEljb24gPSBmYWxzZTtcbiAgICB9XG4gIH1cblxuICBfb25DbGljaygkZXZlbnQpIHtcbiAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XG4gIH1cbn1cbiJdfQ==

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

@@ -0,0 +1,104 @@
+var CheckboxComponent_1;
+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';
+let CheckboxComponent = CheckboxComponent_1 = class CheckboxComponent {
+    constructor(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 = (_) => {
+        };
+    }
+    /**
+     * Write form value to the DOM element (model => view)
+     */
+    writeValue(value) {
+        this.value = value;
+        if (!this.cdRef['destroyed']) {
+            this.cdRef.detectChanges();
+        }
+    }
+    /**
+     * Write form disabled state to the DOM element (model => view)
+     */
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    /**
+     * Update form when DOM element value changes (view => model)
+     */
+    registerOnChange(fn) {
+        // Store the provided function as an internal method.
+        this.propagateChange = fn;
+    }
+    /**
+     * Update form when DOM element is blurred (view => model)
+     */
+    registerOnTouched(fn) {
+        // Store the provided function as an internal method.
+        this.onTouched = fn;
+    }
+    onChange(_) {
+        this.propagateChange(this.value);
+    }
+    onTouched() {
+    }
+};
+CheckboxComponent.ctorParameters = () => [
+    { 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(() => 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);
+export { CheckboxComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGluc3BhcmsvaW5zcGFyay1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9jaGVja2JveC9jaGVja2JveC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQUMsaUJBQWlCLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzFGLE9BQU8sRUFBdUIsaUJBQWlCLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUN2RSxPQUFPLEVBQUMsTUFBTSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFjdkMsSUFBYSxpQkFBaUIseUJBQTlCLE1BQWEsaUJBQWlCO0lBWTVCLFlBQW1CLE9BQW1CLEVBQVUsS0FBd0IsRUFBUyxNQUFjO1FBQTVFLFlBQU8sR0FBUCxPQUFPLENBQVk7UUFBVSxVQUFLLEdBQUwsS0FBSyxDQUFtQjtRQUFTLFdBQU0sR0FBTixNQUFNLENBQVE7UUFWdEYsU0FBSSxHQUFHLElBQUksQ0FBQztRQUNaLFVBQUssR0FBRyxJQUFJLENBQUM7UUFDYixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLFVBQUssR0FBRyxJQUFJLENBQUM7UUFDYixnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQUNqQixPQUFFLEdBQUcsSUFBSSxDQUFDO1FBMENYLG9CQUFlLEdBQUcsQ0FBQyxDQUFNLEVBQUUsRUFBRTtRQUNyQyxDQUFDLENBQUM7SUFwQ0YsQ0FBQztJQUVEOztPQUVHO0lBQ0gsVUFBVSxDQUFDLEtBQVU7UUFDbkIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDbkIsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLEVBQUU7WUFDNUIsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLEVBQUUsQ0FBQztTQUM1QjtJQUNILENBQUM7SUFFRDs7T0FFRztJQUNILGdCQUFnQixDQUFDLFVBQW1CO1FBQ2xDLElBQUksQ0FBQyxRQUFRLEdBQUcsVUFBVSxDQUFDO0lBQzdCLENBQUM7SUFFRDs7T0FFRztJQUNILGdCQUFnQixDQUFDLEVBQU87UUFDdEIscURBQXFEO1FBQ3JELElBQUksQ0FBQyxlQUFlLEdBQUcsRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFRDs7T0FFRztJQUNILGlCQUFpQixDQUFDLEVBQU87UUFDdkIscURBQXFEO1FBQ3JELElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFLQSxRQUFRLENBQUMsQ0FBTTtRQUNkLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ25DLENBQUM7SUFFTyxTQUFTO0lBQ2pCLENBQUM7Q0FFRixDQUFBOztZQS9DNkIsVUFBVTtZQUFpQixpQkFBaUI7WUFBaUIsTUFBTTs7QUFWdEY7SUFBUixLQUFLLEVBQUU7OytDQUFhO0FBQ1o7SUFBUixLQUFLLEVBQUU7O2dEQUFjO0FBQ2I7SUFBUixLQUFLLEVBQUU7O21EQUFrQjtBQUNqQjtJQUFSLEtBQUssRUFBRTs7Z0RBQWM7QUFDYjtJQUFSLEtBQUssRUFBRTs7c0RBQWtCO0FBQ2pCO0lBQVIsS0FBSyxFQUFFOzs2Q0FBVztBQUNWO0lBQVIsS0FBSyxFQUFFOzttREFBbUI7QUFSaEIsaUJBQWlCO0lBWjdCLFNBQVMsQ0FBQztRQUNULFFBQVEsRUFBRSxhQUFhO1FBQ3ZCLHNmQUF3QztRQUV4QyxTQUFTLEVBQUU7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLG1CQUFpQixDQUFDO2dCQUNoRCxLQUFLLEVBQUUsSUFBSTthQUNaO1NBQ0Y7O0tBQ0YsQ0FBQztxQ0FhNEIsVUFBVSxFQUFpQixpQkFBaUIsRUFBaUIsTUFBTTtHQVpwRixpQkFBaUIsQ0EyRDdCO1NBM0RZLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgRWxlbWVudFJlZiwgZm9yd2FyZFJlZiwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1J9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7Um91dGVyfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpbi1jaGVja2JveCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGVja2JveC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NoZWNrYm94LmNvbXBvbmVudC5zY3NzJ10sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gQ2hlY2tib3hDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfVxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBDaGVja2JveENvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcblxuICBASW5wdXQoKSBuYW1lID0gbnVsbDtcbiAgQElucHV0KCkgbGFiZWwgPSBudWxsO1xuICBASW5wdXQoKSByZXF1aXJlZCA9IGZhbHNlO1xuICBASW5wdXQoKSBlcnJvciA9IG51bGw7XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyID0gJyc7XG4gIEBJbnB1dCgpIGlkID0gbnVsbDtcbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW47XG5cbiAgdmFsdWU6IHN0cmluZztcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgZWxlbWVudDogRWxlbWVudFJlZiwgcHJpdmF0ZSBjZFJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsIHB1YmxpYyByb3V0ZXI6IFJvdXRlcikge1xuXG4gIH1cblxuICAvKipcbiAgICogV3JpdGUgZm9ybSB2YWx1ZSB0byB0aGUgRE9NIGVsZW1lbnQgKG1vZGVsID0+IHZpZXcpXG4gICAqL1xuICB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlID0gdmFsdWU7XG4gICAgaWYgKCF0aGlzLmNkUmVmWydkZXN0cm95ZWQnXSkge1xuICAgICAgdGhpcy5jZFJlZi5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIFdyaXRlIGZvcm0gZGlzYWJsZWQgc3RhdGUgdG8gdGhlIERPTSBlbGVtZW50IChtb2RlbCA9PiB2aWV3KVxuICAgKi9cbiAgc2V0RGlzYWJsZWRTdGF0ZShpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XG4gIH1cblxuICAvKipcbiAgICogVXBkYXRlIGZvcm0gd2hlbiBET00gZWxlbWVudCB2YWx1ZSBjaGFuZ2VzICh2aWV3ID0+IG1vZGVsKVxuICAgKi9cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XG4gICAgLy8gU3RvcmUgdGhlIHByb3ZpZGVkIGZ1bmN0aW9uIGFzIGFuIGludGVybmFsIG1ldGhvZC5cbiAgICB0aGlzLnByb3BhZ2F0ZUNoYW5nZSA9IGZuO1xuICB9XG5cbiAgLyoqXG4gICAqIFVwZGF0ZSBmb3JtIHdoZW4gRE9NIGVsZW1lbnQgaXMgYmx1cnJlZCAodmlldyA9PiBtb2RlbClcbiAgICovXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcbiAgICAvLyBTdG9yZSB0aGUgcHJvdmlkZWQgZnVuY3Rpb24gYXMgYW4gaW50ZXJuYWwgbWV0aG9kLlxuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XG4gIH1cblxuICBwcml2YXRlIHByb3BhZ2F0ZUNoYW5nZSA9IChfOiBhbnkpID0+IHtcbiAgfTtcblxuICAgb25DaGFuZ2UoXzogYW55KSB7XG4gICAgdGhpcy5wcm9wYWdhdGVDaGFuZ2UodGhpcy52YWx1ZSk7XG4gIH1cblxuICBwcml2YXRlIG9uVG91Y2hlZCgpIHtcbiAgfVxuXG59XG4iXX0=

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

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

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

@@ -0,0 +1,20 @@
+import { __decorate, __metadata } from "tslib";
+import { Component, Input } from '@angular/core';
+let ComponentContainerComponent = class ComponentContainerComponent {
+    constructor() {
+        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);
+export { ComponentContainerComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AaW5zcGFyay9pbnNwYXJrLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL2NvbXBvbmVudC1jb250YWluZXIvY29tcG9uZW50LWNvbnRhaW5lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBVS9DLElBQWEsMkJBQTJCLEdBQXhDLE1BQWEsMkJBQTJCO0lBQXhDO1FBR1csVUFBSyxHQUFVLE1BQU0sQ0FBQztJQUVqQyxDQUFDO0NBQUEsQ0FBQTtBQUZVO0lBQVIsS0FBSyxFQUFFOzswREFBdUI7QUFIcEIsMkJBQTJCO0lBTHZDLFNBQVMsQ0FBQztRQUNULFFBQVEsRUFBRSx3QkFBd0I7UUFDbEMsa0hBQW1EOztLQUVwRCxDQUFDO0dBQ1csMkJBQTJCLENBS3ZDO1NBTFksMkJBQTJCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuXG50eXBlIEFMSUdOID0gJ3JpZ2h0JyB8ICdsZWZ0JyB8ICdjZW50ZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpbi1jb21wb25lbnQtY29udGFpbmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbXBvbmVudC1jb250YWluZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb21wb25lbnQtY29udGFpbmVyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIENvbXBvbmVudENvbnRhaW5lckNvbXBvbmVudCB7XG5cblxuICBASW5wdXQoKSBhbGlnbjogQUxJR04gPSAnbGVmdCc7XG5cbn1cbiJdfQ==

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

@@ -0,0 +1,44 @@
+import { __decorate, __metadata } from "tslib";
+import { ChangeDetectorRef, Component, EventEmitter, Input, Output } from '@angular/core';
+let ContentToggleComponent = class ContentToggleComponent {
+    constructor(cdr) {
+        this.cdr = cdr;
+        this.isOpen = true;
+        this.icon = null;
+        this.toggle = new EventEmitter();
+    }
+    toggleOpen() {
+        this.isOpen = !this.isOpen;
+        this.toggle.emit(this.isOpen);
+        this.cdr.detectChanges();
+    }
+};
+ContentToggleComponent.ctorParameters = () => [
+    { 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);
+export { ContentToggleComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC10b2dnbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGluc3BhcmsvaW5zcGFyay1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9jb250ZW50LXRvZ2dsZS9jb250ZW50LXRvZ2dsZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyxpQkFBaUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFReEYsSUFBYSxzQkFBc0IsR0FBbkMsTUFBYSxzQkFBc0I7SUFRakMsWUFBb0IsR0FBc0I7UUFBdEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFMakMsV0FBTSxHQUFHLElBQUksQ0FBQztRQUNkLFNBQUksR0FBVyxJQUFJLENBQUM7UUFFbkIsV0FBTSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO0lBSXpELENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDM0IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQzlCLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDM0IsQ0FBQztDQUNGLENBQUE7O1lBVDBCLGlCQUFpQjs7QUFOakM7SUFBUixLQUFLLEVBQUU7O3FEQUFZO0FBQ1g7SUFBUixLQUFLLEVBQUU7O3NEQUFlO0FBQ2Q7SUFBUixLQUFLLEVBQUU7O29EQUFxQjtBQUVuQjtJQUFULE1BQU0sRUFBRTs4QkFBUyxZQUFZO3NEQUEyQjtBQU45QyxzQkFBc0I7SUFMbEMsU0FBUyxDQUFDO1FBQ1QsUUFBUSxFQUFFLG1CQUFtQjtRQUM3QiwyaEJBQThDOztLQUUvQyxDQUFDO3FDQVN5QixpQkFBaUI7R0FSL0Isc0JBQXNCLENBaUJsQztTQWpCWSxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaW4tY29udGVudC10b2dnbGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vY29udGVudC10b2dnbGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb250ZW50LXRvZ2dsZS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBDb250ZW50VG9nZ2xlQ29tcG9uZW50IHtcblxuICBASW5wdXQoKSBsYWJlbDogYW55O1xuICBASW5wdXQoKSBpc09wZW4gPSB0cnVlO1xuICBASW5wdXQoKSBpY29uOiBzdHJpbmcgPSBudWxsO1xuXG4gIEBPdXRwdXQoKSB0b2dnbGU6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge1xuXG4gIH1cblxuICB0b2dnbGVPcGVuKCkge1xuICAgIHRoaXMuaXNPcGVuID0gIXRoaXMuaXNPcGVuO1xuICAgIHRoaXMudG9nZ2xlLmVtaXQodGhpcy5pc09wZW4pO1xuICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcbiAgfVxufVxuIl19