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

package/esm2015/lib/content/icon/icon.component.js

@@ -1,23 +0,0 @@
-import { Component, Input, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-/**
- * An icon component.
- */
-export class IconComponent {
-}
-IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: IconComponent, selector: "fng-icon", inputs: { icon: "icon" }, ngImport: i0, template: "<i *ngIf=\"icon?.type === 'font'\" [class]=\"'fwe-icon fwe-icon-' + icon?.name + ' ' + (icon.class || '')\"></i>\n<img *ngIf=\"icon?.type === 'img'\" [class]=\"icon.class\"\n      [src]=\"icon?.url\"\n      [ngStyle]=\"{'width': icon?.width + 'px', 'height': icon?.height + 'px'}\">\n<ng-content *ngIf=\"icon?.type === 'svg'\"></ng-content>\n", styles: [""], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: IconComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'fng-icon',
-                    templateUrl: './icon.component.html',
-                    styleUrls: ['./icon.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None
-                }]
-        }], propDecorators: { icon: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=icon.component.js.map

package/esm2015/lib/content/icon/icon.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular/src/lib/content/icon/icon.component.ts","../../../../../../../libs/angular/src/lib/content/icon/icon.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;;;AA0C7F;;GAEG;AAQH,MAAM,OAAO,aAAa;;0GAAb,aAAa;8FAAb,aAAa,0ECpD1B,wVAKA;2FD+Ca,aAAa;kBAPzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,UAAU;oBACpB,WAAW,EAAE,uBAAuB;oBACpC,SAAS,EAAE,CAAC,uBAAuB,CAAC;oBACpC,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;iBACtC;8BAKU,IAAI;sBAAZ,KAAK","sourcesContent":["import { Component, Input, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';\n\nexport type IconType = 'font' | 'img' | 'svg';\n\n/**\n * Describes an icon.\n */\nexport interface Icon {\n  /**\n   * The icon type.\n   *     - 'font' uses [name]{@link Icon#name} to resolve the icon from the icon font.\n   *     - 'img' uses [url]{@link Icon#url}, [height]{@link Icon#height}, [width]{@link Icon#width}\n   *     - 'svg' uses ng-content to display svg, [height]{@link Icon#height}, [width]{@link Icon#width}\n   */\n  type: IconType;\n\n  /**\n   * The name used to resolve the icon.\n   */\n  name?: string;\n\n  /**\n   * The url used to resolve the image.\n   */\n  url?: string;\n\n  /**\n   * Height of the image in pixel (px).\n   */\n  height?: number;\n\n  /**\n   * Width of the image in pixel (px).\n   */\n  width?: number;\n\n  /**\n   * This string will be added as css class to the icon.\n   */\n  class?: string;\n}\n\n/**\n * An icon component.\n */\n@Component({\n  selector: 'fng-icon',\n  templateUrl: './icon.component.html',\n  styleUrls: ['./icon.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None\n})\nexport class IconComponent {\n  /**\n   * The icon.\n   */\n  @Input() icon: Icon;\n}\n","<i *ngIf=\"icon?.type === 'font'\" [class]=\"'fwe-icon fwe-icon-' + icon?.name + ' ' + (icon.class || '')\"></i>\n<img *ngIf=\"icon?.type === 'img'\" [class]=\"icon.class\"\n      [src]=\"icon?.url\"\n      [ngStyle]=\"{'width': icon?.width + 'px', 'height': icon?.height + 'px'}\">\n<ng-content *ngIf=\"icon?.type === 'svg'\"></ng-content>\n"]}

package/esm2015/lib/festo-angular.module.js

@@ -1,58 +0,0 @@
-import { NgModule } from '@angular/core';
-import { FestoAngularLayoutModule } from './layout/layout.module';
-import { FestoAngularComponentsModule } from './components/components.module';
-import { FestoAngularContentModule } from './content/content.module';
-import { FestoAngularFormsModule } from './forms/forms.module';
-import { FestoAngularModalsModule } from './components/modals/modals.module';
-import { FestoAngularSnackbarModule } from './components/snackbar/snackbar.module';
-import * as i0 from "@angular/core";
-export class FestoAngularModule {
-}
-FestoAngularModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: FestoAngularModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FestoAngularModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: FestoAngularModule, imports: [FestoAngularLayoutModule,
-        FestoAngularComponentsModule,
-        FestoAngularContentModule,
-        FestoAngularFormsModule,
-        FestoAngularModalsModule,
-        FestoAngularSnackbarModule], exports: [FestoAngularLayoutModule,
-        FestoAngularComponentsModule,
-        FestoAngularContentModule,
-        FestoAngularFormsModule,
-        FestoAngularModalsModule,
-        FestoAngularSnackbarModule] });
-FestoAngularModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: FestoAngularModule, imports: [[
-            FestoAngularLayoutModule,
-            FestoAngularComponentsModule,
-            FestoAngularContentModule,
-            FestoAngularFormsModule,
-            FestoAngularModalsModule,
-            FestoAngularSnackbarModule
-        ], FestoAngularLayoutModule,
-        FestoAngularComponentsModule,
-        FestoAngularContentModule,
-        FestoAngularFormsModule,
-        FestoAngularModalsModule,
-        FestoAngularSnackbarModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: FestoAngularModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [],
-                    imports: [
-                        FestoAngularLayoutModule,
-                        FestoAngularComponentsModule,
-                        FestoAngularContentModule,
-                        FestoAngularFormsModule,
-                        FestoAngularModalsModule,
-                        FestoAngularSnackbarModule
-                    ],
-                    exports: [
-                        FestoAngularLayoutModule,
-                        FestoAngularComponentsModule,
-                        FestoAngularContentModule,
-                        FestoAngularFormsModule,
-                        FestoAngularModalsModule,
-                        FestoAngularSnackbarModule
-                    ]
-                }]
-        }] });
-//# sourceMappingURL=festo-angular.module.js.map

