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

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

@@ -1,353 +0,0 @@
-import { Component, Input, ChangeDetectionStrategy, Optional, EventEmitter, Output, ChangeDetectorRef, ViewEncapsulation, Directive, forwardRef, ContentChildren, HostBinding } from '@angular/core';
-import { UniqueSelectionDispatcher } from '../unique-selection-dispatcher';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import * as i0 from "@angular/core";
-import * as i1 from "../unique-selection-dispatcher";
-import * as i2 from "@angular/common";
-export class RadioChange {
-    constructor(source, value) {
-        this.source = source;
-        this.value = value;
-    }
-}
-let nextUniqueId = 0;
-export class RadioGroupDirective {
-    constructor(changeDetector) {
-        this.changeDetector = changeDetector;
-        this.hostClass = true;
-        this.role = 'radiogroup';
-        this.change = new EventEmitter();
-        this.isLarge = false;
-        this.isDisabled = false;
-        this.isRequired = false;
-        this.innerValue = null;
-        this.isInitialized = false;
-        this.isSelected = null;
-        this.innerName = `fngRadioGroup-${nextUniqueId++}`;
-        this.innerLabelPosition = 'before';
-    }
-    get name() {
-        return this.innerName;
-    }
-    set name(value) {
-        this.innerName = value;
-        this.updateRadioButtonNames();
-    }
-    get large() {
-        return this.isLarge;
-    }
-    set large(v) {
-        this.isLarge = v;
-        this.updateRadioButtonSize();
-    }
-    get labelPosition() {
-        return this.innerLabelPosition;
-    }
-    set labelPosition(v) {
-        this.innerLabelPosition = v;
-        this.markRadiosForCheck();
-    }
-    get value() {
-        return this.innerValue;
-    }
-    set value(newValue) {
-        if (this.innerValue !== newValue) {
-            this.innerValue = newValue;
-            this.updateSelectedRadioFromValue();
-            this.checkSelectedRadioButton();
-        }
-    }
-    get selected() {
-        return this.isSelected;
-    }
-    set selected(selected) {
-        this.isSelected = selected;
-        this.value = selected ? selected.value : null;
-        this.checkSelectedRadioButton();
-    }
-    get disabled() {
-        return this.isDisabled;
-    }
-    set disabled(value) {
-        this.isDisabled = coerceBooleanProperty(value);
-        this.markRadiosForCheck();
-    }
-    get required() {
-        return this.isRequired;
-    }
-    set required(value) {
-        this.isRequired = coerceBooleanProperty(value);
-        this.markRadiosForCheck();
-    }
-    ngAfterContentInit() {
-        this.isInitialized = true;
-    }
-    checkSelectedRadioButton() {
-        if (this.isSelected && !this.isSelected.checked) {
-            this.isSelected.checked = true;
-        }
-    }
-    touch() {
-        if (this.onTouched != null) {
-            this.onTouched();
-        }
-    }
-    emitChangeEvent() {
-        if (this.isInitialized) {
-            this.change.emit(new RadioChange(this.isSelected, this.innerValue));
-        }
-    }
-    markRadiosForCheck() {
-        if (this.radios) {
-            this.radios.forEach(radio => radio.markForCheck());
-        }
-    }
-    writeValue(value) {
-        this.value = value;
-        this.changeDetector.markForCheck();
-    }
-    registerOnChange(fn) {
-        this.controlValueAccessorChangeFn = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
-        this.changeDetector.markForCheck();
-    }
-    updateRadioButtonSize() {
-        if (this.radios) {
-            this.radios.forEach(radio => {
-                radio.large = this.large;
-                radio.markForCheck();
-            });
-        }
-    }
-    updateRadioButtonNames() {
-        if (this.radios) {
-            this.radios.forEach(radio => {
-                radio.name = this.name;
-                radio.markForCheck();
-            });
-        }
-    }
-    updateSelectedRadioFromValue() {
-        const isAlreadySelected = this.isSelected !== null && this.isSelected.value === this.innerValue;
-        if (this.radios && !isAlreadySelected) {
-            this.isSelected = null;
-            this.radios.forEach(radio => {
-                radio.checked = this.value === radio.value;
-                if (radio.checked) {
-                    this.isSelected = radio;
-                }
-            });
-        }
-    }
-}
-RadioGroupDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: RadioGroupDirective, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-RadioGroupDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.0", type: RadioGroupDirective, selector: "[fngRadioGroup]", inputs: { name: "name", large: "large", labelPosition: "labelPosition", value: "value", selected: "selected", disabled: "disabled", required: "required" }, outputs: { change: "change" }, host: { properties: { "class.fwe-radio-group": "this.hostClass", "attr.role": "this.role" } }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => RadioGroupDirective),
-            multi: true
-        }
-    ], queries: [{ propertyName: "radios", predicate: RadioComponent, descendants: true }], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: RadioGroupDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[fngRadioGroup]',
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => RadioGroupDirective),
-                            multi: true
-                        }
-                    ]
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { hostClass: [{
-                type: HostBinding,
-                args: ['class.fwe-radio-group']
-            }], role: [{
-                type: HostBinding,
-                args: ['attr.role']
-            }], change: [{
-                type: Output
-            }], radios: [{
-                type: ContentChildren,
-                args: [forwardRef(() => RadioComponent), { descendants: true }]
-            }], name: [{
-                type: Input
-            }], large: [{
-                type: Input
-            }], labelPosition: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], selected: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }] } });
-export class RadioComponent {
-    constructor(radioGroup, changeDetector, radioDispatcher) {
-        this.changeDetector = changeDetector;
-        this.radioDispatcher = radioDispatcher;
-        this.innerId = `fng-radio-${++nextUniqueId}`;
-        this.change = new EventEmitter();
-        this.isLarge = false;
-        this.isChecked = false;
-        this.innerValue = null;
-        this.radioGroup = radioGroup;
-        this.removeUniqueSelectionListener = radioDispatcher.listen((id, name) => {
-            if (id !== this.id && name === this.name) {
-                this.checked = false;
-            }
-        });
-    }
-    get id() {
-        return this.innerId;
-    }
-    set id(value) {
-        this.innerId = value ? `${value}-${++nextUniqueId}` : `fng-radio-${++nextUniqueId}`;
-    }
-    get inputId() {
-        return `${this.innerId}-input`;
-    }
-    get checked() {
-        return this.isChecked;
-    }
-    set checked(value) {
-        const newCheckedState = coerceBooleanProperty(value);
-        if (this.isChecked !== newCheckedState) {
-            this.isChecked = newCheckedState;
-            if (newCheckedState && this.radioGroup && this.radioGroup.value !== this.value) {
-                this.radioGroup.selected = this;
-            }
-            else if (!newCheckedState && this.radioGroup && this.radioGroup.value === this.value) {
-                this.radioGroup.selected = null;
-            }
-            if (newCheckedState) {
-                this.radioDispatcher.notify(this.id, this.name);
-            }
-            this.changeDetector.markForCheck();
-        }
-    }
-    get value() {
-        return this.innerValue;
-    }
-    set value(value) {
-        if (this.innerValue !== value) {
-            this.innerValue = value;
-            if (this.radioGroup !== null) {
-                if (!this.checked) {
-                    this.checked = this.radioGroup.value === value;
-                }
-                if (this.checked) {
-                    this.radioGroup.selected = this;
-                }
-            }
-        }
-    }
-    get large() {
-        return this.isLarge || (this.radioGroup != null && this.radioGroup.large);
-    }
-    set large(value) {
-        this.isLarge = value;
-    }
-    get labelPosition() {
-        return this.innerLabelPosition || (this.radioGroup && this.radioGroup.labelPosition) || 'before';
-    }
-    set labelPosition(value) {
-        this.innerLabelPosition = value;
-    }
-    get disabled() {
-        return this.isDisabled || (this.radioGroup != null && this.radioGroup.disabled);
-    }
-    set disabled(value) {
-        const newDisabledState = coerceBooleanProperty(value);
-        if (this.isDisabled !== newDisabledState) {
-            this.isDisabled = newDisabledState;
-            this.changeDetector.markForCheck();
-        }
-    }
-    get required() {
-        return this.isRequired || (this.radioGroup && this.radioGroup.required);
-    }
-    set required(value) {
-        this.isRequired = coerceBooleanProperty(value);
-    }
-    ngOnInit() {
-        if (this.radioGroup) {
-            this.checked = this.radioGroup.value === this.innerValue;
-            this.name = this.radioGroup.name;
-        }
-    }
-    ngOnDestroy() {
-        if (this.removeUniqueSelectionListener != null) {
-            this.removeUniqueSelectionListener();
-        }
-    }
-    onInputClick(event) {
-        event.stopPropagation();
-    }
-    onInputChange(event) {
-        var _a, _b;
-        event.stopPropagation();
-        if (!this.disabled) {
-            const groupValueChanged = this.radioGroup && this.value !== this.radioGroup.value;
-            this.checked = true;
-            this.emitChangeEvent();
-            if (this.radioGroup) {
-                if (typeof ((_a = this.radioGroup) === null || _a === void 0 ? void 0 : _a.controlValueAccessorChangeFn) === 'function') {
-                    (_b = this.radioGroup) === null || _b === void 0 ? void 0 : _b.controlValueAccessorChangeFn(this.value);
-                }
-                if (groupValueChanged) {
-                    this.radioGroup.emitChangeEvent();
-                }
-            }
-        }
-    }
-    markForCheck() {
-        this.changeDetector.markForCheck();
-    }
-    emitChangeEvent() {
-        this.change.emit(new RadioChange(this, this.innerValue));
-    }
-}
-RadioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: RadioComponent, deps: [{ token: RadioGroupDirective, optional: true }, { token: i0.ChangeDetectorRef }, { token: i1.UniqueSelectionDispatcher }], target: i0.ɵɵFactoryTarget.Component });
-RadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: RadioComponent, selector: "fng-radio", inputs: { name: "name", id: "id", checked: "checked", value: "value", large: "large", labelPosition: "labelPosition", disabled: "disabled", required: "required" }, outputs: { change: "change" }, ngImport: i0, template: "<label\n  [attr.for]=\"inputId\"\n  [ngClass]=\"{\n    'fwe-radio': true,\n    'fwe-radio-label-below': labelPosition == 'below',\n    'fwe-radio-label-before': labelPosition == 'before',\n    'fwe-radio-lg': large\n  }\"\n>\n  <input\n    type=\"radio\"\n    [id]=\"inputId\"\n    [checked]=\"checked\"\n    [disabled]=\"disabled\"\n    [attr.name]=\"name\"\n    [attr.value]=\"value\"\n    [required]=\"required\"\n    (change)=\"onInputChange($event)\"\n    (click)=\"onInputClick($event)\"\n  />\n  <div class=\"fwe-radio-checkmark\"></div>\n  <div class=\"fwe-radio-label-content\">\n    <ng-content></ng-content>\n  </div>\n</label>\n", styles: [".fwe-radio:hover .fwe-radio-checkmark{background-color:var(--fwe-control)}\n"], directives: [{ type: i2.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: RadioComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'fng-radio',
-                    templateUrl: './radio.component.html',
-                    styleUrls: ['./radio.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None
-                }]
-        }], ctorParameters: function () { return [{ type: RadioGroupDirective, decorators: [{
-                    type: Optional
-                }] }, { type: i0.ChangeDetectorRef }, { type: i1.UniqueSelectionDispatcher }]; }, propDecorators: { name: [{
-                type: Input
-            }], id: [{
-                type: Input
-            }], checked: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], large: [{
-                type: Input
-            }], labelPosition: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], change: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=radio.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"radio.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular/src/lib/forms/radio/radio.component.ts","../../../../../../../libs/angular/src/lib/forms/radio/radio.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EAET,KAAK,EACL,uBAAuB,EACvB,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,iBAAiB,EAEjB,iBAAiB,EACjB,SAAS,EACT,UAAU,EAEV,eAAe,EACf,WAAW,EACZ,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAwB,MAAM,gBAAgB,CAAC;AACzE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;;;;AAE9D,MAAM,OAAO,WAAW;IACtB,YAAmB,MAAsB,EAAS,KAAU;QAAzC,WAAM,GAAN,MAAM,CAAgB;QAAS,UAAK,GAAL,KAAK,CAAK;IAAG,CAAC;CACjE;AAED,IAAI,YAAY,GAAG,CAAC,CAAC;AAYrB,MAAM,OAAO,mBAAmB;IAsF9B,YAAoB,cAAiC;QAAjC,mBAAc,GAAd,cAAc,CAAmB;QArFf,cAAS,GAAG,IAAI,CAAC;QAC7B,SAAI,GAAG,YAAY,CAAC;QAGrC,WAAM,GAAG,IAAI,YAAY,EAAe,CAAC;QAwE1C,YAAO,GAAG,KAAK,CAAC;QAChB,eAAU,GAAG,KAAK,CAAC;QACnB,eAAU,GAAG,KAAK,CAAC;QACnB,eAAU,GAAQ,IAAI,CAAC;QACvB,kBAAa,GAAG,KAAK,CAAC;QACtB,eAAU,GAA0B,IAAI,CAAC;QACzC,cAAS,GAAG,iBAAiB,YAAY,EAAE,EAAE,CAAC;QAC9C,uBAAkB,GAAiC,QAAQ,CAAC;IAEZ,CAAC;IA5EzD,IACI,IAAI;QACN,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IACD,IAAI,IAAI,CAAC,KAAa;QACpB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAChC,CAAC;IAED,IACI,KAAK;QACP,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IACD,IAAI,KAAK,CAAC,CAAC;QACT,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC;QACjB,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAC/B,CAAC;IAED,IACI,aAAa;QACf,OAAO,IAAI,CAAC,kBAAkB,CAAC;IACjC,CAAC;IACD,IAAI,aAAa,CAAC,CAAC;QACjB,IAAI,CAAC,kBAAkB,GAAG,CAAC,CAAC;QAC5B,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAED,IACI,KAAK;QACP,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IACD,IAAI,KAAK,CAAC,QAAa;QACrB,IAAI,IAAI,CAAC,UAAU,KAAK,QAAQ,EAAE;YAChC,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC;YAC3B,IAAI,CAAC,4BAA4B,EAAE,CAAC;YACpC,IAAI,CAAC,wBAAwB,EAAE,CAAC;SACjC;IACH,CAAC;IAED,IACI,QAAQ;QACV,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IACD,IAAI,QAAQ,CAAC,QAAoB;QAC/B,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC;QAC3B,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;QAC9C,IAAI,CAAC,wBAAwB,EAAE,CAAC;IAClC,CAAC;IAED,IACI,QAAQ;QACV,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IACD,IAAI,QAAQ,CAAC,KAAK;QAChB,IAAI,CAAC,UAAU,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;QAC/C,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAED,IACI,QAAQ;QACV,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IACD,IAAI,QAAQ,CAAC,KAAc;QACzB,IAAI,CAAC,UAAU,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;QAC/C,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAiBD,kBAAkB;QAChB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;IAC5B,CAAC;IAED,wBAAwB;QACtB,IAAI,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;YAC/C,IAAI,CAAC,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;SAChC;IACH,CAAC;IAED,KAAK;QACH,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,EAAE;YAC1B,IAAI,CAAC,SAAS,EAAE,CAAC;SAClB;IACH,CAAC;IAED,eAAe;QACb,IAAI,IAAI,CAAC,aAAa,EAAE;YACtB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,WAAW,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;SACrE;IACH,CAAC;IAED,kBAAkB;QAChB,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,CAAC;SACpD;IACH,CAAC;IAED,UAAU,CAAC,KAAU;QACnB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;IACrC,CAAC;IAED,gBAAgB,CAAC,EAAwB;QACvC,IAAI,CAAC,4BAA4B,GAAG,EAAE,CAAC;IACzC,CAAC;IAED,iBAAiB,CAAC,EAAO;QACvB,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;IACtB,CAAC;IAED,gBAAgB,CAAC,UAAmB;QAClC,IAAI,CAAC,QAAQ,GAAG,UAAU,CAAC;QAC3B,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;IACrC,CAAC;IAEO,qBAAqB;QAC3B,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBAC1B,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;gBACzB,KAAK,CAAC,YAAY,EAAE,CAAC;YACvB,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;IAEO,sBAAsB;QAC5B,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBAC1B,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;gBACvB,KAAK,CAAC,YAAY,EAAE,CAAC;YACvB,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;IAEO,4BAA4B;QAClC,MAAM,iBAAiB,GAAG,IAAI,CAAC,UAAU,KAAK,IAAI,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,KAAK,IAAI,CAAC,UAAU,CAAC;QAChG,IAAI,IAAI,CAAC,MAAM,IAAI,CAAC,iBAAiB,EAAE;YACrC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;YACvB,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBAC1B,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,CAAC;gBAC3C,IAAI,KAAK,CAAC,OAAO,EAAE;oBACjB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;iBACzB;YACH,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;;gHAvKU,mBAAmB;oGAAnB,mBAAmB,oUARnB;QACT;YACE,OAAO,EAAE,iBAAiB;YAC1B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC;YAClD,KAAK,EAAE,IAAI;SACZ;KACF,iDASiC,cAAc;2FAPrC,mBAAmB;kBAV/B,SAAS;mBAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,SAAS,EAAE;wBACT;4BACE,OAAO,EAAE,iBAAiB;4BAC1B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,oBAAoB,CAAC;4BAClD,KAAK,EAAE,IAAI;yBACZ;qBACF;iBACF;wGAEuC,SAAS;sBAA9C,WAAW;uBAAC,uBAAuB;gBACV,IAAI;sBAA7B,WAAW;uBAAC,WAAW;gBAGf,MAAM;sBADd,MAAM;gBAIP,MAAM;sBADL,eAAe;uBAAC,UAAU,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;gBAIpE,IAAI;sBADP,KAAK;gBAUF,KAAK;sBADR,KAAK;gBAUF,aAAa;sBADhB,KAAK;gBAUF,KAAK;sBADR,KAAK;gBAaF,QAAQ;sBADX,KAAK;gBAWF,QAAQ;sBADX,KAAK;gBAUF,QAAQ;sBADX,KAAK;;AA6GR,MAAM,OAAO,cAAc;IAuGzB,YACc,UAA+B,EACnC,cAAiC,EACjC,eAA0C;QAD1C,mBAAc,GAAd,cAAc,CAAmB;QACjC,oBAAe,GAAf,eAAe,CAA2B;QAvG5C,YAAO,GAAG,aAAa,EAAE,YAAY,EAAE,CAAC;QAwF7B,WAAM,GAAG,IAAI,YAAY,EAAe,CAAC;QAIpD,YAAO,GAAG,KAAK,CAAC;QAChB,cAAS,GAAG,KAAK,CAAC;QAGlB,eAAU,GAAQ,IAAI,CAAC;QAS7B,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,6BAA6B,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC,EAAU,EAAE,IAAY,EAAE,EAAE;YACvF,IAAI,EAAE,KAAK,IAAI,CAAC,EAAE,IAAI,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE;gBACxC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;aACtB;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IA9GD,IAAI,EAAE;QACJ,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IACD,IACI,EAAE,CAAC,KAAa;QAClB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE,YAAY,EAAE,CAAC;IACtF,CAAC;IAED,IAAI,OAAO;QACT,OAAO,GAAG,IAAI,CAAC,OAAO,QAAQ,CAAC;IACjC,CAAC;IAED,IACI,OAAO;QACT,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IACD,IAAI,OAAO,CAAC,KAAc;QACxB,MAAM,eAAe,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;QACrD,IAAI,IAAI,CAAC,SAAS,KAAK,eAAe,EAAE;YACtC,IAAI,CAAC,SAAS,GAAG,eAAe,CAAC;YACjC,IAAI,eAAe,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE;gBAC9E,IAAI,CAAC,UAAU,CAAC,QAAQ,GAAG,IAAI,CAAC;aACjC;iBAAM,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE;gBACtF,IAAI,CAAC,UAAU,CAAC,QAAQ,GAAG,IAAI,CAAC;aACjC;YAED,IAAI,eAAe,EAAE;gBACnB,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;aACjD;YACD,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;SACpC;IACH,CAAC;IAED,IACI,KAAK;QACP,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IACD,IAAI,KAAK,CAAC,KAAU;QAClB,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,EAAE;YAC7B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YACxB,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,EAAE;gBAC5B,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;oBACjB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,KAAK,KAAK,CAAC;iBAChD;gBACD,IAAI,IAAI,CAAC,OAAO,EAAE;oBAChB,IAAI,CAAC,UAAU,CAAC,QAAQ,GAAG,IAAI,CAAC;iBACjC;aACF;SACF;IACH,CAAC;IAED,IACI,KAAK;QACP,OAAO,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IAC5E,CAAC;IACD,IAAI,KAAK,CAAC,KAAK;QACb,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACvB,CAAC;IAED,IACI,aAAa;QACf,OAAO,IAAI,CAAC,kBAAkB,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,QAAQ,CAAC;IACnG,CAAC;IACD,IAAI,aAAa,CAAC,KAAK;QACrB,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;IAClC,CAAC;IAED,IACI,QAAQ;QACV,OAAO,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,IAAI,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IAClF,CAAC;IACD,IAAI,QAAQ,CAAC,KAAc;QACzB,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;QACtD,IAAI,IAAI,CAAC,UAAU,KAAK,gBAAgB,EAAE;YACxC,IAAI,CAAC,UAAU,GAAG,gBAAgB,CAAC;YACnC,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;SACpC;IACH,CAAC;IAED,IACI,QAAQ;QACV,OAAO,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC1E,CAAC;IACD,IAAI,QAAQ,CAAC,KAAc;QACzB,IAAI,CAAC,UAAU,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;IACjD,CAAC;IA2BD,QAAQ;QACN,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,KAAK,IAAI,CAAC,UAAU,CAAC;YACzD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;SAClC;IACH,CAAC;IAED,WAAW;QACT,IAAI,IAAI,CAAC,6BAA6B,IAAI,IAAI,EAAE;YAC9C,IAAI,CAAC,6BAA6B,EAAE,CAAC;SACtC;IACH,CAAC;IAED,YAAY,CAAC,KAAY;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;IAC1B,CAAC;IAED,aAAa,CAAC,KAAY;;QACxB,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,MAAM,iBAAiB,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;YAClF,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,IAAI,CAAC,eAAe,EAAE,CAAC;YAEvB,IAAI,IAAI,CAAC,UAAU,EAAE;gBACnB,IAAI,OAAO,CAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,4BAA4B,CAAA,KAAK,UAAU,EAAE;oBACvE,MAAA,IAAI,CAAC,UAAU,0CAAE,4BAA4B,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;iBAC3D;gBAED,IAAI,iBAAiB,EAAE;oBACrB,IAAI,CAAC,UAAU,CAAC,eAAe,EAAE,CAAC;iBACnC;aACF;SACF;IACH,CAAC;IAED,YAAY;QACV,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;IACrC,CAAC;IAEO,eAAe;QACrB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;IAC3D,CAAC;;2GA/JU,cAAc,kBAwGC,mBAAmB;+FAxGlC,cAAc,oPCvN3B,koBAyBA;2FD8La,cAAc;kBAP1B,SAAS;mBAAC;oBACT,QAAQ,EAAE,WAAW;oBACrB,WAAW,EAAE,wBAAwB;oBACrC,SAAS,EAAE,CAAC,wBAAwB,CAAC;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;iBACtC;0DAyG2B,mBAAmB;0BAA1C,QAAQ;oHAvGF,IAAI;sBAAZ,KAAK;gBAOF,EAAE;sBADL,KAAK;gBAUF,OAAO;sBADV,KAAK;gBAsBF,KAAK;sBADR,KAAK;gBAmBF,KAAK;sBADR,KAAK;gBASF,aAAa;sBADhB,KAAK;gBASF,QAAQ;sBADX,KAAK;gBAaF,QAAQ;sBADX,KAAK;gBAQa,MAAM;sBAAxB,MAAM","sourcesContent":["import {\n  Component,\n  OnInit,\n  Input,\n  ChangeDetectionStrategy,\n  Optional,\n  EventEmitter,\n  Output,\n  ChangeDetectorRef,\n  OnDestroy,\n  ViewEncapsulation,\n  Directive,\n  forwardRef,\n  AfterContentInit,\n  ContentChildren,\n  HostBinding\n} from '@angular/core';\nimport type { QueryList } from '@angular/core';\nimport { UniqueSelectionDispatcher } from '../unique-selection-dispatcher';\nimport { NG_VALUE_ACCESSOR, ControlValueAccessor } from '@angular/forms';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\n\nexport class RadioChange {\n  constructor(public source: RadioComponent, public value: any) {}\n}\n\nlet nextUniqueId = 0;\n\n@Directive({\n  selector: '[fngRadioGroup]',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => RadioGroupDirective),\n      multi: true\n    }\n  ]\n})\nexport class RadioGroupDirective implements AfterContentInit, ControlValueAccessor {\n  @HostBinding('class.fwe-radio-group') hostClass = true;\n  @HostBinding('attr.role') role = 'radiogroup';\n\n  @Output()\n  readonly change = new EventEmitter<RadioChange>();\n\n  @ContentChildren(forwardRef(() => RadioComponent), { descendants: true })\n  radios: QueryList<RadioComponent>;\n\n  @Input()\n  get name(): string {\n    return this.innerName;\n  }\n  set name(value: string) {\n    this.innerName = value;\n    this.updateRadioButtonNames();\n  }\n\n  @Input()\n  get large() {\n    return this.isLarge;\n  }\n  set large(v) {\n    this.isLarge = v;\n    this.updateRadioButtonSize();\n  }\n\n  @Input()\n  get labelPosition() {\n    return this.innerLabelPosition;\n  }\n  set labelPosition(v) {\n    this.innerLabelPosition = v;\n    this.markRadiosForCheck();\n  }\n\n  @Input()\n  get value(): any {\n    return this.innerValue;\n  }\n  set value(newValue: any) {\n    if (this.innerValue !== newValue) {\n      this.innerValue = newValue;\n      this.updateSelectedRadioFromValue();\n      this.checkSelectedRadioButton();\n    }\n  }\n\n  @Input()\n  get selected() {\n    return this.isSelected;\n  }\n  set selected(selected: any | null) {\n    this.isSelected = selected;\n    this.value = selected ? selected.value : null;\n    this.checkSelectedRadioButton();\n  }\n\n  @Input()\n  get disabled(): boolean {\n    return this.isDisabled;\n  }\n  set disabled(value) {\n    this.isDisabled = coerceBooleanProperty(value);\n    this.markRadiosForCheck();\n  }\n\n  @Input()\n  get required(): boolean {\n    return this.isRequired;\n  }\n  set required(value: boolean) {\n    this.isRequired = coerceBooleanProperty(value);\n    this.markRadiosForCheck();\n  }\n\n  private isLarge = false;\n  private isDisabled = false;\n  private isRequired = false;\n  private innerValue: any = null;\n  private isInitialized = false;\n  private isSelected: RadioComponent | null = null;\n  private innerName = `fngRadioGroup-${nextUniqueId++}`;\n  private innerLabelPosition: 'before' | 'after' | 'below' = 'before';\n\n  constructor(private changeDetector: ChangeDetectorRef) {}\n\n  controlValueAccessorChangeFn: (value: any) => void;\n\n  onTouched: () => void;\n\n  ngAfterContentInit() {\n    this.isInitialized = true;\n  }\n\n  checkSelectedRadioButton() {\n    if (this.isSelected && !this.isSelected.checked) {\n      this.isSelected.checked = true;\n    }\n  }\n\n  touch() {\n    if (this.onTouched != null) {\n      this.onTouched();\n    }\n  }\n\n  emitChangeEvent(): void {\n    if (this.isInitialized) {\n      this.change.emit(new RadioChange(this.isSelected, this.innerValue));\n    }\n  }\n\n  markRadiosForCheck() {\n    if (this.radios) {\n      this.radios.forEach(radio => radio.markForCheck());\n    }\n  }\n\n  writeValue(value: any) {\n    this.value = value;\n    this.changeDetector.markForCheck();\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) {\n    this.disabled = isDisabled;\n    this.changeDetector.markForCheck();\n  }\n\n  private updateRadioButtonSize(): void {\n    if (this.radios) {\n      this.radios.forEach(radio => {\n        radio.large = this.large;\n        radio.markForCheck();\n      });\n    }\n  }\n\n  private updateRadioButtonNames(): void {\n    if (this.radios) {\n      this.radios.forEach(radio => {\n        radio.name = this.name;\n        radio.markForCheck();\n      });\n    }\n  }\n\n  private updateSelectedRadioFromValue(): void {\n    const isAlreadySelected = this.isSelected !== null && this.isSelected.value === this.innerValue;\n    if (this.radios && !isAlreadySelected) {\n      this.isSelected = null;\n      this.radios.forEach(radio => {\n        radio.checked = this.value === radio.value;\n        if (radio.checked) {\n          this.isSelected = radio;\n        }\n      });\n    }\n  }\n}\n\n@Component({\n  selector: 'fng-radio',\n  templateUrl: './radio.component.html',\n  styleUrls: ['./radio.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None\n})\nexport class RadioComponent implements OnInit, OnDestroy {\n  @Input() name: string;\n\n  private innerId = `fng-radio-${++nextUniqueId}`;\n  get id(): string {\n    return this.innerId;\n  }\n  @Input()\n  set id(value: string) {\n    this.innerId = value ? `${value}-${++nextUniqueId}` : `fng-radio-${++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    const newCheckedState = coerceBooleanProperty(value);\n    if (this.isChecked !== newCheckedState) {\n      this.isChecked = newCheckedState;\n      if (newCheckedState && this.radioGroup && this.radioGroup.value !== this.value) {\n        this.radioGroup.selected = this;\n      } else if (!newCheckedState && this.radioGroup && this.radioGroup.value === this.value) {\n        this.radioGroup.selected = null;\n      }\n\n      if (newCheckedState) {\n        this.radioDispatcher.notify(this.id, this.name);\n      }\n      this.changeDetector.markForCheck();\n    }\n  }\n\n  @Input()\n  get value(): any {\n    return this.innerValue;\n  }\n  set value(value: any) {\n    if (this.innerValue !== value) {\n      this.innerValue = value;\n      if (this.radioGroup !== null) {\n        if (!this.checked) {\n          this.checked = this.radioGroup.value === value;\n        }\n        if (this.checked) {\n          this.radioGroup.selected = this;\n        }\n      }\n    }\n  }\n\n  @Input()\n  get large() {\n    return this.isLarge || (this.radioGroup != null && this.radioGroup.large);\n  }\n  set large(value) {\n    this.isLarge = value;\n  }\n\n  @Input()\n  get labelPosition() {\n    return this.innerLabelPosition || (this.radioGroup && this.radioGroup.labelPosition) || 'before';\n  }\n  set labelPosition(value) {\n    this.innerLabelPosition = value;\n  }\n\n  @Input()\n  get disabled(): boolean {\n    return this.isDisabled || (this.radioGroup != null && this.radioGroup.disabled);\n  }\n  set disabled(value: boolean) {\n    const newDisabledState = coerceBooleanProperty(value);\n    if (this.isDisabled !== newDisabledState) {\n      this.isDisabled = newDisabledState;\n      this.changeDetector.markForCheck();\n    }\n  }\n\n  @Input()\n  get required(): boolean {\n    return this.isRequired || (this.radioGroup && this.radioGroup.required);\n  }\n  set required(value: boolean) {\n    this.isRequired = coerceBooleanProperty(value);\n  }\n\n  @Output() readonly change = new EventEmitter<RadioChange>();\n\n  radioGroup: RadioGroupDirective;\n\n  private isLarge = false;\n  private isChecked = false;\n  private isDisabled: boolean;\n  private isRequired: boolean;\n  private innerValue: any = null;\n  private innerLabelPosition: 'before' | 'after' | 'below';\n  private removeUniqueSelectionListener: () => void;\n\n  constructor(\n    @Optional() radioGroup: RadioGroupDirective,\n    private changeDetector: ChangeDetectorRef,\n    private radioDispatcher: UniqueSelectionDispatcher\n  ) {\n    this.radioGroup = radioGroup;\n    this.removeUniqueSelectionListener = radioDispatcher.listen((id: string, name: string) => {\n      if (id !== this.id && name === this.name) {\n        this.checked = false;\n      }\n    });\n  }\n\n  ngOnInit() {\n    if (this.radioGroup) {\n      this.checked = this.radioGroup.value === this.innerValue;\n      this.name = this.radioGroup.name;\n    }\n  }\n\n  ngOnDestroy() {\n    if (this.removeUniqueSelectionListener != null) {\n      this.removeUniqueSelectionListener();\n    }\n  }\n\n  onInputClick(event: Event) {\n    event.stopPropagation();\n  }\n\n  onInputChange(event: Event) {\n    event.stopPropagation();\n\n    if (!this.disabled) {\n      const groupValueChanged = this.radioGroup && this.value !== this.radioGroup.value;\n      this.checked = true;\n      this.emitChangeEvent();\n\n      if (this.radioGroup) {\n        if (typeof this.radioGroup?.controlValueAccessorChangeFn === 'function') {\n          this.radioGroup?.controlValueAccessorChangeFn(this.value);\n        }\n\n        if (groupValueChanged) {\n          this.radioGroup.emitChangeEvent();\n        }\n      }\n    }\n  }\n\n  markForCheck() {\n    this.changeDetector.markForCheck();\n  }\n\n  private emitChangeEvent(): void {\n    this.change.emit(new RadioChange(this, this.innerValue));\n  }\n}\n","<label\n  [attr.for]=\"inputId\"\n  [ngClass]=\"{\n    'fwe-radio': true,\n    'fwe-radio-label-below': labelPosition == 'below',\n    'fwe-radio-label-before': labelPosition == 'before',\n    'fwe-radio-lg': large\n  }\"\n>\n  <input\n    type=\"radio\"\n    [id]=\"inputId\"\n    [checked]=\"checked\"\n    [disabled]=\"disabled\"\n    [attr.name]=\"name\"\n    [attr.value]=\"value\"\n    [required]=\"required\"\n    (change)=\"onInputChange($event)\"\n    (click)=\"onInputClick($event)\"\n  />\n  <div class=\"fwe-radio-checkmark\"></div>\n  <div class=\"fwe-radio-label-content\">\n    <ng-content></ng-content>\n  </div>\n</label>\n"]}

