@seniorsistemas/angular-components 17.1.0 → 17.1.1

package/fesm2015/seniorsistemas-angular-components.js

@@ -1,10 +1,9 @@
 import { __decorate, __rest, __awaiter, __param } from 'tslib';
-import { EventEmitter, Input, Output, Component, ContentChildren, ɵɵdefineInjectable, Injectable, ElementRef, ApplicationRef, ComponentFactoryResolver, Injector, HostListener, Directive, NgModule, HostBinding, ViewChild, Renderer2, forwardRef, Pipe, ViewEncapsulation, InjectionToken, Inject, TemplateRef, ViewContainerRef, ChangeDetectorRef, Optional, ContentChild } from '@angular/core';
+import { EventEmitter, Input, Output, Component, ContentChildren, ViewChild, HostListener, forwardRef, NgModule, ɵɵdefineInjectable, Injectable, ElementRef, ApplicationRef, ComponentFactoryResolver, Injector, Directive, HostBinding, Renderer2, Pipe, ViewEncapsulation, InjectionToken, Inject, TemplateRef, ViewContainerRef, ChangeDetectorRef, Optional, ContentChild } from '@angular/core';
 import { trigger, transition, style as style$7, animate, state, group, query, animateChild } from '@angular/animations';
 import { CommonModule } from '@angular/common';
-import { FormsModule, ReactiveFormsModule, FormControl, NG_VALUE_ACCESSOR, FormGroup, NG_VALIDATORS, Validators, FormArray, ControlContainer } from '@angular/forms';
+import { NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule, FormControl, FormGroup, NG_VALIDATORS, Validators, FormArray, ControlContainer } from '@angular/forms';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { InputSwitchModule } from 'primeng/inputswitch';
 import { RouterModule, NavigationEnd, PRIMARY_OUTLET, ActivatedRoute, Router } from '@angular/router';
 import { BreadcrumbModule as BreadcrumbModule$1 } from 'primeng/breadcrumb';
 import { Subject, of, from, forkJoin, throwError, ReplaySubject } from 'rxjs';
