@festo-ui/angular 3.1.0-pre-20220203.2 → 3.1.0-pre-20220217.1

package/esm2015/lib/forms/select/select-option/select-option.component.js

@@ -1,29 +0,0 @@
-import { __awaiter } from "tslib";
-import { Component, Input, ViewChild, ElementRef } from '@angular/core';
-import * as i0 from "@angular/core";
-export class SelectOptionComponent {
-    ngAfterViewInit() {
-        this.el = this.elementRef.nativeElement;
-    }
-    update() {
-        return __awaiter(this, void 0, void 0, function* () {
-            return yield Promise.resolve(this.el);
-        });
-    }
-}
-SelectOptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: SelectOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SelectOptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: SelectOptionComponent, selector: "fng-select-option", inputs: { value: "value" }, viewQueries: [{ propertyName: "elementRef", first: true, predicate: ["root"], descendants: true }], ngImport: i0, template: "<span #root>\n  <ng-content></ng-content>\n</span>\n", styles: [""] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: SelectOptionComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'fng-select-option',
-                    templateUrl: './select-option.component.html',
-                    styleUrls: ['./select-option.component.scss']
-                }]
-        }], propDecorators: { value: [{
-                type: Input
-            }], elementRef: [{
-                type: ViewChild,
-                args: ['root']
-            }] } });
-//# sourceMappingURL=select-option.component.js.map

package/esm2015/lib/forms/select/select-option/select-option.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-option.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular/src/lib/forms/select/select-option/select-option.component.ts","../../../../../../../../libs/angular/src/lib/forms/select/select-option/select-option.component.html"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAiB,MAAM,eAAe,CAAC;;AAOvF,MAAM,OAAO,qBAAqB;IAMhC,eAAe;QACb,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;IAC1C,CAAC;IAEK,MAAM;;YACV,OAAO,MAAM,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACxC,CAAC;KAAA;;kHAZU,qBAAqB;sGAArB,qBAAqB,yLCPlC,sDAGA;2FDIa,qBAAqB;kBALjC,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,WAAW,EAAE,gCAAgC;oBAC7C,SAAS,EAAE,CAAC,gCAAgC,CAAC;iBAC9C;8BAEU,KAAK;sBAAb,KAAK;gBACa,UAAU;sBAA5B,SAAS;uBAAC,MAAM","sourcesContent":["import { Component, Input, ViewChild, ElementRef, AfterViewInit } from '@angular/core';\n\n@Component({\n  selector: 'fng-select-option',\n  templateUrl: './select-option.component.html',\n  styleUrls: ['./select-option.component.scss']\n})\nexport class SelectOptionComponent implements AfterViewInit {\n  @Input() value: any;\n  @ViewChild('root') elementRef!: ElementRef;\n\n  el: HTMLElement;\n\n  ngAfterViewInit(): void {\n    this.el = this.elementRef.nativeElement;\n  }\n\n  async update(): Promise<HTMLElement> {\n    return await Promise.resolve(this.el);\n  }\n}\n","<span #root>\n  <ng-content></ng-content>\n</span>\n"]}

package/esm2015/lib/forms/select/select.component.js