package/esm2015/lib/forms/segment/segment-control/segment-control.component.js

@@ -1,58 +0,0 @@
-import { Component, Input, ViewChild, TemplateRef, ChangeDetectionStrategy, Output, EventEmitter, ViewEncapsulation } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-export class SegmentControlComponent {
-    constructor() {
-        this.change = new EventEmitter();
-    }
-    ngOnInit() {
-        this.id = (Math.random() * Date.now()).toString().replace('.', '-');
-        this.viewMode = 'text';
-    }
-    ngOnChanges(changes) {
-        if (null != changes.icon && null != changes.icon.currentValue) {
-            this.icon = `fwe-icon-${this.icon}`;
-        }
-        if (null != changes.iconOnly && null != changes.iconOnly.currentValue) {
-            this.viewMode = changes.iconOnly.currentValue === true ? 'icon' : 'icon-text';
-        }
-    }
-    ngAfterViewInit() {
-        this.view = this.tpl.createEmbeddedView(null);
-    }
-    onChange(event) {
-        this.change.emit(event.target.value);
-    }
-}
-SegmentControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: SegmentControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SegmentControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: SegmentControlComponent, selector: "fng-segment-control", inputs: { name: "name", value: "value", label: "label", icon: "icon", iconOnly: "iconOnly", checked: "checked", disabled: "disabled" }, outputs: { change: "change" }, viewQueries: [{ propertyName: "tpl", first: true, predicate: ["tpl"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #tpl>\n  <input\n    (change)=\"onChange($event)\"\n    class=\"fwe-segment-input\"\n    type=\"radio\"\n    [id]=\"id\"\n    [name]=\"name\"\n    [value]=\"value\"\n    [checked]=\"checked\"\n    [disabled]=\"disabled\"\n  />\n  <label class=\"fwe-segment-label\" [for]=\"id\">\n    <ng-container [ngSwitch]=\"viewMode\">\n      <ng-container *ngSwitchCase=\"'icon'\">\n        <span class=\"fwe-sr-only\">{{ label }}</span>\n        <i aria-hidden=\"true\" class=\"fwe-icon\" [ngClass]=\"icon\"></i>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'text'\">\n        {{ label }}\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'icon-text'\">\n        <i aria-hidden=\"true\" class=\"fwe-icon\" [ngClass]=\"icon\"></i>{{ label }}\n      </ng-container>\n    </ng-container>\n  </label>\n</ng-template>\n", styles: [""], directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { 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: SegmentControlComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'fng-segment-control',
-                    templateUrl: './segment-control.component.html',
-                    styleUrls: ['./segment-control.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None
-                }]
-        }], propDecorators: { name: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], iconOnly: [{
-                type: Input
-            }], checked: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], change: [{
-                type: Output
-            }], tpl: [{
-                type: ViewChild,
-                args: ['tpl']
-            }] } });
-//# sourceMappingURL=segment-control.component.js.map

