@seniorsistemas/angular-components 17.17.13 → 17.18.0

package/fesm2015/seniorsistemas-angular-components.js

@@ -372,6 +372,8 @@ TooltipComponent = __decorate([
     })
 ], TooltipComponent);
 
+const isNullOrUndefined = (value) => value === null || value === undefined;
+
 const DEFAULT_TIMER = 300;
 let DebounceUtils = class DebounceUtils {
     debounce(func, timeout = DEFAULT_TIMER) {
@@ -430,8 +432,9 @@ let TooltipDirective = class TooltipDirective {
         this.visible = true;
         this.mobileBehavior = MobileBehavior.Pressing;
         this.componentRef = null;
+        this.existFocusedInputRefTooltip = false;
         this.boundOnWindowMouseMoveFunction = this.onWindowMouseMove.bind(this);
-        this.debounceCreateTooltipFunction = this.debounceUtils.debounceLeading(() => this.createTootip());
+        this.debounceCreateTooltipFunction = this.debounceUtils.debounceLeading(() => this._createTooltip(true, true));
     }
     ngOnInit() {
         this.validatePosition();
@@ -452,7 +455,7 @@ let TooltipDirective = class TooltipDirective {
             left: Math.min(elementRect.left, toolTipRect.left),
             bottom: Math.max(elementRect.bottom, toolTipRect.bottom),
         };
-        if (this.isMousePositionOutsideOfElement(event.clientX, event.clientY, totalElementArea)) {
+        if (this.isMousePositionOutsideOfElement(event.clientX, event.clientY, totalElementArea) && !this.existFocusedInputRefTooltip) {
             this.destroy();
         }
     }
@@ -466,15 +469,17 @@ let TooltipDirective = class TooltipDirective {
         if (this.focusedInputRef) {
             const inputFocus = this.focusedInputRef;
             const icon = this.getIconFromFocusedInput();
-            this.renderer.listen(this.focusedInputRef, "focus", () => {
+            this.renderer.listen(inputFocus, "focus", () => {
                 if (icon) {
-                    this.createTootipByFocus(icon);
+                    this.existFocusedInputRefTooltip = true;
+                    this._createTooltip(false, false);
                 }
             });
             this.renderer.listen(inputFocus, "blur", () => {
                 if (icon) {
                     this.removeTooltip(icon);
                     this.destroy();
+                    this.existFocusedInputRefTooltip = false;
                 }
             });
         }
@@ -505,7 +510,7 @@ let TooltipDirective = class TooltipDirective {
     }
     onFocus() {
         if (this.tooltipEvent === TooltipEvent.Focus) {
-            this.createTootip();
+            this._createTooltip(true, true);
         }
     }
     onBlur() {
@@ -519,14 +524,17 @@ let TooltipDirective = class TooltipDirective {
         }
     }
     onMouseLeave() {
-        if (this.tooltipEvent === TooltipEvent.Hover) {
+        if (this.tooltipEvent === TooltipEvent.Hover && !this.existFocusedInputRefTooltip) {
             this.destroy();
         }
     }
     onTouchStart() {
         if (this.tooltipEvent === TooltipEvent.Hover) {
             window.clearTimeout(this.touchTimeout);
-            this.touchTimeout = window.setTimeout(this.createTootip.bind(this), this.mobileBehavior === MobileBehavior.Pressing ? this.showDelay : 0);
+            const _delay = this.mobileBehavior === MobileBehavior.Pressing ? this.showDelay : 0;
+            this.touchTimeout = window.setTimeout(() => {
+                this._createTooltip(true, true);
+            }, _delay);
         }
     }
     onTouchEnd() {
@@ -544,42 +552,34 @@ let TooltipDirective = class TooltipDirective {
             throw new Error(`Tooltip ${this.position} position is unexpected`);
         }
     }
-    createTootip() {
-        var _a;
-        if (this.componentRef === null && ((_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.length)) {
-            const domElem = this.getDomElement();
-            document.body.appendChild(domElem);
-            this.setTooltipComponentProperties();
-            this.showTimeout = window.setTimeout(this.showTooltip.bind(this), this.showDelay);
-            this.tooltipDivElement = domElem.querySelector(".tooltip");
-            if (this.displayTime) {
-                window.setTimeout(this.destroy.bind(this), this.displayTime);
-            }
-        }
-    }
     getDomElement() {
         const componentFactory = this.componentFactoryResolver.resolveComponentFactory(TooltipComponent);
         this.componentRef = componentFactory.create(this.injector);
         this.appRef.attachView(this.componentRef.hostView);
         return this.componentRef.hostView.rootNodes[0];
     }
-    /**
-     * Cria um tooltip para o icone do input em focus.
-     *
-     * @param icon O ícone do input em focus.
-     */
-    createTootipByFocus(icon) {
+    _createTooltip(useShowDelay = false, autoDestroy = true) {
         var _a;
-        if (this.componentRef === null && ((_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.length)) {
-            const domElem = this.getDomElement();
-            const tooltip = domElem.querySelector(".tooltip");
-            icon.appendChild(tooltip);
-            this.setTooltipComponentProperties();
-            this.setTooltipPositionProperty(icon);
-            setTimeout(() => tooltip.classList.add("tooltip--visible"), 0);
-            this.renderer.listen(window, "scroll", () => {
-                this.setTooltipPositionProperty(icon);
-            });
+        const hasText = ((_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.length) > 0;
+        const hasComponentRef = this.componentRef !== null;
+        if (!hasText || hasComponentRef) {
+            return;
+        }
+        const domElement = this.getDomElement();
+        document.body.appendChild(domElement);
+        this.tooltipDivElement = domElement.querySelector(".tooltip");
+        this.setTooltipComponentProperties();
+        const _showDelay = useShowDelay ? this.showDelay : 0;
+        setTimeout(() => {
+            this.showTooltip();
+        }, _showDelay);
+        this.renderer.listen(window, "scroll", () => {
+            this.setTooltipPositionProperty();
+        });
+        if (autoDestroy && this.displayTime) {
+            setTimeout(() => {
+                this.destroy();
+            }, this.displayTime);
         }
     }
     showTooltip() {
@@ -589,10 +589,13 @@ let TooltipDirective = class TooltipDirective {
             window.addEventListener("mousemove", this.boundOnWindowMouseMoveFunction);
         }
     }
-    setTooltipPositionProperty(element) {
+    setTooltipPositionProperty() {
+        if (!this.componentRef) {
+            return;
+        }
         const margin = 20;
         const anchorSize = 5;
-        const domElem = element || this.componentRef.hostView.rootNodes[0].querySelector("#tooltip");
+        const domElem = this.componentRef.hostView.rootNodes[0].querySelector("#tooltip");
         const { height, width } = domElem.getBoundingClientRect();
         const { left, right, top, bottom } = this.elementRef.nativeElement.getBoundingClientRect();
         const positions = [
@@ -642,7 +645,7 @@ let TooltipDirective = class TooltipDirective {
         }
     }
     destroy() {
-        if (this.componentRef !== null) {
+        if (!isNullOrUndefined(this.componentRef)) {
             window.clearTimeout(this.showTimeout);
             this.appRef.detachView(this.componentRef.hostView);
             this.componentRef.destroy();
@@ -4967,8 +4970,6 @@ const convertToMomentDateFormat = (format) => {
         .replace(/\byy\b/, "YYYY"); // year (four digits)
 };
 
-const isNullOrUndefined = (value) => value === null || value === undefined;
-
 var CountryPhonePickerComponent_1;
 let CountryPhonePickerComponent = CountryPhonePickerComponent_1 = class CountryPhonePickerComponent {
     constructor(_countryPhonePickerService, _translate, _eRef, platformId) {
@@ -5328,7 +5329,7 @@ class FieldSize {
 
 class Field {
     constructor(config) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f;
         if ((_a = config.footer) === null || _a === void 0 ? void 0 : _a.help) {
             config.footer.help = Object.assign({ visible: () => true }, (_b = config.footer) === null || _b === void 0 ? void 0 : _b.help);
         }
@@ -5355,6 +5356,7 @@ class Field {
         this.CustomFieldClass = config.CustomFieldClass;
         this.CustomFieldComponentClass = config.CustomFieldComponentClass;
         this.displayTimeInfoSign = (_e = config.displayTimeInfoSign) !== null && _e !== void 0 ? _e : 5000;
+        this.useInfoSignFocusedInputRef = (_f = config.useInfoSignFocusedInputRef) !== null && _f !== void 0 ? _f : true;
     }
 }
 
@@ -7245,6 +7247,7 @@ let InfoSignDirective = class InfoSignDirective {
         this.viewContainer = viewContainer;
         this.componentFactoryResolver = componentFactoryResolver;
         this.displayTime = 5000;
+        this.useFocusedInputRef = true;
     }
     ngOnChanges() {
         this.createInfoSign();
@@ -7262,10 +7265,13 @@ let InfoSignDirective = class InfoSignDirective {
             this.viewContainer.clear();
             const componentFactory = this.componentFactoryResolver.resolveComponentFactory(InfoSignComponent);
             this.componentRef = this.viewContainer.createComponent(componentFactory);
-            this.componentRef.instance.templateRef = this.templateRef;
-            this.componentRef.instance.tooltip = this.sInfoSign;
-            this.componentRef.instance.displayTime = this.displayTime;
-            this.componentRef.instance.focusedInputRef = this.focusedInputRef;
+            const _infoSignComponent = this.componentRef.instance;
+            _infoSignComponent.templateRef = this.templateRef;
+            _infoSignComponent.tooltip = this.sInfoSign;
+            _infoSignComponent.displayTime = this.displayTime;
+            if (this.useFocusedInputRef) {
+                _infoSignComponent.focusedInputRef = this.focusedInputRef;
+            }
         }
         else if (this.componentRef && this.sInfoSign) {
             this.componentRef.instance.tooltip = this.sInfoSign;
@@ -7290,6 +7296,9 @@ __decorate([
 __decorate([
     Input('sInfoSignFocusedInputRef')
 ], InfoSignDirective.prototype, "focusedInputRef", void 0);
+__decorate([
+    Input('sInfoSignUseFocusedInputRef')
+], InfoSignDirective.prototype, "useFocusedInputRef", void 0);
 InfoSignDirective = __decorate([
     Directive({
         selector: "[sInfoSign]"
@@ -10056,12 +10065,19 @@ __decorate([
 ], RadioButtonComponent.prototype, "onFocus", void 0);
 RadioButtonComponent = __decorate([
     Component({
-        template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<ng-container *ngIf=\"field.verticalAlignment;else horizontalAlignment\">\n    <div class=\"ui-g\">\n        <div\n            *ngFor=\"let option of field.options; let i = index\"\n            class=\"ui-g-12\">\n            <ng-container\n                [ngTemplateOutlet]=\"radioButton\"\n                [ngTemplateOutletContext]=\"{option: option, index: i}\">\n            </ng-container>\n        </div>\n        <s-button\n            *ngIf=\"field.showClear && !field.required() && !formControl.disabled\"\n            [label]=\"field.clearLabel || 'Clear selection'\"\n            (onClick)=\"onClear()\"\n            priority=\"link\">\n        </s-button>\n    </div>\n</ng-container>\n\n<ng-template #horizontalAlignment>\n    <div class=\"ui-g\">\n        <ng-container\n            *ngFor=\"let option of field.options; let i = index\"\n            [ngTemplateOutlet]=\"radioButton\"\n            [ngTemplateOutletContext]=\"{option: option, index: i}\">\n        </ng-container>\n    </div>\n    <s-button\n        *ngIf=\"field.showClear && !field.required() && !formControl.disabled\"\n        class=\"horizontal-clear-option\"\n        [label]=\"field.clearLabel || 'Clear selection'\"\n        (onClick)=\"onClear()\"\n        priority=\"link\">\n    </s-button>\n</ng-template>\n\n<ng-template #radioButton let-option=\"option\" let-i=\"index\">\n    <p-radioButton\n        [name]=\"field.name\"\n        [value]=\"option.value\"\n        [label]=\"option.label\"\n        [formControl]=\"formControl\"\n        [inputId]=\"(field.id || field.name) + '-' + i\"\n        [sTooltip]=\"field.tooltip\"\n        (onClick)=\"onClick.next($event)\"\n        (onFocus)=\"onFocus.next($event)\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n    </p-radioButton>\n</ng-template>\n",
+        template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<ng-container *ngIf=\"field.verticalAlignment;else horizontalAlignment\">\n    <div class=\"ui-g\">\n        <div\n            *ngFor=\"let option of field.options; let i = index\"\n            class=\"ui-g-12\">\n            <ng-container\n                [ngTemplateOutlet]=\"radioButton\"\n                [ngTemplateOutletContext]=\"{option: option, index: i}\">\n            </ng-container>\n        </div>\n        <s-button\n            *ngIf=\"field.showClear && !field.required() && !formControl.disabled\"\n            [label]=\"field.clearLabel || 'Clear selection'\"\n            (onClick)=\"onClear()\"\n            priority=\"link\">\n        </s-button>\n    </div>\n</ng-container>\n\n<ng-template #horizontalAlignment>\n    <div class=\"ui-g horizontal-radio-buttons-container\">\n        <ng-container\n            *ngFor=\"let option of field.options; let i = index\"\n            [ngTemplateOutlet]=\"radioButton\"\n            [ngTemplateOutletContext]=\"{option: option, index: i}\">\n        </ng-container>\n    </div>\n    <s-button\n        *ngIf=\"field.showClear && !field.required() && !formControl.disabled\"\n        class=\"horizontal-clear-option\"\n        [label]=\"field.clearLabel || 'Clear selection'\"\n        (onClick)=\"onClear()\"\n        priority=\"link\">\n    </s-button>\n</ng-template>\n\n<ng-template #radioButton let-option=\"option\" let-i=\"index\">\n    <p-radioButton\n        class=\"radio-button-item\"\n        [name]=\"field.name\"\n        [value]=\"option.value\"\n        [label]=\"option.label\"\n        [formControl]=\"formControl\"\n        [inputId]=\"(field.id || field.name) + '-' + i\"\n        [sTooltip]=\"field.tooltip\"\n        (onClick)=\"onClick.next($event)\"\n        (onFocus)=\"onFocus.next($event)\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n    </p-radioButton>\n</ng-template>\n",
         encapsulation: ViewEncapsulation.None,
         styles: [`
         s-button.horizontal-clear-option button {
             width: min-content !important;
         }
+
+        .horizontal-radio-buttons-container {
+            gap: 20px 40px;
+            .radio-button-item {
+                margin: 0;
+            }
+        }
     `]
     })
 ], RadioButtonComponent);
@@ -10376,7 +10392,7 @@ RowComponent = __decorate([
             <ng-container *ngFor="let field of config.fields">
                 <div [ngClass]="field.gridClass" *ngIf="field.visible()">
                     <ng-container *ngIf="field.type === FieldType.Custom && field.label" >
-                        <label *sInfoSign="field.infoSign" [for]="field.name" [ngClass]="{ required: field.required() }" >
+                        <label *sInfoSign="field.infoSign; displayTime: field.displayTimeInfoSign; useFocusedInputRef: field.useInfoSignFocusedInputRef" [for]="field.name" [ngClass]="{ required: field.required() }" >
                             {{ field.label }}
                         </label>
                     </ng-container>
@@ -10444,7 +10460,7 @@ __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 *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"
+        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=\"field.infoSign; displayTime: field.displayTimeInfoSign; useFocusedInputRef: field.useInfoSignFocusedInputRef\"\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);
 
@@ -11151,7 +11167,7 @@ __decorate([
 FieldLabelComponent = __decorate([
     Component({
         selector: 's-field-label',
-        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"
+        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; useFocusedInputRef: field.useInfoSignFocusedInputRef\"\n        [for]=\"field.name\"\n        [ngClass]=\"{ required: field.required() }\"\n    >\n        {{ field.label }}\n    </label>\n</span>\n"
     })
 ], FieldLabelComponent);
 
@@ -18320,6 +18336,167 @@ StepsModule = __decorate([
     })
 ], StepsModule);
 
+let ThumbnailsComponent = class ThumbnailsComponent {
+    constructor() {
+        this.selectable = true;
+        this.selectionChange = new EventEmitter();
+        this.itemOpened = new EventEmitter();
+        this._selection = [];
+    }
+    set selection(items) {
+        this._selection = [...items];
+    }
+    onItemOpened(item) {
+        this.itemOpened.emit(item);
+    }
+    onItemSelected(items) {
+        if (items.selected) {
+            this._selection.push(items.item);
+        }
+        else {
+            this._selection.splice(this._selection.findIndex((item) => item === items.item), 1);
+        }
+        this.selectionChange.emit(this._selection);
+    }
+    isSelected(item) {
+        return this._selection.some((i) => i.id === item.id);
+    }
+};
+__decorate([
+    Input()
+], ThumbnailsComponent.prototype, "items", void 0);
+__decorate([
+    Input()
+], ThumbnailsComponent.prototype, "selectable", void 0);
+__decorate([
+    Input()
+], ThumbnailsComponent.prototype, "selection", null);
+__decorate([
+    Output()
+], ThumbnailsComponent.prototype, "selectionChange", void 0);
+__decorate([
+    Output()
+], ThumbnailsComponent.prototype, "itemOpened", void 0);
+ThumbnailsComponent = __decorate([
+    Component({
+        selector: "s-thumbnails",
+        template: "<div class=\"thumbnails\">\n    <s-thumbnail-item\n        *ngFor=\"let item of items\"\n        [itemData]=\"item\"\n        [isCheckable]=\"selectable\"\n        [isChecked]=\"isSelected(item)\"\n        (checked)=\"onItemSelected($event)\"\n        (opened)=\"onItemOpened($event)\">\n    </s-thumbnail-item>\n</div>\n",
+        styles: [".thumbnails{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px}"]
+    })
+], ThumbnailsComponent);
+
+let ThumbnailItemComponent = class ThumbnailItemComponent {
+    constructor() {
+        this.isCheckable = true;
+        this.isChecked = false;
+        this.checked = new EventEmitter();
+        this.opened = new EventEmitter();
+    }
+    ngOnInit() {
+        this._validateItemData();
+        this._createFormGroup();
+    }
+    onClick() {
+        this.opened.emit(this.itemData);
+    }
+    _createFormGroup() {
+        this.checkboxFormGroup = new FormGroup({
+            checkbox: new FormControl({ checked: this.isChecked }),
+        });
+        this.checkboxFormGroup.get("checkbox").valueChanges.subscribe((value) => {
+            this.checked.emit({ item: this.itemData, checked: value.checked });
+        });
+    }
+    _validateItemData() {
+        if (isNullOrUndefined(this.itemData)) {
+            throw new Error("itemData is required");
+        }
+    }
+};
+__decorate([
+    Input()
+], ThumbnailItemComponent.prototype, "itemData", void 0);
+__decorate([
+    Input()
+], ThumbnailItemComponent.prototype, "isCheckable", void 0);
+__decorate([
+    Input()
+], ThumbnailItemComponent.prototype, "isChecked", void 0);
+__decorate([
+    Output()
+], ThumbnailItemComponent.prototype, "checked", void 0);
+__decorate([
+    Output()
+], ThumbnailItemComponent.prototype, "opened", void 0);
+ThumbnailItemComponent = __decorate([
+    Component({
+        selector: "s-thumbnail-item",
+        template: "<button *ngIf=\"itemData\" class=\"thumbnail-item\" (click)=\"onClick()\">\n    <div class=\"thumbnail-item-content\">\n        <div class=\"content\">\n            <ng-container *ngIf=\"itemData.type === 'video'\">\n                <s-thumbnail-item-video\n                    [imageUrl]=\"itemData.imageUrl\"\n                    [videoUrl]=\"itemData.videoUrl\">\n                </s-thumbnail-item-video>\n            </ng-container>\n            <ng-container *ngIf=\"itemData.type === 'image'\">\n                <s-thumbnail-item-image [imageUrl]=\"itemData.imageUrl\"></s-thumbnail-item-image>\n            </ng-container>\n            <ng-container *ngIf=\"itemData.type === 'audio'\">\n                <i class=\"icon fas fa-volume-down\"></i>\n                <span class=\"label\">{{ \"platform.angular_components.listen\" | translate }}</span>\n            </ng-container>\n            <ng-container *ngIf=\"itemData.type === 'file'\">\n                <i class=\"icon fas fa-file-alt\"></i>\n                <span class=\"label\">{{ \"platform.angular_components.view\" | translate }}</span>\n            </ng-container>\n        </div>\n        <form *ngIf=\"isCheckable\" [formGroup]=\"checkboxFormGroup\" class=\"checkbox\">\n            <s-checkbox [data]=\"{ label: '' }\" formControlName=\"checkbox\"> </s-checkbox>\n        </form>\n    </div>\n    <span class=\"file-name-label\">{{ itemData.fileName }}</span>\n</button>\n",
+        styles: [".thumbnail-item{-ms-flex-align:center;align-items:center;background:0 0;border:none;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;overflow:hidden;width:100px}.thumbnail-item-content{-ms-flex-align:center;align-items:center;background-image:linear-gradient(to top right,#5288b6,#00c89a);border-radius:8px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100px;-ms-flex-pack:center;justify-content:center;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%;overflow:hidden}.thumbnail-item-content .checkbox{position:absolute;right:8px;top:8px}.thumbnail-item-content .content{-ms-flex-align:center;align-items:center;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:4px;overflow:hidden;width:100%}.thumbnail-item-content .content .icon{font-size:24px}.thumbnail-item-content .content .label{font-size:12px;width:100%;padding:0 8px;overflow:hidden;text-overflow:ellipsis}.thumbnail-item:hover{transform:scale(1.05);transition:.2s ease-in-out}.thumbnail-item .file-name-label{color:#525966;font-family:\"Open Sans\",sans-serif;font-size:12px;overflow:hidden;text-align:center;text-overflow:ellipsis;text-wrap:nowrap;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}"]
+    })
+], ThumbnailItemComponent);
+
+let ThumbnailItemVideoComponent = class ThumbnailItemVideoComponent {
+    onMouseEnter() {
+        var _a;
+        if ((_a = this.videoPlayer) === null || _a === void 0 ? void 0 : _a.nativeElement) {
+            this.videoPlayer.nativeElement.play();
+        }
+    }
+    onMouseLeave() {
+        var _a;
+        if ((_a = this.videoPlayer) === null || _a === void 0 ? void 0 : _a.nativeElement) {
+            this.videoPlayer.nativeElement.pause();
+            this.videoPlayer.nativeElement.currentTime = 0;
+        }
+    }
+};
+__decorate([
+    Input()
+], ThumbnailItemVideoComponent.prototype, "imageUrl", void 0);
+__decorate([
+    Input()
+], ThumbnailItemVideoComponent.prototype, "videoUrl", void 0);
+__decorate([
+    ViewChild("videoPlayer")
+], ThumbnailItemVideoComponent.prototype, "videoPlayer", void 0);
+__decorate([
+    HostListener("mouseenter")
+], ThumbnailItemVideoComponent.prototype, "onMouseEnter", null);
+__decorate([
+    HostListener("mouseleave")
+], ThumbnailItemVideoComponent.prototype, "onMouseLeave", null);
+ThumbnailItemVideoComponent = __decorate([
+    Component({
+        selector: "s-thumbnail-item-video",
+        template: "<div class=\"thumbnail-item-video\" [ngClass]=\"{ 'thumbnail-item-video--playable': videoUrl }\">\n    <div\n        class=\"thumbnail-image\"\n        [ngStyle]=\"{'backgroundImage': 'url(' + imageUrl + ')'}\">\n    </div>\n    <div class=\"play-overlay\">\n        <i class=\"icon fas fa-play\"></i>\n        <span class=\"label\">{{ \"platform.angular_components.watch\" | translate }}</span>\n    </div>\n    <video\n        *ngIf=\"videoUrl\"\n        #videoPlayer\n        class=\"thumbnail-video-preview\"\n        [src]=\"videoUrl\"\n        [loop]=\"true\"\n        [muted]=\"true\"\n        preload=\"none\">\n    </video>\n</div>\n",
+        styles: [".thumbnail-item-video{cursor:pointer;height:100px;overflow:hidden;position:relative;width:100px}.thumbnail-item-video .thumbnail-image{background-repeat:no-repeat;background-size:cover;height:100%;width:100%}.thumbnail-item-video .thumbnail-video-preview{height:100%;left:0;width:100%;object-fit:cover;opacity:0;position:absolute;top:0;transition:opacity .3s ease-in-out}.thumbnail-item-video:hover .thumbnail-video-preview{opacity:1}.thumbnail-item-video .play-overlay{-ms-flex-align:center;align-items:center;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px;-ms-flex-pack:center;justify-content:center;left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease-in-out;width:100%;z-index:10}.thumbnail-item-video .play-overlay .icon{color:#fff;font-size:24px}.thumbnail-item-video .play-overlay .label{overflow:hidden;padding:0 8px;text-overflow:ellipsis;width:100%}.thumbnail-item-video--playable:hover .play-overlay{opacity:0}"]
+    })
+], ThumbnailItemVideoComponent);
+
+let ThumbnailItemImageComponent = class ThumbnailItemImageComponent {
+};
+__decorate([
+    Input()
+], ThumbnailItemImageComponent.prototype, "imageUrl", void 0);
+ThumbnailItemImageComponent = __decorate([
+    Component({
+        selector: "s-thumbnail-item-image",
+        template: "<div class=\"thumbnail-item-image\">\n    <div\n        *ngIf=\"imageUrl; else noImage\"\n        class=\"thumbnail-image\"\n        [ngStyle]=\"{ backgroundImage: 'url(' + imageUrl + ')' }\">\n    </div>\n\n    <ng-template #noImage>\n        <div class=\"content\">\n            <i class=\"icon fas fa-image\"></i>\n            <span class=\"label\">{{ \"platform.angular_components.view\" | translate }}</span>\n        </div>\n    </ng-template>\n</div>\n",
+        styles: [".thumbnail-item-image{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;height:100px;-ms-flex-pack:center;justify-content:center;width:100px}.thumbnail-item-image .thumbnail-image{background-repeat:no-repeat;background-size:cover;height:100%;width:100%}.thumbnail-item-image .content{-ms-flex-align:center;align-items:center;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-family:\"Open Sans\",sans-serif;-ms-flex-pack:center;justify-content:center;width:100%}.thumbnail-item-image .content .icon{font-size:24px}.thumbnail-item-image .content .label{font-size:12px;overflow:hidden;padding:0 8px;text-overflow:ellipsis;width:100%}"]
+    })
+], ThumbnailItemImageComponent);
+
+let ThumbnailsModule = class ThumbnailsModule {
+};
+ThumbnailsModule = __decorate([
+    NgModule({
+        imports: [CommonModule, ReactiveFormsModule, TranslateModule, CheckboxModule],
+        declarations: [ThumbnailsComponent, ThumbnailItemComponent, ThumbnailItemVideoComponent, ThumbnailItemImageComponent],
+        exports: [ThumbnailsComponent],
+    })
+], ThumbnailsModule);
+
 var TileComponent_1;
 let TileComponent = TileComponent_1 = class TileComponent {
     constructor() {
@@ -19572,6 +19749,9 @@ ChipsModule = __decorate([
 ], ChipsModule);
 
 const fallback = {
+    "platform.angular_components.watch": "assistir",
+    "platform.angular_components.view": "visualizar",
+    "platform.angular_components.listen": "ouvir",
     "platform.angular_components.drag_your_photo_or": "Arraste sua foto ou",
     "platform.angular_components.select_a_file": "selecione um arquivo",
     "platform.angular_components.change_photo": "Alterar foto",
@@ -19897,5 +20077,5 @@ const 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, 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, FieldLabelComponent as ɵbd, PasswordFieldComponent as ɵbe, TextFieldModule as ɵbf, TextFieldComponent as ɵbg, NumberFieldModule as ɵbh, NumberFieldComponent as ɵbi, CurrencyFieldModule as ɵbj, CurrencyFieldComponent as ɵbk, BignumberFieldModule as ɵbl, BignumberFieldComponent as ɵbm, CheckboxFieldModule as ɵbn, CheckboxFieldComponent as ɵbo, ProfilePictureModule as ɵbp, ThumbnailService as ɵbq, StructureModule as ɵbr, HeaderComponent as ɵbs, FooterComponent as ɵbt, ProfilePictureFieldComponent as ɵbu, EditorFieldModule as ɵbv, EditorFieldComponent as ɵbw, AutocompleteFieldComponent as ɵbx, BooleanFieldComponent as ɵby, BooleanSwitchFieldComponent as ɵbz, TieredMenuEventService as ɵc, CalendarFieldComponent as ɵca, ChipsFieldComponent as ɵcb, CountryPhonePickerFieldComponent as ɵcc, DynamicFieldComponent as ɵcd, DynamicFormDirective as ɵce, FieldsetComponent as ɵcf, FileUploadComponent$1 as ɵcg, LookupFieldComponent as ɵch, RadioButtonComponent as ɵci, RowComponent as ɵcj, SectionComponent as ɵck, SelectFieldComponent as ɵcl, SliderFieldComponent as ɵcm, TextAreaFieldComponent as ɵcn, TextAreaIAFieldComponent as ɵco, IAssistService as ɵcp, DecimalField as ɵcr, SideTableComponent as ɵcs, InfiniteScrollModule as ɵct, InfiniteScrollDirective as ɵcu, IAInsightSidebarComponent as ɵcv, IAInsightCardComponent as ɵcw, IAInsightCardLoaderComponent as ɵcx, InlineEditItemComponent as ɵcy, InlineEditCalendarComponent as ɵcz, TieredMenuService as ɵd, InlineEditLookupComponent as ɵda, InlineEditNumberComponent as ɵdb, InlineEditTextComponent as ɵdc, InlineEditTextAreaComponent as ɵdd, InlineEditTextAreaIAComponent as ɵde, KanbanEventService as ɵdf, KanbanItemComponent as ɵdg, KanbanColumnComponent as ɵdh, KanbanItemDraggingComponent as ɵdi, NumberLocaleOptions as ɵdj, BorderButtonModule as ɵdk, BorderButtonComponent as ɵdl, ProgressBarDeterminateComponent as ɵdm, ProgressBarIndeterminateComponent as ɵdn, SelectButtonItemComponent as ɵdo, SlidePanelService as ɵdp, TimelineItemModule as ɵdq, TimelineIconItemComponent as ɵdr, HorizontalTimelineModule as ɵds, HorizontalTimelineComponent as ɵdt, VerticalTimelineModule as ɵdu, VerticalTimelineComponent as ɵdv, RangeLineComponent as ɵdw, CollapseOptionComponent as ɵdx, CollapsedItemsComponent as ɵdy, VerticalItemsComponent as ɵdz, TieredMenuGlobalService as ɵe, ChipItemComponent as ɵea, 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, ThumbnailsComponent, ThumbnailsModule, 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, FieldLabelComponent as ɵbd, PasswordFieldComponent as ɵbe, TextFieldModule as ɵbf, TextFieldComponent as ɵbg, NumberFieldModule as ɵbh, NumberFieldComponent as ɵbi, CurrencyFieldModule as ɵbj, CurrencyFieldComponent as ɵbk, BignumberFieldModule as ɵbl, BignumberFieldComponent as ɵbm, CheckboxFieldModule as ɵbn, CheckboxFieldComponent as ɵbo, ProfilePictureModule as ɵbp, ThumbnailService as ɵbq, StructureModule as ɵbr, HeaderComponent as ɵbs, FooterComponent as ɵbt, ProfilePictureFieldComponent as ɵbu, EditorFieldModule as ɵbv, EditorFieldComponent as ɵbw, AutocompleteFieldComponent as ɵbx, BooleanFieldComponent as ɵby, BooleanSwitchFieldComponent as ɵbz, TieredMenuEventService as ɵc, CalendarFieldComponent as ɵca, ChipsFieldComponent as ɵcb, CountryPhonePickerFieldComponent as ɵcc, DynamicFieldComponent as ɵcd, DynamicFormDirective as ɵce, FieldsetComponent as ɵcf, FileUploadComponent$1 as ɵcg, LookupFieldComponent as ɵch, RadioButtonComponent as ɵci, RowComponent as ɵcj, SectionComponent as ɵck, SelectFieldComponent as ɵcl, SliderFieldComponent as ɵcm, TextAreaFieldComponent as ɵcn, TextAreaIAFieldComponent as ɵco, IAssistService as ɵcp, DecimalField as ɵcr, SideTableComponent as ɵcs, InfiniteScrollModule as ɵct, InfiniteScrollDirective as ɵcu, IAInsightSidebarComponent as ɵcv, IAInsightCardComponent as ɵcw, IAInsightCardLoaderComponent as ɵcx, InlineEditItemComponent as ɵcy, InlineEditCalendarComponent as ɵcz, TieredMenuService as ɵd, InlineEditLookupComponent as ɵda, InlineEditNumberComponent as ɵdb, InlineEditTextComponent as ɵdc, InlineEditTextAreaComponent as ɵdd, InlineEditTextAreaIAComponent as ɵde, KanbanEventService as ɵdf, KanbanItemComponent as ɵdg, KanbanColumnComponent as ɵdh, KanbanItemDraggingComponent as ɵdi, NumberLocaleOptions as ɵdj, BorderButtonModule as ɵdk, BorderButtonComponent as ɵdl, ProgressBarDeterminateComponent as ɵdm, ProgressBarIndeterminateComponent as ɵdn, SelectButtonItemComponent as ɵdo, SlidePanelService as ɵdp, ThumbnailItemComponent as ɵdq, ThumbnailItemVideoComponent as ɵdr, ThumbnailItemImageComponent as ɵds, TimelineItemModule as ɵdt, TimelineIconItemComponent as ɵdu, HorizontalTimelineModule as ɵdv, HorizontalTimelineComponent as ɵdw, VerticalTimelineModule as ɵdx, VerticalTimelineComponent as ɵdy, RangeLineComponent as ɵdz, TieredMenuGlobalService as ɵe, CollapseOptionComponent as ɵea, CollapsedItemsComponent as ɵeb, VerticalItemsComponent as ɵec, ChipItemComponent as ɵed, 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