@@ -1,265 +0,0 @@
-import { Component, Input, HostBinding, ViewEncapsulation, Renderer2, Inject, forwardRef, ViewChild, ElementRef, QueryList, ContentChildren, Output, EventEmitter, ChangeDetectorRef } from '@angular/core';
-import { DOCUMENT } from '@angular/common';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import { SelectOptionComponent } from './select-option/select-option.component';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/cdk/overlay";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/cdk/observers";
-import * as i4 from "./chip-text.pipe";
-export class SelectComponent {
-    constructor(document, renderer, cd) {
-        this.document = document;
-        this.renderer = renderer;
-        this.cd = cd;
-        this._disabled = false;
-        this._required = false;
-        this.touched = false;
-        this.id = `input-control-${++SelectComponent.nextId}`;
-        this.options = [];
-        this.label = '';
-        this.hideLabel = false;
-        this.hint = '';
-        this.fngChange = new EventEmitter();
-        this.selectPanelClasses = ['fng-select-panel'];
-        this.showOptions = false;
-        this.checked = new Map();
-        this.hasProjectedOptions = false;
-        this.projectedHtml = [];
-        this.body = this.document.body;
-    }
-    get disabled() {
-        return this._disabled;
-    }
-    set disabled(value) {
-        this._disabled = coerceBooleanProperty(value);
-    }
-    get required() {
-        return this._required;
-    }
-    set required(value) {
-        this._required = coerceBooleanProperty(value);
-    }
-    get value() {
-        return this._value;
-    }
-    set value(value) {
-        if (this.multiple === true) {
-            const index = this._value.indexOf(value);
-            if (index === -1) {
-                this._value.push(value);
-                this.checked.set(value, 'checked');
-            }
-            else {
-                this._value.splice(index, 1);
-                this.checked.set(value, null);
-            }
-        }
-        else {
-            this._value = value;
-        }
-        if (this.onChange != null) {
-            this.onChange(this.value);
-        }
-        this.fngChange.emit(this.value);
-    }
-    ngOnInit() {
-        if (this.size != null) {
-            this.selectPanelClasses.push('fng-select-panel-options-' + this.size);
-        }
-        if (this.multiple === true) {
-            this._value = [];
-            this.selectPanelClasses.push('fng-select-panel-multiple');
-        }
-    }
-    ngAfterViewInit() {
-        var _a, _b;
-        this.triggerWidth = (_b = (_a = this.elementRef.nativeElement) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.width;
-        this.initProjectedOptions();
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    setDisabledState(shouldDisable) {
-        this.disabled = shouldDisable;
-    }
-    writeValue(value) {
-        if (value === undefined) {
-            return;
-        }
-        if (this.multiple === true) {
-            this._value = value;
-            // set checkmarks in overlay panel, so that it is displayed correctly when user opens it
-            value === null || value === void 0 ? void 0 : value.forEach(v => {
-                this.checked.set(v, 'checked');
-            });
-        }
-        else {
-            this._value = value;
-        }
-    }
-    getOptionText(index) {
-        if (this.options[index] != null && this.options[index][this.optionsTextKey] != null) {
-            return this.options[index][this.optionsTextKey];
-        }
-    }
-    getOptionValue(index) {
-        // if set to true the complete option object is returned as value
-        if (this.optionObjectAsValue === true) {
-            return this.options[index];
-        }
-        // try to access standard property 'value'
-        const v = this.options[index]['value'];
-        if (v !== undefined) {
-            return v;
-        }
-        // try to map the value to a property of the option by given key
-        if (this.options[index] != null && this.options[index][this.optionsValueKey] != null) {
-            return this.options[index][this.optionsValueKey];
-        }
-    }
-    removeChip(event, chip) {
-        event.stopPropagation();
-        if (!this._disabled) {
-            this.markAsTouched();
-            this.value = chip;
-        }
-    }
-    onOpenedChange(isOpen) {
-        if (isOpen) {
-            this.renderer.addClass(this.body, 'fng-select-panel-open');
-        }
-        else {
-            this.renderer.removeClass(this.body, 'fng-select-panel-open');
-        }
-    }
-    close() {
-        this.showOptions = false;
-        this.isEmpty();
-    }
-    toggle() {
-        var _a, _b;
-        if (false === this.disabled) {
-            this.triggerWidth = (_b = (_a = this.elementRef.nativeElement) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.width;
-            this.showOptions = !this.showOptions;
-            this.onOpenedChange(this.showOptions);
-            this.isEmpty();
-        }
-    }
-    select(value, event) {
-        if (!this._disabled) {
-            this.markAsTouched();
-            event.stopPropagation();
-            this.value = value;
-            if (this.multiple !== true) {
-                // closes overlay panel
-                this.toggle();
-            }
-        }
-    }
-    markAsTouched() {
-        if (!this.touched) {
-            if (this.onTouched != null) {
-                this.onTouched();
-            }
-            this.touched = true;
-        }
-    }
-    onContentChange(changes) {
-        if (changes != null) {
-            this.options = [];
-            this.projectedHtml = [];
-            this.initProjectedOptions();
-        }
-    }
-    initProjectedOptions() {
-        if (this.fngSelectOptions.length > 0) {
-            this.hasProjectedOptions = true;
-            this.fngSelectOptions.forEach(component => {
-                component.update().then(el => {
-                    this.options.push({ value: component.value, text: el.textContent.trim() });
-                    this.projectedHtml.push(el.innerHTML);
-                    this.cd.detectChanges();
-                });
-            });
-        }
-        this.cd.detectChanges();
-    }
-    isEmpty() {
-        if (!this.showOptions && (!this._value || '' === this._value)) {
-            this.empty = true;
-        }
-        else {
-            this.empty = false;
-        }
-    }
-}
-SelectComponent.nextId = 0;
-SelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: SelectComponent, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-SelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: SelectComponent, selector: "fng-select", inputs: { disabled: "disabled", required: "required", multiple: "multiple", size: "size", options: "options", optionsValueKey: "optionsValueKey", optionsTextKey: "optionsTextKey", optionObjectAsValue: "optionObjectAsValue", error: "error", label: "label", hideLabel: "hideLabel", hint: "hint", resetOption: "resetOption" }, outputs: { fngChange: "fngChange" }, host: { properties: { "id": "this.id" } }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => SelectComponent),
-            multi: true
-        }
-    ], queries: [{ propertyName: "fngSelectOptions", predicate: SelectOptionComponent }], viewQueries: [{ propertyName: "elementRef", first: true, predicate: ["div"], descendants: true }], ngImport: i0, template: "<div #div class=\"fwe-select-wrapper\" [class.fwe-disabled]=\"disabled\" [class.fng-hide-label]=\"hideLabel\">\n  <div\n    class=\"fwe-select\"\n    (click)=\"toggle()\"\n    cdkOverlayOrigin\n    #trigger=\"cdkOverlayOrigin\"\n    [class.fwe-focus]=\"showOptions\"\n    [class.fwe-required]=\"required\"\n    [class.fwe-disabled]=\"disabled\"\n    [class.fwe-pty]=\"empty\"\n  >\n    <div class=\"fwe-select-content\">\n      <ng-container *ngIf=\"!multiple; else chips\">\n        {{ value != null && value | fngChipText: options:optionsValueKey:optionsTextKey }}\n      </ng-container>\n      <ng-template #chips>\n        <div class=\"fwe-chip-container\">\n          <div\n            *ngFor=\"let v of value\"\n            class=\"fwe-chip chip-text-truncate fwe-pr-4\"\n            [style.max-width.px]=\"triggerWidth\"\n            [title]=\"v | fngChipText: options:optionsValueKey:optionsTextKey\"\n          >\n            {{ v | fngChipText: options:optionsValueKey:optionsTextKey }}\n            <span class=\"chip-removable\" (click)=\"removeChip($event, v)\"></span>\n          </div>\n        </div>\n      </ng-template>\n    </div>\n  </div>\n  <ng-template\n    cdkConnectedOverlay\n    cdkConnectedOverlayHasBackdrop\n    cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n    [cdkConnectedOverlayOrigin]=\"trigger\"\n    [cdkConnectedOverlayMinWidth]=\"triggerWidth\"\n    [cdkConnectedOverlayOpen]=\"showOptions\"\n    [cdkConnectedOverlayPanelClass]=\"selectPanelClasses\"\n    (backdropClick)=\"close()\"\n  >\n    <div class=\"fng-select-panel-wrap\">\n      <ul class=\"fwe-select-options-container\">\n        <li class=\"fwe-select-option\" *ngIf=\"resetOption != null && !multiple\" (click)=\"select(null, $event)\">{{ resetOption }}</li>\n        <li\n          class=\"fwe-select-option\"\n          *ngFor=\"let option of options; let i = index\"\n          (click)=\"select(getOptionValue(i), $event)\"\n          [title]=\"getOptionText(i) || option?.text\"\n        >\n          <span class=\"fwe-select-option-content\">\n            <span\n              *ngIf=\"multiple\"\n              class=\"fng-select-pseudo-checkbox\"\n              [ngClass]=\"{ 'fng-select-pseudo-checkbox-checked': checked.get(getOptionValue(i)) === 'checked' }\"\n            ></span>\n            <span *ngIf=\"hasProjectedOptions; else defaultTemplate\" [innerHTML]=\"projectedHtml[i]\"></span>\n            <ng-template #defaultTemplate>{{ getOptionText(i) || option?.text }}</ng-template>\n          </span>\n        </li>\n      </ul>\n    </div>\n  </ng-template>\n  <label class=\"fwe-select-label\" [for]=\"id\" [class.fwe-sr-only]=\"hideLabel\">{{ label }}</label>\n  <div class=\"fwe-select-description\" *ngIf=\"hint\">\n    {{ hint }}\n  </div>\n  <div class=\"fwe-select-invalid\" *ngIf=\"error\">\n    {{ error }}\n  </div>\n</div>\n<div class=\"fwe-d-none\" (cdkObserveContent)=\"onContentChange($event)\">\n  <ng-content></ng-content>\n</div>\n", styles: ["@charset \"UTF-8\";.fng-select-panel-open .fng-select-panel{opacity:1!important}fng-select{width:auto}fng-select.ng-invalid:not(.ng-pristine) .fwe-select:hover{border-color:var(--fwe-red)}fng-select.ng-invalid:not(.ng-pristine) .fwe-select.fwe-required~.fwe-select-invalid{display:block}fng-select.ng-invalid:not(.ng-pristine) .fwe-select.fwe-required~.fwe-select-description{display:none}.fng-select-panel{opacity:0!important}.fng-select-panel.fng-select-panel-options-3 .fwe-select-options-container{max-height:162px}.fng-select-panel.fng-select-panel-options-4 .fwe-select-options-container{max-height:210px}.fng-select-panel.fng-select-panel-options-5 .fwe-select-options-container{max-height:258px}.fng-select-panel.fng-select-panel-options-6 .fwe-select-options-container{max-height:306px}.fng-select-panel.fng-select-panel-options-7 .fwe-select-options-container{max-height:354px}.fng-select-panel.fng-select-panel-options-8 .fwe-select-options-container{max-height:402px}.fng-select-panel.fng-select-panel-options-9 .fwe-select-options-container{max-height:450px}.fng-select-panel.fng-select-panel-options-10 .fwe-select-options-container{max-height:498px}.fng-select-panel .fwe-select-options-container{scrollbar-width:thin;scrollbar-color:var(--fwe-control-scrollbar) var(--fwe-gray-100)}.fng-select-panel .fwe-select-options-container::-webkit-scrollbar{width:12px}.fng-select-panel .fwe-select-options-container::-webkit-scrollbar-track{background:transparent}.fng-select-panel .fwe-select-options-container::-webkit-scrollbar-thumb{overflow:visible;background-color:var(--fwe-control-scrollbar);border:3px solid rgba(242,243,245,0);-webkit-background-clip:padding-box;background-clip:padding-box;border-radius:6px}.fng-select-panel-wrap{flex-basis:100%}.fwe-select-options-container{position:relative;top:4px;left:0px;max-height:258px;min-width:calc(100% + 0px)!important;max-width:280px;overflow:auto;font-size:16px;background-color:var(--fwe-white);border-radius:4px;padding:8px;margin:0;border:1px solid var(--fwe-gray-200);box-shadow:0 1px 4px #00000029;list-style:none;outline:0}.fwe-select-options-container .fwe-select-option{position:relative;line-height:24px;padding:12px 8px;min-height:24px;cursor:pointer}.fwe-select-options-container .fwe-select-option:hover{background-color:var(--fwe-gray-100)}.fwe-select-options-container .fwe-select-option:last-child{border-bottom:none}.fwe-select-options-container .fwe-select-option .fwe-select-option-content{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;line-height:24px;min-height:24px}.fng-select-pseudo-checkbox{width:16px;height:16px;border-radius:2px;cursor:pointer;display:inline-block;vertical-align:middle;box-sizing:border-box;position:relative;flex-shrink:0;color:var(--fwe-control-border);border:1px solid;transition:none;margin-right:12px;top:-1px}.fng-select-pseudo-checkbox:after{color:var(--fwe-white);position:absolute;display:block;opacity:0;content:\"\";border-bottom:2px solid currentColor;transition:opacity 90ms cubic-bezier(0,0,.2,.1)}.fng-select-pseudo-checkbox.fng-select-pseudo-checkbox-checked{background:var(--fwe-caerul);border:1px solid var(--fwe-caerul)}.fng-select-pseudo-checkbox.fng-select-pseudo-checkbox-checked:after{top:3px;left:2px;width:8px;height:3px;border-left:2px solid currentColor;transform:rotate(-45deg);opacity:1;box-sizing:content-box}.chip-text-truncate{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip-removable:after{position:absolute;right:5px;top:4px;color:var(--fwe-text);font-family:\"festo_icons-16\";font-size:16px;content:\"\\ea1c\";line-height:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fwe-select-wrapper{display:flex;width:inherit;min-width:48px}.fwe-select-wrapper:before{bottom:unset;top:24px}.fwe-select-wrapper.fng-hide-label{margin-top:18px}.fwe-select-wrapper.fng-hide-label:before{top:6px}.fwe-select-wrapper.fwe-disabled:before{color:var(--fwe-text-disabled)}.fwe-select-wrapper .fwe-select{cursor:pointer;height:unset;min-height:33px}.fwe-select-wrapper .fwe-select .fwe-select-content{padding-right:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5rem}.fwe-select-wrapper .fwe-select.fwe-required:not(.fwe-disabled)~.fwe-select-label:after{position:relative;left:3px;display:inline-block;content:\"*\"}.fwe-select-wrapper .fwe-select.fwe-disabled{cursor:default;border-color:var(--fwe-control-disabled)!important}.fwe-select-wrapper .fwe-select.fwe-disabled~.fwe-select-label{color:var(--fwe-text-disabled)}.fwe-select-wrapper .fwe-select.fwe-disabled .fwe-select-content{color:var(--fwe-text-disabled)}.fwe-select-wrapper .fwe-select.fwe-disabled .fwe-chip{color:var(--fwe-text-disabled);border:1px solid var(--fwe-control-disabled);pointer-events:none}.fwe-select-wrapper .fwe-select.fwe-disabled .fwe-chip .chip-removable:after{color:var(--fwe-text-disabled)}.fwe-select-wrapper .fwe-select-label:empty~.fwe-select-options-container,.fwe-select-wrapper .fwe-select-label.fwe-sr-only~.fwe-select-options-container{top:38px}\n"], directives: [{ type: i1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayPositions", "cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayTransformOriginOn"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], pipes: { "fngChipText": i4.ChipTextPipe }, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: SelectComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'fng-select',
-                    templateUrl: './select.component.html',
-                    styleUrls: ['./select.component.scss'],
-                    encapsulation: ViewEncapsulation.None,
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => SelectComponent),
-                            multi: true
-                        }
-                    ]
-                }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { disabled: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], id: [{
-                type: HostBinding
-            }], multiple: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], options: [{
-                type: Input
-            }], optionsValueKey: [{
-                type: Input
-            }], optionsTextKey: [{
-                type: Input
-            }], optionObjectAsValue: [{
-                type: Input
-            }], error: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], hideLabel: [{
-                type: Input
-            }], hint: [{
-                type: Input
-            }], resetOption: [{
-                type: Input
-            }], fngSelectOptions: [{
-                type: ContentChildren,
-                args: [SelectOptionComponent]
-            }], elementRef: [{
-                type: ViewChild,
-                args: ['div']
-            }], fngChange: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=select.component.js.map