package/esm2015/lib/forms/segment/segment-control/segment-control.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"segment-control.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular/src/lib/forms/segment/segment-control/segment-control.component.ts","../../../../../../../../libs/angular/src/lib/forms/segment/segment-control/segment-control.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,KAAK,EAIL,SAAS,EACT,WAAW,EAGX,uBAAuB,EACvB,MAAM,EACN,YAAY,EACZ,iBAAiB,EAClB,MAAM,eAAe,CAAC;;;AASvB,MAAM,OAAO,uBAAuB;IAPpC;QAmBY,WAAM,GAAsB,IAAI,YAAY,EAAE,CAAC;KA0B1D;IAtBC,QAAQ;QACN,IAAI,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QACpE,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC;IACzB,CAAC;IAED,WAAW,CAAC,OAAsB;QAChC,IAAI,IAAI,IAAI,OAAO,CAAC,IAAI,IAAI,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE;YAC7D,IAAI,CAAC,IAAI,GAAG,YAAY,IAAI,CAAC,IAAI,EAAE,CAAC;SACrC;QAED,IAAI,IAAI,IAAI,OAAO,CAAC,QAAQ,IAAI,IAAI,IAAI,OAAO,CAAC,QAAQ,CAAC,YAAY,EAAE;YACrE,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC,YAAY,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC;SAC/E;IACH,CAAC;IAED,eAAe;QACb,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;IAED,QAAQ,CAAC,KAAmC;QAC1C,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC;;oHArCU,uBAAuB;wGAAvB,uBAAuB,mVCvBpC,20BA0BA;2FDHa,uBAAuB;kBAPnC,SAAS;mBAAC;oBACT,QAAQ,EAAE,qBAAqB;oBAC/B,WAAW,EAAE,kCAAkC;oBAC/C,SAAS,EAAE,CAAC,kCAAkC,CAAC;oBAC/C,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;iBACtC;8BAMU,IAAI;sBAAZ,KAAK;gBACG,KAAK;sBAAb,KAAK;gBACG,KAAK;sBAAb,KAAK;gBACG,IAAI;sBAAZ,KAAK;gBACG,QAAQ;sBAAhB,KAAK;gBACG,OAAO;sBAAf,KAAK;gBACG,QAAQ;sBAAhB,KAAK;gBACI,MAAM;sBAAf,MAAM;gBAEW,GAAG;sBAApB,SAAS;uBAAC,KAAK","sourcesContent":["import {\n  Component,\n  Input,\n  OnInit,\n  SimpleChanges,\n  OnChanges,\n  ViewChild,\n  TemplateRef,\n  AfterViewInit,\n  ViewRef,\n  ChangeDetectionStrategy,\n  Output,\n  EventEmitter,\n  ViewEncapsulation\n} from '@angular/core';\n\n@Component({\n  selector: 'fng-segment-control',\n  templateUrl: './segment-control.component.html',\n  styleUrls: ['./segment-control.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None\n})\nexport class SegmentControlComponent implements OnInit, OnChanges, AfterViewInit {\n  id: string;\n  view: ViewRef;\n  viewMode: 'text' | 'icon' | 'icon-text';\n\n  @Input() name: string;\n  @Input() value: any;\n  @Input() label: string;\n  @Input() icon: string;\n  @Input() iconOnly: boolean;\n  @Input() checked: boolean;\n  @Input() disabled: boolean;\n  @Output() change: EventEmitter<any> = new EventEmitter();\n\n  @ViewChild('tpl') tpl: TemplateRef<any>;\n\n  ngOnInit(): void {\n    this.id = (Math.random() * Date.now()).toString().replace('.', '-');\n    this.viewMode = 'text';\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (null != changes.icon && null != changes.icon.currentValue) {\n      this.icon = `fwe-icon-${this.icon}`;\n    }\n\n    if (null != changes.iconOnly && null != changes.iconOnly.currentValue) {\n      this.viewMode = changes.iconOnly.currentValue === true ? 'icon' : 'icon-text';\n    }\n  }\n\n  ngAfterViewInit(): void {\n    this.view = this.tpl.createEmbeddedView(null);\n  }\n\n  onChange(event: { target: HTMLInputElement }) {\n    this.change.emit(event.target.value);\n  }\n}\n","<ng-template #tpl>\n  <input\n    (change)=\"onChange($event)\"\n    class=\"fwe-segment-input\"\n    type=\"radio\"\n    [id]=\"id\"\n    [name]=\"name\"\n    [value]=\"value\"\n    [checked]=\"checked\"\n    [disabled]=\"disabled\"\n  />\n  <label class=\"fwe-segment-label\" [for]=\"id\">\n    <ng-container [ngSwitch]=\"viewMode\">\n      <ng-container *ngSwitchCase=\"'icon'\">\n        <span class=\"fwe-sr-only\">{{ label }}</span>\n        <i aria-hidden=\"true\" class=\"fwe-icon\" [ngClass]=\"icon\"></i>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'text'\">\n        {{ label }}\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'icon-text'\">\n        <i aria-hidden=\"true\" class=\"fwe-icon\" [ngClass]=\"icon\"></i>{{ label }}\n      </ng-container>\n    </ng-container>\n  </label>\n</ng-template>\n"]}

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