package/esm2015/lib/festo-angular.module.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"festo-angular.module.js","sourceRoot":"","sources":["../../../../../libs/angular/src/lib/festo-angular.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,wBAAwB,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,0BAA0B,EAAE,MAAM,uCAAuC,CAAC;;AAqBnF,MAAM,OAAO,kBAAkB;;+GAAlB,kBAAkB;gHAAlB,kBAAkB,YAhB3B,wBAAwB;QACxB,4BAA4B;QAC5B,yBAAyB;QACzB,uBAAuB;QACvB,wBAAwB;QACxB,0BAA0B,aAG1B,wBAAwB;QACxB,4BAA4B;QAC5B,yBAAyB;QACzB,uBAAuB;QACvB,wBAAwB;QACxB,0BAA0B;gHAGjB,kBAAkB,YAjBpB;YACP,wBAAwB;YACxB,4BAA4B;YAC5B,yBAAyB;YACzB,uBAAuB;YACvB,wBAAwB;YACxB,0BAA0B;SAC3B,EAEC,wBAAwB;QACxB,4BAA4B;QAC5B,yBAAyB;QACzB,uBAAuB;QACvB,wBAAwB;QACxB,0BAA0B;2FAGjB,kBAAkB;kBAnB9B,QAAQ;mBAAC;oBACR,YAAY,EAAE,EAAE;oBAChB,OAAO,EAAE;wBACP,wBAAwB;wBACxB,4BAA4B;wBAC5B,yBAAyB;wBACzB,uBAAuB;wBACvB,wBAAwB;wBACxB,0BAA0B;qBAC3B;oBACD,OAAO,EAAE;wBACP,wBAAwB;wBACxB,4BAA4B;wBAC5B,yBAAyB;wBACzB,uBAAuB;wBACvB,wBAAwB;wBACxB,0BAA0B;qBAC3B;iBACF","sourcesContent":["import { NgModule } from '@angular/core';\nimport { FestoAngularLayoutModule } from './layout/layout.module';\nimport { FestoAngularComponentsModule } from './components/components.module';\nimport { FestoAngularContentModule } from './content/content.module';\nimport { FestoAngularFormsModule } from './forms/forms.module';\nimport { FestoAngularModalsModule } from './components/modals/modals.module';\nimport { FestoAngularSnackbarModule } from './components/snackbar/snackbar.module';\n\n@NgModule({\n  declarations: [],\n  imports: [\n    FestoAngularLayoutModule,\n    FestoAngularComponentsModule,\n    FestoAngularContentModule,\n    FestoAngularFormsModule,\n    FestoAngularModalsModule,\n    FestoAngularSnackbarModule\n  ],\n  exports: [\n    FestoAngularLayoutModule,\n    FestoAngularComponentsModule,\n    FestoAngularContentModule,\n    FestoAngularFormsModule,\n    FestoAngularModalsModule,\n    FestoAngularSnackbarModule\n  ]\n})\nexport class FestoAngularModule {}\n"]}

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