package/esm2015/lib/forms/select/select.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular/src/lib/forms/select/select.component.ts","../../../../../../../libs/angular/src/lib/forms/select/select.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\r\n  Component,\r\n  Input,\r\n  HostBinding,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  Inject,\r\n  forwardRef,\r\n  ViewChild,\r\n  ElementRef,\r\n  AfterViewInit,\r\n  QueryList,\r\n  ContentChildren,\r\n  Output,\r\n  EventEmitter,\r\n  ChangeDetectorRef\r\n} from '@angular/core';\r\nimport { DOCUMENT } from '@angular/common';\r\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\r\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\r\nimport { SelectOptionComponent } from './select-option/select-option.component';\r\n\r\nexport interface SelectOption {\r\n  value: any;\r\n  text: string;\r\n}\r\n\r\n@Component({\r\n  selector: 'fng-select',\r\n  templateUrl: './select.component.html',\r\n  styleUrls: ['./select.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  providers: [\r\n    {\r\n      provide: NG_VALUE_ACCESSOR,\r\n      useExisting: forwardRef(() => SelectComponent),\r\n      multi: true\r\n    }\r\n  ]\r\n})\r\nexport class SelectComponent implements ControlValueAccessor, OnInit, AfterViewInit {\r\n  static nextId = 0;\r\n\r\n  protected _disabled = false;\r\n  protected _required = false;\r\n  protected _value: any;\r\n  protected body: HTMLElement;\r\n\r\n  @Input()\r\n  get disabled(): boolean {\r\n    return this._disabled;\r\n  }\r\n  set disabled(value: boolean) {\r\n    this._disabled = coerceBooleanProperty(value);\r\n  }\r\n\r\n  @Input()\r\n  get required(): boolean {\r\n    return this._required;\r\n  }\r\n  set required(value: boolean) {\r\n    this._required = coerceBooleanProperty(value);\r\n  }\r\n\r\n  get value(): any {\r\n    return this._value;\r\n  }\r\n\r\n  set value(value: any) {\r\n    if (this.multiple === true) {\r\n      const index = this._value.indexOf(value);\r\n      if (index === -1) {\r\n        this._value.push(value);\r\n        this.checked.set(value, 'checked');\r\n      } else {\r\n        this._value.splice(index, 1);\r\n        this.checked.set(value, null);\r\n      }\r\n    } else {\r\n      this._value = value;\r\n    }\r\n\r\n    if (this.onChange != null) {\r\n      this.onChange(this.value);\r\n    }\r\n    this.fngChange.emit(this.value);\r\n  }\r\n\r\n  onChange: (_: any) => void;\r\n  onTouched: () => void;\r\n\r\n  touched = false;\r\n\r\n  @HostBinding()\r\n  id = `input-control-${++SelectComponent.nextId}`;\r\n\r\n  @Input() multiple: boolean;\r\n  @Input() size: number;\r\n  @Input() options = [];\r\n  @Input() optionsValueKey: string;\r\n  @Input() optionsTextKey: string;\r\n  @Input() optionObjectAsValue: boolean;\r\n  @Input() error: string;\r\n  @Input() label = '';\r\n  @Input() hideLabel = false;\r\n  @Input() hint = '';\r\n  @Input() resetOption: string;\r\n  @ContentChildren(SelectOptionComponent) fngSelectOptions: QueryList<SelectOptionComponent>;\r\n  @ViewChild('div') elementRef: ElementRef;\r\n  @Output() fngChange = new EventEmitter<any>();\r\n\r\n  selectPanelClasses: string[] = ['fng-select-panel'];\r\n  showOptions = false;\r\n  empty: boolean;\r\n  triggerWidth: any;\r\n  checked = new Map();\r\n  hasProjectedOptions = false;\r\n  projectedHtml = [];\r\n\r\n  constructor(@Inject(DOCUMENT) protected document: any, protected renderer: Renderer2, protected cd: ChangeDetectorRef) {\r\n    this.body = (this.document as Document).body;\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    if (this.size != null) {\r\n      this.selectPanelClasses.push('fng-select-panel-options-' + this.size);\r\n    }\r\n\r\n    if (this.multiple === true) {\r\n      this._value = [];\r\n      this.selectPanelClasses.push('fng-select-panel-multiple');\r\n    }\r\n  }\r\n\r\n  ngAfterViewInit(): void {\r\n    this.triggerWidth = this.elementRef.nativeElement?.getBoundingClientRect()?.width;\r\n    this.initProjectedOptions();\r\n  }\r\n\r\n  registerOnChange(fn: any) {\r\n    this.onChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: any): void {\r\n    this.onTouched = fn;\r\n  }\r\n\r\n  setDisabledState(shouldDisable: boolean): void {\r\n    this.disabled = shouldDisable;\r\n  }\r\n\r\n  writeValue(value: any | null): void {\r\n    if (value === undefined) {\r\n      return;\r\n    }\r\n\r\n    if (this.multiple === true) {\r\n      this._value = value;\r\n      // set checkmarks in overlay panel, so that it is displayed correctly when user opens it\r\n      value?.forEach(v => {\r\n        this.checked.set(v, 'checked');\r\n      });\r\n    } else {\r\n      this._value = value;\r\n    }\r\n  }\r\n\r\n  getOptionText(index: number) {\r\n    if (this.options[index] != null && this.options[index][this.optionsTextKey] != null) {\r\n      return this.options[index][this.optionsTextKey];\r\n    }\r\n  }\r\n\r\n  getOptionValue(index: number) {\r\n    // if set to true the complete option object is returned as value\r\n    if (this.optionObjectAsValue === true) {\r\n      return this.options[index];\r\n    }\r\n\r\n    // try to access standard property 'value'\r\n    const v = this.options[index]['value'];\r\n\r\n    if (v !== undefined) {\r\n      return v;\r\n    }\r\n\r\n    // try to map the value to a property of the option by given key\r\n    if (this.options[index] != null && this.options[index][this.optionsValueKey] != null) {\r\n      return this.options[index][this.optionsValueKey];\r\n    }\r\n  }\r\n\r\n  removeChip(event: any, chip: string) {\r\n    event.stopPropagation();\r\n    if (!this._disabled) {\r\n      this.markAsTouched();\r\n      this.value = chip;\r\n    }\r\n  }\r\n\r\n  onOpenedChange(isOpen: boolean) {\r\n    if (isOpen) {\r\n      this.renderer.addClass(this.body, 'fng-select-panel-open');\r\n    } else {\r\n      this.renderer.removeClass(this.body, 'fng-select-panel-open');\r\n    }\r\n  }\r\n\r\n  close() {\r\n    this.showOptions = false;\r\n    this.isEmpty();\r\n  }\r\n\r\n  toggle() {\r\n    if (false === this.disabled) {\r\n      this.triggerWidth = this.elementRef.nativeElement?.getBoundingClientRect()?.width;\r\n      this.showOptions = !this.showOptions;\r\n      this.onOpenedChange(this.showOptions);\r\n      this.isEmpty();\r\n    }\r\n  }\r\n\r\n  select(value: any, event: Event) {\r\n    if (!this._disabled) {\r\n      this.markAsTouched();\r\n      event.stopPropagation();\r\n      this.value = value;\r\n\r\n      if (this.multiple !== true) {\r\n        // closes overlay panel\r\n        this.toggle();\r\n      }\r\n    }\r\n  }\r\n\r\n  markAsTouched() {\r\n    if (!this.touched) {\r\n      if (this.onTouched != null) {\r\n        this.onTouched();\r\n      }\r\n      this.touched = true;\r\n    }\r\n  }\r\n\r\n  onContentChange(changes: MutationRecord[]) {\r\n    if (changes != null) {\r\n      this.options = [];\r\n      this.projectedHtml = [];\r\n      this.initProjectedOptions();\r\n    }\r\n  }\r\n\r\n  protected initProjectedOptions() {\r\n    if (this.fngSelectOptions.length > 0) {\r\n      this.hasProjectedOptions = true;\r\n      this.fngSelectOptions.forEach(component => {\r\n        component.update().then(el => {\r\n          this.options.push({ value: component.value, text: el.textContent.trim() });\r\n          this.projectedHtml.push(el.innerHTML);\r\n          this.cd.detectChanges();\r\n        });\r\n      });\r\n    }\r\n    this.cd.detectChanges();\r\n  }\r\n\r\n  protected isEmpty() {\r\n    if (!this.showOptions && (!this._value || '' === this._value)) {\r\n      this.empty = true;\r\n    } else {\r\n      this.empty = false;\r\n    }\r\n  }\r\n}\r\n","<div #div class=\"fwe-select-wrapper\" [class.fwe-disabled]=\"disabled\" [class.fng-hide-label]=\"hideLabel\">\n  <div\n    class=\"fwe-select\"\n    (click)=\"toggle()\"\n    cdkOverlayOrigin\n    #trigger=\"cdkOverlayOrigin\"\n    [class.fwe-focus]=\"showOptions\"\n    [class.fwe-required]=\"required\"\n    [class.fwe-disabled]=\"disabled\"\n    [class.fwe-pty]=\"empty\"\n  >\n    <div class=\"fwe-select-content\">\n      <ng-container *ngIf=\"!multiple; else chips\">\n        {{ value != null && value | fngChipText: options:optionsValueKey:optionsTextKey }}\n      </ng-container>\n      <ng-template #chips>\n        <div class=\"fwe-chip-container\">\n          <div\n            *ngFor=\"let v of value\"\n            class=\"fwe-chip chip-text-truncate fwe-pr-4\"\n            [style.max-width.px]=\"triggerWidth\"\n            [title]=\"v | fngChipText: options:optionsValueKey:optionsTextKey\"\n          >\n            {{ v | fngChipText: options:optionsValueKey:optionsTextKey }}\n            <span class=\"chip-removable\" (click)=\"removeChip($event, v)\"></span>\n          </div>\n        </div>\n      </ng-template>\n    </div>\n  </div>\n  <ng-template\n    cdkConnectedOverlay\n    cdkConnectedOverlayHasBackdrop\n    cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n    [cdkConnectedOverlayOrigin]=\"trigger\"\n    [cdkConnectedOverlayMinWidth]=\"triggerWidth\"\n    [cdkConnectedOverlayOpen]=\"showOptions\"\n    [cdkConnectedOverlayPanelClass]=\"selectPanelClasses\"\n    (backdropClick)=\"close()\"\n  >\n    <div class=\"fng-select-panel-wrap\">\n      <ul class=\"fwe-select-options-container\">\n        <li class=\"fwe-select-option\" *ngIf=\"resetOption != null && !multiple\" (click)=\"select(null, $event)\">{{ resetOption }}</li>\n        <li\n          class=\"fwe-select-option\"\n          *ngFor=\"let option of options; let i = index\"\n          (click)=\"select(getOptionValue(i), $event)\"\n          [title]=\"getOptionText(i) || option?.text\"\n        >\n          <span class=\"fwe-select-option-content\">\n            <span\n              *ngIf=\"multiple\"\n              class=\"fng-select-pseudo-checkbox\"\n              [ngClass]=\"{ 'fng-select-pseudo-checkbox-checked': checked.get(getOptionValue(i)) === 'checked' }\"\n            ></span>\n            <span *ngIf=\"hasProjectedOptions; else defaultTemplate\" [innerHTML]=\"projectedHtml[i]\"></span>\n            <ng-template #defaultTemplate>{{ getOptionText(i) || option?.text }}</ng-template>\n          </span>\n        </li>\n      </ul>\n    </div>\n  </ng-template>\n  <label class=\"fwe-select-label\" [for]=\"id\" [class.fwe-sr-only]=\"hideLabel\">{{ label }}</label>\n  <div class=\"fwe-select-description\" *ngIf=\"hint\">\n    {{ hint }}\n  </div>\n  <div class=\"fwe-select-invalid\" *ngIf=\"error\">\n    {{ error }}\n  </div>\n</div>\n<div class=\"fwe-d-none\" (cdkObserveContent)=\"onContentChange($event)\">\n  <ng-content></ng-content>\n</div>\n"]}

package/esm2015/lib/forms/slider/slider.component.js

@@ -1,116 +0,0 @@
-import { Component, forwardRef, ViewEncapsulation, Input, ElementRef, HostListener } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
-import { Subject } from 'rxjs';
-import { debounceTime } from 'rxjs/operators';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-export class SliderComponent {
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-        this.large = false;
-        this.min = 0;
-        this.max = 100;
-        this.innerDisabled = false;
-        this.resizeSubject = new Subject();
-    }
-    get disabled() {
-        return this.innerDisabled;
-    }
-    set disabled(value) {
-        this.innerDisabled = coerceBooleanProperty(value);
-    }
-    get value() {
-        return this.innerValue;
-    }
-    set value(value) {
-        this.innerValue = coerceNumberProperty(value);
-        if (this.onChange != null) {
-            this.onChange(value);
-        }
-        if (this.onTouched != null) {
-            this.onTouched();
-        }
-        this.updateValuePosition();
-    }
-    onResize() {
-        this.resizeSubject.next();
-    }
-    ngAfterViewInit() {
-        this.resizeSub = this.resizeSubject.pipe(debounceTime(25)).subscribe(() => this.updateValuePosition());
-    }
-    ngOnDestroy() {
-        if (this.resizeSub != null) {
-            this.resizeSub.unsubscribe();
-        }
-    }
-    writeValue(value) {
-        this.innerValue = coerceNumberProperty(value);
-        this.updateValuePosition();
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
-    }
-    onInput(event) {
-        this.value = coerceNumberProperty(event.target.value);
-    }
-    updateValuePosition() {
-        if (this.elementRef != null && this.elementRef.nativeElement != null) {
-            const bcr = this.elementRef.nativeElement.getBoundingClientRect();
-            const diff = this.max - this.min;
-            this.left = ((this.value - this.min) / diff) * (bcr.width - 16);
-        }
-    }
-}
-SliderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: SliderComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-SliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: SliderComponent, selector: "fng-slider", inputs: { label: "label", large: "large", min: "min", max: "max", step: "step", digitsInfo: "digitsInfo", locale: "locale", disabled: "disabled", value: "value" }, host: { listeners: { "window:resize": "onResize()" } }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => SliderComponent),
-            multi: true
-        }
-    ], ngImport: i0, template: "<label class=\"fwe-slider\" [class.fwe-slider-lg]=\"large\" [class.fng-slider-label]=\"label != null\">\n  <span *ngIf=\"label\">{{label}}</span>\n  <input type=\"range\"\n         class=\"fwe-slider-input\"\n         [disabled]=\"disabled\"\n         [attr.min]=\"min\"\n         [attr.max]=\"max\"\n         [attr.step]=\"step\"\n         autocomplete=\"off\"\n         [value]=\"value\"\n         (input)=\"onInput($event)\">\n  <span *ngIf=\"left != null\" class=\"fng-slider-value\" [style.left]=\"left + 'px'\">{{value | number:digitsInfo:locale}}</span>\n</label>\n", styles: ["label.fwe-slider{display:block;height:56px;position:relative}label.fwe-slider.fng-slider-label{height:83px}label.fwe-slider .fng-slider-value{color:var(--fwe-text);font-size:16px;margin-bottom:0;position:absolute;bottom:0px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "number": i1.DecimalPipe }, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: SliderComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'fng-slider',
-                    templateUrl: './slider.component.html',
-                    styleUrls: ['./slider.component.scss'],
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => SliderComponent),
-                            multi: true
-                        }
-                    ],
-                    encapsulation: ViewEncapsulation.None
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { label: [{
-                type: Input
-            }], large: [{
-                type: Input
-            }], min: [{
-                type: Input
-            }], max: [{
-                type: Input
-            }], step: [{
-                type: Input
-            }], digitsInfo: [{
-                type: Input
-            }], locale: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], onResize: [{
-                type: HostListener,
-                args: ['window:resize']
-            }] } });
-//# sourceMappingURL=slider.component.js.map