@@ -1,116 +0,0 @@
-import { Component, ContentChildren, Input, ViewChild, ViewContainerRef, ChangeDetectorRef, ChangeDetectionStrategy, Output, EventEmitter, forwardRef, ViewEncapsulation, SimpleChange } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { Subject } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
-import { ValueAccessorBaseDirective } from '../value-accessor-base';
-import { SegmentControlComponent } from './segment-control/segment-control.component';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-export class SegmentComponent extends ValueAccessorBaseDirective {
-    constructor(cd) {
-        super();
-        this.cd = cd;
-        this.complete = new Subject();
-        this.defaultConfig = {
-            outline: true,
-            iconOnly: true
-        };
-        this.useIcon = false;
-        this.useIconAndText = false;
-        this.legend = '';
-        this.config = this.defaultConfig;
-        this.fngChange = new EventEmitter();
-        this.change = new EventEmitter();
-    }
-    set value(value) {
-        if (this.innerValue !== value) {
-            this.innerValue = value;
-            this.changed.forEach(f => {
-                this.fngChange.emit(this.innerValue);
-                this.change.emit(this.innerValue);
-                return f(value);
-            });
-        }
-    }
-    ngOnChanges(changes) {
-        if (null != changes.config && null != changes.config.currentValue) {
-            this.config = Object.assign({}, this.defaultConfig, changes.config.currentValue);
-        }
-    }
-    ngAfterContentInit() {
-        if (this.controls.length > 0) {
-            this.controls.forEach(component => {
-                component.change.pipe(takeUntil(this.complete)).subscribe(val => {
-                    this.value = val;
-                });
-                if (component.icon != null && this.config.iconOnly === true) {
-                    this.useIcon = true;
-                    component.ngOnChanges({
-                        iconOnly: new SimpleChange(null, true, false)
-                    });
-                }
-                if (component.icon != null && this.config.iconOnly !== true) {
-                    this.useIconAndText = true;
-                    component.ngOnChanges({
-                        iconOnly: new SimpleChange(null, false, false)
-                    });
-                }
-            });
-        }
-    }
-    ngAfterViewInit() {
-        this.html();
-        this.cd.detectChanges();
-    }
-    ngOnDestroy() {
-        this.complete.next(true);
-        this.complete.unsubscribe();
-    }
-    html() {
-        this.controls.forEach(component => {
-            this.vc.insert(component.view);
-        });
-    }
-}
-SegmentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: SegmentComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-SegmentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: SegmentComponent, selector: "fng-segment", inputs: { legend: "legend", config: "config", value: "value" }, outputs: { fngChange: "fngChange", change: "change" }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => SegmentComponent),
-            multi: true
-        }
-    ], queries: [{ propertyName: "controls", predicate: SegmentControlComponent, descendants: true }], viewQueries: [{ propertyName: "vc", first: true, predicate: ["vc"], descendants: true, read: ViewContainerRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<fieldset\n  class=\"fwe-segment\"\n  [ngClass]=\"{\n    'fwe-segment-outline': config.outline,\n    'fwe-segment-icon': useIcon,\n    'fwe-segment-icon-text': useIconAndText\n  }\"\n>\n  <legend>{{ legend }}</legend>\n  <div class=\"fwe-segment-group\">\n    <ng-container #vc></ng-container>\n  </div>\n</fieldset>\n", styles: [""], 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: SegmentComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'fng-segment',
-                    templateUrl: './segment.component.html',
-                    styleUrls: ['./segment.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => SegmentComponent),
-                            multi: true
-                        }
-                    ]
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { legend: [{
-                type: Input
-            }], config: [{
-                type: Input
-            }], controls: [{
-                type: ContentChildren,
-                args: [SegmentControlComponent, { descendants: true }]
-            }], vc: [{
-                type: ViewChild,
-                args: ['vc', { read: ViewContainerRef }]
-            }], fngChange: [{
-                type: Output
-            }], change: [{
-                type: Output
-            }], value: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=segment.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"segment.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular/src/lib/forms/segment/segment.component.ts","../../../../../../../libs/angular/src/lib/forms/segment/segment.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  ContentChildren,\n  Input,\n  AfterContentInit,\n  SimpleChanges,\n  OnChanges,\n  AfterViewInit,\n  ViewChild,\n  ViewContainerRef,\n  ChangeDetectorRef,\n  ChangeDetectionStrategy,\n  Output,\n  EventEmitter,\n  OnDestroy,\n  forwardRef,\n  ViewEncapsulation,\n  SimpleChange\n} from '@angular/core';\nimport type { QueryList } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { ValueAccessorBaseDirective } from '../value-accessor-base';\nimport { SegmentControlComponent } from './segment-control/segment-control.component';\n\nexport interface SegmentComponentConfiguration {\n  outline: boolean;\n  iconOnly: boolean;\n}\n\n@Component({\n  selector: 'fng-segment',\n  templateUrl: './segment.component.html',\n  styleUrls: ['./segment.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => SegmentComponent),\n      multi: true\n    }\n  ]\n})\nexport class SegmentComponent extends ValueAccessorBaseDirective<any> implements OnChanges, AfterContentInit, AfterViewInit, OnDestroy {\n  private complete: Subject<boolean> = new Subject();\n\n  defaultConfig: SegmentComponentConfiguration = {\n    outline: true,\n    iconOnly: true\n  };\n  useIcon = false;\n  useIconAndText = false;\n\n  @Input() legend = '';\n  @Input() config: SegmentComponentConfiguration = this.defaultConfig;\n  @ContentChildren(SegmentControlComponent, { descendants: true }) controls: QueryList<SegmentControlComponent>;\n  @ViewChild('vc', { read: ViewContainerRef }) vc: ViewContainerRef;\n\n  @Output() fngChange = new EventEmitter<any>();\n  @Output() change = new EventEmitter<any>();\n\n  @Input()\n  set value(value: string) {\n    if (this.innerValue !== value) {\n      this.innerValue = value;\n      this.changed.forEach(f => {\n        this.fngChange.emit(this.innerValue);\n        this.change.emit(this.innerValue);\n        return f(value);\n      });\n    }\n  }\n\n  constructor(private cd: ChangeDetectorRef) {\n    super();\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (null != changes.config && null != changes.config.currentValue) {\n      this.config = Object.assign({}, this.defaultConfig, changes.config.currentValue);\n    }\n  }\n\n  ngAfterContentInit(): void {\n    if (this.controls.length > 0) {\n      this.controls.forEach(component => {\n        component.change.pipe(takeUntil(this.complete)).subscribe(val => {\n          this.value = val;\n        });\n\n        if (component.icon != null && this.config.iconOnly === true) {\n          this.useIcon = true;\n          component.ngOnChanges({\n            iconOnly: new SimpleChange(null, true, false)\n          });\n        }\n\n        if (component.icon != null && this.config.iconOnly !== true) {\n          this.useIconAndText = true;\n          component.ngOnChanges({\n            iconOnly: new SimpleChange(null, false, false)\n          });\n        }\n      });\n    }\n  }\n\n  ngAfterViewInit(): void {\n    this.html();\n    this.cd.detectChanges();\n  }\n\n  ngOnDestroy(): void {\n    this.complete.next(true);\n    this.complete.unsubscribe();\n  }\n\n  private html() {\n    this.controls.forEach(component => {\n      this.vc.insert(component.view);\n    });\n  }\n}\n","<fieldset\n  class=\"fwe-segment\"\n  [ngClass]=\"{\n    'fwe-segment-outline': config.outline,\n    'fwe-segment-icon': useIcon,\n    'fwe-segment-icon-text': useIconAndText\n  }\"\n>\n  <legend>{{ legend }}</legend>\n  <div class=\"fwe-segment-group\">\n    <ng-container #vc></ng-container>\n  </div>\n</fieldset>\n"]}