@@ -1,156 +0,0 @@
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy, ViewEncapsulation, forwardRef, ChangeDetectorRef } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-let nextUniqueId = 0;
-export class CheckboxComponent {
-    constructor(changeDetector) {
-        this.changeDetector = changeDetector;
-        this.name = null;
-        this.large = false;
-        this.valid = true;
-        this.labelPosition = 'after';
-        this.innerId = `fng-checkbox-${++nextUniqueId}`;
-        this.isChecked = false;
-        this.isDisabled = false;
-        this.isIndeterminate = false;
-        this.indeterminateChange = new EventEmitter();
-        this.change = new EventEmitter();
-    }
-    get id() {
-        return this.innerId;
-    }
-    set id(value) {
-        this.innerId = value ? `${value}-${++nextUniqueId}` : `fng-checkbox-${++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 indeterminate() {
-        return this.isIndeterminate;
-    }
-    set indeterminate(value) {
-        const changed = value !== this.isIndeterminate;
-        this.isIndeterminate = coerceBooleanProperty(value);
-        if (changed) {
-            this.indeterminateChange.emit(this.isIndeterminate);
-        }
-        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.indeterminate) {
-                Promise.resolve().then(() => {
-                    this.isIndeterminate = false;
-                    this.indeterminateChange.emit(this.isIndeterminate);
-                });
-            }
-            if (!this.valid) {
-                this.valid = true;
-            }
-            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);
-        }
-    }
-}
-CheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: CheckboxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: CheckboxComponent, selector: "fng-checkbox", inputs: { name: "name", large: "large", valid: "valid", labelPosition: "labelPosition", id: "id", checked: "checked", disabled: "disabled", indeterminate: "indeterminate", value: "value", required: "required" }, outputs: { indeterminateChange: "indeterminateChange", change: "change" }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => CheckboxComponent),
-            multi: true
-        }
-    ], ngImport: i0, template: "<label class=\"fwe-checkbox-container\"\n  [class.fng-checkbox-large]=\"large\"\n  [class.fng-checkbox-invalid]=\"!valid || required\"\n  [class.fwe-disabled]=\"disabled\"\n  [class.fng-checkbox-indeterminate]=\"indeterminate\"\n  [class.fwe-checked]=\"checked\"\n  [attr.for]=\"inputId\"\n  [ngClass]=\"{\n    'fwe-label-below': labelPosition == 'below',\n    'fwe-label-before': labelPosition == 'before'\n  }\">\n  <input type=\"checkbox\"\n         [id]=\"inputId\"\n         [required]=\"required\"\n         [disabled]=\"disabled\"\n         [attr.value]=\"value\"\n         [attr.name]=\"name\"\n         [checked]=\"checked\"    \n         (change)=\"onInteractionEvent($event)\"\n         (click)=\"onInputClick($event)\">\n  <div class=\"fwe-checkbox-indicator-container\">\n    <div class=\"fwe-checkbox-indicator-background\"></div>\n    <ng-container *ngIf=\"!indeterminate && checked\">\n      <svg *ngIf=\"large\" width=\"24px\" height=\"24px\">\n        <path d=\"M17.5 7L10 14.5 7.501 12l-1.5 1.501L10 17.5l9-9z\" fill=\"#fff\" />\n      </svg>\n      <svg *ngIf=\"!large\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\">\n        <path d=\"M6 12L3 9l1.25-1.25L6 9.5l5.75-5.75L13 5l-7 7z\" fill=\"#fff\" />\n      </svg>\n    </ng-container>\n    <div *ngIf=\"indeterminate && !checked\" class=\"fwe-indeterminate-indicator\"></div>\n  </div>\n  <div class=\"fwe-checkbox-title\">\n    <ng-content></ng-content>\n  </div>\n</label>\n", styles: [".fwe-checkbox-container{font-family:\"MetaPro\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;display:flex;flex-direction:row;align-items:flex-start}.fwe-checkbox-container.fwe-label-below{align-items:center;flex-direction:column}.fwe-checkbox-container.fwe-label-below .fwe-checkbox-title{text-align:center;margin:8px 0 0}.fwe-checkbox-container.fwe-label-before{flex-direction:row-reverse;justify-content:flex-end}.fwe-checkbox-container.fwe-label-before .fwe-checkbox-title{margin:0 8px 0 0}.fwe-checkbox-container .fwe-checkbox-indicator-container{margin-top:4px;position:relative}.fwe-checkbox-container input{opacity:0;cursor:pointer;height:0;width:0}.fwe-checkbox-container .fwe-checkbox-title{margin-left:8px;line-height:24px;color:var(--fwe-text);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fwe-checkbox-container .fwe-checkbox-indicator-background{box-sizing:border-box;background:var(--fwe-white);border:1px solid var(--fwe-text-light);border-radius:2px;height:16px;width:16px;transition:border-width .2s ease-out}.fwe-checkbox-container .fwe-indeterminate-indicator{position:absolute;height:2px;width:10px;top:7px;left:3px;background:white}.fwe-checkbox-container svg{display:block;position:absolute;top:0px;left:0px}.fwe-checkbox-container.fng-checkbox-large .fwe-checkbox-indicator-container{margin-top:0}.fwe-checkbox-container.fng-checkbox-large .fwe-checkbox-indicator-background{height:24px;width:24px;border-radius:4px}.fwe-checkbox-container.fng-checkbox-large .fwe-indeterminate-indicator{top:11px;width:14px;left:5px}.fwe-checkbox-container.fng-checkbox-large.fwe-checked .fwe-checkbox-indicator-background,.fwe-checkbox-container.fng-checkbox-large.fng-checkbox-indeterminate .fwe-checkbox-indicator-background{border:12px solid var(--fwe-hero)}.fwe-checkbox-container:hover .fwe-checkbox-indicator-background{background-color:var(--fwe-control)}.fwe-checkbox-container:active .fwe-checkbox-indicator-background{background-color:var(--fwe-control-dark)}.fwe-checkbox-container.fwe-checked .fwe-checkbox-indicator-background,.fwe-checkbox-container.fng-checkbox-indeterminate .fwe-checkbox-indicator-background{border:8px solid var(--fwe-hero)}.fwe-checkbox-container.fwe-checked:hover .fwe-checkbox-indicator-background,.fwe-checkbox-container.fng-checkbox-indeterminate:hover .fwe-checkbox-indicator-background{border-color:var(--fwe-hero-dark)}.fwe-checkbox-container.fwe-checked:active .fwe-checkbox-indicator-background,.fwe-checkbox-container.fng-checkbox-indeterminate:active .fwe-checkbox-indicator-background{border-color:var(--fwe-hero-darker)}.fwe-checkbox-container.fng-checkbox-invalid .fwe-checkbox-indicator-background{border:1px solid var(--fwe-red);background:var(--fwe-white)}.fwe-checkbox-container.fwe-disabled{cursor:default}.fwe-checkbox-container.fwe-disabled .fwe-checkbox-indicator-background{background-color:var(--fwe-white);border:1px solid var(--fwe-control)}.fwe-checkbox-container.fwe-disabled.fwe-checked .fwe-checkbox-indicator-background{background-color:var(--fwe-control);border:1px solid var(--fwe-control)}.fwe-checkbox-container.fwe-disabled.fng-checkbox-indeterminate .fwe-checkbox-indicator-background{background-color:var(--fwe-control);border:1px solid var(--fwe-control)}.fwe-checkbox-container.fwe-disabled.fng-checkbox-invalid .fwe-checkbox-indicator-background{background-color:var(--fwe-white);border:1px solid var(--fwe-control)}.fwe-checkbox-container.fwe-disabled .fwe-checkbox-title{color:var(--fwe-text-disabled)}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: CheckboxComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'fng-checkbox',
-                    templateUrl: './checkbox.component.html',
-                    styleUrls: ['./checkbox.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => CheckboxComponent),
-                            multi: true
-                        }
-                    ]
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { name: [{
-                type: Input
-            }], large: [{
-                type: Input
-            }], valid: [{
-                type: Input
-            }], labelPosition: [{
-                type: Input
-            }], id: [{
-                type: Input
-            }], checked: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], indeterminate: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], indeterminateChange: [{
-                type: Output
-            }], change: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=checkbox.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular/src/lib/forms/checkbox/checkbox.component.ts","../../../../../../../libs/angular/src/lib/forms/checkbox/checkbox.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EACL,SAAS,EACT,KAAK,EACL,MAAM,EACN,YAAY,EACZ,uBAAuB,EACvB,iBAAiB,EACjB,UAAU,EACV,iBAAiB,EAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,iBAAiB,EAAwB,MAAM,gBAAgB,CAAC;;;AAEzE,IAAI,YAAY,GAAG,CAAC,CAAC;AAgBrB,MAAM,OAAO,iBAAiB;IAwE5B,YAAoB,cAAiC;QAAjC,mBAAc,GAAd,cAAc,CAAmB;QAvE5C,SAAI,GAAW,IAAI,CAAC;QACpB,UAAK,GAAG,KAAK,CAAC;QACd,UAAK,GAAG,IAAI,CAAC;QACb,kBAAa,GAAiC,OAAO,CAAC;QAEvD,YAAO,GAAG,gBAAgB,EAAE,YAAY,EAAE,CAAC;QAuB3C,cAAS,GAAG,KAAK,CAAC;QAalB,eAAU,GAAG,KAAK,CAAC;QAcnB,oBAAe,GAAG,KAAK,CAAC;QAab,wBAAmB,GAA0B,IAAI,YAAY,EAAW,CAAC;QACzE,WAAM,GAA0B,IAAI,YAAY,EAAW,CAAC;IAEvB,CAAC;IAjEzD,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,gBAAgB,EAAE,YAAY,EAAE,CAAC;IACzF,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,IAAI,KAAK,KAAK,IAAI,CAAC,OAAO,EAAE;YAC1B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;SACpC;IACH,CAAC;IAGD,IACI,QAAQ;QACV,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IACD,IAAI,QAAQ,CAAC,KAAU;QACrB,MAAM,QAAQ,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;QAC9C,IAAI,QAAQ,KAAK,IAAI,CAAC,QAAQ,EAAE;YAC9B,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC;YAC3B,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;SACpC;IACH,CAAC;IAGD,IACI,aAAa;QACf,OAAO,IAAI,CAAC,eAAe,CAAC;IAC9B,CAAC;IACD,IAAI,aAAa,CAAC,KAAc;QAC9B,MAAM,OAAO,GAAG,KAAK,KAAK,IAAI,CAAC,eAAe,CAAC;QAC/C,IAAI,CAAC,eAAe,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;QACpD,IAAI,OAAO,EAAE;YACX,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;SACrD;QACD,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;IACrC,CAAC;IAKD,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;IACjD,CAAC;IAYD,UAAU,CAAC,KAAU;QACnB,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,KAAK,CAAC;IACzB,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;IAC7B,CAAC;IAED,kBAAkB,CAAC,KAAY;QAC7B,KAAK,CAAC,eAAe,EAAE,CAAC;IAC1B,CAAC;IAED,YAAY,CAAC,KAAY;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,IAAI,CAAC,aAAa,EAAE;gBACtB,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE;oBAC1B,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;oBAC7B,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;gBACtD,CAAC,CAAC,CAAC;aACJ;YACD,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;gBACf,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;aACnB;YACD,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;aACvB;YACD,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;YAC7B,IAAI,IAAI,CAAC,4BAA4B,IAAI,IAAI,EAAE;gBAC7C,IAAI,CAAC,4BAA4B,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;aACjD;YACD,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,EAAE;gBAC1B,IAAI,CAAC,SAAS,EAAE,CAAC;aAClB;YACD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;SAChC;IACH,CAAC;;8GA3HU,iBAAiB;kGAAjB,iBAAiB,sUARjB;QACT;YACE,OAAO,EAAE,iBAAiB;YAC1B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC;YAChD,KAAK,EAAE,IAAI;SACZ;KACF,0BC3BH,67CAoCA;2FDPa,iBAAiB;kBAd7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,WAAW,EAAE,2BAA2B;oBACxC,SAAS,EAAE,CAAC,2BAA2B,CAAC;oBACxC,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,SAAS,EAAE;wBACT;4BACE,OAAO,EAAE,iBAAiB;4BAC1B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,kBAAkB,CAAC;4BAChD,KAAK,EAAE,IAAI;yBACZ;qBACF;iBACF;wGAEU,IAAI;sBAAZ,KAAK;gBACG,KAAK;sBAAb,KAAK;gBACG,KAAK;sBAAb,KAAK;gBACG,aAAa;sBAArB,KAAK;gBAOF,EAAE;sBADL,KAAK;gBAUF,OAAO;sBADV,KAAK;gBAaF,QAAQ;sBADX,KAAK;gBAcF,aAAa;sBADhB,KAAK;gBAcG,KAAK;sBAAb,KAAK;gBAGF,QAAQ;sBADX,KAAK;gBASa,mBAAmB;sBAArC,MAAM;gBACY,MAAM;sBAAxB,MAAM","sourcesContent":["import { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\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';\n\nlet nextUniqueId = 0;\n\n@Component({\n  selector: 'fng-checkbox',\n  templateUrl: './checkbox.component.html',\n  styleUrls: ['./checkbox.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => CheckboxComponent),\n      multi: true\n    }\n  ]\n})\nexport class CheckboxComponent implements ControlValueAccessor {\n  @Input() name: string = null;\n  @Input() large = false;\n  @Input() valid = true;\n  @Input() labelPosition: 'before' | 'after' | 'below' = 'after';\n\n  private innerId = `fng-checkbox-${++nextUniqueId}`;\n  get id(): string {\n    return this.innerId;\n  }\n  @Input()\n  set id(value: string) {\n    this.innerId = value ? `${value}-${++nextUniqueId}` : `fng-checkbox-${++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()\n  get indeterminate(): boolean {\n    return this.isIndeterminate;\n  }\n  set indeterminate(value: boolean) {\n    const changed = value !== this.isIndeterminate;\n    this.isIndeterminate = coerceBooleanProperty(value);\n    if (changed) {\n      this.indeterminateChange.emit(this.isIndeterminate);\n    }\n    this.changeDetector.markForCheck();\n  }\n  private isIndeterminate = 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 indeterminateChange: EventEmitter<boolean> = new EventEmitter<boolean>();\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.indeterminate) {\n        Promise.resolve().then(() => {\n          this.isIndeterminate = false;\n          this.indeterminateChange.emit(this.isIndeterminate);\n        });\n      }\n      if (!this.valid) {\n        this.valid = true;\n      }\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 class=\"fwe-checkbox-container\"\n  [class.fng-checkbox-large]=\"large\"\n  [class.fng-checkbox-invalid]=\"!valid || required\"\n  [class.fwe-disabled]=\"disabled\"\n  [class.fng-checkbox-indeterminate]=\"indeterminate\"\n  [class.fwe-checked]=\"checked\"\n  [attr.for]=\"inputId\"\n  [ngClass]=\"{\n    'fwe-label-below': labelPosition == 'below',\n    'fwe-label-before': labelPosition == 'before'\n  }\">\n  <input type=\"checkbox\"\n         [id]=\"inputId\"\n         [required]=\"required\"\n         [disabled]=\"disabled\"\n         [attr.value]=\"value\"\n         [attr.name]=\"name\"\n         [checked]=\"checked\"    \n         (change)=\"onInteractionEvent($event)\"\n         (click)=\"onInputClick($event)\">\n  <div class=\"fwe-checkbox-indicator-container\">\n    <div class=\"fwe-checkbox-indicator-background\"></div>\n    <ng-container *ngIf=\"!indeterminate && checked\">\n      <svg *ngIf=\"large\" width=\"24px\" height=\"24px\">\n        <path d=\"M17.5 7L10 14.5 7.501 12l-1.5 1.501L10 17.5l9-9z\" fill=\"#fff\" />\n      </svg>\n      <svg *ngIf=\"!large\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\">\n        <path d=\"M6 12L3 9l1.25-1.25L6 9.5l5.75-5.75L13 5l-7 7z\" fill=\"#fff\" />\n      </svg>\n    </ng-container>\n    <div *ngIf=\"indeterminate && !checked\" class=\"fwe-indeterminate-indicator\"></div>\n  </div>\n  <div class=\"fwe-checkbox-title\">\n    <ng-content></ng-content>\n  </div>\n</label>\n"]}

