@seniorsistemas/angular-components 17.16.13 → 17.17.0

package/components/chips/chip-item/chip-item.component.d.ts

@@ -0,0 +1,22 @@
+import { EventEmitter, TemplateRef } from '@angular/core';
+export declare class ChipItemComponent {
+    dataRender: string | Object;
+    objectField: string;
+    disabled: boolean;
+    templateRef: TemplateRef<any>;
+    itemIndex: number;
+    showTooltip: boolean;
+    maxLengthRenderWithoutTooltip: number;
+    clickRemove: EventEmitter<{
+        index: number;
+        event: Event;
+    }>;
+    chipClicked: EventEmitter<{
+        event: Event;
+        data: string | Object;
+    }>;
+    clickedRemove($event: Event): void;
+    onChipClicked($event: Event): void;
+    get _text(): string;
+    get _rawText(): any;
+}

package/components/chips/chips/chips.component.d.ts

@@ -0,0 +1,55 @@
+import { AfterViewInit, ChangeDetectorRef, EventEmitter, TemplateRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+export declare class ChipsComponent implements AfterViewInit, ControlValueAccessor {
+    private cdr;
+    private static _id;
+    newItem: string;
+    chipTemplate: TemplateRef<any>;
+    disabled: boolean;
+    field: string;
+    value: any[];
+    placeholder: string;
+    max: number;
+    maxLength: number;
+    inputId: string;
+    allowDuplicated: boolean;
+    caseSensitiveDuplication: boolean;
+    addOnTab: boolean;
+    addOnBlur: boolean;
+    separator: string;
+    autofocus: boolean;
+    infoLabel: string;
+    keyFilter: string | RegExp;
+    showTooltip: boolean;
+    maxLengthRenderWithoutTooltip: number;
+    onAdd: EventEmitter<Pick<import("../models/chip-models").ChipEvent, "value">>;
+    onRemove: EventEmitter<import("../models/chip-models").ChipEvent>;
+    onFocus: EventEmitter<FocusEvent>;
+    onBlur: EventEmitter<FocusEvent>;
+    onChipClick: EventEmitter<import("../models/chip-models").ChipEvent>;
+    valueChange: EventEmitter<any[] | string[]>;
+    private templates;
+    private input;
+    private isTabEventActive;
+    onChange: (value: string[] | any[]) => void;
+    onTouched: (value: string[] | any[]) => void;
+    constructor(cdr: ChangeDetectorRef);
+    ngAfterViewInit(): void;
+    writeValue(obj: string[] | any[]): void;
+    registerOnChange(fn: (value: string[] | any[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    onKeydown($event: KeyboardEvent): void;
+    onInputFocus($event: FocusEvent): void;
+    onInputLostFocus($event: FocusEvent): void;
+    removeItem({ itemIndex, event }: {
+        itemIndex: number;
+        event: Event;
+    }): void;
+    chipClicked({ event, data }: {
+        event: Event;
+        data: string | Object;
+    }): void;
+    private addItem;
+    private storeValue;
+}

package/components/chips/chips.module.d.ts

@@ -0,0 +1,2 @@
+export declare class ChipsModule {
+}

package/components/chips/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./chips.module";
+export * from "./chips/chips.component";
+export * from './models/chip-models';

package/components/chips/models/chip-models.d.ts

@@ -0,0 +1,7 @@
+export declare type ChipEvent = {
+    originalEvent: Event;
+    value: any;
+};
+export declare type ChipAddEvent = Omit<ChipEvent, 'originalEvent'>;
+export declare type ChipRemoveEvent = ChipEvent;
+export declare type ChipClickEvent = ChipEvent;

package/components/dynamic-form/components/dynamic-field/dynamic-field.component.d.ts

@@ -1,10 +1,12 @@
 import { FormGroup } from "@angular/forms";
 import { FormField } from "../../configurations/form-field";
+import { FieldType } from "../../configurations/field-type";
 export declare class DynamicFieldComponent {
     id: string;
     fields: FormField[];
     form: FormGroup;
     errorMessages?: any;
+    FieldType: typeof FieldType;
     getErrorMessages(errorMessages: any): any;
     isFunction(value: any): boolean;
 }

package/components/dynamic-form/components/field-label/field-label.component.d.ts

@@ -1,6 +1,5 @@
-import { TextField } from "../../configurations/fields";
+import { Field } from "../../configurations/fields/field";
 export declare class FieldLabelComponent {
-    field: TextField;
-    displayTimeInfoSign: number;
+    field: Field;
     fieldContainerRef: HTMLElement;
 }

package/components/dynamic-form/components/grid/row/row.component.d.ts

@@ -1,11 +1,13 @@
 import { OnInit } from "@angular/core";
 import { FormGroup } from "@angular/forms";
 import { Row } from "../../../configurations/grid/row";
+import { FieldType } from "../../../configurations/field-type";
 export declare class RowComponent implements OnInit {
     id: string;
     config: Row;
     group: FormGroup;
     errorMessages: any;
+    FieldType: typeof FieldType;
     constructor();
     ngOnInit(): void;
     getErrorMessages(errorMessages: any): any;

package/components/index.d.ts

@@ -59,6 +59,7 @@ export * from "./utils/index";
 export * from "./workspace-switch/index";
 export * from "./label-value/index";
 export * from "./picklist/index";
+export * from "./chips/index";
 /**
  * @deprecated Will be removed on a major update
  */

package/components/shared/helpers.d.ts

@@ -0,0 +1,18 @@
+/**
+ * A decorator that can be used to disable functions based on a boolean property on the component.
+ *
+ * @param disabledField The name of the boolean property that will be used to determine if the decorated
+ * function should be disabled. Defaults to 'disabled'.
+ * @returns A decorator function that can be used to decorate a function.
+ *
+ * @example
+ * class MyComponent {
+ *   disabled = true;
+ *
+ *   @CheckDisabled()
+ *   onClick() {
+ *     console.log('Button was clicked');
+ *   }
+ * }
+ */
+export declare function CheckDisabled(disabledField?: string): (_target: any, _propertyKey: string, descriptor: PropertyDescriptor) => PropertyDescriptor;

package/components/shared/index.d.ts

@@ -1,2 +1,3 @@
 export { BorderButtonOptions } from "./models/border-button-options";
 export { EnumSeverity } from "./models/enum-severity";
+export * from './helpers';

package/esm2015/components/chips/chip-item/chip-item.component.js

@@ -0,0 +1,68 @@
+import { __decorate } from "tslib";
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { CheckDisabled } from '../../shared/helpers';
+let ChipItemComponent = class ChipItemComponent {
+    constructor() {
+        this.disabled = false;
+        this.itemIndex = -1;
+        this.showTooltip = true;
+        this.maxLengthRenderWithoutTooltip = 20;
+        this.clickRemove = new EventEmitter();
+        this.chipClicked = new EventEmitter();
+    }
+    clickedRemove($event) {
+        this.clickRemove.emit({ index: this.itemIndex, event: $event });
+    }
+    onChipClicked($event) {
+        this.chipClicked.emit({ event: $event, data: this.dataRender });
+    }
+    get _text() {
+        const _text = this._rawText;
+        return _text.substring(0, _text.length > this.maxLengthRenderWithoutTooltip ? this.maxLengthRenderWithoutTooltip : _text.length) + (_text.length > this.maxLengthRenderWithoutTooltip ? '...' : '');
+    }
+    get _rawText() {
+        return this.objectField ? this.dataRender[this.objectField] || '' : this.dataRender || '';
+    }
+};
+__decorate([
+    Input()
+], ChipItemComponent.prototype, "dataRender", void 0);
+__decorate([
+    Input()
+], ChipItemComponent.prototype, "objectField", void 0);
+__decorate([
+    Input()
+], ChipItemComponent.prototype, "disabled", void 0);
+__decorate([
+    Input()
+], ChipItemComponent.prototype, "templateRef", void 0);
+__decorate([
+    Input()
+], ChipItemComponent.prototype, "itemIndex", void 0);
+__decorate([
+    Input()
+], ChipItemComponent.prototype, "showTooltip", void 0);
+__decorate([
+    Input()
+], ChipItemComponent.prototype, "maxLengthRenderWithoutTooltip", void 0);
+__decorate([
+    Output()
+], ChipItemComponent.prototype, "clickRemove", void 0);
+__decorate([
+    Output()
+], ChipItemComponent.prototype, "chipClicked", void 0);
+__decorate([
+    CheckDisabled()
+], ChipItemComponent.prototype, "clickedRemove", null);
+__decorate([
+    CheckDisabled()
+], ChipItemComponent.prototype, "onChipClicked", null);
+ChipItemComponent = __decorate([
+    Component({
+        selector: 's-chip-item',
+        template: "<ng-template #itemRender>\n    <div\n        class=\"chip-item\"\n        [class.chip-item-disabled]=\"disabled\"\n        (click)=\"onChipClicked($event)\"\n        [sTooltip]=\"_rawText\"\n        [showDelay]=\"0\"\n        [visible]=\"showTooltip ? _rawText.length > maxLengthRenderWithoutTooltip : false\">\n            <ng-container *ngIf=\"templateRef\">\n                <ng-container *ngTemplateOutlet=\"templateRef; context: { $implicit: dataRender, text: _text }\"></ng-container>\n            </ng-container>\n            <ng-container *ngIf=\"!templateRef\">\n                {{ _text }}\n            </ng-container>\n            <i class=\"fas fa-times\" (click)=\"clickedRemove($event)\"></i>\n    </div>\n</ng-template>\n\n\n<ng-container *ngIf=\"objectField && !templateRef\">\n    <ng-container *ngTemplateOutlet=\"itemRender;\"></ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"!objectField && !templateRef\">\n    <ng-container *ngTemplateOutlet=\"itemRender;\"></ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"templateRef\">\n    <ng-container *ngTemplateOutlet=\"itemRender\"></ng-container>\n</ng-container>\n",
+        styles: [".chip-item{border-radius:4px;border:1px solid #888b99;background-color:#eeebf2;word-break:break-word;font-size:12px;font-weight:400;text-align:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;padding:0 8px}.chip-item i{cursor:pointer}.chip-item:hover:not(.chip-item-disabled){background:#c1c1cc}.chip-item-disabled{opacity:.5}.chip-item-disabled i{cursor:default}"]
+    })
+], ChipItemComponent);
+export { ChipItemComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcC1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL2NoaXBzL2NoaXAtaXRlbS9jaGlwLWl0ZW0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFlLE1BQU0sZUFBZSxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQU1yRCxJQUFhLGlCQUFpQixHQUE5QixNQUFhLGlCQUFpQjtJQUE5QjtRQUdXLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFakIsY0FBUyxHQUFHLENBQUMsQ0FBQyxDQUFDO1FBQ2YsZ0JBQVcsR0FBRyxJQUFJLENBQUM7UUFDbkIsa0NBQTZCLEdBQUcsRUFBRSxDQUFDO1FBRWxDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQW1DLENBQUM7UUFDbEUsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBMkMsQ0FBQztJQW1CdEYsQ0FBQztJQWhCQyxhQUFhLENBQUMsTUFBYTtRQUN6QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxFQUFFLEtBQUssRUFBRSxJQUFJLENBQUMsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsQ0FBQyxDQUFDO0lBQ2xFLENBQUM7SUFFRCxhQUFhLENBQUMsTUFBYTtRQUN6QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDO0lBQ2xFLENBQUM7SUFFRCxJQUFJLEtBQUs7UUFDUCxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQzVCLE9BQU8sS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEVBQUUsS0FBSyxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsNkJBQTZCLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyw2QkFBNkIsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsNkJBQTZCLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDdE0sQ0FBQztJQUVELElBQUksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUUsSUFBSSxDQUFDLFVBQWtCLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFVBQVUsSUFBSSxFQUFFLENBQUM7SUFDckcsQ0FBQztDQUNGLENBQUE7QUE1QlU7SUFBUixLQUFLLEVBQUU7cURBQTZCO0FBQzVCO0lBQVIsS0FBSyxFQUFFO3NEQUFxQjtBQUNwQjtJQUFSLEtBQUssRUFBRTttREFBa0I7QUFDakI7SUFBUixLQUFLLEVBQUU7c0RBQThCO0FBQzdCO0lBQVIsS0FBSyxFQUFFO29EQUFnQjtBQUNmO0lBQVIsS0FBSyxFQUFFO3NEQUFvQjtBQUNuQjtJQUFSLEtBQUssRUFBRTt3RUFBb0M7QUFFbEM7SUFBVCxNQUFNLEVBQUU7c0RBQW1FO0FBQ2xFO0lBQVQsTUFBTSxFQUFFO3NEQUEyRTtBQUdwRjtJQURDLGFBQWEsRUFBRTtzREFHZjtBQUVEO0lBREMsYUFBYSxFQUFFO3NEQUdmO0FBbkJVLGlCQUFpQjtJQUw3QixTQUFTLENBQUM7UUFDVCxRQUFRLEVBQUUsYUFBYTtRQUN2Qix3b0NBQXlDOztLQUUxQyxDQUFDO0dBQ1csaUJBQWlCLENBNkI3QjtTQTdCWSxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENoZWNrRGlzYWJsZWQgfSBmcm9tICcuLi8uLi9zaGFyZWQvaGVscGVycyc7XG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzLWNoaXAtaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGlwLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jaGlwLWl0ZW0uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBDaGlwSXRlbUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGRhdGFSZW5kZXI6IHN0cmluZyB8IE9iamVjdDtcbiAgQElucHV0KCkgb2JqZWN0RmllbGQ6IHN0cmluZztcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcbiAgQElucHV0KCkgdGVtcGxhdGVSZWY6IFRlbXBsYXRlUmVmPGFueT5cbiAgQElucHV0KCkgaXRlbUluZGV4ID0gLTE7XG4gIEBJbnB1dCgpIHNob3dUb29sdGlwID0gdHJ1ZTtcbiAgQElucHV0KCkgbWF4TGVuZ3RoUmVuZGVyV2l0aG91dFRvb2x0aXAgPSAyMDtcblxuICBAT3V0cHV0KCkgY2xpY2tSZW1vdmUgPSBuZXcgRXZlbnRFbWl0dGVyPHsgaW5kZXg6IG51bWJlciwgZXZlbnQ6IEV2ZW50IH0+KCk7XG4gIEBPdXRwdXQoKSBjaGlwQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8eyBldmVudDogRXZlbnQsIGRhdGE6IHN0cmluZyB8IE9iamVjdCB9PigpO1xuXG4gIEBDaGVja0Rpc2FibGVkKClcbiAgY2xpY2tlZFJlbW92ZSgkZXZlbnQ6IEV2ZW50KSB7XG4gICAgdGhpcy5jbGlja1JlbW92ZS5lbWl0KHsgaW5kZXg6IHRoaXMuaXRlbUluZGV4LCBldmVudDogJGV2ZW50IH0pO1xuICB9XG4gIEBDaGVja0Rpc2FibGVkKClcbiAgb25DaGlwQ2xpY2tlZCgkZXZlbnQ6IEV2ZW50KSB7XG4gICAgdGhpcy5jaGlwQ2xpY2tlZC5lbWl0KHsgZXZlbnQ6ICRldmVudCwgZGF0YTogdGhpcy5kYXRhUmVuZGVyIH0pO1xuICB9XG5cbiAgZ2V0IF90ZXh0KCkge1xuICAgIGNvbnN0IF90ZXh0ID0gdGhpcy5fcmF3VGV4dDtcbiAgICByZXR1cm4gX3RleHQuc3Vic3RyaW5nKDAsIF90ZXh0Lmxlbmd0aCA+IHRoaXMubWF4TGVuZ3RoUmVuZGVyV2l0aG91dFRvb2x0aXAgPyB0aGlzLm1heExlbmd0aFJlbmRlcldpdGhvdXRUb29sdGlwIDogX3RleHQubGVuZ3RoKSArIChfdGV4dC5sZW5ndGggPiB0aGlzLm1heExlbmd0aFJlbmRlcldpdGhvdXRUb29sdGlwID8gJy4uLicgOiAnJyk7XG4gIH1cblxuICBnZXQgX3Jhd1RleHQoKSB7XG4gICAgcmV0dXJuIHRoaXMub2JqZWN0RmllbGQgPyAodGhpcy5kYXRhUmVuZGVyIGFzIGFueSlbdGhpcy5vYmplY3RGaWVsZF0gfHwgJycgOiB0aGlzLmRhdGFSZW5kZXIgfHwgJyc7XG4gIH1cbn1cbiJdfQ==

package/esm2015/components/chips/chips/chips.component.js

@@ -0,0 +1,228 @@
+var ChipsComponent_1;
+import { __decorate } from "tslib";
+import { AfterViewInit, ChangeDetectorRef, Component, ContentChildren, ElementRef, EventEmitter, forwardRef, HostListener, Input, Output, QueryList, TemplateRef, ViewChild } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { CheckDisabled } from '../../shared/helpers';
+import { TemplateDirective } from './../../template/template.directive';
+let ChipsComponent = ChipsComponent_1 = class ChipsComponent {
+    constructor(cdr) {
+        this.cdr = cdr;
+        this.newItem = '';
+        this.value = [];
+        this.placeholder = '';
+        this.inputId = `chips-${ChipsComponent_1._id++}`;
+        this.allowDuplicated = true;
+        this.caseSensitiveDuplication = false;
+        this.addOnTab = true;
+        this.addOnBlur = true;
+        this.autofocus = false;
+        this.infoLabel = '';
+        this.showTooltip = true;
+        this.maxLengthRenderWithoutTooltip = 20;
+        this.onAdd = new EventEmitter();
+        this.onRemove = new EventEmitter();
+        this.onFocus = new EventEmitter();
+        this.onBlur = new EventEmitter();
+        this.onChipClick = new EventEmitter();
+        this.valueChange = new EventEmitter();
+        this.isTabEventActive = false;
+        this.onChange = () => { };
+        this.onTouched = () => { };
+    }
+    ngAfterViewInit() {
+        var _a;
+        if (this.autofocus && this.input) {
+            this.input.nativeElement.focus();
+        }
+        this.chipTemplate = (_a = this.templates.find((x) => x.type === 'chip-container')) === null || _a === void 0 ? void 0 : _a.template;
+        this.cdr.detectChanges();
+    }
+    writeValue(obj) {
+        this.value = obj;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    onKeydown($event) {
+        const isEnter = $event.key === 'Enter';
+        const isSeparator = this.separator && $event.key === this.separator;
+        const eventKeyIsTab = $event.key === 'Tab';
+        if (eventKeyIsTab) {
+            this.isTabEventActive = true;
+            setTimeout(() => {
+                this.isTabEventActive = false;
+            }, 50);
+        }
+        const isTab = this.addOnTab && eventKeyIsTab;
+        if (isEnter || isSeparator || isTab) {
+            $event.preventDefault();
+            this.addItem();
+        }
+    }
+    onInputFocus($event) {
+        this.onFocus.emit($event);
+    }
+    onInputLostFocus($event) {
+        if (!this.addOnBlur || this.isTabEventActive) {
+            return;
+        }
+        this.addItem();
+        this.onBlur.emit($event);
+    }
+    removeItem({ itemIndex, event }) {
+        const _removedItem = this.value[itemIndex];
+        this.value.splice(itemIndex, 1);
+        this.onRemove.emit({ value: _removedItem, originalEvent: event });
+    }
+    chipClicked({ event, data }) {
+        this.onChipClick.emit({ value: data, originalEvent: event });
+    }
+    addItem() {
+        const hasValue = !!this.newItem;
+        if (!hasValue) {
+            return;
+        }
+        if (this.max && this.value.length === this.max) {
+            return;
+        }
+        const validItemLength = this.maxLength ? this.newItem.length <= this.maxLength : true;
+        if (!validItemLength) {
+            return;
+        }
+        const hasField = !!this.field;
+        const _mappedValues = this.field ? this.value.map((x) => x[this.field]) : this.value;
+        const valueToAdd = hasField ? { [this.field]: this.newItem } : this.newItem;
+        const duplicatedItem = _mappedValues.find((x) => {
+            if (this.caseSensitiveDuplication) {
+                return x === this.newItem;
+            }
+            else {
+                return x.toLowerCase() === this.newItem.toLowerCase();
+            }
+        });
+        let hasDuplicatedItem = false;
+        if (!this.allowDuplicated) {
+            hasDuplicatedItem = duplicatedItem ? Boolean(duplicatedItem) : false;
+        }
+        if (!hasDuplicatedItem) {
+            this.storeValue(valueToAdd);
+        }
+        this.newItem = '';
+    }
+    storeValue(value) {
+        this.value = [...this.value, value];
+        this.onAdd.emit({ value });
+        this.valueChange.emit(this.value);
+        this.writeValue(this.value);
+        this.onChange(this.value);
+        this.onTouched(this.value);
+    }
+};
+ChipsComponent._id = 0;
+ChipsComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef }
+];
+__decorate([
+    Input()
+], ChipsComponent.prototype, "disabled", void 0);
+__decorate([
+    Input()
+], ChipsComponent.prototype, "field", void 0);
+__decorate([
+    Input()
+], ChipsComponent.prototype, "value", void 0);
+__decorate([
+    Input()
+], ChipsComponent.prototype, "placeholder", void 0);
+__decorate([
+    Input()
+], ChipsComponent.prototype, "max", void 0);
+__decorate([
+    Input()
+], ChipsComponent.prototype, "maxLength", void 0);
+__decorate([
+    Input()
+], ChipsComponent.prototype, "inputId", void 0);
+__decorate([
+    Input()
+], ChipsComponent.prototype, "allowDuplicated", void 0);
+__decorate([
+    Input()
+], ChipsComponent.prototype, "caseSensitiveDuplication", void 0);
+__decorate([
+    Input()
+], ChipsComponent.prototype, "addOnTab", void 0);
+__decorate([
+    Input()
+], ChipsComponent.prototype, "addOnBlur", void 0);
+__decorate([
+    Input()
+], ChipsComponent.prototype, "separator", void 0);
+__decorate([
+    Input()
+], ChipsComponent.prototype, "autofocus", void 0);
+__decorate([
+    Input()
+], ChipsComponent.prototype, "infoLabel", void 0);
+__decorate([
+    Input()
+], ChipsComponent.prototype, "keyFilter", void 0);
+__decorate([
+    Input()
+], ChipsComponent.prototype, "showTooltip", void 0);
+__decorate([
+    Input()
+], ChipsComponent.prototype, "maxLengthRenderWithoutTooltip", void 0);
+__decorate([
+    Output()
+], ChipsComponent.prototype, "onAdd", void 0);
+__decorate([
+    Output()
+], ChipsComponent.prototype, "onRemove", void 0);
+__decorate([
+    Output()
+], ChipsComponent.prototype, "onFocus", void 0);
+__decorate([
+    Output()
+], ChipsComponent.prototype, "onBlur", void 0);
+__decorate([
+    Output()
+], ChipsComponent.prototype, "onChipClick", void 0);
+__decorate([
+    Output()
+], ChipsComponent.prototype, "valueChange", void 0);
+__decorate([
+    ContentChildren(TemplateDirective)
+], ChipsComponent.prototype, "templates", void 0);
+__decorate([
+    ViewChild('input', { read: ElementRef })
+], ChipsComponent.prototype, "input", void 0);
+__decorate([
+    HostListener("document:keydown", ["$event"]),
+    CheckDisabled()
+], ChipsComponent.prototype, "onKeydown", null);
+__decorate([
+    CheckDisabled()
+], ChipsComponent.prototype, "onInputLostFocus", null);
+ChipsComponent = ChipsComponent_1 = __decorate([
+    Component({
+        selector: 's-chips',
+        template: "<ul class=\"chips-container\">\n    <li *ngFor=\"let item of value; let index = index\">\n        <s-chip-item\n            [templateRef]=\"chipTemplate\"\n            [dataRender]=\"item\"\n            [objectField]=\"field\"\n            [itemIndex]=\"index\"\n            [disabled]=\"disabled\"\n            [showTooltip]=\"showTooltip\"\n            [maxLengthRenderWithoutTooltip]=\"maxLengthRenderWithoutTooltip\"\n            (clickRemove)=\"removeItem($event)\"\n            (chipClicked)=\"chipClicked($event)\">\n        </s-chip-item>\n    </li>\n    <ng-container *ngIf=\"keyFilter\">\n        <input\n            #input\n            [disabled]=\"disabled || max === value?.length\"\n            [placeholder]=\"placeholder\"\n            [maxlength]=\"maxLength\"\n            [id]=\"inputId\"\n            [(ngModel)]=\"newItem\"\n            [pKeyFilter]=\"keyFilter\"\n            (focus)=\"onInputFocus($event)\"\n            (blur)=\"onInputLostFocus($event)\">\n    </ng-container>\n    <ng-container *ngIf=\"!keyFilter\">\n        <input\n        #input\n        [disabled]=\"disabled || max === value?.length\"\n        [placeholder]=\"placeholder\"\n        [maxlength]=\"maxLength\"\n        [id]=\"inputId\"\n        [(ngModel)]=\"newItem\"\n        (focus)=\"onInputFocus($event)\"\n        (blur)=\"onInputLostFocus($event)\">\n    </ng-container>\n</ul>\n<ng-container *ngIf=\"infoLabel\">\n    <span class=\"info-label\">\n        {{ infoLabel }}\n    </span>\n</ng-container>\n",
+        providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => ChipsComponent_1),
+                multi: true
+            }
+        ],
+        styles: [".chips-container{width:100%;padding:8px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;border-radius:3px;border:1px solid #c1c1cc;background-color:#fff;list-style:none;gap:8px}.chips-container input{background-color:#fff;width:100%;border:none;min-height:2em;min-width:15%;-ms-flex:1;flex:1}.chips-container input:focus-visible{outline:0}.info-label{color:#888b99;font-size:12px;font-style:normal;font-weight:400}"]
+    })
+], ChipsComponent);
+export { ChipsComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvY2hpcHMvY2hpcHMvY2hpcHMuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxpQkFBaUIsRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25NLE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN6RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFFckQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFjeEUsSUFBYSxjQUFjLHNCQUEzQixNQUFhLGNBQWM7SUFvQ3pCLFlBQW9CLEdBQXNCO1FBQXRCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBbEMxQyxZQUFPLEdBQUcsRUFBRSxDQUFDO1FBS0osVUFBSyxHQUFVLEVBQUUsQ0FBQztRQUNsQixnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQUdqQixZQUFPLEdBQUcsU0FBUyxnQkFBYyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUM7UUFDMUMsb0JBQWUsR0FBRyxJQUFJLENBQUM7UUFDdkIsNkJBQXdCLEdBQUcsS0FBSyxDQUFDO1FBQ2pDLGFBQVEsR0FBRyxJQUFJLENBQUM7UUFDaEIsY0FBUyxHQUFHLElBQUksQ0FBQztRQUVqQixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLGNBQVMsR0FBRyxFQUFFLENBQUM7UUFFZixnQkFBVyxHQUFHLElBQUksQ0FBQztRQUNuQixrQ0FBNkIsR0FBRyxFQUFFLENBQUM7UUFF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QUFFLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxDQUFDOzZDQUF3QztBQWlDakY7SUFGQyxZQUFZLENBQUMsa0JBQWtCLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUM1QyxhQUFhLEVBQUU7K0NBZ0JmO0FBT0Q7SUFEQyxhQUFhLEVBQUU7c0RBT2Y7QUE3RlUsY0FBYztJQVoxQixTQUFTLENBQUM7UUFDVCxRQUFRLEVBQUUsU0FBUztRQUNuQiwrK0NBQXFDO1FBRXJDLFNBQVMsRUFBRTtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsZ0JBQWMsQ0FBQztnQkFDN0MsS0FBSyxFQUFFLElBQUk7YUFDWjtTQUNGOztLQUNGLENBQUM7R0FDVyxjQUFjLENBa0oxQjtTQWxKWSxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgQ29udGVudENoaWxkcmVuLCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIGZvcndhcmRSZWYsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIE91dHB1dCwgUXVlcnlMaXN0LCBUZW1wbGF0ZVJlZiwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBDaGVja0Rpc2FibGVkIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2hlbHBlcnMnO1xuaW1wb3J0IHsgQ2hpcEFkZEV2ZW50LCBDaGlwQ2xpY2tFdmVudCwgQ2hpcFJlbW92ZUV2ZW50IH0gZnJvbSAnLi4vbW9kZWxzL2NoaXAtbW9kZWxzJztcbmltcG9ydCB7IFRlbXBsYXRlRGlyZWN0aXZlIH0gZnJvbSAnLi8uLi8uLi90ZW1wbGF0ZS90ZW1wbGF0ZS5kaXJlY3RpdmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzLWNoaXBzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NoaXBzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2hpcHMuY29tcG9uZW50LnNjc3MnXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBDaGlwc0NvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZVxuICAgIH1cbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBDaGlwc0NvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgcHJpdmF0ZSBzdGF0aWMgX2lkID0gMDtcbiAgbmV3SXRlbSA9ICcnO1xuICBjaGlwVGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW47XG4gIEBJbnB1dCgpIGZpZWxkOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHZhbHVlOiBhbnlbXSA9IFtdO1xuICBASW5wdXQoKSBwbGFjZWhvbGRlciA9ICcnO1xuICBASW5wdXQoKSBtYXg6IG51bWJlcjtcbiAgQElucHV0KCkgbWF4TGVuZ3RoOiBudW1iZXI7XG4gIEBJbnB1dCgpIGlucHV0SWQgPSBgY2hpcHMtJHtDaGlwc0NvbXBvbmVudC5faWQrK31gO1xuICBASW5wdXQoKSBhbGxvd0R1cGxpY2F0ZWQgPSB0cnVlO1xuICBASW5wdXQoKSBjYXNlU2Vuc2l0aXZlRHVwbGljYXRpb24gPSBmYWxzZTtcbiAgQElucHV0KCkgYWRkT25UYWIgPSB0cnVlO1xuICBASW5wdXQoKSBhZGRPbkJsdXIgPSB0cnVlO1xuICBASW5wdXQoKSBzZXBhcmF0b3I6IHN0cmluZztcbiAgQElucHV0KCkgYXV0b2ZvY3VzID0gZmFsc2U7XG4gIEBJbnB1dCgpIGluZm9MYWJlbCA9ICcnO1xuICBASW5wdXQoKSBrZXlGaWx0ZXI6IHN0cmluZyB8IFJlZ0V4cDtcbiAgQElucHV0KCkgc2hvd1Rvb2x0aXAgPSB0cnVlO1xuICBASW5wdXQoKSBtYXhMZW5ndGhSZW5kZXJXaXRob3V0VG9vbHRpcCA9IDIwO1xuXG4gIEBPdXRwdXQoKSBvbkFkZCA9IG5ldyBFdmVudEVtaXR0ZXI8Q2hpcEFkZEV2ZW50PigpO1xuICBAT3V0cHV0KCkgb25SZW1vdmUgPSBuZXcgRXZlbnRFbWl0dGVyPENoaXBSZW1vdmVFdmVudD4oKTtcbiAgQE91dHB1dCgpIG9uRm9jdXMgPSBuZXcgRXZlbnRFbWl0dGVyPEZvY3VzRXZlbnQ+KCk7XG4gIEBPdXRwdXQoKSBvbkJsdXIgPSBuZXcgRXZlbnRFbWl0dGVyPEZvY3VzRXZlbnQ+KCk7XG4gIEBPdXRwdXQoKSBvbkNoaXBDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8Q2hpcENsaWNrRXZlbnQ+KCk7XG4gIEBPdXRwdXQoKSB2YWx1ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nW10gfCBhbnlbXT4oKTtcblxuICBAQ29udGVudENoaWxkcmVuKFRlbXBsYXRlRGlyZWN0aXZlKSBwcml2YXRlIHRlbXBsYXRlczogUXVlcnlMaXN0PFRlbXBsYXRlRGlyZWN0aXZlPjtcblxuICBAVmlld0NoaWxkKCdpbnB1dCcsIHsgcmVhZDogRWxlbWVudFJlZiB9KSBwcml2YXRlIGlucHV0OiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PjtcbiAgcHJpdmF0ZSBpc1RhYkV2ZW50QWN0aXZlID0gZmFsc2U7XG4gIG9uQ2hhbmdlOiAodmFsdWU6IHN0cmluZ1tdIHwgYW55W10pID0+IHZvaWQgPSAoKSA9PiB7IH07XG4gIG9uVG91Y2hlZDogKHZhbHVlOiBzdHJpbmdbXSB8IGFueVtdKSA9PiB2b2lkID0gKCkgPT4geyB9O1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHsgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5hdXRvZm9jdXMgJiYgdGhpcy5pbnB1dCkge1xuICAgICAgdGhpcy5pbnB1dC5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XG4gICAgfVxuICAgIHRoaXMuY2hpcFRlbXBsYXRlID0gdGhpcy50ZW1wbGF0ZXMuZmluZCgoeCkgPT4geC50eXBlID09PSAnY2hpcC1jb250YWluZXInKT8udGVtcGxhdGU7XG4gICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xuICB9XG5cblxuICB3cml0ZVZhbHVlKG9iajogc3RyaW5nW10gfCBhbnlbXSk6IHZvaWQge1xuICAgIHRoaXMudmFsdWUgPSBvYmo7XG4gIH1cblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiAodmFsdWU6IHN0cmluZ1tdIHwgYW55W10pID0+IHZvaWQpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gIH1cblxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogKCkgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XG4gIH1cblxuICBzZXREaXNhYmxlZFN0YXRlKGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmRpc2FibGVkID0gaXNEaXNhYmxlZDtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoXCJkb2N1bWVudDprZXlkb3duXCIsIFtcIiRldmVudFwiXSlcbiAgQENoZWNrRGlzYWJsZWQoKVxuICBvbktleWRvd24oJGV2ZW50OiBLZXlib2FyZEV2ZW50KSB7XG4gICAgY29uc3QgaXNFbnRlciA9ICRldmVudC5rZXkgPT09ICdFbnRlcic7XG4gICAgY29uc3QgaXNTZXBhcmF0b3IgPSB0aGlzLnNlcGFyYXRvciAmJiAkZXZlbnQua2V5ID09PSB0aGlzLnNlcGFyYXRvcjtcbiAgICBjb25zdCBldmVudEtleUlzVGFiID0gJGV2ZW50LmtleSA9PT0gJ1RhYic7XG4gICAgaWYgKGV2ZW50S2V5SXNUYWIpIHtcbiAgICAgIHRoaXMuaXNUYWJFdmVudEFjdGl2ZSA9IHRydWU7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgdGhpcy5pc1RhYkV2ZW50QWN0aXZlID0gZmFsc2U7XG4gICAgICB9LCA1MCk7XG4gICAgfVxuICAgIGNvbnN0IGlzVGFiID0gdGhpcy5hZGRPblRhYiAmJiBldmVudEtleUlzVGFiO1xuICAgIGlmIChpc0VudGVyIHx8IGlzU2VwYXJhdG9yIHx8IGlzVGFiKSB7XG4gICAgICAkZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIHRoaXMuYWRkSXRlbSgpO1xuICAgIH1cbiAgfVxuXG4gIG9uSW5wdXRGb2N1cygkZXZlbnQ6IEZvY3VzRXZlbnQpIHtcbiAgICB0aGlzLm9uRm9jdXMuZW1pdCgkZXZlbnQpO1xuICB9XG5cbiAgQENoZWNrRGlzYWJsZWQoKVxuICBvbklucHV0TG9zdEZvY3VzKCRldmVudDogRm9jdXNFdmVudCkge1xuICAgIGlmICghdGhpcy5hZGRPbkJsdXIgfHwgdGhpcy5pc1RhYkV2ZW50QWN0aXZlKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuYWRkSXRlbSgpO1xuICAgIHRoaXMub25CbHVyLmVtaXQoJGV2ZW50KTtcbiAgfVxuXG4gIHJlbW92ZUl0ZW0oeyBpdGVtSW5kZXgsIGV2ZW50IH06IHsgaXRlbUluZGV4OiBudW1iZXIsIGV2ZW50OiBFdmVudCB9KSB7XG4gICAgY29uc3QgX3JlbW92ZWRJdGVtID0gdGhpcy52YWx1ZVtpdGVtSW5kZXhdO1xuICAgIHRoaXMudmFsdWUuc3BsaWNlKGl0ZW1JbmRleCwgMSlcbiAgICB0aGlzLm9uUmVtb3ZlLmVtaXQoeyB2YWx1ZTogX3JlbW92ZWRJdGVtLCBvcmlnaW5hbEV2ZW50OiBldmVudCB9KTtcbiAgfVxuXG4gIGNoaXBDbGlja2VkKHsgZXZlbnQsIGRhdGEgfTogeyBldmVudDogRXZlbnQsIGRhdGE6IHN0cmluZyB8IE9iamVjdCB9KSB7XG4gICAgdGhpcy5vbkNoaXBDbGljay5lbWl0KHsgdmFsdWU6IGRhdGEsIG9yaWdpbmFsRXZlbnQ6IGV2ZW50IH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBhZGRJdGVtKCkge1xuICAgIGNvbnN0IGhhc1ZhbHVlID0gISF0aGlzLm5ld0l0ZW07XG4gICAgaWYgKCFoYXNWYWx1ZSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBpZiAodGhpcy5tYXggJiYgdGhpcy52YWx1ZS5sZW5ndGggPT09IHRoaXMubWF4KSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgdmFsaWRJdGVtTGVuZ3RoID0gdGhpcy5tYXhMZW5ndGggPyB0aGlzLm5ld0l0ZW0ubGVuZ3RoIDw9IHRoaXMubWF4TGVuZ3RoIDogdHJ1ZTtcbiAgICBpZiAoIXZhbGlkSXRlbUxlbmd0aCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBjb25zdCBoYXNGaWVsZCA9ICEhdGhpcy5maWVsZDtcbiAgICBjb25zdCBfbWFwcGVkVmFsdWVzOiBzdHJpbmdbXSA9IHRoaXMuZmllbGQgPyB0aGlzLnZhbHVlLm1hcCgoeCkgPT4geFt0aGlzLmZpZWxkXSkgOiB0aGlzLnZhbHVlO1xuICAgIGNvbnN0IHZhbHVlVG9BZGQgPSBoYXNGaWVsZCA/IHsgW3RoaXMuZmllbGRdOiB0aGlzLm5ld0l0ZW0gfSA6IHRoaXMubmV3SXRlbTtcbiAgICBjb25zdCBkdXBsaWNhdGVkSXRlbSA9IF9tYXBwZWRWYWx1ZXMuZmluZCgoeCkgPT4ge1xuICAgICAgaWYgKHRoaXMuY2FzZVNlbnNpdGl2ZUR1cGxpY2F0aW9uKSB7XG4gICAgICAgIHJldHVybiB4ID09PSB0aGlzLm5ld0l0ZW07XG4gICAgICB9IGVsc2Uge1xuICAgICAgICByZXR1cm4geC50b0xvd2VyQ2FzZSgpID09PSB0aGlzLm5ld0l0ZW0udG9Mb3dlckNhc2UoKTtcbiAgICAgIH1cbiAgICB9KVxuICAgIGxldCBoYXNEdXBsaWNhdGVkSXRlbSA9IGZhbHNlXG4gICAgaWYgKCF0aGlzLmFsbG93RHVwbGljYXRlZCkge1xuICAgICAgaGFzRHVwbGljYXRlZEl0ZW0gPSBkdXBsaWNhdGVkSXRlbSA/IEJvb2xlYW4oZHVwbGljYXRlZEl0ZW0pIDogZmFsc2U7XG4gICAgfVxuICAgIGlmICghaGFzRHVwbGljYXRlZEl0ZW0pIHtcbiAgICAgIHRoaXMuc3RvcmVWYWx1ZSh2YWx1ZVRvQWRkKTtcbiAgICB9XG4gICAgdGhpcy5uZXdJdGVtID0gJyc7XG4gIH1cblxuICBwcml2YXRlIHN0b3JlVmFsdWUodmFsdWU6IGFueSkge1xuICAgIHRoaXMudmFsdWUgPSBbLi4udGhpcy52YWx1ZSwgdmFsdWVdO1xuICAgIHRoaXMub25BZGQuZW1pdCh7IHZhbHVlIH0pO1xuICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCh0aGlzLnZhbHVlKTtcbiAgICB0aGlzLndyaXRlVmFsdWUodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5vbkNoYW5nZSh0aGlzLnZhbHVlKTtcbiAgICB0aGlzLm9uVG91Y2hlZCh0aGlzLnZhbHVlKTtcbiAgfVxufVxuIl19

package/esm2015/components/chips/chips.module.js

@@ -0,0 +1,24 @@
+import { __decorate } from "tslib";
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ChipsComponent } from './chips/chips.component';
+import { ChipItemComponent } from './chip-item/chip-item.component';
+import { FormsModule } from '@angular/forms';
+import { KeyFilterModule } from 'primeng/keyfilter';
+import { TooltipModule } from '../tooltip/tooltip.module';
+let ChipsModule = class ChipsModule {
+};
+ChipsModule = __decorate([
+    NgModule({
+        declarations: [ChipsComponent, ChipItemComponent],
+        imports: [
+            CommonModule,
+            FormsModule,
+            TooltipModule,
+            KeyFilterModule
+        ],
+        exports: [ChipsComponent]
+    })
+], ChipsModule);
+export { ChipsModule };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcHMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvY2hpcHMvY2hpcHMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDcEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFjMUQsSUFBYSxXQUFXLEdBQXhCLE1BQWEsV0FBVztDQUFJLENBQUE7QUFBZixXQUFXO0lBVnZCLFFBQVEsQ0FBQztRQUNSLFlBQVksRUFBRSxDQUFDLGNBQWMsRUFBRSxpQkFBaUIsQ0FBQztRQUNqRCxPQUFPLEVBQUU7WUFDUCxZQUFZO1lBQ1osV0FBVztZQUNYLGFBQWE7WUFDYixlQUFlO1NBQ2hCO1FBQ0QsT0FBTyxFQUFFLENBQUMsY0FBYyxDQUFDO0tBQzFCLENBQUM7R0FDVyxXQUFXLENBQUk7U0FBZixXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGlwc0NvbXBvbmVudCB9IGZyb20gJy4vY2hpcHMvY2hpcHMuY29tcG9uZW50JztcbmltcG9ydCB7IENoaXBJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9jaGlwLWl0ZW0vY2hpcC1pdGVtLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEtleUZpbHRlck1vZHVsZSB9IGZyb20gJ3ByaW1lbmcva2V5ZmlsdGVyJztcbmltcG9ydCB7IFRvb2x0aXBNb2R1bGUgfSBmcm9tICcuLi90b29sdGlwL3Rvb2x0aXAubW9kdWxlJztcblxuXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0NoaXBzQ29tcG9uZW50LCBDaGlwSXRlbUNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgVG9vbHRpcE1vZHVsZSxcbiAgICBLZXlGaWx0ZXJNb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW0NoaXBzQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBDaGlwc01vZHVsZSB7IH1cbiJdfQ==

package/esm2015/components/chips/index.js

@@ -0,0 +1,3 @@
+export * from "./chips.module";
+export * from "./chips/chips.component";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9jaGlwcy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGdCQUFnQixDQUFBO0FBQzlCLGNBQWMseUJBQXlCLENBQUEiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tIFwiLi9jaGlwcy5tb2R1bGVcIlxuZXhwb3J0ICogZnJvbSBcIi4vY2hpcHMvY2hpcHMuY29tcG9uZW50XCJcbmV4cG9ydCAqIGZyb20gJy4vbW9kZWxzL2NoaXAtbW9kZWxzJ1xuIl19

package/esm2015/components/chips/models/chip-models.js

@@ -0,0 +1 @@
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcC1tb2RlbHMuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9jaGlwcy9tb2RlbHMvY2hpcC1tb2RlbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB0eXBlIENoaXBFdmVudCA9IHtcbiAgICBvcmlnaW5hbEV2ZW50OiBFdmVudCxcbiAgICB2YWx1ZTogYW55XG59XG5cbmV4cG9ydCB0eXBlIENoaXBBZGRFdmVudCA9IE9taXQ8Q2hpcEV2ZW50LCAnb3JpZ2luYWxFdmVudCc+O1xuZXhwb3J0IHR5cGUgQ2hpcFJlbW92ZUV2ZW50ID0gQ2hpcEV2ZW50O1xuZXhwb3J0IHR5cGUgQ2hpcENsaWNrRXZlbnQgPSBDaGlwRXZlbnQ7XG4iXX0=

package/esm2015/components/dynamic-form/components/dynamic-field/dynamic-field.component.js

@@ -1,6 +1,10 @@
 import { __decorate } from "tslib";
 import { Component, Input } from "@angular/core";
+import { FieldType } from "../../configurations/field-type";
 let DynamicFieldComponent = class DynamicFieldComponent {
+    constructor() {
+        this.FieldType = FieldType;
+    }
     getErrorMessages(errorMessages) {
         if (errorMessages)
             return this.isFunction(errorMessages)
@@ -26,8 +30,8 @@ __decorate([
 DynamicFieldComponent = __decorate([
     Component({
         selector: "s-dynamic-field",
-        template: "<div class=\"ui-fluid\" [formGroup]=\"form\">\n    <div class=\"ui-g\">\n        <ng-container *ngFor=\"let field of fields\">\n            <div\n                *ngIf=\"!field.visible || field.visible()\"\n                [ngClass]=\"field.gridClass\">\n\n                <ng-container\n                    *sDynamicForm=\"{\n                        id: id,\n                        config: field,\n                        group: form\n                    }\"\n                ></ng-container>\n\n                <s-control-errors\n                    [form]=\"form\"\n                    [control]=\"form.controls[field.name]\"\n                    [errorMessages]=\"getErrorMessages(field.errorMessages)\"\n                ></s-control-errors>\n\n                <ng-container *ngIf=\"field.footer\">\n                    <ng-container *ngIf=\"field.footer.help\">\n                        <span\n                            *ngIf=\"\n                                field.footer.help.visible({\n                                    abstractControl: form.controls[field.name],\n                                    formField: field\n                                })\n                            \"\n                            style=\"color: #888b99\"\n                        >\n                            {{ field.footer.help.text }}\n                        </span>\n                    </ng-container>\n\n                    <ng-container *ngIf=\"field.footer.link\">\n                        <div\n                            *ngIf=\"\n                                field.footer.link.visible({\n                                    abstractControl: form.controls[field.name],\n                                    formField: field\n                                })\n                            \"\n                            class=\"ui-g\"\n                            style=\"margin-left: -10px\"\n                        >\n                            <s-button\n                                [label]=\"field.footer.link.label\"\n                                priority=\"link\"\n                                (onClick)=\"\n                                    field.footer.link.onClick({\n                                        abstractControl:\n                                            form.controls[field.name],\n                                        formField: field\n                                    })\n                                \"\n                                [auxiliary]=\"true\"\n                            ></s-button>\n                        </div>\n                    </ng-container>\n                </ng-container>\n\n                <ng-template\n                    *ngIf=\"field?.bottomTemplate\"\n                    [ngTemplateOutlet]=\"field.bottomTemplate\"\n                ></ng-template>\n            </div>\n        </ng-container>\n    </div>\n</div>\n"
+        template: "<div class=\"ui-fluid\" [formGroup]=\"form\">\n    <div class=\"ui-g\">\n        <ng-container *ngFor=\"let field of fields\">\n            <div\n                *ngIf=\"!field.visible || field.visible()\"\n                [ngClass]=\"field.gridClass\">\n\n                <ng-container *ngIf=\"field.label && field.type === FieldType.Custom\">\n                    <label\n                        *sInfoSign=\"\n                            field.infoSign;\n                            displayTime: field.displayTimeInfoSign\n                        \"\n                        [for]=\"field.name\"\n                        [ngClass]=\"{ required: field.required() }\"\n                    >\n                        {{ field.label }}\n                    </label>\n                </ng-container>\n\n                <ng-container\n                    *sDynamicForm=\"{\n                        id: id,\n                        config: field,\n                        group: form\n                    }\"\n                ></ng-container>\n\n                <s-control-errors\n                    [form]=\"form\"\n                    [control]=\"form.controls[field.name]\"\n                    [errorMessages]=\"getErrorMessages(field.errorMessages)\"\n                ></s-control-errors>\n\n                <ng-container *ngIf=\"field.footer\">\n                    <ng-container *ngIf=\"field.footer.help\">\n                        <span\n                            *ngIf=\"\n                                field.footer.help.visible({\n                                    abstractControl: form.controls[field.name],\n                                    formField: field\n                                })\n                            \"\n                            style=\"color: #888b99\"\n                        >\n                            {{ field.footer.help.text }}\n                        </span>\n                    </ng-container>\n\n                    <ng-container *ngIf=\"field.footer.link\">\n                        <div\n                            *ngIf=\"\n                                field.footer.link.visible({\n                                    abstractControl: form.controls[field.name],\n                                    formField: field\n                                })\n                            \"\n                            class=\"ui-g\"\n                            style=\"margin-left: -10px\"\n                        >\n                            <s-button\n                                [label]=\"field.footer.link.label\"\n                                priority=\"link\"\n                                (onClick)=\"\n                                    field.footer.link.onClick({\n                                        abstractControl:\n                                            form.controls[field.name],\n                                        formField: field\n                                    })\n                                \"\n                                [auxiliary]=\"true\"\n                            ></s-button>\n                        </div>\n                    </ng-container>\n                </ng-container>\n\n                <ng-template\n                    *ngIf=\"field?.bottomTemplate\"\n                    [ngTemplateOutlet]=\"field.bottomTemplate\"\n                ></ng-template>\n            </div>\n        </ng-container>\n    </div>\n</div>\n"
     })
 ], DynamicFieldComponent);
 export { DynamicFieldComponent };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9keW5hbWljLWZvcm0vY29tcG9uZW50cy9keW5hbWljLWZpZWxkL2R5bmFtaWMtZmllbGQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQVFqRCxJQUFhLHFCQUFxQixHQUFsQyxNQUFhLHFCQUFxQjtJQWF2QixnQkFBZ0IsQ0FBQyxhQUFrQjtRQUN0QyxJQUFJLGFBQWE7WUFDYixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDO2dCQUNqQyxDQUFDLGlDQUFNLElBQUksQ0FBQyxhQUFhLEdBQUssYUFBYSxFQUFFLEVBQzdDLENBQUMsaUNBQU0sSUFBSSxDQUFDLGFBQWEsR0FBSyxhQUFhLENBQUUsQ0FBQztRQUN0RCxPQUFPLElBQUksQ0FBQyxhQUFhLENBQUM7SUFDOUIsQ0FBQztJQUVNLFVBQVUsQ0FBQyxLQUFVO1FBQ3hCLE9BQU8sS0FBSyxZQUFZLFFBQVEsQ0FBQztJQUNyQyxDQUFDO0NBQ0osQ0FBQTtBQXRCRztJQURDLEtBQUssRUFBRTtpREFDVTtBQUdsQjtJQURDLEtBQUssRUFBRTtxREFDbUI7QUFHM0I7SUFEQyxLQUFLLEVBQUU7bURBQ2U7QUFHdkI7SUFEQyxLQUFLLEVBQUU7NERBQ21CO0FBWGxCLHFCQUFxQjtJQUpqQyxTQUFTLENBQUM7UUFDUCxRQUFRLEVBQUUsaUJBQWlCO1FBQzNCLGszRkFBNkM7S0FDaEQsQ0FBQztHQUNXLHFCQUFxQixDQXdCakM7U0F4QlkscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBGb3JtR3JvdXAgfSBmcm9tIFwiQGFuZ3VsYXIvZm9ybXNcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCB9IGZyb20gXCIuLi8uLi9jb25maWd1cmF0aW9ucy9mb3JtLWZpZWxkXCI7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiBcInMtZHluYW1pYy1maWVsZFwiLFxuICAgIHRlbXBsYXRlVXJsOiBcIi4vZHluYW1pYy1maWVsZC5jb21wb25lbnQuaHRtbFwiLFxufSlcbmV4cG9ydCBjbGFzcyBEeW5hbWljRmllbGRDb21wb25lbnQge1xuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGlkOiBzdHJpbmc7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBmaWVsZHM6IEZvcm1GaWVsZFtdO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgZm9ybTogRm9ybUdyb3VwO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgZXJyb3JNZXNzYWdlcz86IGFueTtcblxuICAgIHB1YmxpYyBnZXRFcnJvck1lc3NhZ2VzKGVycm9yTWVzc2FnZXM6IGFueSkge1xuICAgICAgICBpZiAoZXJyb3JNZXNzYWdlcylcbiAgICAgICAgICAgIHJldHVybiB0aGlzLmlzRnVuY3Rpb24oZXJyb3JNZXNzYWdlcylcbiAgICAgICAgICAgICAgICA/IHsgLi4udGhpcy5lcnJvck1lc3NhZ2VzLCAuLi5lcnJvck1lc3NhZ2VzKCkgfVxuICAgICAgICAgICAgICAgIDogeyAuLi50aGlzLmVycm9yTWVzc2FnZXMsIC4uLmVycm9yTWVzc2FnZXMgfTtcbiAgICAgICAgcmV0dXJuIHRoaXMuZXJyb3JNZXNzYWdlcztcbiAgICB9XG5cbiAgICBwdWJsaWMgaXNGdW5jdGlvbih2YWx1ZTogYW55KTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB2YWx1ZSBpbnN0YW5jZW9mIEZ1bmN0aW9uO1xuICAgIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9keW5hbWljLWZvcm0vY29tcG9uZW50cy9keW5hbWljLWZpZWxkL2R5bmFtaWMtZmllbGQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUdqRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFNNUQsSUFBYSxxQkFBcUIsR0FBbEMsTUFBYSxxQkFBcUI7SUFBbEM7UUFhSSxjQUFTLEdBQUcsU0FBUyxDQUFDO0lBYTFCLENBQUM7SUFYVSxnQkFBZ0IsQ0FBQyxhQUFrQjtRQUN0QyxJQUFJLGFBQWE7WUFDYixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDO2dCQUNqQyxDQUFDLGlDQUFNLElBQUksQ0FBQyxhQUFhLEdBQUssYUFBYSxFQUFFLEVBQzdDLENBQUMsaUNBQU0sSUFBSSxDQUFDLGFBQWEsR0FBSyxhQUFhLENBQUUsQ0FBQztRQUN0RCxPQUFPLElBQUksQ0FBQyxhQUFhLENBQUM7SUFDOUIsQ0FBQztJQUVNLFVBQVUsQ0FBQyxLQUFVO1FBQ3hCLE9BQU8sS0FBSyxZQUFZLFFBQVEsQ0FBQztJQUNyQyxDQUFDO0NBQ0osQ0FBQTtBQXhCRztJQURDLEtBQUssRUFBRTtpREFDVTtBQUdsQjtJQURDLEtBQUssRUFBRTtxREFDbUI7QUFHM0I7SUFEQyxLQUFLLEVBQUU7bURBQ2U7QUFHdkI7SUFEQyxLQUFLLEVBQUU7NERBQ21CO0FBWGxCLHFCQUFxQjtJQUpqQyxTQUFTLENBQUM7UUFDUCxRQUFRLEVBQUUsaUJBQWlCO1FBQzNCLGs1R0FBNkM7S0FDaEQsQ0FBQztHQUNXLHFCQUFxQixDQTBCakM7U0ExQlkscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBGb3JtR3JvdXAgfSBmcm9tIFwiQGFuZ3VsYXIvZm9ybXNcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCB9IGZyb20gXCIuLi8uLi9jb25maWd1cmF0aW9ucy9mb3JtLWZpZWxkXCI7XG5pbXBvcnQgeyBGaWVsZFR5cGUgfSBmcm9tIFwiLi4vLi4vY29uZmlndXJhdGlvbnMvZmllbGQtdHlwZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogXCJzLWR5bmFtaWMtZmllbGRcIixcbiAgICB0ZW1wbGF0ZVVybDogXCIuL2R5bmFtaWMtZmllbGQuY29tcG9uZW50Lmh0bWxcIixcbn0pXG5leHBvcnQgY2xhc3MgRHluYW1pY0ZpZWxkQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBpZDogc3RyaW5nO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgZmllbGRzOiBGb3JtRmllbGRbXTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGZvcm06IEZvcm1Hcm91cDtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGVycm9yTWVzc2FnZXM/OiBhbnk7XG5cbiAgICBGaWVsZFR5cGUgPSBGaWVsZFR5cGU7XG5cbiAgICBwdWJsaWMgZ2V0RXJyb3JNZXNzYWdlcyhlcnJvck1lc3NhZ2VzOiBhbnkpIHtcbiAgICAgICAgaWYgKGVycm9yTWVzc2FnZXMpXG4gICAgICAgICAgICByZXR1cm4gdGhpcy5pc0Z1bmN0aW9uKGVycm9yTWVzc2FnZXMpXG4gICAgICAgICAgICAgICAgPyB7IC4uLnRoaXMuZXJyb3JNZXNzYWdlcywgLi4uZXJyb3JNZXNzYWdlcygpIH1cbiAgICAgICAgICAgICAgICA6IHsgLi4udGhpcy5lcnJvck1lc3NhZ2VzLCAuLi5lcnJvck1lc3NhZ2VzIH07XG4gICAgICAgIHJldHVybiB0aGlzLmVycm9yTWVzc2FnZXM7XG4gICAgfVxuXG4gICAgcHVibGljIGlzRnVuY3Rpb24odmFsdWU6IGFueSk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdmFsdWUgaW5zdGFuY2VvZiBGdW5jdGlvbjtcbiAgICB9XG59XG4iXX0=

package/esm2015/components/dynamic-form/components/field-label/field-label.component.js

@@ -1,24 +1,18 @@
 import { __decorate } from "tslib";
 import { Component, Input } from "@angular/core";
 let FieldLabelComponent = class FieldLabelComponent {
-    constructor() {
-        this.displayTimeInfoSign = 5000;
-    }
 };
 __decorate([
     Input()
 ], FieldLabelComponent.prototype, "field", void 0);
-__decorate([
-    Input()
-], FieldLabelComponent.prototype, "displayTimeInfoSign", void 0);
 __decorate([
     Input()
 ], FieldLabelComponent.prototype, "fieldContainerRef", void 0);
 FieldLabelComponent = __decorate([
     Component({
         selector: 's-field-label',
-        template: "<span *ngIf=\"field.label\">\n    <label\n        *sInfoSign=\"\n            field.infoSign;\n            displayTime: field.displayTimeInfoSign;\n            focusedInputRef: fieldContainerRef\n        \"\n        [for]=\"field.name\"\n        [ngClass]=\"{ required: field.required() }\">\n        {{ field.label }}\n    </label>\n</span>\n"
+        template: "<!--\n    Caso esse componente seja alterado/removido/movido,\n    alterar a label no row.component.ts e dynamic-field.component.ts\n-->\n\n<span *ngIf=\"field.label\">\n    <label\n        *sInfoSign=\"field.infoSign; displayTime: field.displayTimeInfoSign; focusedInputRef: fieldContainerRef\"\n        [for]=\"field.name\"\n        [ngClass]=\"{ required: field.required() }\"\n    >\n        {{ field.label }}\n    </label>\n</span>\n"
     })
 ], FieldLabelComponent);
 export { FieldLabelComponent };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmllbGQtbGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvZHluYW1pYy1mb3JtL2NvbXBvbmVudHMvZmllbGQtbGFiZWwvZmllbGQtbGFiZWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQVFqRCxJQUFhLG1CQUFtQixHQUFoQyxNQUFhLG1CQUFtQjtJQUFoQztRQUtXLHdCQUFtQixHQUFXLElBQUksQ0FBQztJQUk5QyxDQUFDO0NBQUEsQ0FBQTtBQVBHO0lBREMsS0FBSyxFQUFFO2tEQUNnQjtBQUd4QjtJQURDLEtBQUssRUFBRTtnRUFDa0M7QUFHMUM7SUFEQyxLQUFLLEVBQUU7OERBQzhCO0FBUjdCLG1CQUFtQjtJQUovQixTQUFTLENBQUM7UUFDUCxRQUFRLEVBQUUsZUFBZTtRQUN6QixrV0FBMkM7S0FDOUMsQ0FBQztHQUNXLG1CQUFtQixDQVMvQjtTQVRZLG1CQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5pbXBvcnQgeyBUZXh0RmllbGQgfSBmcm9tIFwiLi4vLi4vY29uZmlndXJhdGlvbnMvZmllbGRzXCI7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAncy1maWVsZC1sYWJlbCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2ZpZWxkLWxhYmVsLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgRmllbGRMYWJlbENvbXBvbmVudCB7XG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgZmllbGQ6IFRleHRGaWVsZDtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGRpc3BsYXlUaW1lSW5mb1NpZ246IG51bWJlciA9IDUwMDA7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBmaWVsZENvbnRhaW5lclJlZjogSFRNTEVsZW1lbnQ7XG59Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmllbGQtbGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvZHluYW1pYy1mb3JtL2NvbXBvbmVudHMvZmllbGQtbGFiZWwvZmllbGQtbGFiZWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQVFqRCxJQUFhLG1CQUFtQixHQUFoQyxNQUFhLG1CQUFtQjtDQU0vQixDQUFBO0FBSkc7SUFEQyxLQUFLLEVBQUU7a0RBQ1k7QUFHcEI7SUFEQyxLQUFLLEVBQUU7OERBQzhCO0FBTDdCLG1CQUFtQjtJQUovQixTQUFTLENBQUM7UUFDUCxRQUFRLEVBQUUsZUFBZTtRQUN6QixrY0FBMkM7S0FDOUMsQ0FBQztHQUNXLG1CQUFtQixDQU0vQjtTQU5ZLG1CQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5pbXBvcnQgeyBGaWVsZCB9IGZyb20gXCIuLi8uLi9jb25maWd1cmF0aW9ucy9maWVsZHMvZmllbGRcIjtcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdzLWZpZWxkLWxhYmVsJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZmllbGQtbGFiZWwuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBGaWVsZExhYmVsQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBmaWVsZDogRmllbGQ7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBmaWVsZENvbnRhaW5lclJlZjogSFRNTEVsZW1lbnQ7XG59Il19