package/esm2015/lib/forms/select/chip-text.pipe.js

@@ -1,34 +0,0 @@
-import { Pipe } from '@angular/core';
-import * as i0 from "@angular/core";
-function defaultValueKey(key) {
-    return key == null ? 'value' : key;
-}
-function defaultTextKey(key) {
-    return key == null ? 'text' : key;
-}
-export class ChipTextPipe {
-    transform(value, options, optionsValueKey, optionsTextKey) {
-        let chipText = '';
-        optionsValueKey = defaultValueKey(optionsValueKey);
-        optionsTextKey = defaultTextKey(optionsTextKey);
-        options.forEach((_, index) => {
-            if (JSON.stringify(options[index][optionsValueKey]) === JSON.stringify(value[optionsValueKey])) {
-                chipText = options[index][optionsTextKey];
-            }
-            if (JSON.stringify(options[index][optionsValueKey]) === JSON.stringify(value)) {
-                chipText = options[index][optionsTextKey];
-            }
-        });
-        return chipText;
-    }
-}
-ChipTextPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: ChipTextPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-ChipTextPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: ChipTextPipe, name: "fngChipText", pure: false });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: ChipTextPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'fngChipText',
-                    pure: false
-                }]
-        }] });
-//# sourceMappingURL=chip-text.pipe.js.map