package/esm2015/lib/forms/color-indicator/color-indicator.component.js

@@ -1,72 +0,0 @@
-import { ConnectionPositionPair } from '@angular/cdk/overlay';
-import { Component, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/cdk/overlay";
-import * as i2 from "@angular/common";
-/**
- * A control to display a color.
- */
-export class ColorIndicatorComponent {
-    constructor() {
-        this.isEditorOpen = false;
-        this.positions = [
-            new ConnectionPositionPair({
-                originX: 'center',
-                originY: 'top'
-            }, {
-                overlayX: 'center',
-                overlayY: 'bottom'
-            }, 0, -20, ['fng-color-indicator-top']),
-            new ConnectionPositionPair({
-                originX: 'center',
-                originY: 'bottom'
-            }, {
-                overlayX: 'center',
-                overlayY: 'top'
-            }, 0, 20, ['fng-color-indicator-bottom']),
-            new ConnectionPositionPair({
-                originX: 'start',
-                originY: 'center'
-            }, {
-                overlayX: 'end',
-                overlayY: 'center'
-            }, -20, 0, ['fng-color-indicator-left']),
-            new ConnectionPositionPair({
-                originX: 'end',
-                originY: 'center'
-            }, {
-                overlayX: 'start',
-                overlayY: 'center'
-            }, 20, 0, ['fng-color-indicator-right'])
-        ];
-    }
-    getBorderColor() {
-        if (!this.color || this.color.toUpperCase() === '#FFFFFF' || this.color.toUpperCase() === '#F2F3F5') {
-            return '#b6bec6'; // = $control-border
-        }
-        else {
-            return this.color;
-        }
-    }
-}
-ColorIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: ColorIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ColorIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: ColorIndicatorComponent, selector: "fng-color-indicator", inputs: { label: "label", text: "text", color: "color", showPopOver: "showPopOver", disabled: "disabled" }, ngImport: i0, template: "<div class=\"fwe-color-indicator\" (click)=\"isEditorOpen = showPopOver ? !isEditorOpen : false\" [class.disabled]=\"disabled\">\n  <div class=\"fwe-color-label\" [style.opacity]=\"isEditorOpen ? 0 : 1\">\n    {{ label }}\n  </div>\n  <div class=\"fwe-color-container\">\n    <div\n      class=\"fwe-color-box\"\n      cdkOverlayOrigin\n      #trigger=\"cdkOverlayOrigin\"\n      [style.background]=\"color\"\n      [style.border-color]=\"getBorderColor()\"\n    >\n      <svg\n        *ngIf=\"!color\"\n        class=\"fwe-no-color-pattern\"\n        version=\"1.1\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n        id=\"canvas1\"\n        width=\"18\"\n        height=\"18\"\n      >\n        <defs>\n          <pattern id=\"bwsquare2px\" width=\"4\" height=\"4\" patternUnits=\"userSpaceOnUse\">\n            <rect x=\"0\" y=\"0\" width=\"2\" height=\"2\" stroke=\"none\" fill=\"#ffffff\" />\n            <rect x=\"2\" y=\"0\" width=\"2\" height=\"2\" stroke=\"none\" fill=\"#e5e8eb\" />\n            <rect x=\"0\" y=\"2\" width=\"2\" height=\"2\" stroke=\"none\" fill=\"#e5e8eb\" />\n            <rect x=\"2\" y=\"2\" width=\"2\" height=\"2\" stroke=\"none\" fill=\"#ffffff\" />\n          </pattern>\n        </defs>\n        <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"18\" height=\"18\" fill=\"url(#bwsquare2px)\" stroke-width=\"0\" />\n      </svg>\n    </div>\n    <div class=\"fwe-color-indicator-text\" *ngIf=\"text\">\n      {{ text }}\n    </div>\n  </div>\n\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"trigger\"\n    [cdkConnectedOverlayOpen]=\"isEditorOpen\"\n    [cdkConnectedOverlayPositions]=\"positions\"\n    [cdkConnectedOverlayHasBackdrop]=\"true\"\n    [cdkConnectedOverlayBackdropClass]=\"'backdrop'\"\n    [cdkConnectedOverlayViewportMargin]=\"32\"\n    (backdropClick)=\"isEditorOpen = false\"\n  >\n    <div class=\"fwe-popover-container\">\n      <div class=\"fwe-triangle\"></div>\n      <div class=\"fwe-popover\" #popoverContent>\n        <div class=\"fwe-color-label fwe-mb-s\">\n          {{ label }}\n        </div>\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </ng-template>\n</div>\n", styles: [".fwe-color-indicator .fwe-popover-container{position:relative}.fwe-color-indicator .fwe-popover-container .fwe-popover{background-color:var(--fwe-white);padding:8px 16px 16px;font-size:14px;line-height:1rem;box-shadow:0 1px 4px #3333;border-radius:8px}.fwe-color-indicator .fwe-backdrop{background:transparent}.fwe-color-indicator .fwe-color-label{height:18px;font-size:12px;font-weight:bold;margin-bottom:4px}.fwe-color-indicator .fwe-color-container{display:flex}.fwe-color-indicator .fwe-color-container .fwe-color-box{height:24px;width:24px;border-radius:4px;border:1px solid var(--fwe-control-border);background:var(--fwe-white)}.fwe-color-indicator .fwe-color-container .fwe-color-box .fwe-no-color-pattern{margin:2px}.fwe-color-indicator .fwe-color-container .fwe-color-indicator-text{margin-left:8px}.fwe-color-indicator.disabled{pointer-events:none}.fwe-color-indicator.disabled .fwe-color-label{color:var(--fwe-text-disabled)}.fwe-color-indicator.disabled .fwe-color-container .fwe-color-box{opacity:.5}.fwe-color-indicator.disabled .fwe-color-container .fwe-color-indicator-text{color:var(--fwe-text-disabled)}\n"], directives: [{ type: i1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: ColorIndicatorComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'fng-color-indicator',
-                    templateUrl: './color-indicator.component.html',
-                    styleUrls: ['./color-indicator.component.scss']
-                }]
-        }], propDecorators: { label: [{
-                type: Input
-            }], text: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], showPopOver: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=color-indicator.component.js.map