package/esm2015/lib/forms/slider/slider.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"slider.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular/src/lib/forms/slider/slider.component.ts","../../../../../../../libs/angular/src/lib/forms/slider/slider.component.html"],"names":[],"mappings":"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","sourcesContent":["import { OnDestroy, Component, forwardRef, ViewEncapsulation, Input, ElementRef, AfterViewInit, HostListener } from '@angular/core';\nimport { NG_VALUE_ACCESSOR, ControlValueAccessor } from '@angular/forms';\nimport { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';\nimport { Subscription, Subject } from 'rxjs';\nimport { debounceTime } from 'rxjs/operators';\n\n@Component({\n  selector: 'fng-slider',\n  templateUrl: './slider.component.html',\n  styleUrls: ['./slider.component.scss'],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => SliderComponent),\n      multi: true\n    }\n  ],\n  encapsulation: ViewEncapsulation.None\n})\nexport class SliderComponent implements AfterViewInit, OnDestroy, ControlValueAccessor {\n  @Input() label: string;\n  @Input() large = false;\n\n  @Input()\n  min = 0;\n\n  @Input()\n  max = 100;\n\n  @Input()\n  step: number;\n\n  @Input()\n  digitsInfo: string;\n\n  @Input()\n  locale: string;\n\n  left: number;\n\n  protected innerDisabled = false;\n  get disabled(): boolean {\n    return this.innerDisabled;\n  }\n  @Input()\n  set disabled(value: boolean) {\n    this.innerDisabled = coerceBooleanProperty(value);\n  }\n\n  protected innerValue: number;\n  get value(): number {\n    return this.innerValue;\n  }\n\n  @Input()\n  set value(value: number) {\n    this.innerValue = coerceNumberProperty(value);\n    if (this.onChange != null) {\n      this.onChange(value);\n    }\n    if (this.onTouched != null) {\n      this.onTouched();\n    }\n    this.updateValuePosition();\n  }\n\n  private resizeSub: Subscription;\n  private resizeSubject = new Subject();\n\n  constructor(private elementRef: ElementRef) {}\n\n  onChange: (value: number) => void;\n\n  onTouched: () => void;\n\n  @HostListener('window:resize') onResize() {\n    this.resizeSubject.next();\n  }\n\n  ngAfterViewInit() {\n    this.resizeSub = this.resizeSubject.pipe(debounceTime(25)).subscribe(() => this.updateValuePosition());\n  }\n\n  ngOnDestroy() {\n    if (this.resizeSub != null) {\n      this.resizeSub.unsubscribe();\n    }\n  }\n\n  writeValue(value: any): void {\n    this.innerValue = coerceNumberProperty(value);\n    this.updateValuePosition();\n  }\n\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n  }\n\n  onInput(event: any) {\n    this.value = coerceNumberProperty((event.target as HTMLInputElement).value);\n  }\n\n  updateValuePosition() {\n    if (this.elementRef != null && this.elementRef.nativeElement != null) {\n      const bcr = (this.elementRef.nativeElement as HTMLElement).getBoundingClientRect();\n      const diff = this.max - this.min;\n      this.left = ((this.value - this.min) / diff) * (bcr.width - 16);\n    }\n  }\n}\n","<label class=\"fwe-slider\" [class.fwe-slider-lg]=\"large\" [class.fng-slider-label]=\"label != null\">\n  <span *ngIf=\"label\">{{label}}</span>\n  <input type=\"range\"\n         class=\"fwe-slider-input\"\n         [disabled]=\"disabled\"\n         [attr.min]=\"min\"\n         [attr.max]=\"max\"\n         [attr.step]=\"step\"\n         autocomplete=\"off\"\n         [value]=\"value\"\n         (input)=\"onInput($event)\">\n  <span *ngIf=\"left != null\" class=\"fng-slider-value\" [style.left]=\"left + 'px'\">{{value | number:digitsInfo:locale}}</span>\n</label>\n"]}