@@ -138,7 +137,7 @@ __decorate([
 AccordionPanelComponent = __decorate([
     Component({
         selector: "s-accordion-panel",
-        template: "<div\n    class=\"accordion-panel\"\n    [ngClass]=\"{\n        'accordion-panel--open': isOpen,\n        'accordion-panel--disabled': disabled\n    }\">\n    <div class=\"header\" (click)=\"onTabClick()\">\n        <div class=\"header__title\">\n            <span class=\"icon\" [ngClass]=\"isOpen ? 'fas fa-minus' : 'fas fa-plus'\"></span>\n            <span\n                *ngIf=\"validationMessage\"\n                class=\"exclamation-icon fas fa-exclamation-circle\"\n                [sTooltip]=\"validationMessage\">\n            </span>\n            <span class=\"title\">{{ header }}</span>\n        </div>\n        <div class=\"header__controls\">\n            <button\n                *ngFor=\"let button of buttons\"\n                class=\"icon-button\"\n                [ngClass]=\"button.icon\"\n                (click)=\"onIconButtonsClick($event, button.onClick)\">\n            </button>\n            <p-inputSwitch\n                *ngIf=\"switch\"\n                class=\"switch\"\n                [disabled]=\"disabled\"\n                [(ngModel)]=\"switchState\"\n                (click)=\"$event.stopPropagation()\"\n                (onChange)=\"switch.onChange($event)\">\n            </p-inputSwitch>\n        </div>\n    </div>\n    <ng-container *ngIf=\"cache; then cacheTemplate else cachelessTemplate\"></ng-container>\n</div>\n\n<ng-template #cacheTemplate>\n    <div\n        class=\"content\"\n        [@cacheAnimation]=\"isOpen\"\n        [@.disabled]=\"isContentAnimationDisabled\"\n        (@cacheAnimation.start)=\"onContentAnimationStart()\"\n        (@cacheAnimation.done)=\"onContentAnimationDone()\">\n        <div class=\"content-container\">\n            <ng-container [ngTemplateOutlet]=\"panelContent\"></ng-container>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #cachelessTemplate>\n    <div\n        *ngIf=\"isOpen\"\n        class=\"content\"\n        @cachelessAnimation\n        [@.disabled]=\"isContentAnimationDisabled\"\n        (@cachelessAnimation.start)=\"onContentAnimationStart()\"\n        (@cachelessAnimation.done)=\"onContentAnimationDone()\">\n        <div class=\"content-container\">\n            <ng-container [ngTemplateOutlet]=\"panelContent\"></ng-container>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #panelContent>\n    <ng-content></ng-content>\n</ng-template>",
+        template: "<div\n    class=\"accordion-panel\"\n    [ngClass]=\"{\n        'accordion-panel--open': isOpen,\n        'accordion-panel--disabled': disabled\n    }\">\n    <div class=\"header\" (click)=\"onTabClick()\">\n        <div class=\"header__title\">\n            <span class=\"icon\" [ngClass]=\"isOpen ? 'fas fa-minus' : 'fas fa-plus'\"></span>\n            <span\n                *ngIf=\"validationMessage\"\n                class=\"exclamation-icon fas fa-exclamation-circle\"\n                [sTooltip]=\"validationMessage\">\n            </span>\n            <span class=\"title\">{{ header }}</span>\n        </div>\n        <div class=\"header__controls\">\n            <button\n                *ngFor=\"let button of buttons\"\n                class=\"icon-button\"\n                [ngClass]=\"button.icon\"\n                (click)=\"onIconButtonsClick($event, button.onClick)\">\n            </button>\n            <s-switch\n                *ngIf=\"switch\"\n                class=\"switch\"\n                [disabled]=\"disabled\"\n                [(ngModel)]=\"switchState\"\n                (click)=\"$event.stopPropagation()\"\n                (valueChanged)=\"switch.onChange($event)\">\n            </s-switch>\n        </div>\n    </div>\n    <ng-container *ngIf=\"cache; then cacheTemplate else cachelessTemplate\"></ng-container>\n</div>\n\n<ng-template #cacheTemplate>\n    <div\n        class=\"content\"\n        [@cacheAnimation]=\"isOpen\"\n        [@.disabled]=\"isContentAnimationDisabled\"\n        (@cacheAnimation.start)=\"onContentAnimationStart()\"\n        (@cacheAnimation.done)=\"onContentAnimationDone()\">\n        <div class=\"content-container\">\n            <ng-container [ngTemplateOutlet]=\"panelContent\"></ng-container>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #cachelessTemplate>\n    <div\n        *ngIf=\"isOpen\"\n        class=\"content\"\n        @cachelessAnimation\n        [@.disabled]=\"isContentAnimationDisabled\"\n        (@cachelessAnimation.start)=\"onContentAnimationStart()\"\n        (@cachelessAnimation.done)=\"onContentAnimationDone()\">\n        <div class=\"content-container\">\n            <ng-container [ngTemplateOutlet]=\"panelContent\"></ng-container>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #panelContent>\n    <ng-content></ng-content>\n</ng-template>",
         animations: [
             trigger("cachelessAnimation", [
                 transition(":enter", [style$7({ height: "0" }), animate("200ms linear", style$7({ height: "*" }))]),
@@ -150,7 +149,7 @@ AccordionPanelComponent = __decorate([
                 transition("* => *", animate("200ms")),
             ]),
         ],
-        styles: [".accordion-panel{border-bottom:1px solid #c1c1cc}.accordion-panel .header{-ms-flex-align:center;align-items:center;background-color:#fff;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:16px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.accordion-panel .header .header__title{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.accordion-panel .header .header__title .icon{color:#212533;font-size:1rem;margin-right:12px}.accordion-panel .header .header__title .exclamation-icon{color:#c13018;font-size:1rem;margin-right:12px}.accordion-panel .header .header__title .title{font-family:\"Open Sans\" sans-serif;font-size:.875rem;font-weight:700;line-height:150%;text-transform:uppercase}.accordion-panel .header .header__controls{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;margin-left:16px}.accordion-panel .header .header__controls .icon-button{color:#212533;cursor:pointer;font-size:1rem;margin-left:16px;border:none;background:0 0}.accordion-panel .header .header__controls .switch{padding-left:16px}.accordion-panel .content{background-color:#fff;overflow:hidden}.accordion-panel .content .content-container{margin:20px}.accordion-panel--open .header{background-color:#eeebf2;border-bottom:1px solid #c1c1cc}.accordion-panel--disabled .header{cursor:auto}.accordion-panel--disabled .header .header__title .icon,.accordion-panel--disabled .header .header__title .title{color:#c1c1cc}.accordion-panel--disabled .header .header__controls .icon-button{color:#c1c1cc;cursor:auto}"]
+        styles: [".accordion-panel{border-bottom:1px solid #c1c1cc}.accordion-panel .header{-ms-flex-align:center;align-items:center;background-color:#fff;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:16px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.accordion-panel .header .header__title{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.accordion-panel .header .header__title .icon{color:#212533;font-size:1rem;margin-right:12px}.accordion-panel .header .header__title .exclamation-icon{color:#c13018;font-size:1rem;margin-right:12px}.accordion-panel .header .header__title .title{font-family:\"Open Sans\" sans-serif;font-size:.875rem;font-weight:700;line-height:150%;text-transform:uppercase}.accordion-panel .header .header__controls{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;margin-left:16px}.accordion-panel .header .header__controls .icon-button{color:#212533;cursor:pointer;font-size:1rem;margin-left:12px;padding:4px;border:none;background:0 0}.accordion-panel .header .header__controls .switch{padding-left:16px}.accordion-panel .content{background-color:#fff;overflow:hidden}.accordion-panel .content .content-container{margin:20px}.accordion-panel--open .header{background-color:#eeebf2;border-bottom:1px solid #c1c1cc}.accordion-panel--disabled .header{cursor:auto}.accordion-panel--disabled .header .header__title .icon,.accordion-panel--disabled .header .header__title .title{color:#c1c1cc}.accordion-panel--disabled .header .header__controls .icon-button{color:#c1c1cc;cursor:auto}"]
     })
 ], AccordionPanelComponent);
 
@@ -227,6 +226,100 @@ AccordionComponent = __decorate([
     })
 ], AccordionComponent);
 
+var SwitchComponent_1;
+let SwitchComponent = SwitchComponent_1 = class SwitchComponent {
+    constructor() {
+        this.readonly = false;
+        this.disabled = false;
+        this.valueChanged = new EventEmitter();
+        this.value = false;
+    }
+    onFocusIn() {
+        const switchElement = this.switchRef.nativeElement;
+        switchElement.classList.add("switch--focus");
+    }
+    onFocusOut() {
+        const switchElement = this.switchRef.nativeElement;
+        switchElement.classList.remove("switch--focus");
+    }
+    writeValue(value) {
+        if (!this.disabled) {
+            this.value = value;
+        }
+    }
+    registerOnChange(onChange) {
+        this._onChange = onChange;
+    }
+    registerOnTouched(onTouched) {
+        this._onTouched = onTouched;
+    }
+    setDisabledState(disabled) {
+        this.disabled = disabled;
+    }
+    toggleCheck() {
+        this.value = !this.value;
+        this.valueChanged.emit(this.value);
+        if (this._onChange) {
+            this._onChange(this.value);
+        }
+    }
+};
+__decorate([
+    Input()
+], SwitchComponent.prototype, "readonly", void 0);
+__decorate([
+    Input()
+], SwitchComponent.prototype, "trueLabel", void 0);
+__decorate([
+    Input()
+], SwitchComponent.prototype, "falseLabel", void 0);
+__decorate([
+    Input()
+], SwitchComponent.prototype, "inputId", void 0);
+__decorate([
+    Input()
+], SwitchComponent.prototype, "inputName", void 0);
+__decorate([
+    Input()
+], SwitchComponent.prototype, "disabled", void 0);
+__decorate([
+    Output()
+], SwitchComponent.prototype, "valueChanged", void 0);
+__decorate([
+    Input()
+], SwitchComponent.prototype, "value", void 0);
+__decorate([
+    ViewChild("switch", { static: true })
+], SwitchComponent.prototype, "switchRef", void 0);
+__decorate([
+    HostListener('focusin')
+], SwitchComponent.prototype, "onFocusIn", null);
+__decorate([
+    HostListener('focusout')
+], SwitchComponent.prototype, "onFocusOut", null);
+SwitchComponent = SwitchComponent_1 = __decorate([
+    Component({
+        selector: 's-switch',
+        template: "<div #switch class=\"switch\" [ngClass]=\"{ 'switch--disabled': disabled }\">\n    <label class=\"switch-toggle\">\n        <input\n            #input\n            [id]=\"inputId\"\n            [name]=\"inputName\"\n            type=\"checkbox\"\n            [checked]=\"value\"\n            [disabled]=\"readonly || disabled\"\n            (change)=\"toggleCheck()\">\n        <span class=\"slider\"></span>\n    </label>\n    <span class=\"label\">\n        {{ value ? trueLabel : falseLabel }}\n    </span>\n</div>",
+        providers: [{
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SwitchComponent_1),
+                multi: true,
+            }],
+        styles: [".switch{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.switch .switch-toggle{display:inline-block;height:24px;margin:0;position:relative;width:40px}.switch .switch-toggle input{height:0;opacity:0;width:0}.switch .switch-toggle input:checked+.slider{background-color:#428bca;border-radius:15px}.switch .switch-toggle input:checked+.slider:before{transform:translateX(16px)}.switch .switch-toggle .slider{background-color:#a5a5b2;border-radius:15px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.switch .switch-toggle .slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:\"\";height:16px;left:4px;position:absolute;transition:.4s;width:16px}.switch .label{color:#212533;font-family:\"Open Sans\" sans-serif;font-size:.875rem;font-weight:400;line-height:150%;margin-left:12px}.switch--disabled{opacity:.5}.switch--focus .switch-toggle .slider{box-shadow:0 0 0 2px #428BCA80}"]
+    })
+], SwitchComponent);
+
+let SwitchModule = class SwitchModule {
+};
+SwitchModule = __decorate([
+    NgModule({
+        imports: [CommonModule],
+        declarations: [SwitchComponent],
+        exports: [SwitchComponent],
+    })
+], SwitchModule);
+
 var TooltipPosition;
 (function (TooltipPosition) {
     TooltipPosition["Top"] = "top";
@@ -612,7 +705,7 @@ AccordionModule = __decorate([
             FormsModule,
             BrowserAnimationsModule,
             TooltipModule,
-            InputSwitchModule,
+            SwitchModule,
         ],
         declarations: [
             AccordionComponent,
@@ -5675,6 +5768,7 @@ let TablePagingComponent = class TablePagingComponent {
     constructor(translate, hostProjectConfigs) {
         this.translate = translate;
         this.hostProjectConfigs = hostProjectConfigs;
+        this.exportable = true;
         this.enableExportSelectedRecords = true;
     }
     ngOnChanges(changes) {
@@ -5866,6 +5960,9 @@ __decorate([
 __decorate([
     Input()
 ], TablePagingComponent.prototype, "table", void 0);
+__decorate([
+    Input()
+], TablePagingComponent.prototype, "exportable", void 0);
 __decorate([
     Input()
 ], TablePagingComponent.prototype, "enableExportSelectedRecords", void 0);
@@ -5886,7 +5983,7 @@ __decorate([
 ], TablePagingComponent.prototype, "totalRecordsText", void 0);
 TablePagingComponent = __decorate([
     Component({
-        template: "<div class=\"paging-container\">\n    <span class=\"total-records\">\n        {{totalRecordsText}}\n    </span>\n    <s-button class=\"export-button\" \n        priority=\"default\" \n        iconClass=\"fa fa-fw fa-file-export\" \n        [disabled]=\"false\" \n        [auxiliary]=\"true\" \n        [tooltip]=\"getTooltipText()\" \n        [model]=\"getActions()\"></s-button>\n</div>\n",
+        template: "<div class=\"paging-container\">\n    <span class=\"total-records\">\n        {{totalRecordsText}}\n    </span>\n    <s-button\n        *ngIf=\"exportable\"\n        class=\"export-button\" \n        priority=\"default\" \n        iconClass=\"fa fa-fw fa-file-export\" \n        [disabled]=\"false\" \n        [auxiliary]=\"true\" \n        [tooltip]=\"getTooltipText()\" \n        [model]=\"getActions()\">\n    </s-button>\n</div>\n",
         selector: "s-table-paging",
         styles: [".paging-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.export-button{margin-left:6px}"]
     }),
@@ -5983,7 +6080,8 @@ __decorate([
 ], ChipsFieldComponent.prototype, "formControl", void 0);
 ChipsFieldComponent = __decorate([
     Component({
-        template: "<p-chips\n    *ngIf=\"field.keyFilter\"\n    [inputId]=\"(field.id || field.name)\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"field.placeholder\"\n    [allowDuplicate]=\"false\"\n    [addOnTab]=\"true\"\n    [addOnBlur]=\"true\"\n    (onAdd)=\"field.onAdd ? field.onAdd($event) : null\"\n    (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n    (onChipClick)=\"field.onChipClick ? field.onChipClick($event) : null\"\n    (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n    (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n    [pKeyFilter]=\"field.keyFilter\">\n</p-chips>\n\n<p-chips\n    *ngIf=\"!field.keyFilter\"\n    [inputId]=\"(field.id || field.name)\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"field.placeholder\"\n    [allowDuplicate]=\"false\"\n    [addOnTab]=\"true\"\n    [addOnBlur]=\"true\"\n    (onAdd)=\"field.onAdd ? field.onAdd($event) : null\"\n    (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n    (onChipClick)=\"field.onChipClick ? field.onChipClick($event) : null\"\n    (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n    (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n</p-chips>\n"
+        template: "<p-chips\n    *ngIf=\"field.keyFilter\"\n    [inputId]=\"(field.id || field.name)\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"field.placeholder\"\n    [allowDuplicate]=\"false\"\n    [addOnTab]=\"true\"\n    [addOnBlur]=\"true\"\n    (onAdd)=\"field.onAdd ? field.onAdd($event) : null\"\n    (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n    (onChipClick)=\"field.onChipClick ? field.onChipClick($event) : null\"\n    (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n    (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n    [pKeyFilter]=\"field.keyFilter\">\n    <ng-template let-item pTemplate=\"item\">\n        <span\n            class=\"chip-content\"\n            [sTooltip]=\"item\">\n            {{ item }}\n        </span>\n    </ng-template>\n</p-chips>\n\n<p-chips\n    *ngIf=\"!field.keyFilter\"\n    [inputId]=\"(field.id || field.name)\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"field.placeholder\"\n    [allowDuplicate]=\"false\"\n    [addOnTab]=\"true\"\n    [addOnBlur]=\"true\"\n    (onAdd)=\"field.onAdd ? field.onAdd($event) : null\"\n    (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n    (onChipClick)=\"field.onChipClick ? field.onChipClick($event) : null\"\n    (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n    (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n    <ng-template let-item pTemplate=\"item\">\n        <span\n            class=\"chip-content\"\n            [sTooltip]=\"item\">\n            {{ item }}\n        </span>\n    </ng-template>\n</p-chips>\n",
+        styles: [".chip-content{display:block;padding-right:1rem}"]
     })
 ], ChipsFieldComponent);
 
@@ -6433,7 +6531,7 @@ __decorate([
 ], BooleanSwitchFieldComponent.prototype, "formControl", void 0);
 BooleanSwitchFieldComponent = __decorate([
     Component({
-        template: "<div class=\"ui-grid ui-grid-responsive ui-grid-pad ui-fluid\">\n    <div class=\"ui-grid-row\">\n        <div class=\"i-grid-col-1\">\n            <p-inputSwitch [id]=\"(field.id || field.name)\" [name]=\"field.name\" [formControl]=\"formControl\"\n                [sTooltip]=\"field.tooltip\" tooltipPosition=\"top\"\n                (onChange)=\"field.onChange ? field.onChange($event) : null\">\n            </p-inputSwitch>\n        </div>\n        <div class=\"i-grid-col-1\" *ngIf=\"field.optionsLabel\">\n            <ng-container *ngIf=\"formControl.value; else caseFalse\">\n                <span>{{ field.optionsLabel.true }}</span>\n            </ng-container>\n            <ng-template #caseFalse>\n                <span>{{ field.optionsLabel.false }}</span>\n            </ng-template>\n        </div>\n    </div>\n</div>"
+        template: "<div class=\"ui-grid ui-grid-responsive ui-grid-pad ui-fluid\">\n    <div class=\"ui-grid-row\">\n        <div class=\"i-grid-col-1\">\n            <s-switch\n                [id]=\"(field.id || field.name)\"\n                [inputName]=\"field.name\"\n                [formControl]=\"formControl\"\n                [sTooltip]=\"field.tooltip\"\n                tooltipPosition=\"top\"\n                (valueChanged)=\"field.onChange ? field.onChange($event) : null\">\n            </s-switch>\n        </div>\n        <div class=\"i-grid-col-1\" *ngIf=\"field.optionsLabel\">\n            <ng-container *ngIf=\"formControl.value; else caseFalse\">\n                <span>{{ field.optionsLabel.true }}</span>\n            </ng-container>\n            <ng-template #caseFalse>\n                <span>{{ field.optionsLabel.false }}</span>\n            </ng-template>\n        </div>\n    </div>\n</div>"
     })
 ], BooleanSwitchFieldComponent);
 
@@ -7243,7 +7341,7 @@ DynamicFormModule = __decorate([
             MaskFormatterModule,
             HotkeyModule.forRoot(),
             MouseEventsModule,
-            InputSwitchModule,
+            SwitchModule,
             PasswordStrengthModule,
             SliderModule,
         ],
@@ -13259,97 +13357,6 @@ SplitButtonModule = __decorate([
     })
 ], SplitButtonModule);
 
-var SwitchComponent_1;
-let SwitchComponent = SwitchComponent_1 = class SwitchComponent {
-    constructor() {
-        this.readonly = false;
-        this.disabled = false;
-        this.valueChanged = new EventEmitter();
-        this.value = false;
-    }
-    onFocusIn() {
-        const switchElement = this.switchRef.nativeElement;
-        switchElement.classList.add("switch--focus");
-    }
-    onFocusOut() {
-        const switchElement = this.switchRef.nativeElement;
-        switchElement.classList.remove("switch--focus");
-    }
-    writeValue(value) {
-        if (!this.disabled) {
-            this.value = value;
-        }
-    }
-    registerOnChange(onChange) {
-        this._onChange = onChange;
-    }
-    registerOnTouched(onTouched) {
-        this._onTouched = onTouched;
-    }
-    setDisabledState(disabled) {
-        this.disabled = disabled;
-    }
-    toggleCheck() {
-        this.value = !this.value;
-        this.valueChanged.emit(this.value);
-        if (this._onChange) {
-            this._onChange(this.value);
-        }
-    }
-};
-__decorate([
-    Input()
-], SwitchComponent.prototype, "readonly", void 0);
-__decorate([
-    Input()
-], SwitchComponent.prototype, "trueLabel", void 0);
-__decorate([
-    Input()
-], SwitchComponent.prototype, "falseLabel", void 0);
-__decorate([
-    Input()
-], SwitchComponent.prototype, "inputId", void 0);
-__decorate([
-    Input()
-], SwitchComponent.prototype, "disabled", void 0);
-__decorate([
-    Output()
-], SwitchComponent.prototype, "valueChanged", void 0);
-__decorate([
-    Input()
-], SwitchComponent.prototype, "value", void 0);
-__decorate([
-    ViewChild("switch", { static: true })
-], SwitchComponent.prototype, "switchRef", void 0);
-__decorate([
-    HostListener('focusin')
-], SwitchComponent.prototype, "onFocusIn", null);
-__decorate([
-    HostListener('focusout')
-], SwitchComponent.prototype, "onFocusOut", null);
-SwitchComponent = SwitchComponent_1 = __decorate([
-    Component({
-        selector: 's-switch',
-        template: "<div #switch class=\"switch\" [ngClass]=\"{ 'switch--disabled': disabled }\">\n    <label class=\"switch-toggle\">\n        <input\n            #input\n            [id]=\"inputId\"\n            type=\"checkbox\"\n            [checked]=\"value\"\n            [disabled]=\"readonly || disabled\"\n            (change)=\"toggleCheck()\">\n        <span class=\"slider\"></span>\n    </label>\n    <span class=\"label\">\n        {{ value ? trueLabel : falseLabel }}\n    </span>\n</div>",
-        providers: [{
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => SwitchComponent_1),
-                multi: true,
-            }],
-        styles: [".switch{display:-ms-inline-flexbox;display:inline-flex}.switch .switch-toggle{display:inline-block;height:24px;position:relative;width:40px}.switch .switch-toggle input{height:0;opacity:0;width:0}.switch .switch-toggle input:checked+.slider{background-color:#428bca;border-radius:15px}.switch .switch-toggle input:checked+.slider:before{transform:translateX(16px)}.switch .switch-toggle .slider{background-color:#a5a5b2;border-radius:15px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.switch .switch-toggle .slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:\"\";height:16px;left:4px;position:absolute;transition:.4s;width:16px}.switch .label{color:#212533;font-family:\"Open Sans\" sans-serif;font-size:.875rem;font-weight:400;line-height:150%;margin-left:12px}.switch--disabled{opacity:.5}.switch--focus .switch-toggle .slider{box-shadow:0 0 0 2px #428BCA80}"]
-    })
-], SwitchComponent);
-
-let SwitchModule = class SwitchModule {
-};
-SwitchModule = __decorate([
-    NgModule({
-        imports: [CommonModule],
-        declarations: [SwitchComponent],
-        exports: [SwitchComponent],
-    })
-], SwitchModule);
-
 let PanelComponent = class PanelComponent {
     constructor() {
         this.toggleable = true;