package/esm2015/lib/forms/color-indicator/color-indicator.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"color-indicator.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular/src/lib/forms/color-indicator/color-indicator.component.ts","../../../../../../../libs/angular/src/lib/forms/color-indicator/color-indicator.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;;;AAEjD;;GAEG;AAMH,MAAM,OAAO,uBAAuB;IALpC;QA8BS,iBAAY,GAAG,KAAK,CAAC;QAErB,cAAS,GAAG;YACjB,IAAI,sBAAsB,CACxB;gBACE,OAAO,EAAE,QAAQ;gBACjB,OAAO,EAAE,KAAK;aACf,EACD;gBACE,QAAQ,EAAE,QAAQ;gBAClB,QAAQ,EAAE,QAAQ;aACnB,EACD,CAAC,EACD,CAAC,EAAE,EACH,CAAC,yBAAyB,CAAC,CAC5B;YACD,IAAI,sBAAsB,CACxB;gBACE,OAAO,EAAE,QAAQ;gBACjB,OAAO,EAAE,QAAQ;aAClB,EACD;gBACE,QAAQ,EAAE,QAAQ;gBAClB,QAAQ,EAAE,KAAK;aAChB,EACD,CAAC,EACD,EAAE,EACF,CAAC,4BAA4B,CAAC,CAC/B;YACD,IAAI,sBAAsB,CACxB;gBACE,OAAO,EAAE,OAAO;gBAChB,OAAO,EAAE,QAAQ;aAClB,EACD;gBACE,QAAQ,EAAE,KAAK;gBACf,QAAQ,EAAE,QAAQ;aACnB,EACD,CAAC,EAAE,EACH,CAAC,EACD,CAAC,0BAA0B,CAAC,CAC7B;YACD,IAAI,sBAAsB,CACxB;gBACE,OAAO,EAAE,KAAK;gBACd,OAAO,EAAE,QAAQ;aAClB,EACD;gBACE,QAAQ,EAAE,OAAO;gBACjB,QAAQ,EAAE,QAAQ;aACnB,EACD,EAAE,EACF,CAAC,EACD,CAAC,2BAA2B,CAAC,CAC9B;SACF,CAAC;KASH;IAPC,cAAc;QACZ,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,SAAS,EAAE;YACnG,OAAO,SAAS,CAAC,CAAC,oBAAoB;SACvC;aAAM;YACL,OAAO,IAAI,CAAC,KAAK,CAAC;SACnB;IACH,CAAC;;oHAxFU,uBAAuB;wGAAvB,uBAAuB,uKCXpC,4rEA2DA;2FDhDa,uBAAuB;kBALnC,SAAS;mBAAC;oBACT,QAAQ,EAAE,qBAAqB;oBAC/B,WAAW,EAAE,kCAAkC;oBAC/C,SAAS,EAAE,CAAC,kCAAkC,CAAC;iBAChD;8BAKU,KAAK;sBAAb,KAAK;gBAKG,IAAI;sBAAZ,KAAK;gBAMG,KAAK;sBAAb,KAAK;gBAMG,WAAW;sBAAnB,KAAK;gBAEG,QAAQ;sBAAhB,KAAK","sourcesContent":["import { ConnectionPositionPair } from '@angular/cdk/overlay';\nimport { Component, Input } from '@angular/core';\n\n/**\n * A control to display a color.\n */\n@Component({\n  selector: 'fng-color-indicator',\n  templateUrl: './color-indicator.component.html',\n  styleUrls: ['./color-indicator.component.scss']\n})\nexport class ColorIndicatorComponent {\n  /**\n   * The label above the color.\n   */\n  @Input() label: string;\n\n  /**\n   * A text next to the color.\n   */\n  @Input() text: string;\n\n  /**\n   * The current color as a string.\n   * Examples: '#ffffff', 'red', 'rgba(1,2,3,0.5)'\n   */\n  @Input() color: string;\n\n  /**\n   * enable an overlay to edit the color.\n   * The editor must be passed as the content of the indicator.\n   */\n  @Input() showPopOver: boolean;\n\n  @Input() disabled: boolean;\n\n  public isEditorOpen = false;\n\n  public positions = [\n    new ConnectionPositionPair(\n      {\n        originX: 'center',\n        originY: 'top'\n      },\n      {\n        overlayX: 'center',\n        overlayY: 'bottom'\n      },\n      0,\n      -20,\n      ['fng-color-indicator-top']\n    ),\n    new ConnectionPositionPair(\n      {\n        originX: 'center',\n        originY: 'bottom'\n      },\n      {\n        overlayX: 'center',\n        overlayY: 'top'\n      },\n      0,\n      20,\n      ['fng-color-indicator-bottom']\n    ),\n    new ConnectionPositionPair(\n      {\n        originX: 'start',\n        originY: 'center'\n      },\n      {\n        overlayX: 'end',\n        overlayY: 'center'\n      },\n      -20,\n      0,\n      ['fng-color-indicator-left']\n    ),\n    new ConnectionPositionPair(\n      {\n        originX: 'end',\n        originY: 'center'\n      },\n      {\n        overlayX: 'start',\n        overlayY: 'center'\n      },\n      20,\n      0,\n      ['fng-color-indicator-right']\n    )\n  ];\n\n  getBorderColor(): string {\n    if (!this.color || this.color.toUpperCase() === '#FFFFFF' || this.color.toUpperCase() === '#F2F3F5') {\n      return '#b6bec6'; // = $control-border\n    } else {\n      return this.color;\n    }\n  }\n}\n","<div class=\"fwe-color-indicator\" (click)=\"isEditorOpen = showPopOver ? !isEditorOpen : false\" [class.disabled]=\"disabled\">\n  <div class=\"fwe-color-label\" [style.opacity]=\"isEditorOpen ? 0 : 1\">\n    {{ label }}\n  </div>\n  <div class=\"fwe-color-container\">\n    <div\n      class=\"fwe-color-box\"\n      cdkOverlayOrigin\n      #trigger=\"cdkOverlayOrigin\"\n      [style.background]=\"color\"\n      [style.border-color]=\"getBorderColor()\"\n    >\n      <svg\n        *ngIf=\"!color\"\n        class=\"fwe-no-color-pattern\"\n        version=\"1.1\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n        id=\"canvas1\"\n        width=\"18\"\n        height=\"18\"\n      >\n        <defs>\n          <pattern id=\"bwsquare2px\" width=\"4\" height=\"4\" patternUnits=\"userSpaceOnUse\">\n            <rect x=\"0\" y=\"0\" width=\"2\" height=\"2\" stroke=\"none\" fill=\"#ffffff\" />\n            <rect x=\"2\" y=\"0\" width=\"2\" height=\"2\" stroke=\"none\" fill=\"#e5e8eb\" />\n            <rect x=\"0\" y=\"2\" width=\"2\" height=\"2\" stroke=\"none\" fill=\"#e5e8eb\" />\n            <rect x=\"2\" y=\"2\" width=\"2\" height=\"2\" stroke=\"none\" fill=\"#ffffff\" />\n          </pattern>\n        </defs>\n        <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"18\" height=\"18\" fill=\"url(#bwsquare2px)\" stroke-width=\"0\" />\n      </svg>\n    </div>\n    <div class=\"fwe-color-indicator-text\" *ngIf=\"text\">\n      {{ text }}\n    </div>\n  </div>\n\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"trigger\"\n    [cdkConnectedOverlayOpen]=\"isEditorOpen\"\n    [cdkConnectedOverlayPositions]=\"positions\"\n    [cdkConnectedOverlayHasBackdrop]=\"true\"\n    [cdkConnectedOverlayBackdropClass]=\"'backdrop'\"\n    [cdkConnectedOverlayViewportMargin]=\"32\"\n    (backdropClick)=\"isEditorOpen = false\"\n  >\n    <div class=\"fwe-popover-container\">\n      <div class=\"fwe-triangle\"></div>\n      <div class=\"fwe-popover\" #popoverContent>\n        <div class=\"fwe-color-label fwe-mb-s\">\n          {{ label }}\n        </div>\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </ng-template>\n</div>\n"]}