package/esm2015/lib/forms/select/chip-text.pipe.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chip-text.pipe.js","sourceRoot":"","sources":["../../../../../../../libs/angular/src/lib/forms/select/chip-text.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAiB,MAAM,eAAe,CAAC;;AAEpD,SAAS,eAAe,CAAC,GAAW;IAClC,OAAO,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;AACrC,CAAC;AAED,SAAS,cAAc,CAAC,GAAW;IACjC,OAAO,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC;AACpC,CAAC;AAMD,MAAM,OAAO,YAAY;IACvB,SAAS,CAAC,KAAU,EAAE,OAAc,EAAE,eAAwB,EAAE,cAAuB;QACrF,IAAI,QAAQ,GAAG,EAAE,CAAC;QAClB,eAAe,GAAG,eAAe,CAAC,eAAe,CAAC,CAAC;QACnD,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;QAEhD,OAAO,CAAC,OAAO,CAAC,CAAC,CAAM,EAAE,KAAa,EAAE,EAAE;YACxC,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,EAAE;gBAC9F,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,CAAC;aAC3C;YAED,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;gBAC7E,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,CAAC;aAC3C;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,QAAQ,CAAC;IAClB,CAAC;;yGAjBU,YAAY;uGAAZ,YAAY;2FAAZ,YAAY;kBAJxB,IAAI;mBAAC;oBACJ,IAAI,EAAE,aAAa;oBACnB,IAAI,EAAE,KAAK;iBACZ","sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\n\nfunction defaultValueKey(key: string): string {\n  return key == null ? 'value' : key;\n}\n\nfunction defaultTextKey(key: string): string {\n  return key == null ? 'text' : key;\n}\n\n@Pipe({\n  name: 'fngChipText',\n  pure: false\n})\nexport class ChipTextPipe implements PipeTransform {\n  transform(value: any, options: any[], optionsValueKey?: string, optionsTextKey?: string): string {\n    let chipText = '';\n    optionsValueKey = defaultValueKey(optionsValueKey);\n    optionsTextKey = defaultTextKey(optionsTextKey);\n\n    options.forEach((_: any, index: number) => {\n      if (JSON.stringify(options[index][optionsValueKey]) === JSON.stringify(value[optionsValueKey])) {\n        chipText = options[index][optionsTextKey];\n      }\n\n      if (JSON.stringify(options[index][optionsValueKey]) === JSON.stringify(value)) {\n        chipText = options[index][optionsTextKey];\n      }\n    });\n\n    return chipText;\n  }\n}\n"]}