package/esm2015/lib/forms/switch/switch.component.js

@@ -1,127 +0,0 @@
-import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy, ViewEncapsulation, forwardRef, ChangeDetectorRef } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-let nextUniqueId = 0;
-export class SwitchComponent {
-    constructor(changeDetector) {
-        this.changeDetector = changeDetector;
-        this.name = null;
-        this.large = false;
-        this.labelPosition = 'before';
-        this.innerId = `fng-switch-${++nextUniqueId}`;
-        this.isChecked = false;
-        this.isDisabled = false;
-        this.change = new EventEmitter();
-    }
-    get id() {
-        return this.innerId;
-    }
-    set id(value) {
-        this.innerId = value ? `${value}-${++nextUniqueId}` : `fng-switch-${++nextUniqueId}`;
-    }
-    get inputId() {
-        return `${this.innerId}-input`;
-    }
-    get checked() {
-        return this.isChecked;
-    }
-    set checked(value) {
-        if (value !== this.checked) {
-            this.isChecked = value;
-            this.changeDetector.markForCheck();
-        }
-    }
-    get disabled() {
-        return this.isDisabled;
-    }
-    set disabled(value) {
-        const newValue = coerceBooleanProperty(value);
-        if (newValue !== this.disabled) {
-            this.isDisabled = newValue;
-            this.changeDetector.markForCheck();
-        }
-    }
-    get required() {
-        return this.isRequired;
-    }
-    set required(value) {
-        this.isRequired = coerceBooleanProperty(value);
-    }
-    writeValue(value) {
-        this.checked = !!value;
-    }
-    registerOnChange(fn) {
-        this.controlValueAccessorChangeFn = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
-    }
-    onInteractionEvent(event) {
-        event.stopPropagation();
-    }
-    onInputClick(event) {
-        event.stopPropagation();
-        if (!this.disabled) {
-            if (this.required) {
-                this.required = false;
-            }
-            this.checked = !this.checked;
-            if (this.controlValueAccessorChangeFn != null) {
-                this.controlValueAccessorChangeFn(this.checked);
-            }
-            if (this.onTouched != null) {
-                this.onTouched();
-            }
-            this.change.emit(this.checked);
-        }
-    }
-}
-SwitchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: SwitchComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-SwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: SwitchComponent, selector: "fng-switch", inputs: { name: "name", large: "large", labelPosition: "labelPosition", id: "id", checked: "checked", disabled: "disabled", value: "value", required: "required" }, outputs: { change: "change" }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => SwitchComponent),
-            multi: true
-        }
-    ], ngImport: i0, template: "<label\n  [ngClass]=\"{\n    'fwe-switch-container': true,\n    'fwe-checked': checked,\n    'fwe-disabled': disabled,\n    'fwe-switch-label-below': labelPosition == 'below',\n    'fwe-switch-label-before': labelPosition == 'before',\n    'fwe-switch-lg': large\n  }\"\n>\n  <input\n    title=\"checkbox\"\n    type=\"checkbox\"\n    [checked]=\"checked\"    \n    [attr.value]=\"value\"\n    [attr.name]=\"name\"\n    (change)=\"onInteractionEvent($event)\"\n    (click)=\"onInputClick($event)\"\n    [disabled]=\"disabled\"\n  />\n  <div class=\"fwe-switch-track\"></div>\n  <div class=\"fwe-switch-label-content\">\n    <ng-content></ng-content>\n  </div>\n</label>\n", styles: [".fwe-switch-container.fwe-switch-label-before{flex-direction:row-reverse;justify-content:flex-end}.fwe-switch-container.fwe-switch-label-before .fwe-switch-label-content{margin-left:0;margin-right:8px}.fwe-switch-container.fwe-switch-label-below{flex-direction:column}.fwe-switch-container.fwe-switch-label-below .fwe-switch-label-content{margin:8px 0 0}.fwe-switch-container.fwe-switch-label-below .fwe-switch-track{margin-top:0;margin-bottom:0}.fwe-switch-container{cursor:pointer;display:flex;align-items:center;white-space:nowrap;vertical-align:middle;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fwe-switch-container .fwe-switch-track{box-sizing:border-box;position:relative;height:16px;width:32px;border:none;background-color:var(--fwe-control-border);border-radius:8px;margin-top:4px;margin-bottom:4px}.fwe-switch-container .fwe-switch-track:after{content:\"\";position:absolute;top:3px;left:3px;height:10px;width:10px;background:var(--fwe-white);border-radius:50%;transition:left .2s}.fwe-switch-container.fwe-switch-lg .fwe-switch-track{height:24px;width:48px;border-radius:12px;margin-top:0;margin-bottom:0}.fwe-switch-container.fwe-switch-lg .fwe-switch-track:after{top:5px;left:5px;height:14px;width:14px}.fwe-switch-container.fwe-switch-lg.fwe-checked .fwe-switch-track:after{left:29px}.fwe-switch-container .fwe-switch-label-content{line-height:24px;margin-left:8px}.fwe-switch-container input[type=checkbox]{height:0px;width:0px;opacity:0;cursor:pointer}.fwe-switch-container:hover .fwe-switch-track{background-color:var(--fwe-control-border-dark)}.fwe-switch-container:active .fwe-switch-track{background-color:var(--fwe-control-border-darker)}.fwe-switch-container.fwe-checked .fwe-switch-track{background-color:var(--fwe-caerul)}.fwe-switch-container.fwe-checked .fwe-switch-track:after{left:19px}.fwe-switch-container:hover.fwe-checked .fwe-switch-track{background-color:var(--fwe-hero-dark)}.fwe-switch-container:active.fwe-checked .fwe-switch-track{background-color:var(--fwe-hero-darker)}.fwe-switch-container.fwe-disabled .fwe-switch-track{background-color:var(--fwe-control-disabled);cursor:not-allowed}.fwe-switch-container.fwe-disabled.fwe-checked .fwe-switch-track{background-color:var(--fwe-control-disabled);cursor:not-allowed}.fwe-switch-container.fwe-disabled{cursor:not-allowed}.fwe-switch-container.fwe-disabled .fwe-switch-label-content{color:var(--fwe-text-disabled);cursor:not-allowed}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: SwitchComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'fng-switch',
-                    templateUrl: './switch.component.html',
-                    styleUrls: ['./switch.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => SwitchComponent),
-                            multi: true
-                        }
-                    ]
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { name: [{
-                type: Input
-            }], large: [{
-                type: Input
-            }], labelPosition: [{
-                type: Input
-            }], id: [{
-                type: Input
-            }], checked: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], change: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=switch.component.js.map