package/esm2015/lib/forms/color-picker/color-helper.js

@@ -1,121 +0,0 @@
-export class ColorHelper {
-    // based on: https://gist.github.com/mjackson/5311256
-    static rgbToHsv(rgb) {
-        if (!rgb) {
-            return undefined;
-        }
-        const r = this.limitToByte(rgb.r) / 255;
-        const g = this.limitToByte(rgb.g) / 255;
-        const b = this.limitToByte(rgb.b) / 255;
-        const max = Math.max(r, g, b);
-        const min = Math.min(r, g, b);
-        let h = max;
-        let s = max;
-        const v = max;
-        const d = max - min;
-        s = max === 0 ? 0 : d / max;
-        if (max === min) {
-            h = 0; // achromatic
-        }
-        else {
-            switch (max) {
-                case r:
-                    h = (g - b) / d + (g < b ? 6 : 0);
-                    break;
-                case g:
-                    h = (b - r) / d + 2;
-                    break;
-                case b:
-                    h = (r - g) / d + 4;
-                    break;
-            }
-            h /= 6;
-        }
-        return { h, s, v };
-    }
-    // based on: https://gist.github.com/mjackson/5311256
-    static hsvToRgb(hsv) {
-        if (!hsv) {
-            return undefined;
-        }
-        hsv.h = this.limitToOne(hsv.h);
-        hsv.s = this.limitToOne(hsv.s);
-        hsv.v = this.limitToOne(hsv.v);
-        let r;
-        let g;
-        let b;
-        const i = Math.floor(hsv.h * 6);
-        const f = hsv.h * 6 - i;
-        const p = hsv.v * (1 - hsv.s);
-        const q = hsv.v * (1 - f * hsv.s);
-        const t = hsv.v * (1 - (1 - f) * hsv.s);
-        switch (i % 6) {
-            case 0:
-                r = hsv.v;
-                g = t;
-                b = p;
-                break;
-            case 1:
-                r = q;
-                g = hsv.v;
-                b = p;
-                break;
-            case 2:
-                r = p;
-                g = hsv.v;
-                b = t;
-                break;
-            case 3:
-                r = p;
-                g = q;
-                b = hsv.v;
-                break;
-            case 4:
-                r = t;
-                g = p;
-                b = hsv.v;
-                break;
-            case 5:
-                r = hsv.v;
-                g = p;
-                b = q;
-                break;
-        }
-        return {
-            r: this.limitToByte(r * 255),
-            g: this.limitToByte(g * 255),
-            b: this.limitToByte(b * 255)
-        };
-    }
-    static limitToByte(num) {
-        return Math.round(num <= 0 ? 0 : num >= 255 ? 255 : num);
-    }
-    static limitToOne(num) {
-        return num <= 0 ? 0 : num >= 1 ? 1 : num;
-    }
-    static numberToHex(rgb) {
-        let hex = Math.round(rgb).toString(16);
-        if (hex.length < 2) {
-            hex = '0' + hex;
-        }
-        return hex.toUpperCase();
-    }
-    static rgbToHex(rgb) {
-        if (!rgb) {
-            return undefined;
-        }
-        rgb.r = this.limitToByte(rgb.r);
-        rgb.g = this.limitToByte(rgb.g);
-        rgb.b = this.limitToByte(rgb.b);
-        const red = this.numberToHex(rgb.r);
-        const green = this.numberToHex(rgb.g);
-        const blue = this.numberToHex(rgb.b);
-        return '#' + red + green + blue;
-    }
-    static hexToRgb(hexString) {
-        const numbersOnly = hexString.substring(1);
-        const aRgbHex = numbersOnly.match(/.{1,2}/g);
-        return { r: parseInt(aRgbHex[0], 16), g: parseInt(aRgbHex[1], 16), b: parseInt(aRgbHex[2], 16) };
-    }
-}
-//# sourceMappingURL=color-helper.js.map

