@seniorsistemas/angular-components 17.16.13 → 17.17.0

package/fesm5/seniorsistemas-angular-components.js

@@ -35,7 +35,7 @@ import { Table, TableService, RowToggler, TableModule as TableModule$1 } from 'p
 import { CurrencyMaskDirective as CurrencyMaskDirective$1 } from 'ng2-currency-mask';
 import { ButtonModule as ButtonModule$1 } from 'primeng/button';
 import { CheckboxModule as CheckboxModule$1 } from 'primeng/checkbox';
-import { ChipsModule } from 'primeng/chips';
+import { ChipsModule as ChipsModule$1 } from 'primeng/chips';
 import { DropdownModule } from 'primeng/dropdown';
 import { FieldsetModule } from 'primeng/fieldset';
 import { InputMaskModule } from 'primeng/inputmask';
@@ -5483,7 +5483,7 @@ var FieldSize = /** @class */ (function () {
 var Field = /** @class */ (function () {
     function Field(config) {
         var _this = this;
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         if ((_a = config.footer) === null || _a === void 0 ? void 0 : _a.help) {
             config.footer.help = __assign({ visible: function () { return true; } }, (_b = config.footer) === null || _b === void 0 ? void 0 : _b.help);
         }
@@ -5509,7 +5509,7 @@ var Field = /** @class */ (function () {
         this.representedBy = config.representedBy;
         this.CustomFieldClass = config.CustomFieldClass;
         this.CustomFieldComponentClass = config.CustomFieldComponentClass;
-        this.displayTimeInfoSign = config.displayTimeInfoSign;
+        this.displayTimeInfoSign = (_e = config.displayTimeInfoSign) !== null && _e !== void 0 ? _e : 5000;
     }
     return Field;
 }());
@@ -10916,6 +10916,7 @@ var SectionComponent = /** @class */ (function () {
 
 var RowComponent = /** @class */ (function () {
     function RowComponent() {
+        this.FieldType = FieldType;
     }
     RowComponent.prototype.ngOnInit = function () { };
     RowComponent.prototype.getErrorMessages = function (errorMessages) {
@@ -10940,7 +10941,7 @@ var RowComponent = /** @class */ (function () {
     ], RowComponent.prototype, "errorMessages", void 0);
     RowComponent = __decorate([
         Component({
-            template: "\n        <div class=\"ui-fluid\" [formGroup]=\"group\">\n        <div class=\"ui-g\">\n            <ng-container *ngFor=\"let field of config.fields\">\n                <div [ngClass]=\"field.gridClass\" *ngIf=\"field.visible()\">\n                    <ng-container *sDynamicForm=\"{ id: id, config: field, group: group}\"></ng-container>\n\n                    <s-control-errors [form]=\"group\" [control]=\"group.controls[field.name]\"\n                        [errorMessages]=\"getErrorMessages(field.errorMessages)\"></s-control-errors>\n\n                    <ng-container *ngIf=\"field.footer\">\n                        <ng-container *ngIf=\"field.footer.help\">\n                            <span *ngIf=\"field.footer.help.visible({ abstractControl: group.controls[field.name], formField: field })\" style=\"color: #888B99\">{{ field.footer.help.text }}</span>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"field.footer.link\">\n                            <div\n                                *ngIf=\"field.footer.link.visible({ abstractControl: group.controls[field.name], formField: field })\"\n                                class=\"ui-g\"\n                                style=\"margin-left: -17px\"\n                            >\n                                <s-button\n                                    [label]=\"field.footer.link.label\"\n                                    priority=\"link\"\n                                    (onClick)=\"field.footer.link.onClick({ abstractControl: group.controls[field.name], formField: field })\"\n                                    [auxiliary]=\"true\"\n                                ></s-button>\n                            </div>\n                        </ng-container>\n                    </ng-container>\n\n                    <ng-template *ngIf=\"field?.bottomTemplate\" [ngTemplateOutlet]=\"field.bottomTemplate\"></ng-template>\n                </div>\n            </ng-container>\n        </div>\n    "
+            template: "\n        <div class=\"ui-fluid\" [formGroup]=\"group\">\n        <div class=\"ui-g\">\n            <ng-container *ngFor=\"let field of config.fields\">\n                <div [ngClass]=\"field.gridClass\" *ngIf=\"field.visible()\">\n                    <ng-container *ngIf=\"field.type === FieldType.Custom && field.label\" >\n                        <label *sInfoSign=\"field.infoSign\" [for]=\"field.name\" [ngClass]=\"{ required: field.required() }\" >\n                            {{ field.label }}\n                        </label>\n                    </ng-container>\n\n                    <ng-container *sDynamicForm=\"{ id: id, config: field, group: group}\"></ng-container>\n\n                    <s-control-errors [form]=\"group\" [control]=\"group.controls[field.name]\"\n                        [errorMessages]=\"getErrorMessages(field.errorMessages)\"></s-control-errors>\n\n                    <ng-container *ngIf=\"field.footer\">\n                        <ng-container *ngIf=\"field.footer.help\">\n                            <span *ngIf=\"field.footer.help.visible({ abstractControl: group.controls[field.name], formField: field })\" style=\"color: #888B99\">{{ field.footer.help.text }}</span>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"field.footer.link\">\n                            <div\n                                *ngIf=\"field.footer.link.visible({ abstractControl: group.controls[field.name], formField: field })\"\n                                class=\"ui-g\"\n                                style=\"margin-left: -17px\"\n                            >\n                                <s-button\n                                    [label]=\"field.footer.link.label\"\n                                    priority=\"link\"\n                                    (onClick)=\"field.footer.link.onClick({ abstractControl: group.controls[field.name], formField: field })\"\n                                    [auxiliary]=\"true\"\n                                ></s-button>\n                            </div>\n                        </ng-container>\n                    </ng-container>\n\n                    <ng-template *ngIf=\"field?.bottomTemplate\" [ngTemplateOutlet]=\"field.bottomTemplate\"></ng-template>\n                </div>\n            </ng-container>\n        </div>\n    "
         })
     ], RowComponent);
     return RowComponent;
@@ -10948,6 +10949,7 @@ var RowComponent = /** @class */ (function () {
 
 var DynamicFieldComponent = /** @class */ (function () {
     function DynamicFieldComponent() {
+        this.FieldType = FieldType;
     }
     DynamicFieldComponent.prototype.getErrorMessages = function (errorMessages) {
         if (errorMessages)
@@ -10973,7 +10975,7 @@ var DynamicFieldComponent = /** @class */ (function () {
     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);
     return DynamicFieldComponent;
@@ -11735,21 +11737,17 @@ var DynamicFormDirective = /** @class */ (function () {
 
 var FieldLabelComponent = /** @class */ (function () {
     function FieldLabelComponent() {
-        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);
     return FieldLabelComponent;
@@ -12690,7 +12688,7 @@ var DynamicFormModule = /** @class */ (function () {
                 CalendarMaskModule,
                 CalendarModule,
                 CheckboxModule$1,
-                ChipsModule,
+                ChipsModule$1,
                 CommonModule,
                 ControlErrorsModule,
                 CountryPhonePickerModule,
@@ -18195,6 +18193,41 @@ var SelectButtonModule = /** @class */ (function () {
     return SelectButtonModule;
 }());
 
+/**
+ * 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');
+ *   }
+ * }
+ */
+function CheckDisabled(disabledField) {
+    if (disabledField === void 0) { disabledField = 'disabled'; }
+    return function (_target, _propertyKey, descriptor) {
+        var originalMethod = descriptor.value;
+        descriptor.value = function () {
+            var args = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                args[_i] = arguments[_i];
+            }
+            if (this[disabledField]) {
+                return;
+            }
+            return originalMethod.apply(this, args);
+        };
+        return descriptor;
+    };
+}
+
 var SidebarComponent = /** @class */ (function () {
     function SidebarComponent(focusTrapFactory) {
         this.focusTrapFactory = focusTrapFactory;
@@ -20499,6 +20532,326 @@ var PicklistModule = /** @class */ (function () {
     return PicklistModule;
 }());
 
+var ChipsComponent = /** @class */ (function () {
+    function ChipsComponent(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 = function () { };
+        this.onTouched = function () { };
+    }
+    ChipsComponent_1 = ChipsComponent;
+    ChipsComponent.prototype.ngAfterViewInit = function () {
+        var _a;
+        if (this.autofocus && this.input) {
+            this.input.nativeElement.focus();
+        }
+        this.chipTemplate = (_a = this.templates.find(function (x) { return x.type === 'chip-container'; })) === null || _a === void 0 ? void 0 : _a.template;
+        this.cdr.detectChanges();
+    };
+    ChipsComponent.prototype.writeValue = function (obj) {
+        this.value = obj;
+    };
+    ChipsComponent.prototype.registerOnChange = function (fn) {
+        this.onChange = fn;
+    };
+    ChipsComponent.prototype.registerOnTouched = function (fn) {
+        this.onTouched = fn;
+    };
+    ChipsComponent.prototype.setDisabledState = function (isDisabled) {
+        this.disabled = isDisabled;
+    };
+    ChipsComponent.prototype.onKeydown = function ($event) {
+        var _this = this;
+        var isEnter = $event.key === 'Enter';
+        var isSeparator = this.separator && $event.key === this.separator;
+        var eventKeyIsTab = $event.key === 'Tab';
+        if (eventKeyIsTab) {
+            this.isTabEventActive = true;
+            setTimeout(function () {
+                _this.isTabEventActive = false;
+            }, 50);
+        }
+        var isTab = this.addOnTab && eventKeyIsTab;
+        if (isEnter || isSeparator || isTab) {
+            $event.preventDefault();
+            this.addItem();
+        }
+    };
+    ChipsComponent.prototype.onInputFocus = function ($event) {
+        this.onFocus.emit($event);
+    };
+    ChipsComponent.prototype.onInputLostFocus = function ($event) {
+        if (!this.addOnBlur || this.isTabEventActive) {
+            return;
+        }
+        this.addItem();
+        this.onBlur.emit($event);
+    };
+    ChipsComponent.prototype.removeItem = function (_a) {
+        var itemIndex = _a.itemIndex, event = _a.event;
+        var _removedItem = this.value[itemIndex];
+        this.value.splice(itemIndex, 1);
+        this.onRemove.emit({ value: _removedItem, originalEvent: event });
+    };
+    ChipsComponent.prototype.chipClicked = function (_a) {
+        var event = _a.event, data = _a.data;
+        this.onChipClick.emit({ value: data, originalEvent: event });
+    };
+    ChipsComponent.prototype.addItem = function () {
+        var _a;
+        var _this = this;
+        var hasValue = !!this.newItem;
+        if (!hasValue) {
+            return;
+        }
+        if (this.max && this.value.length === this.max) {
+            return;
+        }
+        var validItemLength = this.maxLength ? this.newItem.length <= this.maxLength : true;
+        if (!validItemLength) {
+            return;
+        }
+        var hasField = !!this.field;
+        var _mappedValues = this.field ? this.value.map(function (x) { return x[_this.field]; }) : this.value;
+        var valueToAdd = hasField ? (_a = {}, _a[this.field] = this.newItem, _a) : this.newItem;
+        var duplicatedItem = _mappedValues.find(function (x) {
+            if (_this.caseSensitiveDuplication) {
+                return x === _this.newItem;
+            }
+            else {
+                return x.toLowerCase() === _this.newItem.toLowerCase();
+            }
+        });
+        var hasDuplicatedItem = false;
+        if (!this.allowDuplicated) {
+            hasDuplicatedItem = duplicatedItem ? Boolean(duplicatedItem) : false;
+        }
+        if (!hasDuplicatedItem) {
+            this.storeValue(valueToAdd);
+        }
+        this.newItem = '';
+    };
+    ChipsComponent.prototype.storeValue = function (value) {
+        this.value = __spread(this.value, [value]);
+        this.onAdd.emit({ value: value });
+        this.valueChange.emit(this.value);
+        this.writeValue(this.value);
+        this.onChange(this.value);
+        this.onTouched(this.value);
+    };
+    var ChipsComponent_1;
+    ChipsComponent._id = 0;
+    ChipsComponent.ctorParameters = function () { return [
+        { 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(function () { return 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);
+    return ChipsComponent;
+}());
+
+var ChipItemComponent = /** @class */ (function () {
+    function ChipItemComponent() {
+        this.disabled = false;
+        this.itemIndex = -1;
+        this.showTooltip = true;
+        this.maxLengthRenderWithoutTooltip = 20;
+        this.clickRemove = new EventEmitter();
+        this.chipClicked = new EventEmitter();
+    }
+    ChipItemComponent.prototype.clickedRemove = function ($event) {
+        this.clickRemove.emit({ index: this.itemIndex, event: $event });
+    };
+    ChipItemComponent.prototype.onChipClicked = function ($event) {
+        this.chipClicked.emit({ event: $event, data: this.dataRender });
+    };
+    Object.defineProperty(ChipItemComponent.prototype, "_text", {
+        get: function () {
+            var _text = this._rawText;
+            return _text.substring(0, _text.length > this.maxLengthRenderWithoutTooltip ? this.maxLengthRenderWithoutTooltip : _text.length) + (_text.length > this.maxLengthRenderWithoutTooltip ? '...' : '');
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ChipItemComponent.prototype, "_rawText", {
+        get: function () {
+            return this.objectField ? this.dataRender[this.objectField] || '' : this.dataRender || '';
+        },
+        enumerable: true,
+        configurable: true
+    });
+    __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);
+    return ChipItemComponent;
+}());
+
+var ChipsModule = /** @class */ (function () {
+    function ChipsModule() {
+    }
+    ChipsModule = __decorate([
+        NgModule({
+            declarations: [ChipsComponent, ChipItemComponent],
+            imports: [
+                CommonModule,
+                FormsModule,
+                TooltipModule,
+                KeyFilterModule
+            ],
+            exports: [ChipsComponent]
+        })
+    ], ChipsModule);
+    return ChipsModule;
+}());
+
 var fallback = {
     "platform.angular_components.drag_your_photo_or": "Arraste sua foto ou",
     "platform.angular_components.select_a_file": "selecione um arquivo",
@@ -20825,5 +21178,5 @@ var fallback = {
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionComponent, AccordionModule, AccordionPanelComponent, AlertComponent, AlertModule, AngularComponentsModule, AutocompleteField, BadgeColors, BadgeComponent, BadgeModule, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, CardComponent, CardModule, CardTemplateTypes, CheckboxComponent, CheckboxModule, ChipsField, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CountryPhonePickerComponent, CountryPhonePickerModule, CurrencyField, CurrencyService, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DebounceUtils, DoubleClickDirective, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, EnumSeverity, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FileUploadPermissions, FileValidation, FormField, GanttComponent, GanttModule, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, HostProjectConfigsInjectionToken, IAInsightComponent, IAInsightModule, IAInsightTemplateTypes, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, InlineEditCalendarField, InlineEditComponent, InlineEditField, InlineEditLookupField, InlineEditModule, InlineEditNumberField, InlineEditTextAreaField, InlineEditTextAreaIAField, InlineEditTextField, KanbanComponent, KanbanModule, KanbanTemplateTypes, LabelValueComponent, LabelValueModule, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationButtonComponent, NavigationButtonModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, NumericService, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, Ordination, PanelComponent, PanelModule, PasswordField, PasswordStrengthComponent, PasswordStrengthDirective, PasswordStrengthModule, PasswordStrengthPositions, PasswordStrengths, PicklistComponent, PicklistModule, PicklistTemplateTypes, ProductHeaderComponent, ProductHeaderModule, ProfilePicturePickerComponent, ProfilePicturePickerModule, ProgressBarColors, ProgressBarComponent, ProgressBarModule, RadioButtonField, RatingScaleComponent, RatingScaleModule, RationButtonOption, RowTogllerDirective, SVGFactoryDirective, SVGFactoryModule, Section, SelectButtonComponent, SelectButtonModule, SelectField, SelectOption, SidebarComponent, SidebarModule, SlidePanelComponent, SlidePanelModule, SliderComponent, SliderModule, SplitButtonComponent, SplitButtonModule, SplitButtonType, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, SwitchComponent, SwitchModule, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TemplateDirective, TemplateModule, TextAreaField, TextAreaIAComponent, TextAreaIAModule, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TieredMenuDirective, TieredMenuModule, TileComponent, TileModule, TimelineComponent, TimelineItem, TimelineItemSeverity, TimelineItemSize, TimelineModule, TokenListComponent, TokenListModule, TooltipModule, TooltipPosition, ValidateErrors, ViewMode, WorkspaceSwitchComponent, WorkspaceSwitchModule, convertToMomentDateFormat, countries, fallback, isNullOrUndefined, parseItensPickList, ɵ0$3 as ɵ0, ɵ1$2 as ɵ1, ɵ2$1 as ɵ2, ɵ3$1 as ɵ3, ɵ4, TooltipComponent as ɵa, TooltipDirective as ɵb, TablePagingComponent as ɵba, PasswordFieldModule as ɵbb, FieldLabelModule as ɵbc, InfoSignModule as ɵbd, FieldLabelComponent as ɵbe, PasswordFieldComponent as ɵbf, TextFieldModule as ɵbg, TextFieldComponent as ɵbh, NumberFieldModule as ɵbi, LocalizedNumberInputModule as ɵbj, NumberInputModule as ɵbk, NumberFieldComponent as ɵbl, CurrencyFieldModule as ɵbm, CurrencyFieldComponent as ɵbn, BignumberFieldModule as ɵbo, BignumberInputModule as ɵbp, BignumberFieldComponent as ɵbq, CheckboxFieldModule as ɵbr, CheckboxFieldComponent as ɵbs, ProfilePictureModule as ɵbt, ThumbnailService as ɵbu, StructureModule as ɵbv, HeaderComponent as ɵbw, FooterComponent as ɵbx, ProfilePictureFieldComponent as ɵby, EditorFieldModule as ɵbz, TieredMenuEventService as ɵc, EditorFieldComponent as ɵca, AutocompleteFieldComponent as ɵcb, BooleanFieldComponent as ɵcc, BooleanSwitchFieldComponent as ɵcd, CalendarFieldComponent as ɵce, ChipsFieldComponent as ɵcf, CountryPhonePickerFieldComponent as ɵcg, DynamicFieldComponent as ɵch, DynamicFormDirective as ɵci, FieldsetComponent as ɵcj, FileUploadComponent$1 as ɵck, LookupFieldComponent as ɵcl, RadioButtonComponent as ɵcm, RowComponent as ɵcn, SectionComponent as ɵco, SelectFieldComponent as ɵcp, SliderFieldComponent as ɵcq, TextAreaFieldComponent as ɵcr, TextAreaIAFieldComponent as ɵcs, IAssistService as ɵct, DecimalField as ɵcv, SideTableComponent as ɵcw, InfiniteScrollModule as ɵcx, InfiniteScrollDirective as ɵcy, IAInsightSidebarComponent as ɵcz, TieredMenuService as ɵd, IAInsightCardComponent as ɵda, IAInsightCardLoaderComponent as ɵdb, InlineEditItemComponent as ɵdc, LocaleService as ɵdd, InlineEditCalendarComponent as ɵde, InlineEditLookupComponent as ɵdf, InlineEditNumberComponent as ɵdg, InlineEditTextComponent as ɵdh, InlineEditTextAreaComponent as ɵdi, InlineEditTextAreaIAComponent as ɵdj, KanbanEventService as ɵdk, KanbanItemComponent as ɵdl, KanbanColumnComponent as ɵdm, KanbanItemDraggingComponent as ɵdn, NumberLocaleOptions as ɵdo, BorderButtonModule as ɵdp, BorderButtonComponent as ɵdq, ProgressBarDeterminateComponent as ɵdr, ProgressBarIndeterminateComponent as ɵds, SelectButtonItemComponent as ɵdt, SlidePanelService as ɵdu, TimelineItemModule as ɵdv, TimelineIconItemComponent as ɵdw, HorizontalTimelineModule as ɵdx, HorizontalTimelineComponent as ɵdy, VerticalTimelineModule as ɵdz, TieredMenuGlobalService as ɵe, VerticalTimelineComponent as ɵea, RangeLineComponent as ɵeb, CollapseOptionComponent as ɵec, CollapsedItemsComponent as ɵed, VerticalItemsComponent as ɵee, ButtonModule as ɵef, TieredMenuComponent as ɵf, TieredMenuNestedComponent as ɵg, TieredMenuItemComponent as ɵh, TieredMenuDividerComponent as ɵi, CustomTranslationsModule as ɵj, CodeEditorComponent as ɵk, CoreFacade as ɵl, CodeMirror6Core as ɵm, CountryPhonePickerService as ɵn, LocalizedCurrencyImpurePipe as ɵo, LocalizedBignumberPipe as ɵp, LocalizedBignumberImpurePipe as ɵq, NumericPipe as ɵr, EmptyStateGoBackComponent as ɵs, IAssistIconComponent as ɵt, SeniorIconComponent as ɵu, DotsIndicatorComponent as ɵv, LoadingIndicatorComponent as ɵw, FileUploadService as ɵx, InfoSignComponent as ɵy, TableColumnsComponent as ɵz };
+export { AccordionComponent, AccordionModule, AccordionPanelComponent, AlertComponent, AlertModule, AngularComponentsModule, AutocompleteField, BadgeColors, BadgeComponent, BadgeModule, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, CardComponent, CardModule, CardTemplateTypes, CheckDisabled, CheckboxComponent, CheckboxModule, ChipsComponent, ChipsField, ChipsModule, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CountryPhonePickerComponent, CountryPhonePickerModule, CurrencyField, CurrencyService, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DebounceUtils, DoubleClickDirective, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, EnumSeverity, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FileUploadPermissions, FileValidation, FormField, GanttComponent, GanttModule, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, HostProjectConfigsInjectionToken, IAInsightComponent, IAInsightModule, IAInsightTemplateTypes, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, InlineEditCalendarField, InlineEditComponent, InlineEditField, InlineEditLookupField, InlineEditModule, InlineEditNumberField, InlineEditTextAreaField, InlineEditTextAreaIAField, InlineEditTextField, KanbanComponent, KanbanModule, KanbanTemplateTypes, LabelValueComponent, LabelValueModule, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationButtonComponent, NavigationButtonModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, NumericService, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, Ordination, PanelComponent, PanelModule, PasswordField, PasswordStrengthComponent, PasswordStrengthDirective, PasswordStrengthModule, PasswordStrengthPositions, PasswordStrengths, PicklistComponent, PicklistModule, PicklistTemplateTypes, ProductHeaderComponent, ProductHeaderModule, ProfilePicturePickerComponent, ProfilePicturePickerModule, ProgressBarColors, ProgressBarComponent, ProgressBarModule, RadioButtonField, RatingScaleComponent, RatingScaleModule, RationButtonOption, RowTogllerDirective, SVGFactoryDirective, SVGFactoryModule, Section, SelectButtonComponent, SelectButtonModule, SelectField, SelectOption, SidebarComponent, SidebarModule, SlidePanelComponent, SlidePanelModule, SliderComponent, SliderModule, SplitButtonComponent, SplitButtonModule, SplitButtonType, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, SwitchComponent, SwitchModule, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TemplateDirective, TemplateModule, TextAreaField, TextAreaIAComponent, TextAreaIAModule, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TieredMenuDirective, TieredMenuModule, TileComponent, TileModule, TimelineComponent, TimelineItem, TimelineItemSeverity, TimelineItemSize, TimelineModule, TokenListComponent, TokenListModule, TooltipModule, TooltipPosition, ValidateErrors, ViewMode, WorkspaceSwitchComponent, WorkspaceSwitchModule, convertToMomentDateFormat, countries, fallback, isNullOrUndefined, parseItensPickList, ɵ0$3 as ɵ0, ɵ1$2 as ɵ1, ɵ2$1 as ɵ2, ɵ3$1 as ɵ3, ɵ4, TooltipComponent as ɵa, TooltipDirective as ɵb, TablePagingComponent as ɵba, PasswordFieldModule as ɵbb, FieldLabelModule as ɵbc, InfoSignModule as ɵbd, FieldLabelComponent as ɵbe, PasswordFieldComponent as ɵbf, TextFieldModule as ɵbg, TextFieldComponent as ɵbh, NumberFieldModule as ɵbi, LocalizedNumberInputModule as ɵbj, NumberInputModule as ɵbk, NumberFieldComponent as ɵbl, CurrencyFieldModule as ɵbm, CurrencyFieldComponent as ɵbn, BignumberFieldModule as ɵbo, BignumberInputModule as ɵbp, BignumberFieldComponent as ɵbq, CheckboxFieldModule as ɵbr, CheckboxFieldComponent as ɵbs, ProfilePictureModule as ɵbt, ThumbnailService as ɵbu, StructureModule as ɵbv, HeaderComponent as ɵbw, FooterComponent as ɵbx, ProfilePictureFieldComponent as ɵby, EditorFieldModule as ɵbz, TieredMenuEventService as ɵc, EditorFieldComponent as ɵca, AutocompleteFieldComponent as ɵcb, BooleanFieldComponent as ɵcc, BooleanSwitchFieldComponent as ɵcd, CalendarFieldComponent as ɵce, ChipsFieldComponent as ɵcf, CountryPhonePickerFieldComponent as ɵcg, DynamicFieldComponent as ɵch, DynamicFormDirective as ɵci, FieldsetComponent as ɵcj, FileUploadComponent$1 as ɵck, LookupFieldComponent as ɵcl, RadioButtonComponent as ɵcm, RowComponent as ɵcn, SectionComponent as ɵco, SelectFieldComponent as ɵcp, SliderFieldComponent as ɵcq, TextAreaFieldComponent as ɵcr, TextAreaIAFieldComponent as ɵcs, IAssistService as ɵct, DecimalField as ɵcv, SideTableComponent as ɵcw, InfiniteScrollModule as ɵcx, InfiniteScrollDirective as ɵcy, IAInsightSidebarComponent as ɵcz, TieredMenuService as ɵd, IAInsightCardComponent as ɵda, IAInsightCardLoaderComponent as ɵdb, InlineEditItemComponent as ɵdc, LocaleService as ɵdd, InlineEditCalendarComponent as ɵde, InlineEditLookupComponent as ɵdf, InlineEditNumberComponent as ɵdg, InlineEditTextComponent as ɵdh, InlineEditTextAreaComponent as ɵdi, InlineEditTextAreaIAComponent as ɵdj, KanbanEventService as ɵdk, KanbanItemComponent as ɵdl, KanbanColumnComponent as ɵdm, KanbanItemDraggingComponent as ɵdn, NumberLocaleOptions as ɵdo, BorderButtonModule as ɵdp, BorderButtonComponent as ɵdq, ProgressBarDeterminateComponent as ɵdr, ProgressBarIndeterminateComponent as ɵds, SelectButtonItemComponent as ɵdt, SlidePanelService as ɵdu, TimelineItemModule as ɵdv, TimelineIconItemComponent as ɵdw, HorizontalTimelineModule as ɵdx, HorizontalTimelineComponent as ɵdy, VerticalTimelineModule as ɵdz, TieredMenuGlobalService as ɵe, VerticalTimelineComponent as ɵea, RangeLineComponent as ɵeb, CollapseOptionComponent as ɵec, CollapsedItemsComponent as ɵed, VerticalItemsComponent as ɵee, ButtonModule as ɵef, ChipItemComponent as ɵeg, TieredMenuComponent as ɵf, TieredMenuNestedComponent as ɵg, TieredMenuItemComponent as ɵh, TieredMenuDividerComponent as ɵi, CustomTranslationsModule as ɵj, CodeEditorComponent as ɵk, CoreFacade as ɵl, CodeMirror6Core as ɵm, CountryPhonePickerService as ɵn, LocalizedCurrencyImpurePipe as ɵo, LocalizedBignumberPipe as ɵp, LocalizedBignumberImpurePipe as ɵq, NumericPipe as ɵr, EmptyStateGoBackComponent as ɵs, IAssistIconComponent as ɵt, SeniorIconComponent as ɵu, DotsIndicatorComponent as ɵv, LoadingIndicatorComponent as ɵw, FileUploadService as ɵx, InfoSignComponent as ɵy, TableColumnsComponent as ɵz };
 //# sourceMappingURL=seniorsistemas-angular-components.js.map