package/esm2015/lib/forms/switch/switch.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"switch.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular/src/lib/forms/switch/switch.component.ts","../../../../../../../libs/angular/src/lib/forms/switch/switch.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  ChangeDetectionStrategy,\n  ViewEncapsulation,\n  forwardRef,\n  ChangeDetectorRef\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR, ControlValueAccessor } from '@angular/forms';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\n\nlet nextUniqueId = 0;\n\n@Component({\n  selector: 'fng-switch',\n  templateUrl: './switch.component.html',\n  styleUrls: ['./switch.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => SwitchComponent),\n      multi: true\n    }\n  ]\n})\nexport class SwitchComponent implements ControlValueAccessor {\n  @Input() name: string = null;\n  @Input() large = false;\n  @Input() labelPosition: 'before' | 'after' | 'below' = 'before';\n\n  private innerId = `fng-switch-${++nextUniqueId}`;\n  get id(): string {\n    return this.innerId;\n  }\n  @Input()\n  set id(value: string) {\n    this.innerId = value ? `${value}-${++nextUniqueId}` : `fng-switch-${++nextUniqueId}`;\n  }\n\n  get inputId(): string {\n    return `${this.innerId}-input`;\n  }\n\n  @Input()\n  get checked(): boolean {\n    return this.isChecked;\n  }\n  set checked(value: boolean) {\n    if (value !== this.checked) {\n      this.isChecked = value;\n      this.changeDetector.markForCheck();\n    }\n  }\n  private isChecked = false;\n\n  @Input()\n  get disabled() {\n    return this.isDisabled;\n  }\n  set disabled(value: any) {\n    const newValue = coerceBooleanProperty(value);\n    if (newValue !== this.disabled) {\n      this.isDisabled = newValue;\n      this.changeDetector.markForCheck();\n    }\n  }\n  private isDisabled = false;\n\n  @Input() value: string;\n\n  @Input()\n  get required(): boolean {\n    return this.isRequired;\n  }\n  set required(value: boolean) {\n    this.isRequired = coerceBooleanProperty(value);\n  }\n  private isRequired: boolean;\n\n  @Output() readonly change: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n  constructor(private changeDetector: ChangeDetectorRef) {}\n\n  controlValueAccessorChangeFn: (value: any) => void;\n\n  onTouched: () => any;\n\n  writeValue(value: any) {\n    this.checked = !!value;\n  }\n\n  registerOnChange(fn: (value: any) => void) {\n    this.controlValueAccessorChangeFn = fn;\n  }\n\n  registerOnTouched(fn: any) {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n  }\n\n  onInteractionEvent(event: Event) {\n    event.stopPropagation();\n  }\n\n  onInputClick(event: Event) {\n    event.stopPropagation();\n\n    if (!this.disabled) {\n      if (this.required) {\n        this.required = false;\n      }\n      this.checked = !this.checked;\n      if (this.controlValueAccessorChangeFn != null) {\n        this.controlValueAccessorChangeFn(this.checked);\n      }\n      if (this.onTouched != null) {\n        this.onTouched();\n      }\n      this.change.emit(this.checked);\n    }\n  }\n}\n","<label\n  [ngClass]=\"{\n    'fwe-switch-container': true,\n    'fwe-checked': checked,\n    'fwe-disabled': disabled,\n    'fwe-switch-label-below': labelPosition == 'below',\n    'fwe-switch-label-before': labelPosition == 'before',\n    'fwe-switch-lg': large\n  }\"\n>\n  <input\n    title=\"checkbox\"\n    type=\"checkbox\"\n    [checked]=\"checked\"    \n    [attr.value]=\"value\"\n    [attr.name]=\"name\"\n    (change)=\"onInteractionEvent($event)\"\n    (click)=\"onInputClick($event)\"\n    [disabled]=\"disabled\"\n  />\n  <div class=\"fwe-switch-track\"></div>\n  <div class=\"fwe-switch-label-content\">\n    <ng-content></ng-content>\n  </div>\n</label>\n"]}