package/esm2015/lib/forms/color-picker/color-helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"color-helper.js","sourceRoot":"","sources":["../../../../../../../libs/angular/src/lib/forms/color-picker/color-helper.ts"],"names":[],"mappings":"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","sourcesContent":["export abstract class ColorHelper {\n  // based on: https://gist.github.com/mjackson/5311256\n  public static rgbToHsv(rgb: Record<'r' | 'g' | 'b', number>): Record<'h' | 's' | 'v', number> {\n    if (!rgb) {\n      return undefined;\n    }\n\n    const r = this.limitToByte(rgb.r) / 255;\n    const g = this.limitToByte(rgb.g) / 255;\n    const b = this.limitToByte(rgb.b) / 255;\n\n    const max = Math.max(r, g, b);\n    const min = Math.min(r, g, b);\n\n    let h = max;\n    let s = max;\n    const v = max;\n\n    const d = max - min;\n    s = max === 0 ? 0 : d / max;\n\n    if (max === min) {\n      h = 0; // achromatic\n    } else {\n      switch (max) {\n        case r:\n          h = (g - b) / d + (g < b ? 6 : 0);\n          break;\n        case g:\n          h = (b - r) / d + 2;\n          break;\n        case b:\n          h = (r - g) / d + 4;\n          break;\n      }\n\n      h /= 6;\n    }\n\n    return { h, s, v };\n  }\n\n  // based on: https://gist.github.com/mjackson/5311256\n  public static hsvToRgb(hsv: Record<'h' | 's' | 'v', number>): Record<'r' | 'g' | 'b', number> {\n    if (!hsv) {\n      return undefined;\n    }\n\n    hsv.h = this.limitToOne(hsv.h);\n    hsv.s = this.limitToOne(hsv.s);\n    hsv.v = this.limitToOne(hsv.v);\n\n    let r: number;\n    let g: number;\n    let b: number;\n\n    const i = Math.floor(hsv.h * 6);\n    const f = hsv.h * 6 - i;\n    const p = hsv.v * (1 - hsv.s);\n    const q = hsv.v * (1 - f * hsv.s);\n    const t = hsv.v * (1 - (1 - f) * hsv.s);\n\n    switch (i % 6) {\n      case 0:\n        r = hsv.v;\n        g = t;\n        b = p;\n        break;\n      case 1:\n        r = q;\n        g = hsv.v;\n        b = p;\n        break;\n      case 2:\n        r = p;\n        g = hsv.v;\n        b = t;\n        break;\n      case 3:\n        r = p;\n        g = q;\n        b = hsv.v;\n        break;\n      case 4:\n        r = t;\n        g = p;\n        b = hsv.v;\n        break;\n      case 5:\n        r = hsv.v;\n        g = p;\n        b = q;\n        break;\n    }\n\n    return {\n      r: this.limitToByte(r * 255),\n      g: this.limitToByte(g * 255),\n      b: this.limitToByte(b * 255)\n    };\n  }\n\n  private static limitToByte(num) {\n    return Math.round(num <= 0 ? 0 : num >= 255 ? 255 : num);\n  }\n\n  private static limitToOne(num) {\n    return num <= 0 ? 0 : num >= 1 ? 1 : num;\n  }\n\n  private static numberToHex(rgb: number): string {\n    let hex = Math.round(rgb).toString(16);\n    if (hex.length < 2) {\n      hex = '0' + hex;\n    }\n    return hex.toUpperCase();\n  }\n\n  public static rgbToHex(rgb: Record<'r' | 'g' | 'b', number>) {\n    if (!rgb) {\n      return undefined;\n    }\n\n    rgb.r = this.limitToByte(rgb.r);\n    rgb.g = this.limitToByte(rgb.g);\n    rgb.b = this.limitToByte(rgb.b);\n\n    const red = this.numberToHex(rgb.r);\n    const green = this.numberToHex(rgb.g);\n    const blue = this.numberToHex(rgb.b);\n    return '#' + red + green + blue;\n  }\n\n  public static hexToRgb(hexString: string): Record<'r' | 'g' | 'b', number> {\n    const numbersOnly = hexString.substring(1);\n    const aRgbHex = numbersOnly.match(/.{1,2}/g);\n    return { r: parseInt(aRgbHex[0], 16), g: parseInt(aRgbHex[1], 16), b: parseInt(aRgbHex[2], 16) };\n  }\n}\n"]}