@seniorsistemas/angular-components 16.10.18 → 16.11.0

package/fesm2015/seniorsistemas-angular-components.js

@@ -1,6 +1,10 @@
 import { __decorate, __rest, __awaiter, __param } from 'tslib';
-import { EventEmitter, Input, Output, HostListener, Component, NgModule, HostBinding, ViewChild, Renderer2, Directive, Injectable, ElementRef, forwardRef, Pipe, ViewEncapsulation, ɵɵdefineInjectable, InjectionToken, Inject, ApplicationRef, ComponentFactoryResolver, Injector, TemplateRef, ViewContainerRef, ChangeDetectorRef, Optional, ContentChild, ContentChildren } from '@angular/core';
+import { EventEmitter, Input, Output, Component, ContentChildren, ɵɵdefineInjectable, Injectable, ElementRef, ApplicationRef, ComponentFactoryResolver, Injector, HostListener, Directive, NgModule, HostBinding, ViewChild, Renderer2, forwardRef, Pipe, ViewEncapsulation, InjectionToken, Inject, TemplateRef, ViewContainerRef, ChangeDetectorRef, Optional, ContentChild } from '@angular/core';
+import { trigger, transition, style as style$7, animate, state, group, query, animateChild } from '@angular/animations';
 import { CommonModule } from '@angular/common';
+import { FormsModule, ReactiveFormsModule, FormControl, NG_VALUE_ACCESSOR, FormGroup, NG_VALIDATORS, Validators, FormArray, ControlContainer } from '@angular/forms';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { InputSwitchModule } from 'primeng/inputswitch';
 import { RouterModule, NavigationEnd, PRIMARY_OUTLET, ActivatedRoute, Router } from '@angular/router';
 import { BreadcrumbModule as BreadcrumbModule$1 } from 'primeng/breadcrumb';
 import { Subject, of, from, forkJoin, throwError, ReplaySubject } from 'rxjs';
@@ -9,8 +13,6 @@ import { TieredMenu, TieredMenuModule } from 'primeng/tieredmenu';
 import { TooltipModule as TooltipModule$1 } from 'primeng/tooltip';
 import { DomHandler } from 'primeng/dom';
 import { Calendar, CalendarModule } from 'primeng/calendar';
-import { trigger, state, style as style$7, transition, animate, group, query, animateChild } from '@angular/animations';
-import { FormsModule, ReactiveFormsModule, FormControl, NG_VALUE_ACCESSOR, FormGroup, NG_VALIDATORS, Validators, FormArray, ControlContainer } from '@angular/forms';
 import { TranslateService, TranslateModule } from '@ngx-translate/core';
 import { NgxMaskModule } from 'ngx-mask';
 import { HttpClient, HttpEventType, HttpClientModule } from '@angular/common/http';
@@ -34,7 +36,6 @@ import { InputTextModule } from 'primeng/inputtext';
 import { InputTextareaModule } from 'primeng/inputtextarea';
 import { KeyFilterModule } from 'primeng/keyfilter';
 import { MultiSelectModule } from 'primeng/multiselect';
-import { InputSwitchModule } from 'primeng/inputswitch';
 import { PanelModule as PanelModule$1 } from 'primeng/panel';
 import { RadioButtonModule } from 'primeng/radiobutton';
 import { SliderModule } from 'primeng/slider';
@@ -57,535 +58,1103 @@ import { autocompletion, pickedCompletion, startCompletion } from '@codemirror/a
 import { showTooltip } from '@codemirror/tooltip';
 import { lineNumbers } from '@codemirror/gutter';
 
-var BadgeColors;
-(function (BadgeColors) {
-    BadgeColors["Red"] = "red";
-    BadgeColors["Orange"] = "orange";
-    BadgeColors["Yellow"] = "yellow";
-    BadgeColors["Blue"] = "blue";
-    BadgeColors["Green"] = "green";
-    BadgeColors["Gray"] = "gray";
-})(BadgeColors || (BadgeColors = {}));
-
-var BadgeTypes;
-(function (BadgeTypes) {
-    BadgeTypes["Pill"] = "pill";
-    BadgeTypes["Chip"] = "chip";
-})(BadgeTypes || (BadgeTypes = {}));
-
-let BadgeComponent = class BadgeComponent {
+let AccordionPanelComponent = class AccordionPanelComponent {
     constructor() {
-        this.type = BadgeTypes.Pill;
-        this.color = BadgeColors.Blue;
-        this.selectable = false;
-        this.iconPosition = "left";
-        this.selected = new EventEmitter();
+        this.disabled = false;
+        this.cache = false;
+        this.panelOpened = new EventEmitter();
+        this.panelClosed = new EventEmitter();
+        this._isOpen = false;
+        this.isAnimating = false;
+        this.isContentAnimationDisabled = true;
     }
-    onClick() {
-        this.selected.emit(this.text);
+    get isOpen() {
+        return this._isOpen;
+    }
+    set isOpen(isOpen) {
+        this._isOpen = isOpen;
+    }
+    ngOnInit() {
+        if (this.switch) {
+            this.switchState = this.switch.state;
+        }
+    }
+    ngAfterViewInit() {
+        // to executed at a safe time prior to control returning to the browser's event loop
+        queueMicrotask(() => {
+            this.isContentAnimationDisabled = false;
+        });
+    }
+    onIconButtonsClick(event, callback) {
+        if (this.disabled) {
+            return;
+        }
+        event.stopPropagation();
+        callback();
+    }
+    onTabClick() {
+        if (this.disabled || this.isAnimating) {
+            return;
+        }
+        this.isOpen = !this.isOpen;
+    }
+    onContentAnimationStart() {
+        this.isAnimating = true;
+    }
+    onContentAnimationDone() {
+        this.isAnimating = false;
+        if (this.isOpen) {
+            this.panelOpened.emit();
+        }
+        else {
+            this.panelClosed.emit();
+        }
     }
 };
 __decorate([
     Input()
-], BadgeComponent.prototype, "type", void 0);
-__decorate([
-    Input()
-], BadgeComponent.prototype, "color", void 0);
+], AccordionPanelComponent.prototype, "header", void 0);
 __decorate([
     Input()
-], BadgeComponent.prototype, "title", void 0);
+], AccordionPanelComponent.prototype, "buttons", void 0);
 __decorate([
     Input()
-], BadgeComponent.prototype, "text", void 0);
+], AccordionPanelComponent.prototype, "disabled", void 0);
 __decorate([
     Input()
-], BadgeComponent.prototype, "selectable", void 0);
+], AccordionPanelComponent.prototype, "switch", void 0);
 __decorate([
     Input()
-], BadgeComponent.prototype, "iconClass", void 0);
+], AccordionPanelComponent.prototype, "validationMessage", void 0);
 __decorate([
     Input()
-], BadgeComponent.prototype, "iconPosition", void 0);
+], AccordionPanelComponent.prototype, "cache", void 0);
 __decorate([
     Output()
-], BadgeComponent.prototype, "selected", void 0);
+], AccordionPanelComponent.prototype, "panelOpened", void 0);
 __decorate([
-    HostListener("click")
-], BadgeComponent.prototype, "onClick", null);
-BadgeComponent = __decorate([
+    Output()
+], AccordionPanelComponent.prototype, "panelClosed", void 0);
+AccordionPanelComponent = __decorate([
     Component({
-        selector: "s-badge",
-        template: "<span\n   class=\"badge\"\n   [ngClass]=\"{\n      'badge--pill': type === 'pill',\n      'badge--chip': type === 'chip', \n      'badge--red': color === 'red',\n      'badge--orange': color === 'orange',\n      'badge--yellow': color === 'yellow',\n      'badge--blue': color === 'blue',\n      'badge--green': color === 'green',\n      'badge--gray': color === 'gray',\n      'badge--selectable': selectable\n   }\">\n   <span\n      *ngIf=\"iconClass\"\n      [class]=\"'badge-icon ' + iconClass\"\n      [ngClass]=\"{\n         'badge-icon--left': iconPosition === 'left' && text,\n         'badge-icon--right': iconPosition === 'right' && text\n      }\">\n   </span>\n   <span *ngIf=\"title\" class=\"badge-title\">{{ title }}:</span>\n   <span class=\"badge-text\">{{ text }}</span>\n</span>",
-        styles: [".badge{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;height:1.25rem;-ms-flex-pack:center;justify-content:center;min-width:20px;padding:0 .5rem}.badge--chip{border-radius:4px}.badge--pill{border-radius:12px}.badge .badge-title{color:#212533;font-family:\"Open Sans\",sans-serif;font-size:12px;font-weight:700;line-height:150%;margin-right:.125rem}.badge .badge-text{color:#212533;font-family:\"Open Sans\",sans-serif;font-size:.75rem;font-weight:400;line-height:150%}.badge .badge-icon{color:#212533;font-size:10px}.badge .badge-icon--left{margin-right:8px}.badge .badge-icon--right{margin-left:8px;-ms-flex-order:2;order:2}.badge--red{background-color:#fcd2d2;border:1px solid #c13018}.badge--orange{background-color:#fce3ba;border:1px solid #f8931f}.badge--yellow{background-color:#fef4e3;border:1px solid #fcbf10}.badge--blue{background-color:#d5e8ec;border:1px solid #428bca}.badge--green{background-color:#e6ffb3;border:1px solid #0c9348}.badge--gray{background-color:#e5eaea;border:1px solid #697882}.badge--selectable{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}"]
-    })
-], BadgeComponent);
-
-let BadgeModule = class BadgeModule {
-};
-BadgeModule = __decorate([
-    NgModule({
-        imports: [
-            CommonModule,
-            RouterModule,
-        ],
-        declarations: [BadgeComponent],
-        exports: [
-            BadgeComponent,
-            RouterModule,
+        selector: "s-accordion-panel",
+        template: "<div\n    class=\"accordion-panel\"\n    [ngClass]=\"{\n        'accordion-panel--open': isOpen,\n        'accordion-panel--disabled': disabled\n    }\">\n    <div class=\"header\" (click)=\"onTabClick()\">\n        <div class=\"header__title\">\n            <span class=\"icon\" [ngClass]=\"isOpen ? 'fas fa-minus' : 'fas fa-plus'\"></span>\n            <span\n                *ngIf=\"validationMessage\"\n                class=\"exclamation-icon fas fa-exclamation-circle\"\n                [sTooltip]=\"validationMessage\">\n            </span>\n            <span class=\"title\">{{ header }}</span>\n        </div>\n        <div class=\"header__controls\">\n            <button\n                *ngFor=\"let button of buttons\"\n                class=\"icon-button\"\n                [ngClass]=\"button.icon\"\n                (click)=\"onIconButtonsClick($event, button.onClick)\">\n            </button>\n            <p-inputSwitch\n                *ngIf=\"switch\"\n                class=\"switch\"\n                [disabled]=\"disabled\"\n                [(ngModel)]=\"switchState\"\n                (click)=\"$event.stopPropagation()\"\n                (onChange)=\"switch.onChange($event)\">\n            </p-inputSwitch>\n        </div>\n    </div>\n    <ng-container *ngIf=\"cache; then thenBlock else elseBlock\"></ng-container>\n</div>\n\n<ng-template #thenBlock>\n    <div\n        class=\"content\"\n        [hidden]=\"!isOpen\"\n        @contentAnimation\n        [@.disabled]=\"isContentAnimationDisabled\"\n        (@contentAnimation.start)=\"onContentAnimationStart()\"\n        (@contentAnimation.done)=\"onContentAnimationDone()\">\n        <div class=\"content-container\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #elseBlock>\n    <div\n        *ngIf=\"isOpen\"\n        class=\"content\"\n        @contentAnimation\n        [@.disabled]=\"isContentAnimationDisabled\"        \n        (@contentAnimation.start)=\"onContentAnimationStart()\"\n        (@contentAnimation.done)=\"onContentAnimationDone()\">\n        <div class=\"content-container\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</ng-template>",
+        animations: [
+            trigger("contentAnimation", [
+                transition(":enter", [
+                    style$7({ height: "0" }),
+                    animate("200ms linear", style$7({ height: "*" })),
+                ]),
+                transition(":leave", [
+                    style$7({ height: "*" }),
+                    animate("200ms linear", style$7({ height: "0" })),
+                ]),
+            ]),
         ],
+        styles: [".accordion-panel{border-bottom:1px solid #c1c1cc}.accordion-panel .header{-ms-flex-align:center;align-items:center;background-color:#fff;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:16px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.accordion-panel .header .header__title{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.accordion-panel .header .header__title .icon{color:#212533;font-size:1rem;margin-right:12px}.accordion-panel .header .header__title .exclamation-icon{color:#c13018;font-size:1rem;margin-right:12px}.accordion-panel .header .header__title .title{font-family:\"Open Sans\" sans-serif;font-size:.875rem;font-weight:700;line-height:150%;text-transform:uppercase}.accordion-panel .header .header__controls{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;margin-left:16px}.accordion-panel .header .header__controls .icon-button{color:#212533;cursor:pointer;font-size:1rem;margin-left:16px;border:none;background:0 0}.accordion-panel .header .header__controls .switch{padding-left:16px}.accordion-panel .content{background-color:#fff;overflow:hidden}.accordion-panel .content .content-container{margin:20px}.accordion-panel--open .header{background-color:#eeebf2;border-bottom:1px solid #c1c1cc}.accordion-panel--disabled .header{cursor:auto}.accordion-panel--disabled .header .header__title .icon,.accordion-panel--disabled .header .header__title .title{color:#c1c1cc}.accordion-panel--disabled .header .header__controls .icon-button{color:#c1c1cc;cursor:auto}"]
     })
-], BadgeModule);
+], AccordionPanelComponent);
 
-let BreadcrumbComponent = class BreadcrumbComponent {
-    constructor(activatedRoute, router) {
-        this.activatedRoute = activatedRoute;
-        this.router = router;
-        this.targetHomeUrl = "_self";
-        this.ngUnsubscribe = new Subject();
-        this.router.events
-            .pipe(takeUntil(this.ngUnsubscribe), filter(event => event instanceof NavigationEnd))
-            .subscribe(() => this.onNavigationEnd());
-    }
-    onNavigationEnd() {
-        const currentRoute = this.activatedRoute.root;
-        const validRoutes = this.getValidChildren(currentRoute);
-        this.title = this.getCurrentTitle(validRoutes);
-        this.home = this.getCurrentHome(validRoutes);
-        this.items = this.getCurrentItems(validRoutes);
-    }
-    getValidChildren(route) {
-        const valid = route.routeConfig && route.routeConfig.path && route.routeConfig.component && route.outlet === PRIMARY_OUTLET;
-        return route.children.reduce((validRoutes, child) => [...validRoutes, ...this.getValidChildren(child)], valid ? [route] : []);
+let AccordionComponent = class AccordionComponent {
+    constructor() {
+        this.multiple = false;
+        this._panels = [];
     }
-    getCurrentTitle(routes) {
-        const last = routes[routes.length - 1];
-        if (last && last.routeConfig)
-            return this.getTitle(last);
+    ngAfterContentInit() {
+        this._panels = this.panelsComponents.toArray();
+        this._openSubs = new Array(this._panels.length);
+        this._setupTabs();
     }
-    getCurrentHome(routes) {
-        let home;
-        if (this.homeUrl)
-            home = { url: this.homeUrl, icon: "fa fa-home", target: this.targetHomeUrl };
-        else if (routes.length)
-            home = Object.assign(Object.assign({}, this.getMenuItem(routes[0], routes.length === 1)), { icon: "fa fa-home" });
-        return home;
+    ngOnChanges(changes) {
+        if (changes.multiple) {
+            if (changes.multiple.currentValue) {
+                this._enableMultiplePanelBehavior();
+            }
+            else {
+                this._enableSinglePanelBehavior();
+            }
+        }
     }
-    getCurrentItems(routes) {
-        if (!routes.length)
-            return;
-        const items = this.homeUrl ? routes : routes.slice(1);
-        if (items.length)
-            return items.map((route, i) => this.getMenuItem(route, i === routes.length - 1));
+    _setupTabs() {
+        var _a;
+        if ((_a = this._panels) === null || _a === void 0 ? void 0 : _a.length) {
+            if (this.activeIndex !== undefined && this.activeIndex !== null) {
+                const activeTab = this._panels[this.activeIndex];
+                if (!activeTab) {
+                    throw new Error("activeIndex does not represent any panel.");
+                }
+                if (!activeTab.disabled) {
+                    this._panels[this.activeIndex].isOpen = true;
+                }
+            }
+        }
     }
-    getMenuItem(route, disabled = false) {
-        const label = this.getTitle(route);
-        const routes = route.pathFromRoot;
-        const routerLink = routes
-            .slice(0, routes.indexOf(route) + 1)
-            .reduce((result, item) => [...result, ...item.snapshot.url.map(url => url.path)], ["/"]);
-        return {
-            label,
-            routerLink,
-            queryParams: route.snapshot.queryParams,
-            routerLinkActiveOptions: { exact: true },
-            disabled,
-        };
+    _closeOtherTabs(exception) {
+        this._panels.forEach((panel, index) => {
+            if (index !== exception) {
+                panel.isOpen = false;
+            }
+        });
     }
-    getTitle(route) {
-        const { snapshot, routeConfig } = route;
-        const title = snapshot.data.routeTitle;
-        if (!title)
-            throw new Error(`No routeTitle defined for the route /${routeConfig.path}`);
-        return title;
+    _enableSinglePanelBehavior() {
+        this._panels.forEach((panel, index) => {
+            this._openSubs[index] = panel.panelOpened.subscribe(() => {
+                this._closeOtherTabs(index);
+            });
+        });
     }
-    ngOnDestroy() {
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
+    _enableMultiplePanelBehavior() {
+        this._panels.forEach((_, index) => {
+            if (this._openSubs[index]) {
+                this._openSubs[index].unsubscribe();
+            }
+        });
     }
 };
-BreadcrumbComponent.ctorParameters = () => [
-    { type: ActivatedRoute },
-    { type: Router }
-];
 __decorate([
     Input()
-], BreadcrumbComponent.prototype, "homeUrl", void 0);
+], AccordionComponent.prototype, "activeIndex", void 0);
 __decorate([
     Input()
-], BreadcrumbComponent.prototype, "targetHomeUrl", void 0);
-BreadcrumbComponent = __decorate([
+], AccordionComponent.prototype, "multiple", void 0);
+__decorate([
+    ContentChildren(AccordionPanelComponent)
+], AccordionComponent.prototype, "panelsComponents", void 0);
+AccordionComponent = __decorate([
     Component({
-        selector: `s-breadcrumb`,
-        template: "<h1 class=\"sds-page-title\">{{title}}</h1>\n<p-breadcrumb [home]=\"home\" [model]=\"items\"></p-breadcrumb>"
+        selector: "s-accordion",
+        template: "<div class=\"accordion\">\n    <ng-content></ng-content>\n</div>",
+        styles: [".accordion{border:1px solid #c1c1cc;border-radius:6px;overflow:hidden}"]
     })
-], BreadcrumbComponent);
+], AccordionComponent);
 
-let BreadcrumbModule = class BreadcrumbModule {
+var TooltipPosition;
+(function (TooltipPosition) {
+    TooltipPosition["Top"] = "top";
+    TooltipPosition["Bottom"] = "bottom";
+    TooltipPosition["Left"] = "left";
+    TooltipPosition["Right"] = "right";
+})(TooltipPosition || (TooltipPosition = {}));
+
+let TooltipComponent = class TooltipComponent {
+    constructor() {
+        this.tooltip = "";
+        this.position = TooltipPosition.Top;
+        this.left = 0;
+        this.top = 0;
+        this.visible = false;
+        this.escape = false;
+    }
 };
-BreadcrumbModule = __decorate([
-    NgModule({
-        imports: [CommonModule, BreadcrumbModule$1, RouterModule],
-        declarations: [BreadcrumbComponent],
-        exports: [BreadcrumbComponent, RouterModule],
+TooltipComponent = __decorate([
+    Component({
+        template: "<div\n   class=\"tooltip\"\n   [ngClass]=\"['tooltip--' + position]\"\n   [class.tooltip--visible]=\"visible\"\n   [ngStyle]=\"{\n      'left': left + 'px',\n      'top': top + 'px'\n   }\">\n   <ng-template\n      *ngIf=\"escape;\n         then escapeTemplate;\n         else noEscapeTemplate\">\n   </ng-template>   \n</div>\n\n<ng-template #noEscapeTemplate>\n   <span\n      class=\"tooltip__content\"\n      [innerHTML]=\"tooltip\">\n   </span>\n</ng-template>\n\n<ng-template #escapeTemplate>\n   <span class=\"tooltip__content\">\n      {{ tooltip }}\n   </span>\n</ng-template>",
+        styles: [".tooltip{background-color:#000;border-radius:2px;color:#fff;font-family:\"Open Sans\",sans-serif;font-size:14px;font-weight:400;line-height:21px;margin-top:5px;opacity:0;padding:8px;position:fixed;transform:translateX(-50%);text-align:center;max-width:150px;word-wrap:break-word;z-index:99999}.tooltip--visible{opacity:1;transition:opacity .3s}.tooltip::before{content:\"\";height:0;position:absolute;width:0}.tooltip--bottom{margin-top:8px;transform:translateX(-50%)}.tooltip--bottom::before{border:5px solid transparent;border-bottom:5px solid #000;left:calc(50% - 5px);top:-10px}.tooltip--top{margin-bottom:8px;transform:translate(-50%,-100%)}.tooltip--top::before{border:5px solid transparent;border-top:5px solid #000;left:calc(50% - 5px);bottom:-10px}.tooltip--left{margin-right:28px;transform:translate(calc(-100% - 7px),-50%)}.tooltip--left::before{border:5px solid transparent;border-left:5px solid #000;right:-10px;bottom:calc(50% - 5px)}.tooltip--right{margin-left:7px;transform:translateY(-50%)}.tooltip--right::before{border:5px solid transparent;border-right:5px solid #000;left:-10px;bottom:calc(50% - 5px)}"]
     })
-], BreadcrumbModule);
+], TooltipComponent);
 
-var ButtonPriority;
-(function (ButtonPriority) {
-    ButtonPriority["Default"] = "default";
-    ButtonPriority["Primary"] = "primary";
-    ButtonPriority["Secondary"] = "secondary";
-    ButtonPriority["Link"] = "link";
-})(ButtonPriority || (ButtonPriority = {}));
+const DEFAULT_TIMER = 300;
+let DebounceUtils = class DebounceUtils {
+    debounce(func, timeout = DEFAULT_TIMER) {
+        let timer;
+        return (...args) => {
+            clearTimeout(timer);
+            timer = setTimeout(() => {
+                func.apply(this, args);
+            }, timeout);
+        };
+    }
+    debounceLeading(func, timeout = DEFAULT_TIMER) {
+        let timer;
+        return (...args) => {
+            if (!timer) {
+                func.apply(this, args);
+            }
+            clearTimeout(timer);
+            timer = setTimeout(() => {
+                timer = null;
+            }, timeout);
+        };
+    }
+};
+DebounceUtils.ɵprov = ɵɵdefineInjectable({ factory: function DebounceUtils_Factory() { return new DebounceUtils(); }, token: DebounceUtils, providedIn: "root" });
+DebounceUtils = __decorate([
+    Injectable({
+        providedIn: 'root',
+    })
+], DebounceUtils);
 
-var ButtonSize;
-(function (ButtonSize) {
-    ButtonSize["Default"] = "default";
-    ButtonSize["Small"] = "small";
-})(ButtonSize || (ButtonSize = {}));
+var MobileBehavior;
+(function (MobileBehavior) {
+    MobileBehavior["Pressing"] = "pressing";
+    MobileBehavior["Tap"] = "tap";
+})(MobileBehavior || (MobileBehavior = {}));
 
-var EnumButtonAnimation;
-(function (EnumButtonAnimation) {
-    EnumButtonAnimation["rotate"] = "rotate";
-})(EnumButtonAnimation || (EnumButtonAnimation = {}));
+var TooltipEvent;
+(function (TooltipEvent) {
+    TooltipEvent["Focus"] = "focus";
+    TooltipEvent["Hover"] = "hover";
+})(TooltipEvent || (TooltipEvent = {}));
 
-var ButtonComponent_1;
-let ButtonComponent = ButtonComponent_1 = class ButtonComponent {
-    constructor() {
-        this.minWidth = "40px";
-        this.id = `s-button-${ButtonComponent_1.nextId++}`;
-        this.caret = true;
-        this.baseZIndex = 0;
-        this.disabled = false;
-        this.auxiliary = false;
-        this.type = "button";
-        this.priority = ButtonPriority.Primary;
-        this.model = [];
-        this.size = ButtonSize.Default;
-        this.onClick = new EventEmitter();
+let TooltipDirective = class TooltipDirective {
+    constructor(elementRef, appRef, componentFactoryResolver, injector, debounceUtils) {
+        this.elementRef = elementRef;
+        this.appRef = appRef;
+        this.componentFactoryResolver = componentFactoryResolver;
+        this.injector = injector;
+        this.debounceUtils = debounceUtils;
+        this.position = TooltipPosition.Top;
+        this.showDelay = 500;
+        this.tooltipEvent = TooltipEvent.Hover;
+        this.escape = false;
+        this.visible = true;
+        this.mobileBehavior = MobileBehavior.Pressing;
+        this.componentRef = null;
+        this.boundOnWindowMouseMoveFunction = this.onWindowMouseMove.bind(this);
+        this.debounceCreateTooltipFunction = this.debounceUtils.debounceLeading(() => this.createTootip());
     }
     ngOnInit() {
-        this.onClick.subscribe((event) => {
-            if (!this.model || !this.model.length)
-                return;
-            this.menu.model = this.model;
-            this.menu.toggle(event);
-        });
+        this.validatePosition();
     }
-    validateSlideButton() {
-        return this.slide && (this.priority == ButtonPriority.Default || this.priority == ButtonPriority.Link) && this.label.length;
+    ngOnDestroy() {
+        this.destroy();
     }
-    isOpen() {
-        return this.model && this.model.length && this.menu.visible;
+    onWindowMouseMove(event) {
+        if (!this.componentRef) {
+            return;
+        }
+        const elementRect = this.elementRef.nativeElement.getBoundingClientRect();
+        const toolTipRect = this.tooltipDivElement.getBoundingClientRect();
+        const totalElementArea = {
+            top: Math.min(elementRect.top, toolTipRect.top),
+            right: Math.max(elementRect.right, toolTipRect.right),
+            left: Math.min(elementRect.left, toolTipRect.left),
+            bottom: Math.max(elementRect.bottom, toolTipRect.bottom)
+        };
+        if (this.isMousePositionOutsideOfElement(event.clientX, event.clientY, totalElementArea)) {
+            this.destroy();
+        }
     }
-    ngOnChanges(changes) {
-        const hasIcon = this.iconClass;
-        const hasText = this.label;
-        const isMultiple = this.model && this.model.length;
-        if (hasText || (hasIcon && isMultiple))
-            this.minWidth = "80px";
-        if (hasText && hasIcon && isMultiple)
-            this.minWidth = "100px";
+    isMousePositionOutsideOfElement(mouseX, mouseY, elementArea) {
+        return mouseX < elementArea.left || mouseX >= elementArea.right || mouseY < elementArea.top || mouseY >= elementArea.bottom;
     }
-    updateTooltipZIndex() {
-        this.tooltipZIndex = this.baseZIndex + ++DomHandler.zindex;
+    // whenever the component with the tooltip is clicked I destroy the tooltip.
+    // whenever a key is pressed on the component with the tooltip I destroy the tooltip.
+    onClick() {
+        if (this.tooltipEvent === TooltipEvent.Hover &&
+            !navigator.userAgent.match(/Android/i) &&
+            !navigator.userAgent.match(/iPhone/i)) {
+            this.destroy();
+        }
     }
-    isRotateAnimation() {
-        return this.animation === EnumButtonAnimation.rotate;
+    // whenever you touch outside the component with the tooltip I destroy the tooltip.
+    onDocumentTouchStart() {
+        if (this.tooltipEvent === TooltipEvent.Hover) {
+            this.destroy();
+        }
     }
-};
-ButtonComponent.nextId = 0;
-__decorate([
-    HostBinding("style.min-width")
-], ButtonComponent.prototype, "minWidth", void 0);
-__decorate([
-    Input()
-], ButtonComponent.prototype, "id", void 0);
-__decorate([
-    Input()
-], ButtonComponent.prototype, "label", void 0);
-__decorate([
-    Input()
-], ButtonComponent.prototype, "tooltip", void 0);
-__decorate([
-    Input()
-], ButtonComponent.prototype, "iconClass", void 0);
-__decorate([
-    Input()
-], ButtonComponent.prototype, "rightIconClass", void 0);
-__decorate([
-    Input()
-], ButtonComponent.prototype, "caret", void 0);
-__decorate([
-    Input()
-], ButtonComponent.prototype, "styleClass", void 0);
-__decorate([
-    Input()
-], ButtonComponent.prototype, "baseZIndex", void 0);
-__decorate([
-    Input()
-], ButtonComponent.prototype, "disabled", void 0);
-__decorate([
-    Input()
-], ButtonComponent.prototype, "auxiliary", void 0);
-__decorate([
-    Input()
-], ButtonComponent.prototype, "type", void 0);
-__decorate([
-    Input()
-], ButtonComponent.prototype, "priority", void 0);
-__decorate([
-    Input()
-], ButtonComponent.prototype, "model", void 0);
-__decorate([
-    Input()
-], ButtonComponent.prototype, "size", void 0);
-__decorate([
-    Input()
-], ButtonComponent.prototype, "slide", void 0);
-__decorate([
-    Input()
-], ButtonComponent.prototype, "animation", void 0);
-__decorate([
-    Output()
-], ButtonComponent.prototype, "onClick", void 0);
-__decorate([
-    ViewChild(TieredMenu, { static: true })
-], ButtonComponent.prototype, "menu", void 0);
-ButtonComponent = ButtonComponent_1 = __decorate([
-    Component({
-        selector: "s-button",
-        template: "<p-tieredMenu [id]=\"id + '-menu'\" [popup]=\"true\" appendTo=\"body\" [baseZIndex]=\"baseZIndex\"></p-tieredMenu>\n\n<button\n    [id]=\"id\"\n    [type]=\"type\"\n    [class]=\"styleClass\"\n    [ngClass]=\"{\n        's-button-auxiliary': auxiliary,\n        's-button-with-icon': iconClass,\n        's-button-with-text': label,\n        's-button-empty': !iconClass && !label,\n        's-button-size-default': size === 'default',\n        's-button-size-small': size === 'small',\n        's-button-priority-default': priority === 'default',\n        's-button-priority-primary': priority === 'primary',\n        's-button-priority-secondary': priority === 'secondary',\n        's-button-priority-link': priority === 'link',\n        's-button-multiple': (caret && (model && model.length)) || rightIconClass,\n        's-button-active': isOpen(),\n        's-button--slide': validateSlideButton(),\n        's-button--rotate-animation': isRotateAnimation()\n    }\"\n    [disabled]=\"disabled\"\n    [pTooltip]=\"tooltip\"\n    tooltipPosition=\"top\"\n    showDelay=\"500\"\n    [tooltipZIndex]=\"tooltipZIndex\"\n    (click)=\"onClick.emit($event)\"\n    (mouseenter)=\"updateTooltipZIndex()\"\n>\n    <span \n        *ngIf=\"iconClass\" \n        [class]=\"iconClass\" \n        [ngClass]=\"{ \n            's-button-icon': true,\n            's-button-icon-margin-right': !label && model && model.length\n        }\" \n        aria-hidden=\"true\">\n    </span>\n    <span \n        *ngIf=\"label\" \n        class=\"s-button-text\"\n        [ngClass]=\"{\n            's-button-icon-margin-right': !!rightIconClass || (model && model.length),\n            's-button-icon-margin-left': !!iconClass\n        }\">\n        {{ label }}\n    </span>\n    <ng-content></ng-content>\n    <span \n        *ngIf=\"rightIconClass\" \n        [class]=\"rightIconClass\" \n        [ngClass]=\"{ 's-button-right-icon': true }\" \n        aria-hidden=\"true\">\n    </span>\n    <span\n        *ngIf=\"caret && (model && model.length)\" \n        class=\"fa fa-fw fa-caret-down\"\n        aria-hidden=\"true\">\n    </span>\n</button>\n",
-        styles: ["button{-ms-flex-align:center;align-items:center;border-radius:4px;border:1px solid;cursor:pointer;font-family:\"Open Sans\",sans-serif;font-size:14px;height:34px;max-width:100%;min-width:40px;outline:0;overflow:visible;padding:5px 10px;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;text-decoration:none;text-transform:none;vertical-align:bottom;transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out}button:disabled{opacity:.5;filter:Alpha(Opacity=50);background-image:none}button:disabled,button:disabled *{cursor:text!important}button.s-button-auxiliary{border-radius:20px}button.s-button-size-small{padding:0 20px;height:25px}button.s-button-with-icon.s-button-multiple,button.s-button-with-text{min-width:80px}button.s-button-with-icon.s-button-with-text.s-button-multiple{min-width:100px}button .s-button-icon,button .s-button-menu-icon,button .s-button-right-icon,button.s-button-with-icon.s-button-multiple:not(.s-button-with-text) .s-button-icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}button.s-button-multiple .s-button-text{display:-ms-flexbox;display:flex;-ms-flex-pack:left;justify-content:left;-ms-flex-align:left;align-items:left}button.s-button-with-icon .s-button-text{display:-ms-flexbox;display:flex;-ms-flex-pack:right;justify-content:right;-ms-flex-align:right;align-items:right}.s-button-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.s-button-menu-icon{right:10px;transition:transform .2s ease-out}.s-button-icon-margin-left{margin-left:10px}.s-button-icon-margin-right{margin-right:10px}.s-button-active .s-button-menu-icon{transform:rotateX(180deg)}button,button.s-button-priority-primary{background-color:#428bca;border-color:#428bca}button .s-button-icon,button .s-button-menu-icon,button .s-button-right-icon,button .s-button-text,button.s-button-priority-primary .s-button-icon,button.s-button-priority-primary .s-button-menu-icon,button.s-button-priority-primary .s-button-right-icon,button.s-button-priority-primary .s-button-text{color:#fff}button.s-button-priority-primary:hover,button:hover{background-color:#2a6496}button.s-button-priority-primary:focus,button:focus{background-color:#2a6496;border-color:#22dce6}button.s-button-active:not(:disabled),button.s-button-priority-primary.s-button-active:not(:disabled),button.s-button-priority-primary:active:not(:disabled),button:active:not(:disabled){background-color:#245682;border-color:#245682}button.s-button-priority-secondary{background-color:#7892a1;border-color:#7892a1}button.s-button-priority-secondary .s-button-icon,button.s-button-priority-secondary .s-button-menu-icon,button.s-button-priority-secondary .s-button-right-icon,button.s-button-priority-secondary .s-button-text{color:#fff}button.s-button-priority-secondary:hover{background-color:#546b79}button.s-button-priority-secondary:focus{background-color:#546b79;border-color:#22dce6}button.s-button-priority-secondary.s-button-active:not(:disabled),button.s-button-priority-secondary:active:not(:disabled){background-color:#495e6a;border-color:#495e6a}button.s-button-priority-default{background-color:#fff;border-color:#ccc}button.s-button-priority-default .s-button-icon,button.s-button-priority-default .s-button-menu-icon,button.s-button-priority-default .s-button-right-icon,button.s-button-priority-default .s-button-text{color:#333}button.s-button-priority-default:hover{background-color:#d9d9d9}button.s-button-priority-default:focus{background-color:#d9d9d9;border-color:#22dce6}button.s-button-priority-default.s-button-active:not(:disabled),button.s-button-priority-default:active:not(:disabled){background-color:#ccc;border-color:#ccc}button.s-button-priority-link{background-color:transparent;border-color:transparent}button.s-button-priority-link .s-button-icon,button.s-button-priority-link .s-button-menu-icon,button.s-button-priority-link .s-button-right-icon,button.s-button-priority-link .s-button-text{color:#428bca}button.s-button-priority-link:hover{background-color:transparent}button.s-button-priority-link:hover .s-button-icon,button.s-button-priority-link:hover .s-button-menu-icon,button.s-button-priority-link:hover .s-button-right-icon,button.s-button-priority-link:hover .s-button-text{color:#2a6496}button.s-button-priority-link:focus{border-color:#22dce6;background-color:transparent}button.s-button-priority-link:focus .s-button-icon,button.s-button-priority-link:focus .s-button-menu-icon,button.s-button-priority-link:focus .s-button-right-icon,button.s-button-priority-link:focus .s-button-text{color:#2a6496}button.s-button-priority-link.s-button-active:not(:disabled),button.s-button-priority-link:active:not(:disabled){background-color:transparent;border-color:transparent}button.s-button-priority-link.s-button-active:not(:disabled) .s-button-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-menu-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-right-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-text,button.s-button-priority-link:active:not(:disabled) .s-button-icon,button.s-button-priority-link:active:not(:disabled) .s-button-menu-icon,button.s-button-priority-link:active:not(:disabled) .s-button-right-icon,button.s-button-priority-link:active:not(:disabled) .s-button-text{color:#245682}.s-button--slide.s-button-with-icon.s-button-multiple,.s-button--slide.s-button-with-text{min-width:40px}.s-button--slide .s-button-text{position:absolute;opacity:0;width:0}.s-button--slide:hover .s-button-text{transition:1s;position:relative;opacity:1;width:auto}.s-button--slide:hover.s-button--rotate-animation .s-button-icon,.s-button--slide:hover.s-button--rotate-animation .s-button-right-icon{transition:1.5s;transform:rotate(360deg)}"]
-    })
-], ButtonComponent);
-
-let ButtonModule = class ButtonModule {
-};
-ButtonModule = __decorate([
-    NgModule({
-        imports: [CommonModule, RouterModule, TieredMenuModule, TooltipModule$1],
-        declarations: [ButtonComponent],
-        exports: [ButtonComponent],
-    })
-], ButtonModule);
-
-let CalendarMaskDirective = class CalendarMaskDirective {
-    constructor(host, renderer) {
-        this.host = host;
-        this.renderer = renderer;
-        this.SELECTORS = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
-        this.slotChar = "_";
-        this.autoClear = false;
-        this.firstTime = true;
+    onFocus() {
+        if (this.tooltipEvent === TooltipEvent.Focus) {
+            this.createTootip();
+        }
     }
-    setListeners() {
-        this.input = this.host.inputfieldViewChild.nativeElement;
-        this.value = this.input.value;
-        this.focusListener = this.renderer.listen(this.input, "focus", () => {
-            this.onInputFocus();
-        });
-        this.blurListener = this.renderer.listen(this.input, "blur", (event) => {
-            this.onInputBlur(event);
-        });
-        this.keydownListener = this.renderer.listen(this.input, "keydown", (event) => {
-            this.onKeyDown(event);
-        });
-        this.keypressListener = this.renderer.listen(this.input, "keypress", (event) => {
-            this.onKeyPress(event);
-        });
-        this.inputListener = this.renderer.listen(this.input, "input", (event) => {
-            this.onInputChange(event);
-        });
-        this.pasteListener = this.renderer.listen(this.input, "paste", (event) => {
-            this.handleInputChange(event);
-        });
+    onBlur() {
+        if (this.tooltipEvent === TooltipEvent.Focus) {
+            this.destroy();
+        }
     }
-    ngOnInit() {
-        const ua = navigator.userAgent;
-        this.androidChrome = /chrome/i.test(ua) && /android/i.test(ua);
-        this.createMaskFromDateFormat();
-        this.initMask();
+    onMouseEnter() {
+        if (this.tooltipEvent === TooltipEvent.Hover) {
+            this.debounceCreateTooltipFunction();
+        }
     }
-    get mask() {
-        return this._mask;
+    onMouseLeave() {
+        if (this.tooltipEvent === TooltipEvent.Hover) {
+            this.destroy();
+        }
     }
-    set mask(val) {
-        this._mask = val;
-        this.initMask();
-        this.writeValue("");
+    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);
+        }
     }
-    writeValue(value) {
-        this.value = value;
-        if (this.input) {
-            if (this.value == undefined) {
-                this.input.value = "";
-            }
-            else {
-                this.input.value = this.value;
+    onTouchEnd() {
+        if (this.tooltipEvent === TooltipEvent.Hover) {
+            if (this.mobileBehavior === MobileBehavior.Pressing) {
+                window.clearTimeout(this.touchTimeout);
+                this.destroy();
             }
-            this.checkVal();
-            this.focusText = this.input.value;
-            this.updateFilledState();
         }
     }
-    onInputBlur(e) {
-        this.checkVal();
-        this.updateFilledState();
-        if (this.value != this.focusText) {
-            if (!this.input.disabled &&
-                (this.value === undefined || this.value === null || this.value.indexOf(this.slotChar) >= 0)) {
-                this.value = "";
-                e.target.value = "";
-                this.host.updateModel(null);
-            }
-            this.updateModel(e);
-            const event = document.createEvent("HTMLEvents");
-            event.initEvent("change", true, false);
-            this.input.dispatchEvent(event);
+    validatePosition() {
+        const containsPosition = [
+            TooltipPosition.Top,
+            TooltipPosition.Right,
+            TooltipPosition.Bottom,
+            TooltipPosition.Left,
+        ].includes(this.position);
+        if (!containsPosition) {
+            this.position = TooltipPosition.Top;
+            throw new Error(`Tooltip ${this.position} position is unexpected`);
         }
     }
-    onKeyDown(e) {
-        if (this.host.readonlyInput) {
-            return;
-        }
-        const k = e.which || e.keyCode;
-        const iPhone = /iphone/i.test(navigator.userAgent);
-        let pos;
-        let begin;
-        let end;
-        this.oldVal = this.input.value;
-        // Backspace, delete, and escape get special treatment
-        if (k === 8 || k === 46 || (iPhone && k === 127)) {
-            pos = this.caret();
-            begin = pos.begin;
-            end = pos.end;
-            if (end - begin === 0) {
-                begin = k !== 46 ? this.seekPrev(begin) : (end = this.seekNext(begin - 1));
-                end = k === 46 ? this.seekNext(end) : end;
+    createTootip() {
+        var _a;
+        if (this.componentRef === null && ((_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.length)) {
+            const componentFactory = this.componentFactoryResolver.resolveComponentFactory(TooltipComponent);
+            this.componentRef = componentFactory.create(this.injector);
+            this.appRef.attachView(this.componentRef.hostView);
+            const domElem = this.componentRef.hostView.rootNodes[0];
+            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);
             }
-            this.clearBuffer(begin, end);
-            this.shiftL(begin, end - 1);
-            this.updateModel(e);
-            e.preventDefault();
-        }
-        else if (k === 13) {
-            // Enter
-            this.onInputBlur(e);
-            this.updateModel(e);
-        }
-        else if (k === 27) {
-            // Escape
-            this.input.value = this.focusText;
-            this.caret(0, this.checkVal());
-            this.updateModel(e);
-            e.preventDefault();
         }
     }
-    onKeyPress(e) {
-        if (this.host.readonlyInput)
-            return;
-        const k = e.which || e.keyCode;
-        const pos = this.caret();
-        let p;
-        let c;
-        let next;
-        if (e.ctrlKey || e.altKey || e.metaKey || k < 32 || (k > 34 && k < 41)) {
-            // Ignore
-            return;
+    showTooltip() {
+        if (this.componentRef !== null) {
+            this.componentRef.instance.visible = true;
+            window.addEventListener('mousemove', this.boundOnWindowMouseMoveFunction);
         }
-        else if (k && k !== 13) {
-            if (pos.end - pos.begin !== 0) {
-                this.clearBuffer(pos.begin, pos.end);
-                this.shiftL(pos.begin, pos.end - 1);
-            }
-            p = this.seekNext(pos.begin - 1);
-            if (p < this.len) {
-                c = String.fromCharCode(k);
-                if (this.tests[p].test(c)) {
-                    this.shiftR(p);
-                    this.buffer[p] = c;
-                    this.writeBuffer();
-                    next = this.seekNext(p);
-                    if (/android/i.test(navigator.userAgent)) {
-                        // Path for CSP Violation on FireFox OS 1.1
-                        const proxy = () => {
-                            this.caret(next);
-                        };
-                        setTimeout(proxy, 0);
+    }
+    setTooltipComponentProperties() {
+        const margin = 20;
+        const anchorSize = 5;
+        if (this.componentRef !== null) {
+            this.componentRef.instance.tooltip = this.tooltip;
+            this.componentRef.instance.escape = this.escape;
+            const { left, right, top, bottom } = this.elementRef.nativeElement.getBoundingClientRect();
+            const tooltipHeight = bottom - top;
+            const tooltipWidth = right - left;
+            const safeSpace = 150;
+            let positioned = false;
+            const invalidOptions = [];
+            while (!positioned) {
+                if (invalidOptions.includes(TooltipPosition.Top)
+                    && invalidOptions.includes(TooltipPosition.Bottom)
+                    && invalidOptions.includes(TooltipPosition.Left)
+                    && invalidOptions.includes(TooltipPosition.Right)) {
+                    this.destroy();
+                    throw new Error("No space to show tooltip");
+                }
+                switch (this.position) {
+                    case TooltipPosition.Top: {
+                        if (invalidOptions.includes(TooltipPosition.Top)) {
+                            this.position = TooltipPosition.Left;
+                            break;
+                        }
+                        const topShift = top;
+                        if (topShift <= tooltipHeight + safeSpace) {
+                            this.position = TooltipPosition.Bottom;
+                            invalidOptions.push(TooltipPosition.Top);
+                            positioned = false;
+                            break;
+                        }
+                        this.componentRef.instance.left = Math.round(tooltipWidth / 2 + left);
+                        this.componentRef.instance.top = Math.round(top - margin - anchorSize);
+                        positioned = true;
+                        break;
                     }
-                    else {
-                        this.caret(next);
+                    case TooltipPosition.Bottom: {
+                        if (invalidOptions.includes(TooltipPosition.Bottom)) {
+                            this.position = TooltipPosition.Left;
+                            break;
+                        }
+                        const bottomShift = document.body.clientHeight - bottom;
+                        if (bottomShift <= tooltipHeight + safeSpace) {
+                            this.position = TooltipPosition.Top;
+                            invalidOptions.push(TooltipPosition.Bottom);
+                            break;
+                        }
+                        this.componentRef.instance.left = Math.round(tooltipWidth / 2 + left);
+                        this.componentRef.instance.top = Math.round(bottom + margin);
+                        positioned = true;
+                        break;
                     }
-                }
-            }
-            e.preventDefault();
-        }
-        this.updateModel(e);
-        this.updateFilledState();
-    }
-    checkVal(allow) {
-        // Try to place characters where they belong
-        const test = this.input.value;
-        let lastMatch = -1;
-        let i;
-        let c;
-        let pos = 0;
-        for (i = 0; i < this.len; i++) {
-            if (this.tests[i]) {
-                this.buffer[i] = this.getPlaceholder(i);
-                while (pos++ < test.length) {
-                    c = test.charAt(pos - 1);
-                    if (this.tests[i].test(c)) {
-                        this.buffer[i] = c;
-                        lastMatch = i;
+                    case TooltipPosition.Left: {
+                        if (invalidOptions.includes(TooltipPosition.Left)) {
+                            this.position = TooltipPosition.Top;
+                            break;
+                        }
+                        const leftShift = left;
+                        if (leftShift <= tooltipWidth + safeSpace) {
+                            this.position = TooltipPosition.Right;
+                            invalidOptions.push(TooltipPosition.Left);
+                            positioned = false;
+                            break;
+                        }
+                        this.componentRef.instance.left = Math.round(left - margin);
+                        this.componentRef.instance.top = Math.round(top + tooltipHeight / 2 - anchorSize);
+                        positioned = true;
+                        break;
+                    }
+                    case TooltipPosition.Right: {
+                        if (invalidOptions.includes(TooltipPosition.Right)) {
+                            this.position = TooltipPosition.Top;
+                            break;
+                        }
+                        const rightShift = document.body.clientWidth - right;
+                        if (rightShift <= tooltipWidth + safeSpace) {
+                            this.position = TooltipPosition.Left;
+                            invalidOptions.push(TooltipPosition.Right);
+                            positioned = false;
+                            break;
+                        }
+                        this.componentRef.instance.left = Math.round(right + margin);
+                        this.componentRef.instance.top = Math.round(top + tooltipHeight / 2 - anchorSize);
+                        positioned = true;
+                        break;
+                    }
+                    default: {
                         break;
                     }
                 }
-                if (pos > test.length) {
-                    this.clearBuffer(i + 1, this.len);
-                    break;
-                }
-            }
-            else {
-                if (this.buffer[i] === test.charAt(pos)) {
-                    pos++;
-                }
-                if (i < this.partialPosition) {
-                    lastMatch = i;
-                }
-            }
-        }
-        if (allow) {
-            this.writeBuffer();
-        }
-        else if (lastMatch + 1 < this.partialPosition) {
-            if (this.autoClear || this.buffer.join("") === this.defaultBuffer) {
-                // Invalid value. Remove it and replace it with the
-                // mask, which is the default behavior.
-                if (this.input.value) {
-                    this.input.value = "";
-                }
-                this.clearBuffer(0, this.len);
-            }
-            else {
-                // Invalid value, but we opt to show the value to the
-                // user and allow them to correct their mistake.
-                this.writeBuffer();
+                this.componentRef.instance.position = this.position;
             }
         }
-        else {
-            this.writeBuffer();
-            this.input.value = this.input.value.substring(0, lastMatch + 1);
+    }
+    destroy() {
+        if (this.componentRef !== null) {
+            window.clearTimeout(this.showTimeout);
+            this.appRef.detachView(this.componentRef.hostView);
+            this.componentRef.destroy();
+            this.componentRef = null;
+            this.tooltipDivElement = null;
         }
-        return this.partialPosition ? i : this.firstNonMaskPos;
+        window.removeEventListener('mousemove', this.boundOnWindowMouseMoveFunction);
     }
-    onInputFocus() {
-        if (this.host.readonlyInput)
-            return;
-        clearTimeout(this.caretTimeoutId);
-        let pos;
-        this.focusText = this.input.value;
+};
+TooltipDirective.ctorParameters = () => [
+    { type: ElementRef },
+    { type: ApplicationRef },
+    { type: ComponentFactoryResolver },
+    { type: Injector },
+    { type: DebounceUtils }
+];
+__decorate([
+    Input("sTooltip")
+], TooltipDirective.prototype, "tooltip", void 0);
+__decorate([
+    Input("tooltipPosition")
+], TooltipDirective.prototype, "position", void 0);
+__decorate([
+    Input()
+], TooltipDirective.prototype, "showDelay", void 0);
+__decorate([
+    Input()
+], TooltipDirective.prototype, "displayTime", void 0);
+__decorate([
+    Input()
+], TooltipDirective.prototype, "tooltipEvent", void 0);
+__decorate([
+    Input()
+], TooltipDirective.prototype, "escape", void 0);
+__decorate([
+    Input()
+], TooltipDirective.prototype, "visible", void 0);
+__decorate([
+    Input()
+], TooltipDirective.prototype, "mobileBehavior", void 0);
+__decorate([
+    HostListener("click"),
+    HostListener("keydown")
+], TooltipDirective.prototype, "onClick", null);
+__decorate([
+    HostListener("document:touchstart")
+], TooltipDirective.prototype, "onDocumentTouchStart", null);
+__decorate([
+    HostListener("focus")
+], TooltipDirective.prototype, "onFocus", null);
+__decorate([
+    HostListener("blur")
+], TooltipDirective.prototype, "onBlur", null);
+__decorate([
+    HostListener("mouseenter")
+], TooltipDirective.prototype, "onMouseEnter", null);
+__decorate([
+    HostListener("mouseleave"),
+    HostListener("wheel")
+], TooltipDirective.prototype, "onMouseLeave", null);
+__decorate([
+    HostListener("touchstart")
+], TooltipDirective.prototype, "onTouchStart", null);
+__decorate([
+    HostListener("touchend")
+], TooltipDirective.prototype, "onTouchEnd", null);
+TooltipDirective = __decorate([
+    Directive({
+        selector: "[sTooltip]",
+    })
+], TooltipDirective);
+
+let TooltipModule = class TooltipModule {
+};
+TooltipModule = __decorate([
+    NgModule({
+        imports: [CommonModule],
+        declarations: [
+            TooltipComponent,
+            TooltipDirective,
+        ],
+        exports: [TooltipDirective],
+    })
+], TooltipModule);
+
+let AccordionModule = class AccordionModule {
+};
+AccordionModule = __decorate([
+    NgModule({
+        imports: [
+            CommonModule,
+            FormsModule,
+            BrowserAnimationsModule,
+            TooltipModule,
+            InputSwitchModule,
+        ],
+        declarations: [
+            AccordionComponent,
+            AccordionPanelComponent,
+        ],
+        exports: [
+            AccordionComponent,
+            AccordionPanelComponent,
+        ],
+    })
+], AccordionModule);
+
+var BadgeColors;
+(function (BadgeColors) {
+    BadgeColors["Red"] = "red";
+    BadgeColors["Orange"] = "orange";
+    BadgeColors["Yellow"] = "yellow";
+    BadgeColors["Blue"] = "blue";
+    BadgeColors["Green"] = "green";
+    BadgeColors["Gray"] = "gray";
+})(BadgeColors || (BadgeColors = {}));
+
+var BadgeTypes;
+(function (BadgeTypes) {
+    BadgeTypes["Pill"] = "pill";
+    BadgeTypes["Chip"] = "chip";
+})(BadgeTypes || (BadgeTypes = {}));
+
+let BadgeComponent = class BadgeComponent {
+    constructor() {
+        this.type = BadgeTypes.Pill;
+        this.color = BadgeColors.Blue;
+        this.selectable = false;
+        this.iconPosition = "left";
+        this.selected = new EventEmitter();
+    }
+    onClick() {
+        this.selected.emit(this.text);
+    }
+};
+__decorate([
+    Input()
+], BadgeComponent.prototype, "type", void 0);
+__decorate([
+    Input()
+], BadgeComponent.prototype, "color", void 0);
+__decorate([
+    Input()
+], BadgeComponent.prototype, "title", void 0);
+__decorate([
+    Input()
+], BadgeComponent.prototype, "text", void 0);
+__decorate([
+    Input()
+], BadgeComponent.prototype, "selectable", void 0);
+__decorate([
+    Input()
+], BadgeComponent.prototype, "iconClass", void 0);
+__decorate([
+    Input()
+], BadgeComponent.prototype, "iconPosition", void 0);
+__decorate([
+    Output()
+], BadgeComponent.prototype, "selected", void 0);
+__decorate([
+    HostListener("click")
+], BadgeComponent.prototype, "onClick", null);
+BadgeComponent = __decorate([
+    Component({
+        selector: "s-badge",
+        template: "<span\n   class=\"badge\"\n   [ngClass]=\"{\n      'badge--pill': type === 'pill',\n      'badge--chip': type === 'chip', \n      'badge--red': color === 'red',\n      'badge--orange': color === 'orange',\n      'badge--yellow': color === 'yellow',\n      'badge--blue': color === 'blue',\n      'badge--green': color === 'green',\n      'badge--gray': color === 'gray',\n      'badge--selectable': selectable\n   }\">\n   <span\n      *ngIf=\"iconClass\"\n      [class]=\"'badge-icon ' + iconClass\"\n      [ngClass]=\"{\n         'badge-icon--left': iconPosition === 'left' && text,\n         'badge-icon--right': iconPosition === 'right' && text\n      }\">\n   </span>\n   <span *ngIf=\"title\" class=\"badge-title\">{{ title }}:</span>\n   <span class=\"badge-text\">{{ text }}</span>\n</span>",
+        styles: [".badge{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;height:1.25rem;-ms-flex-pack:center;justify-content:center;min-width:20px;padding:0 .5rem}.badge--chip{border-radius:4px}.badge--pill{border-radius:12px}.badge .badge-title{color:#212533;font-family:\"Open Sans\",sans-serif;font-size:12px;font-weight:700;line-height:150%;margin-right:.125rem}.badge .badge-text{color:#212533;font-family:\"Open Sans\",sans-serif;font-size:.75rem;font-weight:400;line-height:150%}.badge .badge-icon{color:#212533;font-size:10px}.badge .badge-icon--left{margin-right:8px}.badge .badge-icon--right{margin-left:8px;-ms-flex-order:2;order:2}.badge--red{background-color:#fcd2d2;border:1px solid #c13018}.badge--orange{background-color:#fce3ba;border:1px solid #f8931f}.badge--yellow{background-color:#fef4e3;border:1px solid #fcbf10}.badge--blue{background-color:#d5e8ec;border:1px solid #428bca}.badge--green{background-color:#e6ffb3;border:1px solid #0c9348}.badge--gray{background-color:#e5eaea;border:1px solid #697882}.badge--selectable{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}"]
+    })
+], BadgeComponent);
+
+let BadgeModule = class BadgeModule {
+};
+BadgeModule = __decorate([
+    NgModule({
+        imports: [
+            CommonModule,
+            RouterModule,
+        ],
+        declarations: [BadgeComponent],
+        exports: [
+            BadgeComponent,
+            RouterModule,
+        ],
+    })
+], BadgeModule);
+
+let BreadcrumbComponent = class BreadcrumbComponent {
+    constructor(activatedRoute, router) {
+        this.activatedRoute = activatedRoute;
+        this.router = router;
+        this.targetHomeUrl = "_self";
+        this.ngUnsubscribe = new Subject();
+        this.router.events
+            .pipe(takeUntil(this.ngUnsubscribe), filter(event => event instanceof NavigationEnd))
+            .subscribe(() => this.onNavigationEnd());
+    }
+    onNavigationEnd() {
+        const currentRoute = this.activatedRoute.root;
+        const validRoutes = this.getValidChildren(currentRoute);
+        this.title = this.getCurrentTitle(validRoutes);
+        this.home = this.getCurrentHome(validRoutes);
+        this.items = this.getCurrentItems(validRoutes);
+    }
+    getValidChildren(route) {
+        const valid = route.routeConfig && route.routeConfig.path && route.routeConfig.component && route.outlet === PRIMARY_OUTLET;
+        return route.children.reduce((validRoutes, child) => [...validRoutes, ...this.getValidChildren(child)], valid ? [route] : []);
+    }
+    getCurrentTitle(routes) {
+        const last = routes[routes.length - 1];
+        if (last && last.routeConfig)
+            return this.getTitle(last);
+    }
+    getCurrentHome(routes) {
+        let home;
+        if (this.homeUrl)
+            home = { url: this.homeUrl, icon: "fa fa-home", target: this.targetHomeUrl };
+        else if (routes.length)
+            home = Object.assign(Object.assign({}, this.getMenuItem(routes[0], routes.length === 1)), { icon: "fa fa-home" });
+        return home;
+    }
+    getCurrentItems(routes) {
+        if (!routes.length)
+            return;
+        const items = this.homeUrl ? routes : routes.slice(1);
+        if (items.length)
+            return items.map((route, i) => this.getMenuItem(route, i === routes.length - 1));
+    }
+    getMenuItem(route, disabled = false) {
+        const label = this.getTitle(route);
+        const routes = route.pathFromRoot;
+        const routerLink = routes
+            .slice(0, routes.indexOf(route) + 1)
+            .reduce((result, item) => [...result, ...item.snapshot.url.map(url => url.path)], ["/"]);
+        return {
+            label,
+            routerLink,
+            queryParams: route.snapshot.queryParams,
+            routerLinkActiveOptions: { exact: true },
+            disabled,
+        };
+    }
+    getTitle(route) {
+        const { snapshot, routeConfig } = route;
+        const title = snapshot.data.routeTitle;
+        if (!title)
+            throw new Error(`No routeTitle defined for the route /${routeConfig.path}`);
+        return title;
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+    }
+};
+BreadcrumbComponent.ctorParameters = () => [
+    { type: ActivatedRoute },
+    { type: Router }
+];
+__decorate([
+    Input()
+], BreadcrumbComponent.prototype, "homeUrl", void 0);
+__decorate([
+    Input()
+], BreadcrumbComponent.prototype, "targetHomeUrl", void 0);
+BreadcrumbComponent = __decorate([
+    Component({
+        selector: `s-breadcrumb`,
+        template: "<h1 class=\"sds-page-title\">{{title}}</h1>\n<p-breadcrumb [home]=\"home\" [model]=\"items\"></p-breadcrumb>"
+    })
+], BreadcrumbComponent);
+
+let BreadcrumbModule = class BreadcrumbModule {
+};
+BreadcrumbModule = __decorate([
+    NgModule({
+        imports: [CommonModule, BreadcrumbModule$1, RouterModule],
+        declarations: [BreadcrumbComponent],
+        exports: [BreadcrumbComponent, RouterModule],
+    })
+], BreadcrumbModule);
+
+var ButtonPriority;
+(function (ButtonPriority) {
+    ButtonPriority["Default"] = "default";
+    ButtonPriority["Primary"] = "primary";
+    ButtonPriority["Secondary"] = "secondary";
+    ButtonPriority["Link"] = "link";
+})(ButtonPriority || (ButtonPriority = {}));
+
+var ButtonSize;
+(function (ButtonSize) {
+    ButtonSize["Default"] = "default";
+    ButtonSize["Small"] = "small";
+})(ButtonSize || (ButtonSize = {}));
+
+var EnumButtonAnimation;
+(function (EnumButtonAnimation) {
+    EnumButtonAnimation["rotate"] = "rotate";
+})(EnumButtonAnimation || (EnumButtonAnimation = {}));
+
+var ButtonComponent_1;
+let ButtonComponent = ButtonComponent_1 = class ButtonComponent {
+    constructor() {
+        this.minWidth = "40px";
+        this.id = `s-button-${ButtonComponent_1.nextId++}`;
+        this.caret = true;
+        this.baseZIndex = 0;
+        this.disabled = false;
+        this.auxiliary = false;
+        this.type = "button";
+        this.priority = ButtonPriority.Primary;
+        this.model = [];
+        this.size = ButtonSize.Default;
+        this.onClick = new EventEmitter();
+    }
+    ngOnInit() {
+        this.onClick.subscribe((event) => {
+            if (!this.model || !this.model.length)
+                return;
+            this.menu.model = this.model;
+            this.menu.toggle(event);
+        });
+    }
+    validateSlideButton() {
+        return this.slide && (this.priority == ButtonPriority.Default || this.priority == ButtonPriority.Link) && this.label.length;
+    }
+    isOpen() {
+        return this.model && this.model.length && this.menu.visible;
+    }
+    ngOnChanges(changes) {
+        const hasIcon = this.iconClass;
+        const hasText = this.label;
+        const isMultiple = this.model && this.model.length;
+        if (hasText || (hasIcon && isMultiple))
+            this.minWidth = "80px";
+        if (hasText && hasIcon && isMultiple)
+            this.minWidth = "100px";
+    }
+    updateTooltipZIndex() {
+        this.tooltipZIndex = this.baseZIndex + ++DomHandler.zindex;
+    }
+    isRotateAnimation() {
+        return this.animation === EnumButtonAnimation.rotate;
+    }
+};
+ButtonComponent.nextId = 0;
+__decorate([
+    HostBinding("style.min-width")
+], ButtonComponent.prototype, "minWidth", void 0);
+__decorate([
+    Input()
+], ButtonComponent.prototype, "id", void 0);
+__decorate([
+    Input()
+], ButtonComponent.prototype, "label", void 0);
+__decorate([
+    Input()
+], ButtonComponent.prototype, "tooltip", void 0);
+__decorate([
+    Input()
+], ButtonComponent.prototype, "iconClass", void 0);
+__decorate([
+    Input()
+], ButtonComponent.prototype, "rightIconClass", void 0);
+__decorate([
+    Input()
+], ButtonComponent.prototype, "caret", void 0);
+__decorate([
+    Input()
+], ButtonComponent.prototype, "styleClass", void 0);
+__decorate([
+    Input()
+], ButtonComponent.prototype, "baseZIndex", void 0);
+__decorate([
+    Input()
+], ButtonComponent.prototype, "disabled", void 0);
+__decorate([
+    Input()
+], ButtonComponent.prototype, "auxiliary", void 0);
+__decorate([
+    Input()
+], ButtonComponent.prototype, "type", void 0);
+__decorate([
+    Input()
+], ButtonComponent.prototype, "priority", void 0);
+__decorate([
+    Input()
+], ButtonComponent.prototype, "model", void 0);
+__decorate([
+    Input()
+], ButtonComponent.prototype, "size", void 0);
+__decorate([
+    Input()
+], ButtonComponent.prototype, "slide", void 0);
+__decorate([
+    Input()
+], ButtonComponent.prototype, "animation", void 0);
+__decorate([
+    Output()
+], ButtonComponent.prototype, "onClick", void 0);
+__decorate([
+    ViewChild(TieredMenu, { static: true })
+], ButtonComponent.prototype, "menu", void 0);
+ButtonComponent = ButtonComponent_1 = __decorate([
+    Component({
+        selector: "s-button",
+        template: "<p-tieredMenu [id]=\"id + '-menu'\" [popup]=\"true\" appendTo=\"body\" [baseZIndex]=\"baseZIndex\"></p-tieredMenu>\n\n<button\n    [id]=\"id\"\n    [type]=\"type\"\n    [class]=\"styleClass\"\n    [ngClass]=\"{\n        's-button-auxiliary': auxiliary,\n        's-button-with-icon': iconClass,\n        's-button-with-text': label,\n        's-button-empty': !iconClass && !label,\n        's-button-size-default': size === 'default',\n        's-button-size-small': size === 'small',\n        's-button-priority-default': priority === 'default',\n        's-button-priority-primary': priority === 'primary',\n        's-button-priority-secondary': priority === 'secondary',\n        's-button-priority-link': priority === 'link',\n        's-button-multiple': (caret && (model && model.length)) || rightIconClass,\n        's-button-active': isOpen(),\n        's-button--slide': validateSlideButton(),\n        's-button--rotate-animation': isRotateAnimation()\n    }\"\n    [disabled]=\"disabled\"\n    [pTooltip]=\"tooltip\"\n    tooltipPosition=\"top\"\n    showDelay=\"500\"\n    [tooltipZIndex]=\"tooltipZIndex\"\n    (click)=\"onClick.emit($event)\"\n    (mouseenter)=\"updateTooltipZIndex()\"\n>\n    <span \n        *ngIf=\"iconClass\" \n        [class]=\"iconClass\" \n        [ngClass]=\"{ \n            's-button-icon': true,\n            's-button-icon-margin-right': !label && model && model.length\n        }\" \n        aria-hidden=\"true\">\n    </span>\n    <span \n        *ngIf=\"label\" \n        class=\"s-button-text\"\n        [ngClass]=\"{\n            's-button-icon-margin-right': !!rightIconClass || (model && model.length),\n            's-button-icon-margin-left': !!iconClass\n        }\">\n        {{ label }}\n    </span>\n    <ng-content></ng-content>\n    <span \n        *ngIf=\"rightIconClass\" \n        [class]=\"rightIconClass\" \n        [ngClass]=\"{ 's-button-right-icon': true }\" \n        aria-hidden=\"true\">\n    </span>\n    <span\n        *ngIf=\"caret && (model && model.length)\" \n        class=\"fa fa-fw fa-caret-down\"\n        aria-hidden=\"true\">\n    </span>\n</button>\n",
+        styles: ["button{-ms-flex-align:center;align-items:center;border-radius:4px;border:1px solid;cursor:pointer;font-family:\"Open Sans\",sans-serif;font-size:14px;height:34px;max-width:100%;min-width:40px;outline:0;overflow:visible;padding:5px 10px;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;text-decoration:none;text-transform:none;vertical-align:bottom;transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out}button:disabled{opacity:.5;filter:Alpha(Opacity=50);background-image:none}button:disabled,button:disabled *{cursor:text!important}button.s-button-auxiliary{border-radius:20px}button.s-button-size-small{padding:0 20px;height:25px}button.s-button-with-icon.s-button-multiple,button.s-button-with-text{min-width:80px}button.s-button-with-icon.s-button-with-text.s-button-multiple{min-width:100px}button .s-button-icon,button .s-button-menu-icon,button .s-button-right-icon,button.s-button-with-icon.s-button-multiple:not(.s-button-with-text) .s-button-icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}button.s-button-multiple .s-button-text{display:-ms-flexbox;display:flex;-ms-flex-pack:left;justify-content:left;-ms-flex-align:left;align-items:left}button.s-button-with-icon .s-button-text{display:-ms-flexbox;display:flex;-ms-flex-pack:right;justify-content:right;-ms-flex-align:right;align-items:right}.s-button-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.s-button-menu-icon{right:10px;transition:transform .2s ease-out}.s-button-icon-margin-left{margin-left:10px}.s-button-icon-margin-right{margin-right:10px}.s-button-active .s-button-menu-icon{transform:rotateX(180deg)}button,button.s-button-priority-primary{background-color:#428bca;border-color:#428bca}button .s-button-icon,button .s-button-menu-icon,button .s-button-right-icon,button .s-button-text,button.s-button-priority-primary .s-button-icon,button.s-button-priority-primary .s-button-menu-icon,button.s-button-priority-primary .s-button-right-icon,button.s-button-priority-primary .s-button-text{color:#fff}button.s-button-priority-primary:hover,button:hover{background-color:#2a6496}button.s-button-priority-primary:focus,button:focus{background-color:#2a6496;border-color:#22dce6}button.s-button-active:not(:disabled),button.s-button-priority-primary.s-button-active:not(:disabled),button.s-button-priority-primary:active:not(:disabled),button:active:not(:disabled){background-color:#245682;border-color:#245682}button.s-button-priority-secondary{background-color:#7892a1;border-color:#7892a1}button.s-button-priority-secondary .s-button-icon,button.s-button-priority-secondary .s-button-menu-icon,button.s-button-priority-secondary .s-button-right-icon,button.s-button-priority-secondary .s-button-text{color:#fff}button.s-button-priority-secondary:hover{background-color:#546b79}button.s-button-priority-secondary:focus{background-color:#546b79;border-color:#22dce6}button.s-button-priority-secondary.s-button-active:not(:disabled),button.s-button-priority-secondary:active:not(:disabled){background-color:#495e6a;border-color:#495e6a}button.s-button-priority-default{background-color:#fff;border-color:#ccc}button.s-button-priority-default .s-button-icon,button.s-button-priority-default .s-button-menu-icon,button.s-button-priority-default .s-button-right-icon,button.s-button-priority-default .s-button-text{color:#333}button.s-button-priority-default:hover{background-color:#d9d9d9}button.s-button-priority-default:focus{background-color:#d9d9d9;border-color:#22dce6}button.s-button-priority-default.s-button-active:not(:disabled),button.s-button-priority-default:active:not(:disabled){background-color:#ccc;border-color:#ccc}button.s-button-priority-link{background-color:transparent;border-color:transparent}button.s-button-priority-link .s-button-icon,button.s-button-priority-link .s-button-menu-icon,button.s-button-priority-link .s-button-right-icon,button.s-button-priority-link .s-button-text{color:#428bca}button.s-button-priority-link:hover{background-color:transparent}button.s-button-priority-link:hover .s-button-icon,button.s-button-priority-link:hover .s-button-menu-icon,button.s-button-priority-link:hover .s-button-right-icon,button.s-button-priority-link:hover .s-button-text{color:#2a6496}button.s-button-priority-link:focus{border-color:#22dce6;background-color:transparent}button.s-button-priority-link:focus .s-button-icon,button.s-button-priority-link:focus .s-button-menu-icon,button.s-button-priority-link:focus .s-button-right-icon,button.s-button-priority-link:focus .s-button-text{color:#2a6496}button.s-button-priority-link.s-button-active:not(:disabled),button.s-button-priority-link:active:not(:disabled){background-color:transparent;border-color:transparent}button.s-button-priority-link.s-button-active:not(:disabled) .s-button-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-menu-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-right-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-text,button.s-button-priority-link:active:not(:disabled) .s-button-icon,button.s-button-priority-link:active:not(:disabled) .s-button-menu-icon,button.s-button-priority-link:active:not(:disabled) .s-button-right-icon,button.s-button-priority-link:active:not(:disabled) .s-button-text{color:#245682}.s-button--slide.s-button-with-icon.s-button-multiple,.s-button--slide.s-button-with-text{min-width:40px}.s-button--slide .s-button-text{position:absolute;opacity:0;width:0}.s-button--slide:hover .s-button-text{transition:1s;position:relative;opacity:1;width:auto}.s-button--slide:hover.s-button--rotate-animation .s-button-icon,.s-button--slide:hover.s-button--rotate-animation .s-button-right-icon{transition:1.5s;transform:rotate(360deg)}"]
+    })
+], ButtonComponent);
+
+let ButtonModule = class ButtonModule {
+};
+ButtonModule = __decorate([
+    NgModule({
+        imports: [CommonModule, RouterModule, TieredMenuModule, TooltipModule$1],
+        declarations: [ButtonComponent],
+        exports: [ButtonComponent],
+    })
+], ButtonModule);
+
+let CalendarMaskDirective = class CalendarMaskDirective {
+    constructor(host, renderer) {
+        this.host = host;
+        this.renderer = renderer;
+        this.SELECTORS = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
+        this.slotChar = "_";
+        this.autoClear = false;
+        this.firstTime = true;
+    }
+    setListeners() {
+        this.input = this.host.inputfieldViewChild.nativeElement;
+        this.value = this.input.value;
+        this.focusListener = this.renderer.listen(this.input, "focus", () => {
+            this.onInputFocus();
+        });
+        this.blurListener = this.renderer.listen(this.input, "blur", (event) => {
+            this.onInputBlur(event);
+        });
+        this.keydownListener = this.renderer.listen(this.input, "keydown", (event) => {
+            this.onKeyDown(event);
+        });
+        this.keypressListener = this.renderer.listen(this.input, "keypress", (event) => {
+            this.onKeyPress(event);
+        });
+        this.inputListener = this.renderer.listen(this.input, "input", (event) => {
+            this.onInputChange(event);
+        });
+        this.pasteListener = this.renderer.listen(this.input, "paste", (event) => {
+            this.handleInputChange(event);
+        });
+    }
+    ngOnInit() {
+        const ua = navigator.userAgent;
+        this.androidChrome = /chrome/i.test(ua) && /android/i.test(ua);
+        this.createMaskFromDateFormat();
+        this.initMask();
+    }
+    get mask() {
+        return this._mask;
+    }
+    set mask(val) {
+        this._mask = val;
+        this.initMask();
+        this.writeValue("");
+    }
+    writeValue(value) {
+        this.value = value;
+        if (this.input) {
+            if (this.value == undefined) {
+                this.input.value = "";
+            }
+            else {
+                this.input.value = this.value;
+            }
+            this.checkVal();
+            this.focusText = this.input.value;
+            this.updateFilledState();
+        }
+    }
+    onInputBlur(e) {
+        this.checkVal();
+        this.updateFilledState();
+        if (this.value != this.focusText) {
+            if (!this.input.disabled &&
+                (this.value === undefined || this.value === null || this.value.indexOf(this.slotChar) >= 0)) {
+                this.value = "";
+                e.target.value = "";
+                this.host.updateModel(null);
+            }
+            this.updateModel(e);
+            const event = document.createEvent("HTMLEvents");
+            event.initEvent("change", true, false);
+            this.input.dispatchEvent(event);
+        }
+    }
+    onKeyDown(e) {
+        if (this.host.readonlyInput) {
+            return;
+        }
+        const k = e.which || e.keyCode;
+        const iPhone = /iphone/i.test(navigator.userAgent);
+        let pos;
+        let begin;
+        let end;
+        this.oldVal = this.input.value;
+        // Backspace, delete, and escape get special treatment
+        if (k === 8 || k === 46 || (iPhone && k === 127)) {
+            pos = this.caret();
+            begin = pos.begin;
+            end = pos.end;
+            if (end - begin === 0) {
+                begin = k !== 46 ? this.seekPrev(begin) : (end = this.seekNext(begin - 1));
+                end = k === 46 ? this.seekNext(end) : end;
+            }
+            this.clearBuffer(begin, end);
+            this.shiftL(begin, end - 1);
+            this.updateModel(e);
+            e.preventDefault();
+        }
+        else if (k === 13) {
+            // Enter
+            this.onInputBlur(e);
+            this.updateModel(e);
+        }
+        else if (k === 27) {
+            // Escape
+            this.input.value = this.focusText;
+            this.caret(0, this.checkVal());
+            this.updateModel(e);
+            e.preventDefault();
+        }
+    }
+    onKeyPress(e) {
+        if (this.host.readonlyInput)
+            return;
+        const k = e.which || e.keyCode;
+        const pos = this.caret();
+        let p;
+        let c;
+        let next;
+        if (e.ctrlKey || e.altKey || e.metaKey || k < 32 || (k > 34 && k < 41)) {
+            // Ignore
+            return;
+        }
+        else if (k && k !== 13) {
+            if (pos.end - pos.begin !== 0) {
+                this.clearBuffer(pos.begin, pos.end);
+                this.shiftL(pos.begin, pos.end - 1);
+            }
+            p = this.seekNext(pos.begin - 1);
+            if (p < this.len) {
+                c = String.fromCharCode(k);
+                if (this.tests[p].test(c)) {
+                    this.shiftR(p);
+                    this.buffer[p] = c;
+                    this.writeBuffer();
+                    next = this.seekNext(p);
+                    if (/android/i.test(navigator.userAgent)) {
+                        // Path for CSP Violation on FireFox OS 1.1
+                        const proxy = () => {
+                            this.caret(next);
+                        };
+                        setTimeout(proxy, 0);
+                    }
+                    else {
+                        this.caret(next);
+                    }
+                }
+            }
+            e.preventDefault();
+        }
+        this.updateModel(e);
+        this.updateFilledState();
+    }
+    checkVal(allow) {
+        // Try to place characters where they belong
+        const test = this.input.value;
+        let lastMatch = -1;
+        let i;
+        let c;
+        let pos = 0;
+        for (i = 0; i < this.len; i++) {
+            if (this.tests[i]) {
+                this.buffer[i] = this.getPlaceholder(i);
+                while (pos++ < test.length) {
+                    c = test.charAt(pos - 1);
+                    if (this.tests[i].test(c)) {
+                        this.buffer[i] = c;
+                        lastMatch = i;
+                        break;
+                    }
+                }
+                if (pos > test.length) {
+                    this.clearBuffer(i + 1, this.len);
+                    break;
+                }
+            }
+            else {
+                if (this.buffer[i] === test.charAt(pos)) {
+                    pos++;
+                }
+                if (i < this.partialPosition) {
+                    lastMatch = i;
+                }
+            }
+        }
+        if (allow) {
+            this.writeBuffer();
+        }
+        else if (lastMatch + 1 < this.partialPosition) {
+            if (this.autoClear || this.buffer.join("") === this.defaultBuffer) {
+                // Invalid value. Remove it and replace it with the
+                // mask, which is the default behavior.
+                if (this.input.value) {
+                    this.input.value = "";
+                }
+                this.clearBuffer(0, this.len);
+            }
+            else {
+                // Invalid value, but we opt to show the value to the
+                // user and allow them to correct their mistake.
+                this.writeBuffer();
+            }
+        }
+        else {
+            this.writeBuffer();
+            this.input.value = this.input.value.substring(0, lastMatch + 1);
+        }
+        return this.partialPosition ? i : this.firstNonMaskPos;
+    }
+    onInputFocus() {
+        if (this.host.readonlyInput)
+            return;
+        clearTimeout(this.caretTimeoutId);
+        let pos;
+        this.focusText = this.input.value;
         pos = this.checkVal();
         this.caretTimeoutId = setTimeout(() => {
             if (this.input !== document.activeElement) {
@@ -2609,1604 +3178,1228 @@ let LookupComponent = LookupComponent_1 = class LookupComponent {
     ngAfterViewInit() {
         this.autocomplete.onOverlayAnimationDone = (event) => { };
     }
-    ngOnChanges(changes) {
-        if (this.dialogVisible && changes.searchGridData) {
-            this.loading = false;
-        }
-        this._setFocusFilter();
-    }
-    ngOnDestroy() {
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
-    }
-    getGridData() {
-        return this.searchGridData;
-    }
-    getLookupSuggestions() {
-        return this.lookupSuggestions;
-    }
-    makeSearchRequestParams(event) {
-        const filters = this.formGroupDialog.getRawValue();
-        const params = Object.assign(Object.assign({}, event), { filterData: filters });
-        const { multiSortMeta } = event;
-        this.multiSortMeta = multiSortMeta || this.multiSortMeta;
-        return params;
-    }
-    lazyLoadGrid(event) {
-        // Ao definir uma ordenação na tabela do lookup esse método é chamado 2 vezes https://github.com/primefaces/primeng/issues/5480
-        const params = this.makeSearchRequestParams(event);
-        this.onSearchRequest.next(params);
-    }
-    lazyLoadLookup(event) {
-        this.onLookupRequest.next(event.query);
-    }
-    setDefaultFilters() {
-        if (!this.defaultFilter)
-            return;
-        this.defaultFilter
-            .filter(({ field }) => this.formGroupDialog.contains(field) &&
-            !this.formGroupDialog.get([field]).dirty)
-            .forEach(({ value, field }) => {
-            this.formGroupDialog
-                .get([field])
-                .patchValue(value instanceof Function ? value() : value);
-        });
-    }
-    showDialog() {
-        this.setDefaultFilters();
-        this.searchGridData = undefined;
-        this.onTouched();
-        this.hotkeysService.pause([...this.hotkeysService.hotkeys]);
-        this.setHotkeys();
-        let selected = [];
-        if (this.multiple && this.value) {
-            selected = selected.concat(this.value);
-        }
-        else if (this.value) {
-            selected = [this.value];
-        }
-        this.selected = selected;
-        this.loading = true;
-        this.dialogVisible = true;
-    }
-    hideDialog() {
-        const { inputEL, multiInputEL } = this.autocomplete;
-        this.dialogVisible = false;
-        this.collapsed = false;
-        this.hotkeysService.unpause([...this.hotkeysService.pausedHotkeys]);
-        if (this.multiple)
-            multiInputEL.nativeElement.focus();
-        else
-            inputEL.nativeElement.focus();
-    }
-    search() {
-        this.resetTable();
-        this.collapsed = true;
-        this.dialog.moveOnTop();
-    }
-    clear() {
-        this.formGroupDialog.reset(this.originalFormValues);
-        this.resetTable();
-    }
-    resetTable() {
-        this.table.reset();
-    }
-    select() {
-        if (!this.selected.length)
-            return;
-        const selected = this.selected && (this.multiple ? this.selected : this.selected[0]);
-        this.value = selected;
-        this.onSelect.next(selected);
-        this.hideDialog();
-    }
-    onSelectionChange(selected) {
-        if (!selected)
-            return;
-        if (Array.isArray(selected))
-            this.selected = selected;
-        else
-            this.selected = [selected];
-    }
-    registerOnChange(fn) {
-        this.onChange = (val) => {
-            this.writeValue(val);
-            fn(val);
-        };
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    writeValue(value) {
-        this.value = value;
-    }
-    setDisabledState(disabled) {
-        this.disabled = disabled;
-    }
-    getFieldValue(obj, path) {
-        return path.split(".").reduce((result, prop) => (result[prop] === undefined ? "" : result[prop]), obj);
-    }
-    getLabelForValue(value, options) {
-        if (!options)
-            return value;
-        const option = options.find(opt => opt.value === value);
-        return option ? option.label : value;
-    }
-    isBooleanValue(obj, path) {
-        const value = this.getFieldValue(obj, path);
-        if (value === true || value === false)
-            return true;
-        else
-            return false;
-    }
-    getBooleanLabel(obj, path, optionsLabel) {
-        const value = this.getFieldValue(obj, path);
-        if (value === true)
-            return optionsLabel.true;
-        else if (value === false)
-            return optionsLabel.false;
-        else
-            return this.emptyFieldLabel;
-    }
-    isNumber(obj, path) {
-        return !(new BigNumber(this.getFieldValue(obj, path)).isNaN());
-    }
-    setHotkeys() {
-        const clearHotkey = this.newHotkey("alt+shift+l", this.clear.bind(this));
-        const findHotkey = this.newHotkey("alt+shift+f", this.search.bind(this));
-        const hideHotkey = this.newHotkey("alt+shift+c", this.hideDialog.bind(this));
-        const selectHotkey = this.newHotkey("alt+shift+s", this.select.bind(this));
-        const bindedHotkeys = [clearHotkey, findHotkey, hideHotkey, selectHotkey];
-        bindedHotkeys.forEach((hotkey) => this.hotkeysService.add(hotkey));
-    }
-    newHotkey(combo, fn) {
-        return new Hotkey(combo, () => {
-            fn();
-            return false;
-        }, ["INPUT", "SELECT", "TEXTAREA"]);
-    }
-    filterToggle() {
-        if (this.animating)
-            return;
-        this.animating = true;
-        this.collapsed = !this.collapsed;
-    }
-    onToggleDone() {
-        this.animating = false;
-    }
-    /**
-     * Calculate the table column size. The minimum value is 14.286em, which is equals to 200px duo to the current font size.
-     * @param label Column name.
-     */
-    getColWidth(label) {
-        const size = label.length;
-        if (size < 14.286)
-            return `14.286em`;
-        return `${size}em`;
-    }
-    getScale(scale) {
-        return this.isFunction(scale) ? scale() : scale;
-    }
-    isFunction(value) {
-        return value instanceof Function;
-    }
-    getIntegerMaskConfig(col) {
-        var _a;
-        return {
-            scale: 0,
-            thousandsSeparator: (_a = col.numberLocaleOptions) === null || _a === void 0 ? void 0 : _a.thousandsSeparator,
-            prefix: "",
-        };
+    ngOnChanges(changes) {
+        if (this.dialogVisible && changes.searchGridData) {
+            this.loading = false;
+        }
+        this._setFocusFilter();
     }
-    getDoubleMaskConfig(col) {
-        var _a, _b;
-        return {
-            scale: this.getScale(col.scale),
-            decimalSeparator: (_a = col.numberLocaleOptions) === null || _a === void 0 ? void 0 : _a.decimalSeparator,
-            thousandsSeparator: (_b = col.numberLocaleOptions) === null || _b === void 0 ? void 0 : _b.thousandsSeparator,
-            prefix: "",
-        };
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
     }
-    getMoneyMaskConfig(col) {
-        var _a, _b, _c;
-        return {
-            scale: this.getScale(col.scale),
-            decimalSeparator: (_a = col.numberLocaleOptions) === null || _a === void 0 ? void 0 : _a.decimalSeparator,
-            thousandsSeparator: (_b = col.numberLocaleOptions) === null || _b === void 0 ? void 0 : _b.thousandsSeparator,
-            prefix: (_c = col.numberLocaleOptions) === null || _c === void 0 ? void 0 : _c.currencySymbol,
-        };
+    getGridData() {
+        return this.searchGridData;
     }
-    getNumberMaskConfig(col) {
-        var _a, _b, _c;
-        return {
-            scale: this.getScale(col.scale),
-            decimalSeparator: (_a = col.numberLocaleOptions) === null || _a === void 0 ? void 0 : _a.decimalSeparator,
-            thousandsSeparator: (_b = col.numberLocaleOptions) === null || _b === void 0 ? void 0 : _b.thousandsSeparator,
-            prefix: (_c = col.numberLocaleOptions) === null || _c === void 0 ? void 0 : _c.currencySymbol
-        };
+    getLookupSuggestions() {
+        return this.lookupSuggestions;
     }
-    onTableRowDoubleClick(rowData) {
-        this.selected = [rowData];
-        this.select();
+    makeSearchRequestParams(event) {
+        const filters = this.formGroupDialog.getRawValue();
+        const params = Object.assign(Object.assign({}, event), { filterData: filters });
+        const { multiSortMeta } = event;
+        this.multiSortMeta = multiSortMeta || this.multiSortMeta;
+        return params;
     }
-    _setFocusFilter() {
-        var _a, _b, _c;
-        if (this.dialogVisible && !this.collapsed) {
-            const input = (_c = (_b = (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.contentViewChild) === null || _b === void 0 ? void 0 : _b.nativeElement) === null || _c === void 0 ? void 0 : _c.getElementsByTagName('input')[0];
-            if (input) {
-                input.focus();
-            }
-        }
+    lazyLoadGrid(event) {
+        // Ao definir uma ordenação na tabela do lookup esse método é chamado 2 vezes https://github.com/primefaces/primeng/issues/5480
+        const params = this.makeSearchRequestParams(event);
+        this.onSearchRequest.next(params);
     }
-};
-LookupComponent.nextId = 0;
-LookupComponent.ctorParameters = () => [
-    { type: HotkeysService }
-];
-__decorate([
-    Input()
-], LookupComponent.prototype, "formControlName", void 0);
-__decorate([
-    Input()
-], LookupComponent.prototype, "id", void 0);
-__decorate([
-    Input()
-], LookupComponent.prototype, "autocompleteForceSelection", void 0);
-__decorate([
-    Input()
-], LookupComponent.prototype, "multiple", void 0);
-__decorate([
-    Input()
-], LookupComponent.prototype, "dataKey", void 0);
-__decorate([
-    Input()
-], LookupComponent.prototype, "required", void 0);
-__decorate([
-    Input()
-], LookupComponent.prototype, "disabled", void 0);
-__decorate([
-    Input()
-], LookupComponent.prototype, "showSearch", void 0);
-__decorate([
-    Input()
-], LookupComponent.prototype, "lookupSuggestions", void 0);
-__decorate([
-    Input()
-], LookupComponent.prototype, "lookupDisplayField", void 0);
-__decorate([
-    Input()
-], LookupComponent.prototype, "lookupDisplayFieldTooltip", void 0);
-__decorate([
-    Input()
-], LookupComponent.prototype, "lookupEmptyMessage", void 0);
-__decorate([
-    Input()
-], LookupComponent.prototype, "lookupAppendTo", void 0);
-__decorate([
-    Input()
-], LookupComponent.prototype, "searchTitle", void 0);
-__decorate([
-    Input()
-], LookupComponent.prototype, "searchEmptyTitle", void 0);
-__decorate([
-    Input()
-], LookupComponent.prototype, "searchEmptyDescription", void 0);
-__decorate([
-    Input()
-], LookupComponent.prototype, "searchGridData", void 0);
-__decorate([
-    Input()
-], LookupComponent.prototype, "searchTotalRecords", void 0);
-__decorate([
-    Input()
-], LookupComponent.prototype, "searchFields", void 0);
-__decorate([
-    Input()
-], LookupComponent.prototype, "searchGridFields", void 0);
-__decorate([
-    Input()
-], LookupComponent.prototype, "multiSortMeta", void 0);
-__decorate([
-    Input()
-], LookupComponent.prototype, "filterTitle", void 0);
-__decorate([
-    Input()
-], LookupComponent.prototype, "filterLabel", void 0);
-__decorate([
-    Input()
-], LookupComponent.prototype, "clearLabel", void 0);
-__decorate([
-    Input()
-], LookupComponent.prototype, "cancelLabel", void 0);
-__decorate([
-    Input()
-], LookupComponent.prototype, "selectLabel", void 0);
-__decorate([
-    Input()
-], LookupComponent.prototype, "emptyFieldLabel", void 0);
-__decorate([
-    Input()
-], LookupComponent.prototype, "recordLabel", void 0);
-__decorate([
-    Input()
-], LookupComponent.prototype, "recordsLabel", void 0);
-__decorate([
-    Input()
-], LookupComponent.prototype, "placeholder", void 0);
-__decorate([
-    Input()
-], LookupComponent.prototype, "searchTotalRecordsLabel", void 0);
-__decorate([
-    Input()
-], LookupComponent.prototype, "sortableColumnsDisabled", void 0);
-__decorate([
-    Input()
-], LookupComponent.prototype, "lookupRowProps", void 0);
-__decorate([
-    Input()
-], LookupComponent.prototype, "defaultFilter", void 0);
-__decorate([
-    Output()
-], LookupComponent.prototype, "onLookupRequest", void 0);
-__decorate([
-    Output()
-], LookupComponent.prototype, "onSearchRequest", void 0);
-__decorate([
-    Output()
-], LookupComponent.prototype, "onFocus", void 0);
-__decorate([
-    Output()
-], LookupComponent.prototype, "onBlur", void 0);
-__decorate([
-    Output()
-], LookupComponent.prototype, "onKeyUp", void 0);
-__decorate([
-    Output()
-], LookupComponent.prototype, "onSelect", void 0);
-__decorate([
-    Output()
-], LookupComponent.prototype, "onUnselect", void 0);
-__decorate([
-    Output()
-], LookupComponent.prototype, "onClear", void 0);
-__decorate([
-    ViewChild(Table, { static: false })
-], LookupComponent.prototype, "table", void 0);
-__decorate([
-    ViewChild(Dialog, { static: false })
-], LookupComponent.prototype, "dialog", void 0);
-__decorate([
-    ViewChild(AutoComplete, { static: false })
-], LookupComponent.prototype, "autocomplete", void 0);
-LookupComponent = LookupComponent_1 = __decorate([
-    Component({
-        selector: "s-lookup",
-        template: "<div [ngClass]=\"{ inputgroup: showSearch }\">\n    <p-autoComplete\n        #autocomplete\n        [(ngModel)]=\"value\"\n        [disabled]=\"disabled\"\n        [dataKey]=\"dataKey\"\n        [multiple]=\"multiple\"\n        [inputId]=\"id + '-autocomplete'\"\n        [forceSelection]=\"autocompleteForceSelection\"\n        [suggestions]=\"getLookupSuggestions()\"\n        (completeMethod)=\"lazyLoadLookup($event)\"\n        (onSelect)=\"onSelect.next($event)\"\n        (onBlur)=\"onBlur.next($event)\"\n        (onFocus)=\"onFocus.next($event)\"\n        (onUnselect)=\"onUnselect.next($event)\"\n        (onClear)=\"onClear.next($event)\"\n        (onKeyUp)=\"onKeyUp.next($event)\"\n        [field]=\"lookupDisplayField\"\n        [emptyMessage]=\"lookupEmptyMessage\"\n        [dropdown]=\"!showSearch\"\n        [appendTo]=\"lookupAppendTo\"\n        [placeholder]=\"placeholder || ' '\"\n        [autoHighlight]=\"true\"\n        inputStyleClass=\"mousetrap\">\n        <ng-template let-item pTemplate=\"selectedItem\">\n            <span\n                class=\"ui-autocomplete-token-label ng-tns-c65-43 ng-star-inserted\"\n                [sTooltip]=\"lookupDisplayFieldTooltip ? item[lookupDisplayField] : null\"\n                tooltipPosition=\"top\">\n                {{item[lookupDisplayField]}}\n            </span>\n        </ng-template>\n    </p-autoComplete>\n    <button\n        *ngIf=\"showSearch\"\n        pButton\n        type=\"button\"\n        icon=\"fa fa-search\"\n        class=\"button-addon\"\n        [disabled]=\"disabled\"\n        (click)=\"showDialog()\">\n    </button>\n</div>\n<p-dialog\n    appendTo=\"body\"\n    styleClass=\"s-lookup-modal\"\n    [header]=\"searchTitle\"\n    [(visible)]=\"dialogVisible\"\n    [modal]=\"true\"\n    (onHide)=\"hideDialog()\"\n    [blockScroll]=\"true\"\n    [focusOnShow]=\"true\"\n    [draggable]=\"false\"\n    [resizable]=\"false\"\n    #dialog>\n    <div\n        *ngIf=\"dialogVisible\"\n        class=\"s-lookup-modal-container\">\n        <div\n            *ngIf=\"searchFields && searchFields.length\"\n            class=\"filter\"\n            [@collapseContent]=\"collapsed \n                ? { value: 'hidden', params: { transitionParams: transitionOptions } }\n                : { value: 'visible', params: { transitionParams: transitionOptions } }\"\n            (@collapseContent.done)=\"onToggleDone()\">\n            <form\n                [formGroup]=\"formGroupDialog\"\n                novalidate\n                autocomplete=\"off\">\n                <div\n                    *ngIf=\"!collapsed\"\n                    class=\"form-content\"\n                    [@childCollapseContent]=\"collapsed\n                        ? { value: ':leave', params: { transitionParams: transitionOptions } }\n                        : { value: ':enter', params: { transitionParams: transitionOptions } }\">\n                    <div class=\"filter-title sds-section-title\">{{ filterTitle }}</div>\n                    <div class=\"form-fields\">\n                        <s-dynamic-form\n                            [fields]=\"searchFields\"\n                            [form]=\"formGroupDialog\">\n                        </s-dynamic-form>\n                    </div>\n                    <div class=\"ui-g\">\n                        <div class=\"ui-g-12\">\n                            <s-button\n                                [id]=\"id + '-filter-button'\"\n                                type=\"submit\"\n                                [label]=\"filterLabel\"\n                                (onClick)=\"search()\"\n                                sTooltip=\"(ALT + SHIFT + F)\"\n                                tooltipPosition=\"top\"\n                                showDelay=\"500\">\n                            </s-button>\n                            <s-button\n                                [id]=\"id + '-clear-button'\"\n                                type=\"button\"\n                                [label]=\"clearLabel\"\n                                (onClick)=\"clear()\"\n                                priority=\"link\"\n                                sTooltip=\"(ALT + SHIFT + L)\"\n                                tooltipPosition=\"top\"\n                                showDelay=\"500\">\n                            </s-button>\n                        </div>\n                    </div>\n                </div>\n            </form>\n        </div>\n        <div\n            *ngIf=\"searchFields && searchFields.length\"\n            class=\"filter-toggle\">\n            <div class=\"filter-toggle--start-border-mask\"></div>\n            <button\n                [id]=\"id + '-filter-toggle-button'\"\n                type=\"button\"\n                (click)=\"filterToggle()\">\n                <span\n                    class=\"fa\"\n                    [ngClass]=\"{'fa-chevron-left': !collapsed, 'fa-chevron-right': collapsed}\"\n                    aria-hidden=\"true\">\n                </span>\n            </button>\n            <div class=\"filter-toggle--end-border-mask\"></div>\n        </div>\n        <div\n            class=\"content\"\n            [ngClass]=\"{'empty-content': !searchTotalRecords && !loading}\">\n            <s-empty-state\n                [id]=\"id + '-empty-state'\"\n                *ngIf=\"!searchTotalRecords && !loading\"\n                [title]=\"searchEmptyTitle\"\n                [description]=\"searchEmptyDescription\"\n                iconClass=\"fa fa-search\">\n            </s-empty-state>\n            <p-table\n                [dataKey]=\"dataKey\"\n                [value]=\"getGridData()\"\n                [columns]=\"searchGridFields\"\n                [lazy]=\"true\"\n                [scrollable]=\"true\"\n                [paginator]=\"true\"\n                sortMode=\"multiple\"\n                [totalRecords]=\"searchTotalRecords\"\n                [rows]=\"10\"\n                [selection]=\"selected\"\n                (onLazyLoad)=\"lazyLoadGrid($event)\"\n                *sLoadingState=\"loading\"\n                [multiSortMeta]=\"multiSortMeta\"\n                [attr.data-hidden]=\"!searchTotalRecords && !loading\"\n                [selectionMode]=\"multiple ? 'multiple' : 'single'\"\n                (selectionChange)=\"onSelectionChange($event)\">\n                <ng-template pTemplate=\"colgroup\" let-columns>\n                    <colgroup>\n                        <col\n                            *ngIf=\"multiple\"\n                            style=\"width: 50px\" />\n                        <col\n                            *ngFor=\"let col of columns\"\n                            [style.width]=\"col.width\" />\n                    </colgroup>\n                </ng-template>\n                <ng-template pTemplate=\"header\" let-columns>\n                    <tr>\n                        <th\n                            *ngIf=\"multiple\"\n                            style=\"width: 50px\">\n                            <s-table-header-checkbox\n                                [useAllObject]=\"lookupRowProps ? false : true\"\n                                [rowProps]=\"lookupRowProps\">\n                            </s-table-header-checkbox>\n                        </th>\n                        <th\n                            [style.width]=\"col.width\"\n                            *ngFor=\"let col of columns\"\n                            [pSortableColumn]=\"col.name\"\n                            [pSortableColumnDisabled]=\"sortableColumnsDisabled?.includes(col.name)\">\n                            <div class=\"senior-header\">\n                                <span class=\"senior-header-title\">{{ col.label }}</span>\n                                <p-sortIcon\n                                    [field]=\"col.name\"\n                                    *ngIf=\"!sortableColumnsDisabled?.includes(col.name)\">\n                                </p-sortIcon>\n                            </div>\n                        </th>\n                    </tr>\n                </ng-template>\n                <ng-template\n                    pTemplate=\"body\"\n                    let-rowData\n                    let-columns\n                    let-rowIndex=\"rowIndex\">\n                    <tr\n                        sNavigation\n                        [pSelectableRow]=\"rowData\"\n                        [pSelectableRowIndex]=\"rowIndex\"\n                        sDoubleClick (onDoubleClick)=\"onTableRowDoubleClick(rowData)\">\n                        <td\n                            *ngIf=\"multiple\"\n                            style=\"width: 50px\"\n                            tabindex=\"0\">\n                            <p-tableCheckbox\n                                [value]=\"rowData\"\n                                [pSelectableRow]=\"rowData\">\n                            </p-tableCheckbox>\n                        </td>\n                        <td\n                            [style.width]=\"col['width']\"\n                            *ngFor=\"let col of searchGridFields\"\n                            [ngSwitch]=\"col.type\"\n                            tabindex=\"0\">\n                            <ng-container *ngSwitchCase=\"'Boolean'\">\n                                <ng-container *ngIf=\"isBooleanValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getBooleanLabel(rowData, col.name, col.optionsLabel) }}</span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Date'\">\n                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getFieldValue(rowData, col.name) | localizedDate: col.calendarLocaleOptions?.dateFormat || \"L\" | async }}</span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'DateTime'\">\n                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getFieldValue(rowData, col.name) | localizedDate | async }}</span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'LocalDateTime'\">\n                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getFieldValue(rowData, col.name) | localizedDate | async }}</span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Time'\">\n                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getFieldValue(rowData, col.name) | localizedTime: col.calendarLocaleOptions?.dateFormat || \"LTS\" | async }}</span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Integer'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getIntegerMaskConfig(col) | async }} </span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Double'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getDoubleMaskConfig(col) | async }} </span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Money'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getMoneyMaskConfig(col) | async }} </span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Number'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getNumberMaskConfig(col) | async }} </span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Enum'\">\n                                <ng-container\n                                    *ngIf=\"getLabelForValue(getFieldValue(rowData, col.name), col.options); else emptyTemplate\"\n                                >\n                                    <span> {{ getLabelForValue(getFieldValue(rowData, col.name), col.options) }} </span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchDefault>\n                                <ng-container *ngIf=\"col.mask && col.mask()\">\n                                    <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name))\">\n                                        <span>{{ getFieldValue(rowData, col.name) | sMaskFormatter: col.mask() }}</span>\n                                    </ng-container>\n                                </ng-container>\n                                <ng-container *ngIf=\"!(col.mask && col.mask())\">\n                                    <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name)); else emptyTemplate\">\n                                        <span>{{ getFieldValue(rowData, col.name) }}</span>\n                                    </ng-container>\n                                </ng-container>\n                            </ng-container>\n                        </td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"paginatorright\">\n                    <span [attr.data-hidden]=\"loading\">\n                        {{ printRecordTotalizer() }}\n                    </span>\n                </ng-template>\n            </p-table>\n        </div>\n    </div>\n    <p-footer>\n        <s-button\n            [id]=\"id + '-select-button'\"\n            type=\"button\"\n            [label]=\"selectLabel\"\n            (onClick)=\"select()\"\n            sTooltip=\"(ALT + SHIFT + S)\"\n            tooltipPosition=\"top\"\n            showDelay=\"500\"\n            [disabled]=\"!selected?.length\">\n        </s-button>\n        <s-button\n            [id]=\"id + '-cancel-button'\"\n            type=\"button\"\n            priority=\"link\"\n            [label]=\"cancelLabel\"\n            (onClick)=\"hideDialog()\"\n            sTooltip=\"(ALT + SHIFT + C)\"\n            tooltipPosition=\"top\"\n            showDelay=\"500\">\n        </s-button>\n    </p-footer>\n</p-dialog>\n<ng-template #emptyTemplate>\n    <span [ngClass]=\"'sds-empty-value'\">{{ emptyFieldLabel }}</span>\n</ng-template>\n",
-        providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => LookupComponent_1),
-                multi: true,
-            },
-        ],
-        encapsulation: ViewEncapsulation.None,
-        animations: [
-            trigger("collapseContent", [
-                state("hidden", style$7({
-                    width: "10px",
-                    padding: 0,
-                })),
-                state("visible", style$7({
-                    width: "*",
-                })),
-                transition("visible <=> hidden", [group([query("@childCollapseContent", animateChild()), animate("{{transitionParams}}")])]),
-            ]),
-            trigger("childCollapseContent", [
-                state(":leave", style$7({
-                    opacity: 0,
-                })),
-                state(":enter", style$7({
-                    opacity: 1,
-                })),
-                transition("* <=> *", animate("{{transitionParams}}")),
-            ]),
-        ],
-        styles: ["s-lookup.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-lookup .ui-inputtext{border-top-right-radius:0;border-bottom-right-radius:0}s-lookup .inputgroup p-autocomplete+button,s-lookup p-autocomplete .ui-autocomplete-dropdown.ui-button{background-color:#fff;border-color:#ccc;border-width:1px 1px 1px 0;color:#333;min-height:34px;height:auto!important;min-width:auto;width:34px!important;overflow:hidden;border-top-left-radius:0;border-bottom-left-radius:0}.ui-fluid s-lookup .inputgroup,s-lookup p-autocomplete span.ui-autocomplete-multiple{display:-ms-flexbox;display:flex}.ui-fluid s-lookup .inputgroup p-autocomplete{display:inline-block}.ui-fluid s-lookup .inputgroup p-autocomplete,.ui-fluid s-lookup p-autocomplete .ui-autocomplete-input{width:calc(100% - 34px)}.ui-fluid s-lookup .inputgroup p-autocomplete .ui-autocomplete-input{width:100%}s-lookup .inputgroup p-autocomplete+button:enabled:hover,s-lookup .inputgroup p-autocomplete+button:focus{background-color:#e6e6e6;border-color:#ccc}s-lookup .inputgroup p-autocomplete .ui-widget .ui-inputtext{border-right-width:1px;border-right-style:solid}s-lookup .ui-autocomplete-input-token,s-lookup .ui-autocomplete-input-token input{width:100%}s-lookup .ui-autocomplete .ui-autocomplete-token{max-width:100%}s-lookup .ui-autocomplete .ui-autocomplete-token-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body .s-lookup-modal.ui-dialog .ui-dialog-content{padding:0;margin-bottom:0;max-height:none}s-lookup .ui-table-scrollable-body{min-width:100%}.s-lookup-modal{height:80%!important;max-width:100%!important;max-height:inherit!important;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:column;flex-direction:column}.s-lookup-modal .ui-dialog-content{height:auto!important;-ms-flex:1;flex:1;overflow:auto}.s-lookup-modal .ui-dialog-footer,.s-lookup-modal .ui-dialog-header{-ms-flex-negative:0;flex-shrink:0;border-radius:0 0 4px 4px}.s-lookup-modal .s-lookup-modal-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%}.s-lookup-modal .s-lookup-modal-container .filter{position:relative;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;width:85%;background-color:rgba(229,234,234,.5);height:100%;padding:.571rem}.s-lookup-modal .s-lookup-modal-container .filter form{width:100%;height:100%}.s-lookup-modal .s-lookup-modal-container .filter form .form-content{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.s-lookup-modal .s-lookup-modal-container .filter form .form-content .filter-title{padding-left:.5rem}.s-lookup-modal .s-lookup-modal-container .filter form .form-content .form-fields{overflow-y:auto}.s-lookup-modal .s-lookup-modal-container .filter-toggle{-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;width:34px;border-radius:0 4px 4px 0}.s-lookup-modal .s-lookup-modal-container .filter-toggle button{-ms-flex-align:center;align-items:center;position:relative;background-color:rgba(229,234,234,.5);height:34px;width:100%;border:1px solid #e5eaea;outline:0;border-left:none;border-radius:0 4px 4px 0;cursor:pointer;text-decoration:none;text-transform:none;padding:7px;transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out}.s-lookup-modal .s-lookup-modal-container .filter-toggle button:focus,.s-lookup-modal .s-lookup-modal-container .filter-toggle button:hover{background-color:rgba(201,211,211,.5);border-color:#c9d3d3}.s-lookup-modal .s-lookup-modal-container .filter-toggle--start-border-mask{height:15px;border-left:1px solid #e5eaea}.s-lookup-modal .s-lookup-modal-container .filter-toggle--end-border-mask{height:calc(100% - 49px);border-left:1px solid #e5eaea}.s-lookup-modal .s-lookup-modal-container .content{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:auto;flex-basis:auto;overflow-x:auto;padding:.5rem}.s-lookup-modal .s-lookup-modal-container .content.empty-content{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.s-lookup-modal .s-lookup-modal-container .content .s-loading-state-container,.s-lookup-modal .s-lookup-modal-container .content .s-loading-state-container .contents{height:100%}.s-lookup-modal .s-lookup-modal-container .content p-table{position:relative;height:100%}.s-lookup-modal .s-lookup-modal-container .content p-table .ui-table{height:100%}.s-lookup-modal .s-lookup-modal-container .content p-table .ui-table .ui-table-scrollable-wrapper{height:calc(100% - 60px)}.s-lookup-modal .s-lookup-modal-container .content p-table .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view{height:100%}.s-lookup-modal .s-lookup-modal-container .content p-table .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view .ui-table-scrollable-body{position:relative;height:calc(100% - 60px)}@media (max-width:767px){.s-lookup-modal{border:none!important;top:0!important;left:0!important;width:100%!important;height:100%!important}}@media (min-width:768px){.s-lookup-modal{width:80%!important}.s-lookup-modal .s-lookup-modal-container .filter{width:40%}}@media (min-width:1200px){.s-lookup-modal{width:60%!important}.s-lookup-modal .s-lookup-modal-container .filter{width:30%}}"]
-    })
-], LookupComponent);
-
-class BaseFieldComponent {
-    isFunction(value) {
-        return value instanceof Function;
+    lazyLoadLookup(event) {
+        this.onLookupRequest.next(event.query);
+    }
+    setDefaultFilters() {
+        if (!this.defaultFilter)
+            return;
+        this.defaultFilter
+            .filter(({ field }) => this.formGroupDialog.contains(field) &&
+            !this.formGroupDialog.get([field]).dirty)
+            .forEach(({ value, field }) => {
+            this.formGroupDialog
+                .get([field])
+                .patchValue(value instanceof Function ? value() : value);
+        });
     }
-    trigger(callback) {
-        return callback();
+    showDialog() {
+        this.setDefaultFilters();
+        this.searchGridData = undefined;
+        this.onTouched();
+        this.hotkeysService.pause([...this.hotkeysService.hotkeys]);
+        this.setHotkeys();
+        let selected = [];
+        if (this.multiple && this.value) {
+            selected = selected.concat(this.value);
+        }
+        else if (this.value) {
+            selected = [this.value];
+        }
+        this.selected = selected;
+        this.loading = true;
+        this.dialogVisible = true;
     }
-}
-
-var DynamicType;
-(function (DynamicType) {
-    DynamicType["Autocomplete"] = "Autocomplete";
-    DynamicType["Binary"] = "Binary";
-    DynamicType["Boolean"] = "Boolean";
-    DynamicType["Chips"] = "Chips";
-    DynamicType["Date"] = "Date";
-    DynamicType["DateTime"] = "DateTime";
-    DynamicType["LocalDateTime"] = "LocalDateTime";
-    DynamicType["Double"] = "Double";
-    DynamicType["Enum"] = "Enum";
-    DynamicType["Fieldset"] = "Fieldset";
-    DynamicType["Integer"] = "Integer";
-    DynamicType["Lookup"] = "Lookup";
-    DynamicType["Money"] = "Money";
-    DynamicType["Radio"] = "Radio";
-    DynamicType["Row"] = "Row";
-    DynamicType["Section"] = "Section";
-    DynamicType["String"] = "String";
-    DynamicType["Text"] = "Text";
-    DynamicType["Time"] = "Time";
-    DynamicType["Number"] = "Number";
-    DynamicType["Password"] = "Password";
-    DynamicType["Slider"] = "Slider";
-})(DynamicType || (DynamicType = {}));
-
-class Grid {
-    constructor(config) {
-        Object.assign(this, Object.assign({}, config));
+    hideDialog() {
+        const { inputEL, multiInputEL } = this.autocomplete;
+        this.dialogVisible = false;
+        this.collapsed = false;
+        this.hotkeysService.unpause([...this.hotkeysService.pausedHotkeys]);
+        if (this.multiple)
+            multiInputEL.nativeElement.focus();
+        else
+            inputEL.nativeElement.focus();
     }
-}
-
-class Row extends Grid {
-    constructor(config) {
-        super(config);
+    search() {
+        this.resetTable();
+        this.collapsed = true;
+        this.dialog.moveOnTop();
     }
-}
-
-class Structure {
-    constructor(config) {
-        Object.assign(this, Object.assign({}, config));
+    clear() {
+        this.formGroupDialog.reset(this.originalFormValues);
+        this.resetTable();
     }
-}
-
-class Fieldset extends Structure {
-    constructor(config) {
-        super(config);
-        Object.assign(this, Object.assign({}, config));
+    resetTable() {
+        this.table.reset();
     }
-}
-
-class Section extends Structure {
-    constructor(config) {
-        super(config);
+    select() {
+        if (!this.selected.length)
+            return;
+        const selected = this.selected && (this.multiple ? this.selected : this.selected[0]);
+        this.value = selected;
+        this.onSelect.next(selected);
+        this.hideDialog();
     }
-}
-
-class DynamicConfig {
-    constructor(config) {
-        const { type, representedBy } = config;
-        switch (type) {
-            case DynamicType.Autocomplete:
-                return new AutocompleteField(config);
-            case DynamicType.Binary:
-            case DynamicType.String:
-                return new TextField(config);
-            case DynamicType.Password:
-                return new PasswordField(config);
-            case DynamicType.Boolean:
-                if (representedBy === "switch") {
-                    return new BooleanSwitchField(config);
-                }
-                return new BooleanField(config);
-            case DynamicType.Chips:
-                return new ChipsField(config);
-            case DynamicType.Date:
-            case DynamicType.DateTime:
-            case DynamicType.LocalDateTime:
-            case DynamicType.Time:
-                return new CalendarField(config);
-            case DynamicType.Double:
-                return new DecimalField(config);
-            case DynamicType.Enum:
-                return new SelectField(config);
-            case DynamicType.Fieldset:
-                return new Fieldset(config);
-            case DynamicType.Integer:
-                return new NumberField(config);
-            case DynamicType.Number:
-                return new BignumberField(config);
-            case DynamicType.Lookup:
-                return new LookupField(config);
-            case DynamicType.Money:
-                return new CurrencyField(config);
-            case DynamicType.Radio:
-                return new RadioButtonField(config);
-            case DynamicType.Row:
-                return new Row(config);
-            case DynamicType.Section:
-                return new Section(config);
-            case DynamicType.Slider:
-                return new SliderField(config);
-            case DynamicType.Text:
-                return new TextAreaField(config);
-        }
+    onSelectionChange(selected) {
+        if (!selected)
+            return;
+        if (Array.isArray(selected))
+            this.selected = selected;
+        else
+            this.selected = [selected];
+    }
+    registerOnChange(fn) {
+        this.onChange = (val) => {
+            this.writeValue(val);
+            fn(val);
+        };
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    writeValue(value) {
+        this.value = value;
+    }
+    setDisabledState(disabled) {
+        this.disabled = disabled;
+    }
+    getFieldValue(obj, path) {
+        return path.split(".").reduce((result, prop) => (result[prop] === undefined ? "" : result[prop]), obj);
+    }
+    getLabelForValue(value, options) {
+        if (!options)
+            return value;
+        const option = options.find(opt => opt.value === value);
+        return option ? option.label : value;
+    }
+    isBooleanValue(obj, path) {
+        const value = this.getFieldValue(obj, path);
+        if (value === true || value === false)
+            return true;
+        else
+            return false;
+    }
+    getBooleanLabel(obj, path, optionsLabel) {
+        const value = this.getFieldValue(obj, path);
+        if (value === true)
+            return optionsLabel.true;
+        else if (value === false)
+            return optionsLabel.false;
+        else
+            return this.emptyFieldLabel;
+    }
+    isNumber(obj, path) {
+        return !(new BigNumber(this.getFieldValue(obj, path)).isNaN());
+    }
+    setHotkeys() {
+        const clearHotkey = this.newHotkey("alt+shift+l", this.clear.bind(this));
+        const findHotkey = this.newHotkey("alt+shift+f", this.search.bind(this));
+        const hideHotkey = this.newHotkey("alt+shift+c", this.hideDialog.bind(this));
+        const selectHotkey = this.newHotkey("alt+shift+s", this.select.bind(this));
+        const bindedHotkeys = [clearHotkey, findHotkey, hideHotkey, selectHotkey];
+        bindedHotkeys.forEach((hotkey) => this.hotkeysService.add(hotkey));
+    }
+    newHotkey(combo, fn) {
+        return new Hotkey(combo, () => {
+            fn();
+            return false;
+        }, ["INPUT", "SELECT", "TEXTAREA"]);
+    }
+    filterToggle() {
+        if (this.animating)
+            return;
+        this.animating = true;
+        this.collapsed = !this.collapsed;
+    }
+    onToggleDone() {
+        this.animating = false;
+    }
+    /**
+     * Calculate the table column size. The minimum value is 14.286em, which is equals to 200px duo to the current font size.
+     * @param label Column name.
+     */
+    getColWidth(label) {
+        const size = label.length;
+        if (size < 14.286)
+            return `14.286em`;
+        return `${size}em`;
+    }
+    getScale(scale) {
+        return this.isFunction(scale) ? scale() : scale;
+    }
+    isFunction(value) {
+        return value instanceof Function;
+    }
+    getIntegerMaskConfig(col) {
+        var _a;
+        return {
+            scale: 0,
+            thousandsSeparator: (_a = col.numberLocaleOptions) === null || _a === void 0 ? void 0 : _a.thousandsSeparator,
+            prefix: "",
+        };
+    }
+    getDoubleMaskConfig(col) {
+        var _a, _b;
+        return {
+            scale: this.getScale(col.scale),
+            decimalSeparator: (_a = col.numberLocaleOptions) === null || _a === void 0 ? void 0 : _a.decimalSeparator,
+            thousandsSeparator: (_b = col.numberLocaleOptions) === null || _b === void 0 ? void 0 : _b.thousandsSeparator,
+            prefix: "",
+        };
+    }
+    getMoneyMaskConfig(col) {
+        var _a, _b, _c;
+        return {
+            scale: this.getScale(col.scale),
+            decimalSeparator: (_a = col.numberLocaleOptions) === null || _a === void 0 ? void 0 : _a.decimalSeparator,
+            thousandsSeparator: (_b = col.numberLocaleOptions) === null || _b === void 0 ? void 0 : _b.thousandsSeparator,
+            prefix: (_c = col.numberLocaleOptions) === null || _c === void 0 ? void 0 : _c.currencySymbol,
+        };
     }
-}
-
-let DynamicFormComponent = class DynamicFormComponent {
-    constructor() {
-        this.errorMessages = {};
+    getNumberMaskConfig(col) {
+        var _a, _b, _c;
+        return {
+            scale: this.getScale(col.scale),
+            decimalSeparator: (_a = col.numberLocaleOptions) === null || _a === void 0 ? void 0 : _a.decimalSeparator,
+            thousandsSeparator: (_b = col.numberLocaleOptions) === null || _b === void 0 ? void 0 : _b.thousandsSeparator,
+            prefix: (_c = col.numberLocaleOptions) === null || _c === void 0 ? void 0 : _c.currencySymbol
+        };
+    }
+    onTableRowDoubleClick(rowData) {
+        this.selected = [rowData];
+        this.select();
+    }
+    _setFocusFilter() {
+        var _a, _b, _c;
+        if (this.dialogVisible && !this.collapsed) {
+            const input = (_c = (_b = (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.contentViewChild) === null || _b === void 0 ? void 0 : _b.nativeElement) === null || _c === void 0 ? void 0 : _c.getElementsByTagName('input')[0];
+            if (input) {
+                input.focus();
+            }
+        }
     }
 };
+LookupComponent.nextId = 0;
+LookupComponent.ctorParameters = () => [
+    { type: HotkeysService }
+];
 __decorate([
     Input()
-], DynamicFormComponent.prototype, "id", void 0);
+], LookupComponent.prototype, "formControlName", void 0);
 __decorate([
     Input()
-], DynamicFormComponent.prototype, "configs", void 0);
+], LookupComponent.prototype, "id", void 0);
 __decorate([
     Input()
-], DynamicFormComponent.prototype, "fields", void 0);
+], LookupComponent.prototype, "autocompleteForceSelection", void 0);
 __decorate([
     Input()
-], DynamicFormComponent.prototype, "form", void 0);
+], LookupComponent.prototype, "multiple", void 0);
 __decorate([
     Input()
-], DynamicFormComponent.prototype, "errorMessages", void 0);
+], LookupComponent.prototype, "dataKey", void 0);
 __decorate([
     Input()
-], DynamicFormComponent.prototype, "displayTimeInfoSign", void 0);
-DynamicFormComponent = __decorate([
-    Component({
-        selector: "s-dynamic-form",
-        template: "<div *ngIf=\"configs; else templateFields\">\n    <ng-container *ngFor=\"let config of configs\">\n        <ng-container *sDynamicForm=\"{ id: id, config: config, group: form, errorMessages: errorMessages }\"></ng-container>\n    </ng-container>\n</div>\n\n<ng-template #templateFields>\n    <s-dynamic-field [id]=\"id\" [fields]=\"fields\" [form]=\"form\" [errorMessages]=\"errorMessages\" [displayTimeInfoSign]=\"displayTimeInfoSign\"></s-dynamic-field>\n</ng-template>\n",
-        encapsulation: ViewEncapsulation.None,
-        styles: ["label.required:after{content:\" *\";color:#c13018}"]
-    })
-], DynamicFormComponent);
-
-var EmptyStateComponent_1;
-let EmptyStateComponent = EmptyStateComponent_1 = class EmptyStateComponent {
-    constructor() {
-        this.id = `s-empty-state-${EmptyStateComponent_1.nextId++}`;
-        this.iconClass = "fa fa-inbox";
-        this.showPrimaryAction = true;
-        this.showSecondaryAction = true;
-        this.primaryModel = [];
-        this.primaryAction = new EventEmitter();
-        this.secondaryAction = new EventEmitter();
-    }
-};
-EmptyStateComponent.nextId = 0;
+], LookupComponent.prototype, "required", void 0);
 __decorate([
     Input()
-], EmptyStateComponent.prototype, "id", void 0);
+], LookupComponent.prototype, "disabled", void 0);
 __decorate([
     Input()
-], EmptyStateComponent.prototype, "iconClass", void 0);
+], LookupComponent.prototype, "showSearch", void 0);
 __decorate([
     Input()
-], EmptyStateComponent.prototype, "title", void 0);
+], LookupComponent.prototype, "lookupSuggestions", void 0);
 __decorate([
     Input()
-], EmptyStateComponent.prototype, "description", void 0);
+], LookupComponent.prototype, "lookupDisplayField", void 0);
 __decorate([
     Input()
-], EmptyStateComponent.prototype, "showPrimaryAction", void 0);
+], LookupComponent.prototype, "lookupDisplayFieldTooltip", void 0);
 __decorate([
     Input()
-], EmptyStateComponent.prototype, "showSecondaryAction", void 0);
+], LookupComponent.prototype, "lookupEmptyMessage", void 0);
 __decorate([
     Input()
-], EmptyStateComponent.prototype, "primaryActionLabel", void 0);
+], LookupComponent.prototype, "lookupAppendTo", void 0);
 __decorate([
     Input()
-], EmptyStateComponent.prototype, "secondaryActionLabel", void 0);
+], LookupComponent.prototype, "searchTitle", void 0);
 __decorate([
     Input()
-], EmptyStateComponent.prototype, "primaryModel", void 0);
+], LookupComponent.prototype, "searchEmptyTitle", void 0);
 __decorate([
-    Output()
-], EmptyStateComponent.prototype, "primaryAction", void 0);
+    Input()
+], LookupComponent.prototype, "searchEmptyDescription", void 0);
 __decorate([
-    Output()
-], EmptyStateComponent.prototype, "secondaryAction", void 0);
-EmptyStateComponent = EmptyStateComponent_1 = __decorate([
-    Component({
-        selector: `s-empty-state`,
-        template: "<div [id]=\"id\" class=\"container\">\n    <div [id]=\"id + '-icon'\" class=\"icon\">\n        <i [attr.class]=\"iconClass ? iconClass : 'fa fa-cogs'\" aria-hidden=\"true\"></i>\n    </div>\n    <div [id]=\"id + '-title'\" class=\"title\">{{title}}</div>\n    <div [id]=\"id + '-description'\" class=\"description\" *ngIf=\"description\">\n        <p>{{description}}</p>\n    </div>\n    <div [id]=\"id + '-actions'\" class=\"actions\" *ngIf=\"showPrimaryAction && primaryActionLabel\">\n        <s-button [id]=\"id + '-primary-action'\" type=\"button\" [label]=\"primaryActionLabel\"\n          [model]=\"primaryModel\" (click)=\"primaryAction.next()\"></s-button>\n        <s-button [id]=\"id + '-secondary-action'\" *ngIf=\"showSecondaryAction && secondaryActionLabel\" id=\"secondaryAction\" type=\"button\"\n            [label]=\"secondaryActionLabel\" priority=\"link\" (click)=\"secondaryAction.next()\"></s-button>\n    </div>\n</div>",
-        styles: [".container{width:100%;text-align:center}.title{font-weight:700;margin-bottom:10px}.description{margin-bottom:15px;color:#999;padding:0 20px;text-align:center}.description>p{margin:auto;max-width:400px;max-height:80px;overflow:hidden}.icon{color:#d8d8d8;font-size:6em}.actions{text-align:center;width:100%}"]
-    })
-], EmptyStateComponent);
-
-let EmptyStateGoBackComponent = class EmptyStateGoBackComponent {
-    constructor(cookieService) {
-        this.cookieService = cookieService;
-        this.iconClass = "fa fa-exclamation-triangle";
-    }
-    goBack() {
-        const portalUrl = this.cookieService.get("com.senior.portal.url");
-        window.open(portalUrl, "_top");
-    }
-};
-EmptyStateGoBackComponent.nextId = 0;
-EmptyStateGoBackComponent.ctorParameters = () => [
-    { type: CookieService }
-];
+    Input()
+], LookupComponent.prototype, "searchGridData", void 0);
 __decorate([
     Input()
-], EmptyStateGoBackComponent.prototype, "iconClass", void 0);
+], LookupComponent.prototype, "searchTotalRecords", void 0);
 __decorate([
     Input()
-], EmptyStateGoBackComponent.prototype, "title", void 0);
+], LookupComponent.prototype, "searchFields", void 0);
 __decorate([
     Input()
-], EmptyStateGoBackComponent.prototype, "description", void 0);
+], LookupComponent.prototype, "searchGridFields", void 0);
 __decorate([
     Input()
-], EmptyStateGoBackComponent.prototype, "primaryActionLabel", void 0);
-EmptyStateGoBackComponent = __decorate([
+], LookupComponent.prototype, "multiSortMeta", void 0);
+__decorate([
+    Input()
+], LookupComponent.prototype, "filterTitle", void 0);
+__decorate([
+    Input()
+], LookupComponent.prototype, "filterLabel", void 0);
+__decorate([
+    Input()
+], LookupComponent.prototype, "clearLabel", void 0);
+__decorate([
+    Input()
+], LookupComponent.prototype, "cancelLabel", void 0);
+__decorate([
+    Input()
+], LookupComponent.prototype, "selectLabel", void 0);
+__decorate([
+    Input()
+], LookupComponent.prototype, "emptyFieldLabel", void 0);
+__decorate([
+    Input()
+], LookupComponent.prototype, "recordLabel", void 0);
+__decorate([
+    Input()
+], LookupComponent.prototype, "recordsLabel", void 0);
+__decorate([
+    Input()
+], LookupComponent.prototype, "placeholder", void 0);
+__decorate([
+    Input()
+], LookupComponent.prototype, "searchTotalRecordsLabel", void 0);
+__decorate([
+    Input()
+], LookupComponent.prototype, "sortableColumnsDisabled", void 0);
+__decorate([
+    Input()
+], LookupComponent.prototype, "lookupRowProps", void 0);
+__decorate([
+    Input()
+], LookupComponent.prototype, "defaultFilter", void 0);
+__decorate([
+    Output()
+], LookupComponent.prototype, "onLookupRequest", void 0);
+__decorate([
+    Output()
+], LookupComponent.prototype, "onSearchRequest", void 0);
+__decorate([
+    Output()
+], LookupComponent.prototype, "onFocus", void 0);
+__decorate([
+    Output()
+], LookupComponent.prototype, "onBlur", void 0);
+__decorate([
+    Output()
+], LookupComponent.prototype, "onKeyUp", void 0);
+__decorate([
+    Output()
+], LookupComponent.prototype, "onSelect", void 0);
+__decorate([
+    Output()
+], LookupComponent.prototype, "onUnselect", void 0);
+__decorate([
+    Output()
+], LookupComponent.prototype, "onClear", void 0);
+__decorate([
+    ViewChild(Table, { static: false })
+], LookupComponent.prototype, "table", void 0);
+__decorate([
+    ViewChild(Dialog, { static: false })
+], LookupComponent.prototype, "dialog", void 0);
+__decorate([
+    ViewChild(AutoComplete, { static: false })
+], LookupComponent.prototype, "autocomplete", void 0);
+LookupComponent = LookupComponent_1 = __decorate([
     Component({
-        selector: `s-empty-state-go-back`,
-        template: "<s-empty-state \n    [iconClass]=\"iconClass\" \n    [title]=\"title\" \n    [description]=\"description\" \n    (primaryAction)=\"goBack()\"\n    [primaryActionLabel]=\"primaryActionLabel\">\n</s-empty-state>"
-    })
-], EmptyStateGoBackComponent);
-
-let EmptyStateModule = class EmptyStateModule {
-};
-EmptyStateModule = __decorate([
-    NgModule({
-        imports: [CommonModule, ButtonModule],
-        providers: [CookieService],
-        declarations: [EmptyStateComponent, EmptyStateGoBackComponent],
-        exports: [EmptyStateComponent, EmptyStateGoBackComponent],
-    })
-], EmptyStateModule);
-
-var ValidateErrors;
-(function (ValidateErrors) {
-    ValidateErrors["MAX_FILE_SIZE"] = "MAX_FILE_SIZE";
-    ValidateErrors["MAX_FILE_LIMIT"] = "MAX_FILE_LIMIT";
-    ValidateErrors["UNSUPPORTED_EXTENSION"] = "UNSUPPORTED_EXTENSION";
-})(ValidateErrors || (ValidateErrors = {}));
-
-const Breakpoints = {
-    SM_MIN: 0,
-    SM_MAX: 767,
-    MD_MIN: 768,
-    MD_MAX: 991,
-    LG_MIN: 992,
-    LG_MAX: 1199,
-    XL_MIN: 1200,
-    XL_MAX: Infinity,
-};
+        selector: "s-lookup",
+        template: "<div [ngClass]=\"{ inputgroup: showSearch }\">\n    <p-autoComplete\n        #autocomplete\n        [(ngModel)]=\"value\"\n        [disabled]=\"disabled\"\n        [dataKey]=\"dataKey\"\n        [multiple]=\"multiple\"\n        [inputId]=\"id + '-autocomplete'\"\n        [forceSelection]=\"autocompleteForceSelection\"\n        [suggestions]=\"getLookupSuggestions()\"\n        (completeMethod)=\"lazyLoadLookup($event)\"\n        (onSelect)=\"onSelect.next($event)\"\n        (onBlur)=\"onBlur.next($event)\"\n        (onFocus)=\"onFocus.next($event)\"\n        (onUnselect)=\"onUnselect.next($event)\"\n        (onClear)=\"onClear.next($event)\"\n        (onKeyUp)=\"onKeyUp.next($event)\"\n        [field]=\"lookupDisplayField\"\n        [emptyMessage]=\"lookupEmptyMessage\"\n        [dropdown]=\"!showSearch\"\n        [appendTo]=\"lookupAppendTo\"\n        [placeholder]=\"placeholder || ' '\"\n        [autoHighlight]=\"true\"\n        inputStyleClass=\"mousetrap\">\n        <ng-template let-item pTemplate=\"selectedItem\">\n            <span\n                class=\"ui-autocomplete-token-label ng-tns-c65-43 ng-star-inserted\"\n                [sTooltip]=\"lookupDisplayFieldTooltip ? item[lookupDisplayField] : null\"\n                tooltipPosition=\"top\">\n                {{item[lookupDisplayField]}}\n            </span>\n        </ng-template>\n    </p-autoComplete>\n    <button\n        *ngIf=\"showSearch\"\n        pButton\n        type=\"button\"\n        icon=\"fa fa-search\"\n        class=\"button-addon\"\n        [disabled]=\"disabled\"\n        (click)=\"showDialog()\">\n    </button>\n</div>\n<p-dialog\n    appendTo=\"body\"\n    styleClass=\"s-lookup-modal\"\n    [header]=\"searchTitle\"\n    [(visible)]=\"dialogVisible\"\n    [modal]=\"true\"\n    (onHide)=\"hideDialog()\"\n    [blockScroll]=\"true\"\n    [focusOnShow]=\"true\"\n    [draggable]=\"false\"\n    [resizable]=\"false\"\n    #dialog>\n    <div\n        *ngIf=\"dialogVisible\"\n        class=\"s-lookup-modal-container\">\n        <div\n            *ngIf=\"searchFields && searchFields.length\"\n            class=\"filter\"\n            [@collapseContent]=\"collapsed \n                ? { value: 'hidden', params: { transitionParams: transitionOptions } }\n                : { value: 'visible', params: { transitionParams: transitionOptions } }\"\n            (@collapseContent.done)=\"onToggleDone()\">\n            <form\n                [formGroup]=\"formGroupDialog\"\n                novalidate\n                autocomplete=\"off\">\n                <div\n                    *ngIf=\"!collapsed\"\n                    class=\"form-content\"\n                    [@childCollapseContent]=\"collapsed\n                        ? { value: ':leave', params: { transitionParams: transitionOptions } }\n                        : { value: ':enter', params: { transitionParams: transitionOptions } }\">\n                    <div class=\"filter-title sds-section-title\">{{ filterTitle }}</div>\n                    <div class=\"form-fields\">\n                        <s-dynamic-form\n                            [fields]=\"searchFields\"\n                            [form]=\"formGroupDialog\">\n                        </s-dynamic-form>\n                    </div>\n                    <div class=\"ui-g\">\n                        <div class=\"ui-g-12\">\n                            <s-button\n                                [id]=\"id + '-filter-button'\"\n                                type=\"submit\"\n                                [label]=\"filterLabel\"\n                                (onClick)=\"search()\"\n                                sTooltip=\"(ALT + SHIFT + F)\"\n                                tooltipPosition=\"top\"\n                                showDelay=\"500\">\n                            </s-button>\n                            <s-button\n                                [id]=\"id + '-clear-button'\"\n                                type=\"button\"\n                                [label]=\"clearLabel\"\n                                (onClick)=\"clear()\"\n                                priority=\"link\"\n                                sTooltip=\"(ALT + SHIFT + L)\"\n                                tooltipPosition=\"top\"\n                                showDelay=\"500\">\n                            </s-button>\n                        </div>\n                    </div>\n                </div>\n            </form>\n        </div>\n        <div\n            *ngIf=\"searchFields && searchFields.length\"\n            class=\"filter-toggle\">\n            <div class=\"filter-toggle--start-border-mask\"></div>\n            <button\n                [id]=\"id + '-filter-toggle-button'\"\n                type=\"button\"\n                (click)=\"filterToggle()\">\n                <span\n                    class=\"fa\"\n                    [ngClass]=\"{'fa-chevron-left': !collapsed, 'fa-chevron-right': collapsed}\"\n                    aria-hidden=\"true\">\n                </span>\n            </button>\n            <div class=\"filter-toggle--end-border-mask\"></div>\n        </div>\n        <div\n            class=\"content\"\n            [ngClass]=\"{'empty-content': !searchTotalRecords && !loading}\">\n            <s-empty-state\n                [id]=\"id + '-empty-state'\"\n                *ngIf=\"!searchTotalRecords && !loading\"\n                [title]=\"searchEmptyTitle\"\n                [description]=\"searchEmptyDescription\"\n                iconClass=\"fa fa-search\">\n            </s-empty-state>\n            <p-table\n                [dataKey]=\"dataKey\"\n                [value]=\"getGridData()\"\n                [columns]=\"searchGridFields\"\n                [lazy]=\"true\"\n                [scrollable]=\"true\"\n                [paginator]=\"true\"\n                sortMode=\"multiple\"\n                [totalRecords]=\"searchTotalRecords\"\n                [rows]=\"10\"\n                [selection]=\"selected\"\n                (onLazyLoad)=\"lazyLoadGrid($event)\"\n                *sLoadingState=\"loading\"\n                [multiSortMeta]=\"multiSortMeta\"\n                [attr.data-hidden]=\"!searchTotalRecords && !loading\"\n                [selectionMode]=\"multiple ? 'multiple' : 'single'\"\n                (selectionChange)=\"onSelectionChange($event)\">\n                <ng-template pTemplate=\"colgroup\" let-columns>\n                    <colgroup>\n                        <col\n                            *ngIf=\"multiple\"\n                            style=\"width: 50px\" />\n                        <col\n                            *ngFor=\"let col of columns\"\n                            [style.width]=\"col.width\" />\n                    </colgroup>\n                </ng-template>\n                <ng-template pTemplate=\"header\" let-columns>\n                    <tr>\n                        <th\n                            *ngIf=\"multiple\"\n                            style=\"width: 50px\">\n                            <s-table-header-checkbox\n                                [useAllObject]=\"lookupRowProps ? false : true\"\n                                [rowProps]=\"lookupRowProps\">\n                            </s-table-header-checkbox>\n                        </th>\n                        <th\n                            [style.width]=\"col.width\"\n                            *ngFor=\"let col of columns\"\n                            [pSortableColumn]=\"col.name\"\n                            [pSortableColumnDisabled]=\"sortableColumnsDisabled?.includes(col.name)\">\n                            <div class=\"senior-header\">\n                                <span class=\"senior-header-title\">{{ col.label }}</span>\n                                <p-sortIcon\n                                    [field]=\"col.name\"\n                                    *ngIf=\"!sortableColumnsDisabled?.includes(col.name)\">\n                                </p-sortIcon>\n                            </div>\n                        </th>\n                    </tr>\n                </ng-template>\n                <ng-template\n                    pTemplate=\"body\"\n                    let-rowData\n                    let-columns\n                    let-rowIndex=\"rowIndex\">\n                    <tr\n                        sNavigation\n                        [pSelectableRow]=\"rowData\"\n                        [pSelectableRowIndex]=\"rowIndex\"\n                        sDoubleClick (onDoubleClick)=\"onTableRowDoubleClick(rowData)\">\n                        <td\n                            *ngIf=\"multiple\"\n                            style=\"width: 50px\"\n                            tabindex=\"0\">\n                            <p-tableCheckbox\n                                [value]=\"rowData\"\n                                [pSelectableRow]=\"rowData\">\n                            </p-tableCheckbox>\n                        </td>\n                        <td\n                            [style.width]=\"col['width']\"\n                            *ngFor=\"let col of searchGridFields\"\n                            [ngSwitch]=\"col.type\"\n                            tabindex=\"0\">\n                            <ng-container *ngSwitchCase=\"'Boolean'\">\n                                <ng-container *ngIf=\"isBooleanValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getBooleanLabel(rowData, col.name, col.optionsLabel) }}</span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Date'\">\n                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getFieldValue(rowData, col.name) | localizedDate: col.calendarLocaleOptions?.dateFormat || \"L\" | async }}</span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'DateTime'\">\n                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getFieldValue(rowData, col.name) | localizedDate | async }}</span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'LocalDateTime'\">\n                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getFieldValue(rowData, col.name) | localizedDate | async }}</span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Time'\">\n                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getFieldValue(rowData, col.name) | localizedTime: col.calendarLocaleOptions?.dateFormat || \"LTS\" | async }}</span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Integer'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getIntegerMaskConfig(col) | async }} </span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Double'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getDoubleMaskConfig(col) | async }} </span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Money'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getMoneyMaskConfig(col) | async }} </span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Number'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getNumberMaskConfig(col) | async }} </span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Enum'\">\n                                <ng-container\n                                    *ngIf=\"getLabelForValue(getFieldValue(rowData, col.name), col.options); else emptyTemplate\"\n                                >\n                                    <span> {{ getLabelForValue(getFieldValue(rowData, col.name), col.options) }} </span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchDefault>\n                                <ng-container *ngIf=\"col.mask && col.mask()\">\n                                    <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name))\">\n                                        <span>{{ getFieldValue(rowData, col.name) | sMaskFormatter: col.mask() }}</span>\n                                    </ng-container>\n                                </ng-container>\n                                <ng-container *ngIf=\"!(col.mask && col.mask())\">\n                                    <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name)); else emptyTemplate\">\n                                        <span>{{ getFieldValue(rowData, col.name) }}</span>\n                                    </ng-container>\n                                </ng-container>\n                            </ng-container>\n                        </td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"paginatorright\">\n                    <span [attr.data-hidden]=\"loading\">\n                        {{ printRecordTotalizer() }}\n                    </span>\n                </ng-template>\n            </p-table>\n        </div>\n    </div>\n    <p-footer>\n        <s-button\n            [id]=\"id + '-select-button'\"\n            type=\"button\"\n            [label]=\"selectLabel\"\n            (onClick)=\"select()\"\n            sTooltip=\"(ALT + SHIFT + S)\"\n            tooltipPosition=\"top\"\n            showDelay=\"500\"\n            [disabled]=\"!selected?.length\">\n        </s-button>\n        <s-button\n            [id]=\"id + '-cancel-button'\"\n            type=\"button\"\n            priority=\"link\"\n            [label]=\"cancelLabel\"\n            (onClick)=\"hideDialog()\"\n            sTooltip=\"(ALT + SHIFT + C)\"\n            tooltipPosition=\"top\"\n            showDelay=\"500\">\n        </s-button>\n    </p-footer>\n</p-dialog>\n<ng-template #emptyTemplate>\n    <span [ngClass]=\"'sds-empty-value'\">{{ emptyFieldLabel }}</span>\n</ng-template>\n",
+        providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => LookupComponent_1),
+                multi: true,
+            },
+        ],
+        encapsulation: ViewEncapsulation.None,
+        animations: [
+            trigger("collapseContent", [
+                state("hidden", style$7({
+                    width: "10px",
+                    padding: 0,
+                })),
+                state("visible", style$7({
+                    width: "*",
+                })),
+                transition("visible <=> hidden", [group([query("@childCollapseContent", animateChild()), animate("{{transitionParams}}")])]),
+            ]),
+            trigger("childCollapseContent", [
+                state(":leave", style$7({
+                    opacity: 0,
+                })),
+                state(":enter", style$7({
+                    opacity: 1,
+                })),
+                transition("* <=> *", animate("{{transitionParams}}")),
+            ]),
+        ],
+        styles: ["s-lookup.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-lookup .ui-inputtext{border-top-right-radius:0;border-bottom-right-radius:0}s-lookup .inputgroup p-autocomplete+button,s-lookup p-autocomplete .ui-autocomplete-dropdown.ui-button{background-color:#fff;border-color:#ccc;border-width:1px 1px 1px 0;color:#333;min-height:34px;height:auto!important;min-width:auto;width:34px!important;overflow:hidden;border-top-left-radius:0;border-bottom-left-radius:0}.ui-fluid s-lookup .inputgroup,s-lookup p-autocomplete span.ui-autocomplete-multiple{display:-ms-flexbox;display:flex}.ui-fluid s-lookup .inputgroup p-autocomplete{display:inline-block}.ui-fluid s-lookup .inputgroup p-autocomplete,.ui-fluid s-lookup p-autocomplete .ui-autocomplete-input{width:calc(100% - 34px)}.ui-fluid s-lookup .inputgroup p-autocomplete .ui-autocomplete-input{width:100%}s-lookup .inputgroup p-autocomplete+button:enabled:hover,s-lookup .inputgroup p-autocomplete+button:focus{background-color:#e6e6e6;border-color:#ccc}s-lookup .inputgroup p-autocomplete .ui-widget .ui-inputtext{border-right-width:1px;border-right-style:solid}s-lookup .ui-autocomplete-input-token,s-lookup .ui-autocomplete-input-token input{width:100%}s-lookup .ui-autocomplete .ui-autocomplete-token{max-width:100%}s-lookup .ui-autocomplete .ui-autocomplete-token-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body .s-lookup-modal.ui-dialog .ui-dialog-content{padding:0;margin-bottom:0;max-height:none}s-lookup .ui-table-scrollable-body{min-width:100%}.s-lookup-modal{height:80%!important;max-width:100%!important;max-height:inherit!important;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:column;flex-direction:column}.s-lookup-modal .ui-dialog-content{height:auto!important;-ms-flex:1;flex:1;overflow:auto}.s-lookup-modal .ui-dialog-footer,.s-lookup-modal .ui-dialog-header{-ms-flex-negative:0;flex-shrink:0;border-radius:0 0 4px 4px}.s-lookup-modal .s-lookup-modal-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%}.s-lookup-modal .s-lookup-modal-container .filter{position:relative;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;width:85%;background-color:rgba(229,234,234,.5);height:100%;padding:.571rem}.s-lookup-modal .s-lookup-modal-container .filter form{width:100%;height:100%}.s-lookup-modal .s-lookup-modal-container .filter form .form-content{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.s-lookup-modal .s-lookup-modal-container .filter form .form-content .filter-title{padding-left:.5rem}.s-lookup-modal .s-lookup-modal-container .filter form .form-content .form-fields{overflow-y:auto}.s-lookup-modal .s-lookup-modal-container .filter-toggle{-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;width:34px;border-radius:0 4px 4px 0}.s-lookup-modal .s-lookup-modal-container .filter-toggle button{-ms-flex-align:center;align-items:center;position:relative;background-color:rgba(229,234,234,.5);height:34px;width:100%;border:1px solid #e5eaea;outline:0;border-left:none;border-radius:0 4px 4px 0;cursor:pointer;text-decoration:none;text-transform:none;padding:7px;transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out}.s-lookup-modal .s-lookup-modal-container .filter-toggle button:focus,.s-lookup-modal .s-lookup-modal-container .filter-toggle button:hover{background-color:rgba(201,211,211,.5);border-color:#c9d3d3}.s-lookup-modal .s-lookup-modal-container .filter-toggle--start-border-mask{height:15px;border-left:1px solid #e5eaea}.s-lookup-modal .s-lookup-modal-container .filter-toggle--end-border-mask{height:calc(100% - 49px);border-left:1px solid #e5eaea}.s-lookup-modal .s-lookup-modal-container .content{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:auto;flex-basis:auto;overflow-x:auto;padding:.5rem}.s-lookup-modal .s-lookup-modal-container .content.empty-content{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.s-lookup-modal .s-lookup-modal-container .content .s-loading-state-container,.s-lookup-modal .s-lookup-modal-container .content .s-loading-state-container .contents{height:100%}.s-lookup-modal .s-lookup-modal-container .content p-table{position:relative;height:100%}.s-lookup-modal .s-lookup-modal-container .content p-table .ui-table{height:100%}.s-lookup-modal .s-lookup-modal-container .content p-table .ui-table .ui-table-scrollable-wrapper{height:calc(100% - 60px)}.s-lookup-modal .s-lookup-modal-container .content p-table .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view{height:100%}.s-lookup-modal .s-lookup-modal-container .content p-table .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view .ui-table-scrollable-body{position:relative;height:calc(100% - 60px)}@media (max-width:767px){.s-lookup-modal{border:none!important;top:0!important;left:0!important;width:100%!important;height:100%!important}}@media (min-width:768px){.s-lookup-modal{width:80%!important}.s-lookup-modal .s-lookup-modal-container .filter{width:40%}}@media (min-width:1200px){.s-lookup-modal{width:60%!important}.s-lookup-modal .s-lookup-modal-container .filter{width:30%}}"]
+    })
+], LookupComponent);
 
-class ExportUtils {
-    constructor() {
-        throw new Error("Classe não deve ser instanciada.");
-    }
-    static addClass(element, className) {
-        element.nativeElement.className = `${element.nativeElement.className} ${className}`;
-    }
-    static removeClass(element, className) {
-        if (element.nativeElement.className.includes(className)) {
-            element.nativeElement.className = element.nativeElement.className.replace(className, "");
-        }
-    }
-    static exportCSV(columns = [], data = [], csvSeparator = ";", documentName = "download") {
-        let csv = "\ufeff";
-        columns.filter((column) => column.exportable && column.field).forEach((column, i) => {
-            csv += `"${column.header || column.field}"`;
-            if (i < columns.length - 1)
-                csv += csvSeparator;
-        });
-        data.forEach((record) => {
-            csv += "\n";
-            columns.filter((column) => column.exportable && column.field).forEach((column, i) => {
-                let cellData;
-                if (Array.isArray(column.field)) {
-                    const fieldValues = column.field.map((col) => this.resolveFieldData(record, col));
-                    cellData = fieldValues
-                        .flat()
-                        .filter((value) => value !== null && value !== undefined)
-                        .join(column.separator);
-                }
-                else {
-                    cellData = this.resolveFieldData(record, column.field);
-                }
-                if (cellData != null)
-                    cellData = String(cellData).replace(/"/g, `""`);
-                else
-                    cellData = "";
-                csv += `"${cellData}"`;
-                if (i < columns.length - 1)
-                    csv += csvSeparator;
-            });
-        });
-        const blob = new Blob([csv], {
-            type: "text/csv;charset=utf-8;",
-        });
-        if (window.navigator.msSaveOrOpenBlob)
-            navigator.msSaveOrOpenBlob(blob, documentName + ".csv");
-        else {
-            const link = document.createElement("a");
-            link.style.display = "none";
-            document.body.appendChild(link);
-            if (link.download !== undefined) {
-                link.setAttribute("href", URL.createObjectURL(blob));
-                link.setAttribute("download", documentName + ".csv");
-                link.click();
-            }
-            else {
-                csv = "data:text/csv;charset=utf-8," + csv;
-                window.open(encodeURI(csv));
-            }
-            document.body.removeChild(link);
-        }
-    }
-    static resolveFieldData(data, field) {
-        if (data && field) {
-            if (this.isFunction(field))
-                return field(data);
-            else if (field.indexOf(".") == -1)
-                return data[field];
-            else {
-                const fields = field.split(".");
-                let value = data;
-                for (let i = 0, len = fields.length; i < len; ++i) {
-                    if (value == null) {
-                        return null;
-                    }
-                    value = value[fields[i]];
-                }
-                return value;
-            }
-        }
-        else
-            return null;
+class BaseFieldComponent {
+    isFunction(value) {
+        return value instanceof Function;
     }
-    static isFunction(obj) {
-        return !!(obj && obj.constructor && obj.call && obj.apply);
+    trigger(callback) {
+        return callback();
     }
 }
 
-const DEFAULT_TIMER = 300;
-let DebounceUtils = class DebounceUtils {
-    debounce(func, timeout = DEFAULT_TIMER) {
-        let timer;
-        return (...args) => {
-            clearTimeout(timer);
-            timer = setTimeout(() => {
-                func.apply(this, args);
-            }, timeout);
-        };
-    }
-    debounceLeading(func, timeout = DEFAULT_TIMER) {
-        let timer;
-        return (...args) => {
-            if (!timer) {
-                func.apply(this, args);
-            }
-            clearTimeout(timer);
-            timer = setTimeout(() => {
-                timer = null;
-            }, timeout);
-        };
-    }
-};
-DebounceUtils.ɵprov = ɵɵdefineInjectable({ factory: function DebounceUtils_Factory() { return new DebounceUtils(); }, token: DebounceUtils, providedIn: "root" });
-DebounceUtils = __decorate([
-    Injectable({
-        providedIn: 'root',
-    })
-], DebounceUtils);
+var DynamicType;
+(function (DynamicType) {
+    DynamicType["Autocomplete"] = "Autocomplete";
+    DynamicType["Binary"] = "Binary";
+    DynamicType["Boolean"] = "Boolean";
+    DynamicType["Chips"] = "Chips";
+    DynamicType["Date"] = "Date";
+    DynamicType["DateTime"] = "DateTime";
+    DynamicType["LocalDateTime"] = "LocalDateTime";
+    DynamicType["Double"] = "Double";
+    DynamicType["Enum"] = "Enum";
+    DynamicType["Fieldset"] = "Fieldset";
+    DynamicType["Integer"] = "Integer";
+    DynamicType["Lookup"] = "Lookup";
+    DynamicType["Money"] = "Money";
+    DynamicType["Radio"] = "Radio";
+    DynamicType["Row"] = "Row";
+    DynamicType["Section"] = "Section";
+    DynamicType["String"] = "String";
+    DynamicType["Text"] = "Text";
+    DynamicType["Time"] = "Time";
+    DynamicType["Number"] = "Number";
+    DynamicType["Password"] = "Password";
+    DynamicType["Slider"] = "Slider";
+})(DynamicType || (DynamicType = {}));
 
-/**
- * Formats a JSON response to a JS object
- * @param response The response to format
- * @returns A JS object based on the response's body
- */
-function formatJsonResponse(response) {
-    return __awaiter(this, void 0, void 0, function* () {
-        return response.json();
-    });
+class Grid {
+    constructor(config) {
+        Object.assign(this, Object.assign({}, config));
+    }
 }
 
-/**
- * Formats a Blob response to a JS object
- * @param response The response to format
- * @returns A JS object based on the response's body
- */
-function formatBlobResponse(response) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const textResponse = yield (yield response.blob()).text();
-        return JSON.parse(textResponse);
-    });
+class Row extends Grid {
+    constructor(config) {
+        super(config);
+    }
 }
 
-/**
- * Custom HttpClient for cases when is not possible to use the Angular's HttpClient
- */
-class CustomHttpClient {
-    /**
-     * Executes a Http Get
-     * @param url Url to execute the Get on
-     * @param init Optional additional configs
-     * @returns Whether a Promise<T> on request success or an error in request fail
-     */
-    static GET(url, init = {}) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.interceptRequest(url, Object.assign(Object.assign({}, init), { method: "GET" }));
-            return this.formatResponse(response);
-        });
-    }
-    /**
-     * Executes a Http Post
-     * @param url Url to execute the Post on
-     * @param body Info to send to server on Post
-     * @param init Optional additional configs
-     * @returns Whether a Promise<T> on request success or an error in request fail
-     */
-    static POST(url, body, init = {}) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const headers = new Headers(init.headers);
-            headers.append("Content-Type", "application/json");
-            headers.append("Accept", "application/json");
-            const response = yield this.interceptRequest(url, Object.assign(Object.assign({}, init), { method: "POST", body: JSON.stringify(body), headers }));
-            return this.formatResponse(response);
-        });
-    }
-    /**
-     * Intercepts the original request to add a required header for Senior in case of a internal request
-     * @param url Url from the original request
-     * @param originalReq Configs from the original request
-     * @returns Whether a Promise<Response> if the request was made successfully or an error
-     */
-    static interceptRequest(url, originalReq = {}) {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                if (!url.includes("://")) {
-                    const restUrl = yield service.getRestUrl();
-                    const authHeader = yield user.getAuthHeader();
-                    const headers = new Headers(originalReq.headers);
-                    headers.append("Authorization", authHeader);
-                    const request = new Request(restUrl + url, Object.assign(Object.assign({}, originalReq), { headers }));
-                    return fetch(request);
-                }
-                return fetch(url, originalReq);
-            }
-            catch (err) {
-                throw new Error(`Error fetching requested URL: ${err}`);
-            }
-        });
-    }
-    /**
-     * Formats the request response to an object<T> or {}
-     * @param response The response to be formatted
-     * @returns Whether a Promise<T> if the response status is in the range 200-299 an error
-     */
-    static formatResponse(response) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const contentType = response.headers.get("content-type");
-            const formatter = CustomHttpClient._responseFormatterMap.get(contentType);
-            const formattedContentType = formatter ? yield formatter(response) : {};
-            if (response.ok)
-                return formattedContentType;
-            throw new Error(JSON.stringify(formattedContentType));
-        });
+class Structure {
+    constructor(config) {
+        Object.assign(this, Object.assign({}, config));
     }
 }
-CustomHttpClient._responseFormatterMap = new Map([
-    ["application/json", formatJsonResponse],
-    ["application/octet-stream", formatBlobResponse]
-]);
 
-/**
- * Custom translator for cases when is not possible to use the "TranslateService" from "@ngx-translate/core"
- */
-class CustomTranslationsService {
-    /**
-     * Method used to get the translation for an key based on the host project's translations. Always use the first available language
-     * @param key Key used to search the translation
-     * @returns The translation for the informed key or the key in case there is no translation
-     */
-    static translate(key) {
-        var _a, _b;
-        if (key === undefined || key === null)
-            return "";
-        const translationKey = `${CustomTranslationsService._TRANSLATION_PREFIX}${key}`;
-        const firstLanguageTranslations = (_a = Object.values(CustomTranslationsService._translations)[0]) !== null && _a !== void 0 ? _a : {};
-        return (_b = firstLanguageTranslations[translationKey]) !== null && _b !== void 0 ? _b : translationKey;
-    }
-    /**
-     * Method used to set the translations that will be used as base when calling the "translate" method
-     * @param translations Translations to use as base
-     */
-    static setTranslations(translations) {
-        CustomTranslationsService._translations = translations !== null && translations !== void 0 ? translations : {};
+class Fieldset extends Structure {
+    constructor(config) {
+        super(config);
+        Object.assign(this, Object.assign({}, config));
     }
-    /**
-     * Method used to set the prefix that will be used when calling the "translate" method
-     * @param hostProjectConfigs The host project's configs used to create the prefix
-     */
-    static setTranslationsPrefix(hostProjectConfigs) {
-        const { domain, service } = hostProjectConfigs !== null && hostProjectConfigs !== void 0 ? hostProjectConfigs : {};
-        const prefix = `${domain}.${service}.`;
-        CustomTranslationsService._TRANSLATION_PREFIX = prefix;
+}
+
+class Section extends Structure {
+    constructor(config) {
+        super(config);
     }
 }
-CustomTranslationsService._translations = {};
-CustomTranslationsService._TRANSLATION_PREFIX = "";
 
-var AngularComponentsModule_1;
-const HostProjectConfigsInjectionToken = new InjectionToken("hostProjectConfigs");
-let AngularComponentsModule = AngularComponentsModule_1 = class AngularComponentsModule {
-    static forRoot(config) {
-        return {
-            ngModule: AngularComponentsModule_1,
-            providers: [
-                {
-                    provide: HostProjectConfigsInjectionToken,
-                    useValue: config
+class DynamicConfig {
+    constructor(config) {
+        const { type, representedBy } = config;
+        switch (type) {
+            case DynamicType.Autocomplete:
+                return new AutocompleteField(config);
+            case DynamicType.Binary:
+            case DynamicType.String:
+                return new TextField(config);
+            case DynamicType.Password:
+                return new PasswordField(config);
+            case DynamicType.Boolean:
+                if (representedBy === "switch") {
+                    return new BooleanSwitchField(config);
                 }
-            ]
-        };
+                return new BooleanField(config);
+            case DynamicType.Chips:
+                return new ChipsField(config);
+            case DynamicType.Date:
+            case DynamicType.DateTime:
+            case DynamicType.LocalDateTime:
+            case DynamicType.Time:
+                return new CalendarField(config);
+            case DynamicType.Double:
+                return new DecimalField(config);
+            case DynamicType.Enum:
+                return new SelectField(config);
+            case DynamicType.Fieldset:
+                return new Fieldset(config);
+            case DynamicType.Integer:
+                return new NumberField(config);
+            case DynamicType.Number:
+                return new BignumberField(config);
+            case DynamicType.Lookup:
+                return new LookupField(config);
+            case DynamicType.Money:
+                return new CurrencyField(config);
+            case DynamicType.Radio:
+                return new RadioButtonField(config);
+            case DynamicType.Row:
+                return new Row(config);
+            case DynamicType.Section:
+                return new Section(config);
+            case DynamicType.Slider:
+                return new SliderField(config);
+            case DynamicType.Text:
+                return new TextAreaField(config);
+        }
+    }
+}
+
+let DynamicFormComponent = class DynamicFormComponent {
+    constructor() {
+        this.errorMessages = {};
     }
 };
-AngularComponentsModule = AngularComponentsModule_1 = __decorate([
-    NgModule({})
-], AngularComponentsModule);
+__decorate([
+    Input()
+], DynamicFormComponent.prototype, "id", void 0);
+__decorate([
+    Input()
+], DynamicFormComponent.prototype, "configs", void 0);
+__decorate([
+    Input()
+], DynamicFormComponent.prototype, "fields", void 0);
+__decorate([
+    Input()
+], DynamicFormComponent.prototype, "form", void 0);
+__decorate([
+    Input()
+], DynamicFormComponent.prototype, "errorMessages", void 0);
+__decorate([
+    Input()
+], DynamicFormComponent.prototype, "displayTimeInfoSign", void 0);
+DynamicFormComponent = __decorate([
+    Component({
+        selector: "s-dynamic-form",
+        template: "<div *ngIf=\"configs; else templateFields\">\n    <ng-container *ngFor=\"let config of configs\">\n        <ng-container *sDynamicForm=\"{ id: id, config: config, group: form, errorMessages: errorMessages }\"></ng-container>\n    </ng-container>\n</div>\n\n<ng-template #templateFields>\n    <s-dynamic-field [id]=\"id\" [fields]=\"fields\" [form]=\"form\" [errorMessages]=\"errorMessages\" [displayTimeInfoSign]=\"displayTimeInfoSign\"></s-dynamic-field>\n</ng-template>\n",
+        encapsulation: ViewEncapsulation.None,
+        styles: ["label.required:after{content:\" *\";color:#c13018}"]
+    })
+], DynamicFormComponent);
 
-/**
- * Responsible for setting up the translations that will be used by the "CustomTranslationsService".
- * Uses the host project's translations set by using the "TranslationsModule" from "@seniorsistemas/platform-components"
- */
-let CustomTranslationsModule = class CustomTranslationsModule {
-    constructor(translate, hostProjectConfigs) {
-        this.translate = translate;
-        this.hostProjectConfigs = hostProjectConfigs;
-        this.factoryTranslations(this.translate, this.hostProjectConfigs);
+var EmptyStateComponent_1;
+let EmptyStateComponent = EmptyStateComponent_1 = class EmptyStateComponent {
+    constructor() {
+        this.id = `s-empty-state-${EmptyStateComponent_1.nextId++}`;
+        this.iconClass = "fa fa-inbox";
+        this.showPrimaryAction = true;
+        this.showSecondaryAction = true;
+        this.primaryModel = [];
+        this.primaryAction = new EventEmitter();
+        this.secondaryAction = new EventEmitter();
     }
-    factoryTranslations(translate, hostProjectConfigs) {
-        CustomTranslationsService.setTranslations(translate.translations);
-        CustomTranslationsService.setTranslationsPrefix(hostProjectConfigs);
+};
+EmptyStateComponent.nextId = 0;
+__decorate([
+    Input()
+], EmptyStateComponent.prototype, "id", void 0);
+__decorate([
+    Input()
+], EmptyStateComponent.prototype, "iconClass", void 0);
+__decorate([
+    Input()
+], EmptyStateComponent.prototype, "title", void 0);
+__decorate([
+    Input()
+], EmptyStateComponent.prototype, "description", void 0);
+__decorate([
+    Input()
+], EmptyStateComponent.prototype, "showPrimaryAction", void 0);
+__decorate([
+    Input()
+], EmptyStateComponent.prototype, "showSecondaryAction", void 0);
+__decorate([
+    Input()
+], EmptyStateComponent.prototype, "primaryActionLabel", void 0);
+__decorate([
+    Input()
+], EmptyStateComponent.prototype, "secondaryActionLabel", void 0);
+__decorate([
+    Input()
+], EmptyStateComponent.prototype, "primaryModel", void 0);
+__decorate([
+    Output()
+], EmptyStateComponent.prototype, "primaryAction", void 0);
+__decorate([
+    Output()
+], EmptyStateComponent.prototype, "secondaryAction", void 0);
+EmptyStateComponent = EmptyStateComponent_1 = __decorate([
+    Component({
+        selector: `s-empty-state`,
+        template: "<div [id]=\"id\" class=\"container\">\n    <div [id]=\"id + '-icon'\" class=\"icon\">\n        <i [attr.class]=\"iconClass ? iconClass : 'fa fa-cogs'\" aria-hidden=\"true\"></i>\n    </div>\n    <div [id]=\"id + '-title'\" class=\"title\">{{title}}</div>\n    <div [id]=\"id + '-description'\" class=\"description\" *ngIf=\"description\">\n        <p>{{description}}</p>\n    </div>\n    <div [id]=\"id + '-actions'\" class=\"actions\" *ngIf=\"showPrimaryAction && primaryActionLabel\">\n        <s-button [id]=\"id + '-primary-action'\" type=\"button\" [label]=\"primaryActionLabel\"\n          [model]=\"primaryModel\" (click)=\"primaryAction.next()\"></s-button>\n        <s-button [id]=\"id + '-secondary-action'\" *ngIf=\"showSecondaryAction && secondaryActionLabel\" id=\"secondaryAction\" type=\"button\"\n            [label]=\"secondaryActionLabel\" priority=\"link\" (click)=\"secondaryAction.next()\"></s-button>\n    </div>\n</div>",
+        styles: [".container{width:100%;text-align:center}.title{font-weight:700;margin-bottom:10px}.description{margin-bottom:15px;color:#999;padding:0 20px;text-align:center}.description>p{margin:auto;max-width:400px;max-height:80px;overflow:hidden}.icon{color:#d8d8d8;font-size:6em}.actions{text-align:center;width:100%}"]
+    })
+], EmptyStateComponent);
+
+let EmptyStateGoBackComponent = class EmptyStateGoBackComponent {
+    constructor(cookieService) {
+        this.cookieService = cookieService;
+        this.iconClass = "fa fa-exclamation-triangle";
+    }
+    goBack() {
+        const portalUrl = this.cookieService.get("com.senior.portal.url");
+        window.open(portalUrl, "_top");
     }
 };
-CustomTranslationsModule.ctorParameters = () => [
-    { type: TranslateService },
-    { type: undefined, decorators: [{ type: Inject, args: [HostProjectConfigsInjectionToken,] }] }
-];
-CustomTranslationsModule = __decorate([
-    NgModule(),
-    __param(1, Inject(HostProjectConfigsInjectionToken))
-], CustomTranslationsModule);
+EmptyStateGoBackComponent.nextId = 0;
+EmptyStateGoBackComponent.ctorParameters = () => [
+    { type: CookieService }
+];
+__decorate([
+    Input()
+], EmptyStateGoBackComponent.prototype, "iconClass", void 0);
+__decorate([
+    Input()
+], EmptyStateGoBackComponent.prototype, "title", void 0);
+__decorate([
+    Input()
+], EmptyStateGoBackComponent.prototype, "description", void 0);
+__decorate([
+    Input()
+], EmptyStateGoBackComponent.prototype, "primaryActionLabel", void 0);
+EmptyStateGoBackComponent = __decorate([
+    Component({
+        selector: `s-empty-state-go-back`,
+        template: "<s-empty-state \n    [iconClass]=\"iconClass\" \n    [title]=\"title\" \n    [description]=\"description\" \n    (primaryAction)=\"goBack()\"\n    [primaryActionLabel]=\"primaryActionLabel\">\n</s-empty-state>"
+    })
+], EmptyStateGoBackComponent);
+
+let EmptyStateModule = class EmptyStateModule {
+};
+EmptyStateModule = __decorate([
+    NgModule({
+        imports: [CommonModule, ButtonModule],
+        providers: [CookieService],
+        declarations: [EmptyStateComponent, EmptyStateGoBackComponent],
+        exports: [EmptyStateComponent, EmptyStateGoBackComponent],
+    })
+], EmptyStateModule);
+
+var ValidateErrors;
+(function (ValidateErrors) {
+    ValidateErrors["MAX_FILE_SIZE"] = "MAX_FILE_SIZE";
+    ValidateErrors["MAX_FILE_LIMIT"] = "MAX_FILE_LIMIT";
+    ValidateErrors["UNSUPPORTED_EXTENSION"] = "UNSUPPORTED_EXTENSION";
+})(ValidateErrors || (ValidateErrors = {}));
+
+const Breakpoints = {
+    SM_MIN: 0,
+    SM_MAX: 767,
+    MD_MIN: 768,
+    MD_MAX: 991,
+    LG_MIN: 992,
+    LG_MAX: 1199,
+    XL_MIN: 1200,
+    XL_MAX: Infinity,
+};
 
-let FileUploadService = class FileUploadService {
+class ExportUtils {
     constructor() {
-        this.BASE_URL_FIELD_CUSTOMIZATION = "platform/field_customization";
-        this.TOKEN = new AbortController();
-    }
-    getMetadataCustomField(request) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return CustomHttpClient.POST(`${this.BASE_URL_FIELD_CUSTOMIZATION}/queries/getFileMetadata`, request, { signal: this.TOKEN.signal });
-        });
+        throw new Error("Classe não deve ser instanciada.");
     }
-};
-FileUploadService = __decorate([
-    Injectable()
-], FileUploadService);
-
-var FileUploadComponent_1;
-const moment$3 = moment_;
-let FileUploadComponent = FileUploadComponent_1 = class FileUploadComponent {
-    constructor(sanitizer, fileUploadService, translate) {
-        this.sanitizer = sanitizer;
-        this.fileUploadService = fileUploadService;
-        this.translate = translate;
-        this.id = `s-file-upload-${FileUploadComponent_1.nextId++}`;
-        this.chooseLabel = "Anexar arquivos";
-        this.removeLabel = "Remover";
-        this.cancelLabel = "Cancelar";
-        this.successTooltip = "Arquivo anexado com sucesso";
-        this.supportedExtensions = [];
-        this.ariaLabelProgress = "Carregando arquivo";
-        this.disabled = false;
-        this.showFileUploadDate = false;
-        this.uploadHandler = new EventEmitter();
-        this.removeFile = new EventEmitter();
-        this.cancelUpload = new EventEmitter();
-        this.downloadFile = new EventEmitter();
-        this.validateErrors = new EventEmitter();
-        this._files = [];
-        this.ngUsubscribe = new Subject();
-        this.inputValue = "";
+    static addClass(element, className) {
+        element.nativeElement.className = `${element.nativeElement.className} ${className}`;
     }
-    set files(files) {
-        var _a;
-        if (this.showFileUploadDate && ((_a = files[0]) === null || _a === void 0 ? void 0 : _a.objectId)) {
-            this.getUploadDate(files);
+    static removeClass(element, className) {
+        if (element.nativeElement.className.includes(className)) {
+            element.nativeElement.className = element.nativeElement.className.replace(className, "");
         }
-        this._files = files.map(file => {
-            if (this.isImage(file)) {
-                file.objectURL = this.sanitizer.bypassSecurityTrustUrl(window.URL.createObjectURL(file));
-            }
-            return file;
-        });
-    }
-    ngOnInit() {
-        this.supportedExtensions = this.supportedExtensions
-            .map(extension => extension.replace(".", "").toLowerCase());
-    }
-    ngOnDestroy() {
-        this.ngUsubscribe.next();
-        this.ngUsubscribe.complete();
-    }
-    ngAfterContentInit() {
-        this.update();
-    }
-    onResize() {
-        this.update();
     }
-    onFileSelect(files) {
-        const newFiles = [];
-        if (!this.multiple) {
-            this.files = [];
-        }
-        if (this.isFileLimitExceeded(files)) {
-            this.validateErrors.emit({
-                files,
-                validation: ValidateErrors.MAX_FILE_LIMIT,
+    static exportCSV(columns = [], data = [], csvSeparator = ";", documentName = "download") {
+        let csv = "\ufeff";
+        columns.filter((column) => column.exportable && column.field).forEach((column, i) => {
+            csv += `"${column.header || column.field}"`;
+            if (i < columns.length - 1)
+                csv += csvSeparator;
+        });
+        data.forEach((record) => {
+            csv += "\n";
+            columns.filter((column) => column.exportable && column.field).forEach((column, i) => {
+                let cellData;
+                if (Array.isArray(column.field)) {
+                    const fieldValues = column.field.map((col) => this.resolveFieldData(record, col));
+                    cellData = fieldValues
+                        .flat()
+                        .filter((value) => value !== null && value !== undefined)
+                        .join(column.separator);
+                }
+                else {
+                    cellData = this.resolveFieldData(record, column.field);
+                }
+                if (cellData != null)
+                    cellData = String(cellData).replace(/"/g, `""`);
+                else
+                    cellData = "";
+                csv += `"${cellData}"`;
+                if (i < columns.length - 1)
+                    csv += csvSeparator;
             });
-            this.clearFileInput();
-            return;
-        }
-        for (const file of files) {
-            if (this.isUnsupportedFileExtension(file)) {
-                this.validateErrors.emit({
-                    files: [file],
-                    validation: ValidateErrors.UNSUPPORTED_EXTENSION,
-                });
-                continue;
+        });
+        const blob = new Blob([csv], {
+            type: "text/csv;charset=utf-8;",
+        });
+        if (window.navigator.msSaveOrOpenBlob)
+            navigator.msSaveOrOpenBlob(blob, documentName + ".csv");
+        else {
+            const link = document.createElement("a");
+            link.style.display = "none";
+            document.body.appendChild(link);
+            if (link.download !== undefined) {
+                link.setAttribute("href", URL.createObjectURL(blob));
+                link.setAttribute("download", documentName + ".csv");
+                link.click();
             }
-            if (this.isFileSizeExceeded(file)) {
-                this.validateErrors.emit({
-                    files: [file],
-                    validation: ValidateErrors.MAX_FILE_SIZE,
-                });
-                continue;
+            else {
+                csv = "data:text/csv;charset=utf-8," + csv;
+                window.open(encodeURI(csv));
             }
-            newFiles.push(file);
-        }
-        if (newFiles.length) {
-            this.files = this.files.concat(newFiles);
-            this.uploadHandler.emit({
-                files: newFiles,
-            });
+            document.body.removeChild(link);
         }
-        this.clearFileInput();
     }
-    onRemoveFile(file) {
-        const fileIndex = this.files.indexOf(file);
-        const removedFiles = this.files.splice(fileIndex, 1);
-        if (removedFiles.length) {
-            this.removeFile.emit({ file });
+    static resolveFieldData(data, field) {
+        if (data && field) {
+            if (this.isFunction(field))
+                return field(data);
+            else if (field.indexOf(".") == -1)
+                return data[field];
+            else {
+                const fields = field.split(".");
+                let value = data;
+                for (let i = 0, len = fields.length; i < len; ++i) {
+                    if (value == null) {
+                        return null;
+                    }
+                    value = value[fields[i]];
+                }
+                return value;
+            }
         }
+        else
+            return null;
     }
-    onCancelUpload(index) {
-        const removedFiles = this.files.splice(index, 1);
-        if (removedFiles.length) {
-            this.cancelUpload.emit(index);
-        }
-        this.clearFileInput();
+    static isFunction(obj) {
+        return !!(obj && obj.constructor && obj.call && obj.apply);
     }
-    onDowloadFile(index) {
-        this.downloadFile.emit({
-            index,
-            anchor: this.anchor,
+}
+
+/**
+ * Formats a JSON response to a JS object
+ * @param response The response to format
+ * @returns A JS object based on the response's body
+ */
+function formatJsonResponse(response) {
+    return __awaiter(this, void 0, void 0, function* () {
+        return response.json();
+    });
+}
+
+/**
+ * Formats a Blob response to a JS object
+ * @param response The response to format
+ * @returns A JS object based on the response's body
+ */
+function formatBlobResponse(response) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const textResponse = yield (yield response.blob()).text();
+        return JSON.parse(textResponse);
+    });
+}
+
+/**
+ * Custom HttpClient for cases when is not possible to use the Angular's HttpClient
+ */
+class CustomHttpClient {
+    /**
+     * Executes a Http Get
+     * @param url Url to execute the Get on
+     * @param init Optional additional configs
+     * @returns Whether a Promise<T> on request success or an error in request fail
+     */
+    static GET(url, init = {}) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.interceptRequest(url, Object.assign(Object.assign({}, init), { method: "GET" }));
+            return this.formatResponse(response);
         });
     }
-    get files() {
-        return this._files;
-    }
-    update() {
-        const windowWidth = window.innerWidth;
-        this.isSmallDevice = windowWidth <= Breakpoints.SM_MAX;
-    }
-    isImage(file) {
-        return /^image\//.test(file.type);
-    }
-    isFileLimitExceeded(files) {
-        if (!this.fileLimit) {
-            return false;
-        }
-        return this.files.length + files.length > this.fileLimit;
+    /**
+     * Executes a Http Post
+     * @param url Url to execute the Post on
+     * @param body Info to send to server on Post
+     * @param init Optional additional configs
+     * @returns Whether a Promise<T> on request success or an error in request fail
+     */
+    static POST(url, body, init = {}) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const headers = new Headers(init.headers);
+            headers.append("Content-Type", "application/json");
+            headers.append("Accept", "application/json");
+            const response = yield this.interceptRequest(url, Object.assign(Object.assign({}, init), { method: "POST", body: JSON.stringify(body), headers }));
+            return this.formatResponse(response);
+        });
     }
-    isFileSizeExceeded(file) {
-        if (!this.maxFileSize) {
-            return false;
-        }
-        return file.size > this.maxFileSize;
+    /**
+     * Intercepts the original request to add a required header for Senior in case of a internal request
+     * @param url Url from the original request
+     * @param originalReq Configs from the original request
+     * @returns Whether a Promise<Response> if the request was made successfully or an error
+     */
+    static interceptRequest(url, originalReq = {}) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                if (!url.includes("://")) {
+                    const restUrl = yield service.getRestUrl();
+                    const authHeader = yield user.getAuthHeader();
+                    const headers = new Headers(originalReq.headers);
+                    headers.append("Authorization", authHeader);
+                    const request = new Request(restUrl + url, Object.assign(Object.assign({}, originalReq), { headers }));
+                    return fetch(request);
+                }
+                return fetch(url, originalReq);
+            }
+            catch (err) {
+                throw new Error(`Error fetching requested URL: ${err}`);
+            }
+        });
     }
-    isUnsupportedFileExtension(file) {
-        var _a;
-        if ((_a = this.supportedExtensions) === null || _a === void 0 ? void 0 : _a.length) {
-            const extension = file.name.split(".").pop().toLowerCase();
-            return !this.supportedExtensions.includes(extension);
-        }
-        return false;
+    /**
+     * Formats the request response to an object<T> or {}
+     * @param response The response to be formatted
+     * @returns Whether a Promise<T> if the response status is in the range 200-299 an error
+     */
+    static formatResponse(response) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const contentType = response.headers.get("content-type");
+            const formatter = CustomHttpClient._responseFormatterMap.get(contentType);
+            const formattedContentType = formatter ? yield formatter(response) : {};
+            if (response.ok)
+                return formattedContentType;
+            throw new Error(JSON.stringify(formattedContentType));
+        });
     }
-    clearFileInput() {
-        this.inputUpload.nativeElement.value = null;
+}
+CustomHttpClient._responseFormatterMap = new Map([
+    ["application/json", formatJsonResponse],
+    ["application/octet-stream", formatBlobResponse]
+]);
+
+/**
+ * Custom translator for cases when is not possible to use the "TranslateService" from "@ngx-translate/core"
+ */
+class CustomTranslationsService {
+    /**
+     * Method used to get the translation for an key based on the host project's translations. Always use the first available language
+     * @param key Key used to search the translation
+     * @returns The translation for the informed key or the key in case there is no translation
+     */
+    static translate(key) {
+        var _a, _b;
+        if (key === undefined || key === null)
+            return "";
+        const translationKey = `${CustomTranslationsService._TRANSLATION_PREFIX}${key}`;
+        const firstLanguageTranslations = (_a = Object.values(CustomTranslationsService._translations)[0]) !== null && _a !== void 0 ? _a : {};
+        return (_b = firstLanguageTranslations[translationKey]) !== null && _b !== void 0 ? _b : translationKey;
     }
-    getUploadDate(blobFile) {
-        if (!blobFile) {
-            return;
-        }
-        this.fileUploadService.getMetadataCustomField({ objectId: blobFile[0].objectId })
-            .then(metadata => this.setModifiedDate(metadata));
+    /**
+     * Method used to set the translations that will be used as base when calling the "translate" method
+     * @param translations Translations to use as base
+     */
+    static setTranslations(translations) {
+        CustomTranslationsService._translations = translations !== null && translations !== void 0 ? translations : {};
     }
-    setModifiedDate(metadata) {
-        const hour = moment$3(metadata.modified).format("HH");
-        const minutes = moment$3(metadata.modified).format("mm");
-        const day = moment$3(metadata.modified).format("DD");
-        const month = moment$3(metadata.modified).format("MM");
-        const fullYear = moment$3(metadata.modified).format("YYYY");
-        this.modifiedDate = this.translate.instant("platform.angular_components.date_modified_custom_blob", { hour, minutes, day, month, fullYear });
+    /**
+     * Method used to set the prefix that will be used when calling the "translate" method
+     * @param hostProjectConfigs The host project's configs used to create the prefix
+     */
+    static setTranslationsPrefix(hostProjectConfigs) {
+        const { domain, service } = hostProjectConfigs !== null && hostProjectConfigs !== void 0 ? hostProjectConfigs : {};
+        const prefix = `${domain}.${service}.`;
+        CustomTranslationsService._TRANSLATION_PREFIX = prefix;
     }
-};
-FileUploadComponent.nextId = 0;
-FileUploadComponent.ctorParameters = () => [
-    { type: DomSanitizer },
-    { type: FileUploadService },
-    { type: TranslateService }
-];
-__decorate([
-    ViewChild("inputUpload", { static: false })
-], FileUploadComponent.prototype, "inputUpload", void 0);
-__decorate([
-    ViewChild("anchor", { static: false })
-], FileUploadComponent.prototype, "anchor", void 0);
-__decorate([
-    Input()
-], FileUploadComponent.prototype, "id", void 0);
-__decorate([
-    Input()
-], FileUploadComponent.prototype, "chooseLabel", void 0);
-__decorate([
-    Input()
-], FileUploadComponent.prototype, "removeLabel", void 0);
-__decorate([
-    Input()
-], FileUploadComponent.prototype, "cancelLabel", void 0);
-__decorate([
-    Input()
-], FileUploadComponent.prototype, "successTooltip", void 0);
-__decorate([
-    Input()
-], FileUploadComponent.prototype, "multiple", void 0);
-__decorate([
-    Input()
-], FileUploadComponent.prototype, "accept", void 0);
-__decorate([
-    Input()
-], FileUploadComponent.prototype, "supportedExtensions", void 0);
-__decorate([
-    Input()
-], FileUploadComponent.prototype, "ariaLabelFileName", void 0);
-__decorate([
-    Input()
-], FileUploadComponent.prototype, "maxFileSize", void 0);
-__decorate([
-    Input()
-], FileUploadComponent.prototype, "fileLimit", void 0);
-__decorate([
-    Input()
-], FileUploadComponent.prototype, "ariaLabelProgress", void 0);
-__decorate([
-    Input()
-], FileUploadComponent.prototype, "ariaLabelSuccess", void 0);
-__decorate([
-    Input()
-], FileUploadComponent.prototype, "ariaLabelError", void 0);
-__decorate([
-    Input()
-], FileUploadComponent.prototype, "ariaLabelRemove", void 0);
-__decorate([
-    Input()
-], FileUploadComponent.prototype, "formGroup", void 0);
-__decorate([
-    Input()
-], FileUploadComponent.prototype, "disabled", void 0);
-__decorate([
-    Input()
-], FileUploadComponent.prototype, "showFileUploadDate", void 0);
-__decorate([
-    Input()
-], FileUploadComponent.prototype, "files", null);
-__decorate([
-    Output()
-], FileUploadComponent.prototype, "uploadHandler", void 0);
-__decorate([
-    Output()
-], FileUploadComponent.prototype, "removeFile", void 0);
-__decorate([
-    Output()
-], FileUploadComponent.prototype, "cancelUpload", void 0);
-__decorate([
-    Output()
-], FileUploadComponent.prototype, "downloadFile", void 0);
-__decorate([
-    Output()
-], FileUploadComponent.prototype, "validateErrors", void 0);
-__decorate([
-    HostListener("window:resize")
-], FileUploadComponent.prototype, "onResize", null);
-FileUploadComponent = FileUploadComponent_1 = __decorate([
-    Component({
-        selector: "s-file-upload",
-        template: "<div\n    [id]=\"id\"\n    class=\"s-fileupload\">\n    <div class=\"s-fileupload-choose\">\n        <input\n            #inputUpload\n            [id]=\"id+'input-upload'\"\n            type=\"file\"\n            name=\"file\"\n            [accept]=\"accept\"\n            [multiple]=\"multiple\"\n            (change)=\"onFileSelect($event.dataTransfer\n                ? $event.dataTransfer.files\n                : $event.target.files)\">        \n        <s-button\n            [id]=\"id + 'upload-button'\"\n            [label]=\"chooseLabel\"\n            (onClick)=\"inputUpload.click()\"\n            priority=\"primary\"\n            [disabled]=\"disabled || !!formGroup?.disabled\"\n            [auxiliary]=\"false\">\n        </s-button>\n    </div>\n\n    <section\n        *ngIf=\"files.length\"    \n        [id]=\"id + 'fileupload-list'\"\n        class=\"s-fileupload-list\"\n        role=\"grid\">\n        <ng-container *ngFor=\"let file of files; let i = index\">\n            <div\n                class=\"s-fileupload-list-file\"\n                role=\"row\">\n                <div\n                    [id]=\"id + '-file-' + i + '-name'\"\n                    class=\"s-fileupload-list-file-name\"\n                    role=\"gridcell\">\n                    <ng-container *ngTemplateOutlet=\"file.savedFile || file.progress === 100\n                        ? descriptionUrl\n                        : description; context: {\n                            $implicit: file,\n                            index: i\n                        }\">\n                    </ng-container>\n                    <span *ngIf=\"modifiedDate\" class=\"s-fileupload-list-file-name-date\">{{ modifiedDate }}</span>\n                </div>\n                <div\n                    class=\"s-fileupload-list-file-status\"\n                    role=\"gridcell\">\n                    <p-progressBar\n                        *ngIf=\"file.isUploading && !isSmallDevice\"\n                        [style]=\"{ 'width': '250px', 'background-color': '#d8d8d8', 'border-radius': '0px', 'height': '14px'}\"\n                        [value]=\"file.progress\"\n                        [showValue]=\"false\"\n                        role=\"alert\"\n                        [attr.aria-label]=\"ariaLabelProgress\">\n                    </p-progressBar>\n                    <span\n                        *ngIf=\"file.isUploading && isSmallDevice\"    \n                        [id]=\"id + '-file-' + i + '-spin'\"\n                        class=\"fas fa-circle-notch fa-spin\"\n                        [attr.aria-label]=\"ariaLabelProgress\">\n                    </span>\n                    <span\n                        *ngIf=\"!file.isUploading && !file.error && file.progress === 100\"\n                        [id]=\"id + '-file-' + i + '-check'\"\n                        class=\"fas fa-check\"\n                        role=\"alert\"\n                        [attr.aria-label]=\"ariaLabelSuccess || successTooltip\"\n                        [pTooltip]=\"successTooltip\"\n                        tooltipPosition=\"top\"\n                        showDelay=\"500\"\n                        [appendTo]=\"'body'\">\n                    </span>\n                    <span\n                        *ngIf=\"file.error?.message\"    \n                        [id]=\"id + '-file-' + i + '-error'\"\n                        class=\"fas fa-times\"\n                        role=\"alert\"\n                        [pTooltip]=\"file.error?.message\"\n                        tooltipPosition=\"top\"\n                        showDelay=\"500\"\n                        [appendTo]=\"'body'\">\n                    </span>\n                </div>\n                <div\n                    class=\"s-fileupload-list-file-actions\"\n                    role=\"gridcell\">\n                    <a\n                        *ngIf=\"file.isUploading\"\n                        [id]=\"id + '-file-' + i + '-cancel'\"\n                        class=\"s-fileupload-list-file-actions-action\"\n                        (click)=\"onCancelUpload(i)\">\n                        {{cancelLabel}}\n                    </a>\n                    <a\n                        *ngIf=\"!file.isUploading && !(disabled || !!formGroup?.disabled)\"\n                        role=\"button\"\n                        tabindex=\"0\"\n                        [id]=\"id + '-file-' + i + '-remove'\"\n                        class=\"s-fileupload-list-file-actions-action\"\n                        (click)=\"onRemoveFile(file)\"\n                        [attr.aria-label]=\"ariaLabelRemove || removeLabel\">\n                        {{removeLabel}}\n                    </a>\n                </div>\n            </div>\n        </ng-container>\n    </section>\n</div>\n\n<ng-template\n    #descriptionUrl\n    let-file\n    let-i = index>\n    <a\n        [id]=\"id + '-file-' + i + '-name-link'\"\n        tabindex=\"0\"\n        (click)=\"onDowloadFile(i)\"\n        [attr.aria-label]=\"ariaLabelFileName || file.name\">{{file.name}}\n    </a>\n    <a\n        style=\"display: none;\"\n        [href]=\"file.objectURL\"\n        target=\"_blank\"\n        download\n        #anchor>\n    </a>\n</ng-template>\n\n<ng-template\n    #description\n    let-file>\n    <span\n        tabindex=\"0\"\n        [attr.aria-label]=\"ariaLabelFileName || file.name\">\n        {{file.name}}\n    </span>\n</ng-template>\n",
-        styles: [".s-fileupload .s-fileupload-choose{position:relative;margin:15px 0;width:-webkit-max-content;width:max-content}.s-fileupload input[type=file]{display:none}.s-fileupload-list{border:1px solid #ccc}.s-fileupload-list-file:not(:first-child){border-top:1px solid #ccc}.s-fileupload-list .s-fileupload-list-file{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;padding:15px}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:center;align-self:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name .s-fileupload-list-file-name-date{font-size:.75rem;color:#999}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name>a{cursor:pointer;text-decoration:none}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-status{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.s-fileupload-list .s-fileupload-list-file .fas.fa-circle-notch{color:#d8d8d8;font-size:12px}.s-fileupload-list .s-fileupload-list-file .fas.fa-check{color:#0c9348;font-size:12px}.s-fileupload-list .s-fileupload-list-file .fas.fa-times{color:#c13018;font-size:12px}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions{margin-top:15px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;width:100%}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action{text-decoration:none;color:#428bca}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action :focus,.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action :visited,.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action:hover{text-decoration:none}@media (min-width:768px){.s-fileupload-list .s-fileupload-list-file{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name{width:auto;-ms-flex-positive:2;flex-grow:2}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-status{margin:0 15px}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions{margin:0;width:auto}}"]
-    })
-], FileUploadComponent);
+}
+CustomTranslationsService._translations = {};
+CustomTranslationsService._TRANSLATION_PREFIX = "";
 
-let FileUploadModule = class FileUploadModule {
+var AngularComponentsModule_1;
+const HostProjectConfigsInjectionToken = new InjectionToken("hostProjectConfigs");
+let AngularComponentsModule = AngularComponentsModule_1 = class AngularComponentsModule {
+    static forRoot(config) {
+        return {
+            ngModule: AngularComponentsModule_1,
+            providers: [
+                {
+                    provide: HostProjectConfigsInjectionToken,
+                    useValue: config
+                }
+            ]
+        };
+    }
 };
-FileUploadModule = __decorate([
-    NgModule({
-        declarations: [FileUploadComponent],
-        imports: [
-            CommonModule,
-            ButtonModule,
-            TooltipModule$1,
-            ProgressBarModule$1,
-        ],
-        providers: [FileUploadService],
-        exports: [FileUploadComponent],
-    })
-], FileUploadModule);
+AngularComponentsModule = AngularComponentsModule_1 = __decorate([
+    NgModule({})
+], AngularComponentsModule);
 
-var TooltipPosition;
-(function (TooltipPosition) {
-    TooltipPosition["Top"] = "top";
-    TooltipPosition["Bottom"] = "bottom";
-    TooltipPosition["Left"] = "left";
-    TooltipPosition["Right"] = "right";
-})(TooltipPosition || (TooltipPosition = {}));
+/**
+ * Responsible for setting up the translations that will be used by the "CustomTranslationsService".
+ * Uses the host project's translations set by using the "TranslationsModule" from "@seniorsistemas/platform-components"
+ */
+let CustomTranslationsModule = class CustomTranslationsModule {
+    constructor(translate, hostProjectConfigs) {
+        this.translate = translate;
+        this.hostProjectConfigs = hostProjectConfigs;
+        this.factoryTranslations(this.translate, this.hostProjectConfigs);
+    }
+    factoryTranslations(translate, hostProjectConfigs) {
+        CustomTranslationsService.setTranslations(translate.translations);
+        CustomTranslationsService.setTranslationsPrefix(hostProjectConfigs);
+    }
+};
+CustomTranslationsModule.ctorParameters = () => [
+    { type: TranslateService },
+    { type: undefined, decorators: [{ type: Inject, args: [HostProjectConfigsInjectionToken,] }] }
+];
+CustomTranslationsModule = __decorate([
+    NgModule(),
+    __param(1, Inject(HostProjectConfigsInjectionToken))
+], CustomTranslationsModule);
 
-let TooltipComponent = class TooltipComponent {
+let FileUploadService = class FileUploadService {
     constructor() {
-        this.tooltip = "";
-        this.position = TooltipPosition.Top;
-        this.left = 0;
-        this.top = 0;
-        this.visible = false;
-        this.escape = false;
+        this.BASE_URL_FIELD_CUSTOMIZATION = "platform/field_customization";
+        this.TOKEN = new AbortController();
+    }
+    getMetadataCustomField(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return CustomHttpClient.POST(`${this.BASE_URL_FIELD_CUSTOMIZATION}/queries/getFileMetadata`, request, { signal: this.TOKEN.signal });
+        });
     }
 };
-TooltipComponent = __decorate([
-    Component({
-        template: "<div\n   class=\"tooltip\"\n   [ngClass]=\"['tooltip--' + position]\"\n   [class.tooltip--visible]=\"visible\"\n   [ngStyle]=\"{\n      'left': left + 'px',\n      'top': top + 'px'\n   }\">\n   <ng-template\n      *ngIf=\"escape;\n         then escapeTemplate;\n         else noEscapeTemplate\">\n   </ng-template>   \n</div>\n\n<ng-template #noEscapeTemplate>\n   <span\n      class=\"tooltip__content\"\n      [innerHTML]=\"tooltip\">\n   </span>\n</ng-template>\n\n<ng-template #escapeTemplate>\n   <span class=\"tooltip__content\">\n      {{ tooltip }}\n   </span>\n</ng-template>",
-        styles: [".tooltip{background-color:#000;border-radius:2px;color:#fff;font-family:\"Open Sans\",sans-serif;font-size:14px;font-weight:400;line-height:21px;margin-top:5px;opacity:0;padding:8px;position:fixed;transform:translateX(-50%);text-align:center;max-width:150px;word-wrap:break-word;z-index:99999}.tooltip--visible{opacity:1;transition:opacity .3s}.tooltip::before{content:\"\";height:0;position:absolute;width:0}.tooltip--bottom{margin-top:8px;transform:translateX(-50%)}.tooltip--bottom::before{border:5px solid transparent;border-bottom:5px solid #000;left:calc(50% - 5px);top:-10px}.tooltip--top{margin-bottom:8px;transform:translate(-50%,-100%)}.tooltip--top::before{border:5px solid transparent;border-top:5px solid #000;left:calc(50% - 5px);bottom:-10px}.tooltip--left{margin-right:28px;transform:translate(calc(-100% - 7px),-50%)}.tooltip--left::before{border:5px solid transparent;border-left:5px solid #000;right:-10px;bottom:calc(50% - 5px)}.tooltip--right{margin-left:7px;transform:translateY(-50%)}.tooltip--right::before{border:5px solid transparent;border-right:5px solid #000;left:-10px;bottom:calc(50% - 5px)}"]
-    })
-], TooltipComponent);
-
-var MobileBehavior;
-(function (MobileBehavior) {
-    MobileBehavior["Pressing"] = "pressing";
-    MobileBehavior["Tap"] = "tap";
-})(MobileBehavior || (MobileBehavior = {}));
-
-var TooltipEvent;
-(function (TooltipEvent) {
-    TooltipEvent["Focus"] = "focus";
-    TooltipEvent["Hover"] = "hover";
-})(TooltipEvent || (TooltipEvent = {}));
+FileUploadService = __decorate([
+    Injectable()
+], FileUploadService);
 
-let TooltipDirective = class TooltipDirective {
-    constructor(elementRef, appRef, componentFactoryResolver, injector, debounceUtils) {
-        this.elementRef = elementRef;
-        this.appRef = appRef;
-        this.componentFactoryResolver = componentFactoryResolver;
-        this.injector = injector;
-        this.debounceUtils = debounceUtils;
-        this.position = TooltipPosition.Top;
-        this.showDelay = 500;
-        this.tooltipEvent = TooltipEvent.Hover;
-        this.escape = false;
-        this.visible = true;
-        this.mobileBehavior = MobileBehavior.Pressing;
-        this.componentRef = null;
-        this.boundOnWindowMouseMoveFunction = this.onWindowMouseMove.bind(this);
-        this.debounceCreateTooltipFunction = this.debounceUtils.debounceLeading(() => this.createTootip());
+var FileUploadComponent_1;
+const moment$3 = moment_;
+let FileUploadComponent = FileUploadComponent_1 = class FileUploadComponent {
+    constructor(sanitizer, fileUploadService, translate) {
+        this.sanitizer = sanitizer;
+        this.fileUploadService = fileUploadService;
+        this.translate = translate;
+        this.id = `s-file-upload-${FileUploadComponent_1.nextId++}`;
+        this.chooseLabel = "Anexar arquivos";
+        this.removeLabel = "Remover";
+        this.cancelLabel = "Cancelar";
+        this.successTooltip = "Arquivo anexado com sucesso";
+        this.supportedExtensions = [];
+        this.ariaLabelProgress = "Carregando arquivo";
+        this.disabled = false;
+        this.showFileUploadDate = false;
+        this.uploadHandler = new EventEmitter();
+        this.removeFile = new EventEmitter();
+        this.cancelUpload = new EventEmitter();
+        this.downloadFile = new EventEmitter();
+        this.validateErrors = new EventEmitter();
+        this._files = [];
+        this.ngUsubscribe = new Subject();
+        this.inputValue = "";
+    }
+    set files(files) {
+        var _a;
+        if (this.showFileUploadDate && ((_a = files[0]) === null || _a === void 0 ? void 0 : _a.objectId)) {
+            this.getUploadDate(files);
+        }
+        this._files = files.map(file => {
+            if (this.isImage(file)) {
+                file.objectURL = this.sanitizer.bypassSecurityTrustUrl(window.URL.createObjectURL(file));
+            }
+            return file;
+        });
     }
     ngOnInit() {
-        this.validatePosition();
+        this.supportedExtensions = this.supportedExtensions
+            .map(extension => extension.replace(".", "").toLowerCase());
     }
     ngOnDestroy() {
-        this.destroy();
+        this.ngUsubscribe.next();
+        this.ngUsubscribe.complete();
     }
-    onWindowMouseMove(event) {
-        if (!this.componentRef) {
-            return;
-        }
-        const elementRect = this.elementRef.nativeElement.getBoundingClientRect();
-        const toolTipRect = this.tooltipDivElement.getBoundingClientRect();
-        const totalElementArea = {
-            top: Math.min(elementRect.top, toolTipRect.top),
-            right: Math.max(elementRect.right, toolTipRect.right),
-            left: Math.min(elementRect.left, toolTipRect.left),
-            bottom: Math.max(elementRect.bottom, toolTipRect.bottom)
-        };
-        if (this.isMousePositionOutsideOfElement(event.clientX, event.clientY, totalElementArea)) {
-            this.destroy();
-        }
+    ngAfterContentInit() {
+        this.update();
     }
-    isMousePositionOutsideOfElement(mouseX, mouseY, elementArea) {
-        return mouseX < elementArea.left || mouseX >= elementArea.right || mouseY < elementArea.top || mouseY >= elementArea.bottom;
+    onResize() {
+        this.update();
     }
-    // whenever the component with the tooltip is clicked I destroy the tooltip.
-    // whenever a key is pressed on the component with the tooltip I destroy the tooltip.
-    onClick() {
-        if (this.tooltipEvent === TooltipEvent.Hover &&
-            !navigator.userAgent.match(/Android/i) &&
-            !navigator.userAgent.match(/iPhone/i)) {
-            this.destroy();
+    onFileSelect(files) {
+        const newFiles = [];
+        if (!this.multiple) {
+            this.files = [];
         }
-    }
-    // whenever you touch outside the component with the tooltip I destroy the tooltip.
-    onDocumentTouchStart() {
-        if (this.tooltipEvent === TooltipEvent.Hover) {
-            this.destroy();
+        if (this.isFileLimitExceeded(files)) {
+            this.validateErrors.emit({
+                files,
+                validation: ValidateErrors.MAX_FILE_LIMIT,
+            });
+            this.clearFileInput();
+            return;
         }
-    }
-    onFocus() {
-        if (this.tooltipEvent === TooltipEvent.Focus) {
-            this.createTootip();
+        for (const file of files) {
+            if (this.isUnsupportedFileExtension(file)) {
+                this.validateErrors.emit({
+                    files: [file],
+                    validation: ValidateErrors.UNSUPPORTED_EXTENSION,
+                });
+                continue;
+            }
+            if (this.isFileSizeExceeded(file)) {
+                this.validateErrors.emit({
+                    files: [file],
+                    validation: ValidateErrors.MAX_FILE_SIZE,
+                });
+                continue;
+            }
+            newFiles.push(file);
         }
-    }
-    onBlur() {
-        if (this.tooltipEvent === TooltipEvent.Focus) {
-            this.destroy();
+        if (newFiles.length) {
+            this.files = this.files.concat(newFiles);
+            this.uploadHandler.emit({
+                files: newFiles,
+            });
         }
+        this.clearFileInput();
     }
-    onMouseEnter() {
-        if (this.tooltipEvent === TooltipEvent.Hover) {
-            this.debounceCreateTooltipFunction();
+    onRemoveFile(file) {
+        const fileIndex = this.files.indexOf(file);
+        const removedFiles = this.files.splice(fileIndex, 1);
+        if (removedFiles.length) {
+            this.removeFile.emit({ file });
         }
     }
-    onMouseLeave() {
-        if (this.tooltipEvent === TooltipEvent.Hover) {
-            this.destroy();
+    onCancelUpload(index) {
+        const removedFiles = this.files.splice(index, 1);
+        if (removedFiles.length) {
+            this.cancelUpload.emit(index);
         }
+        this.clearFileInput();
     }
-    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);
-        }
+    onDowloadFile(index) {
+        this.downloadFile.emit({
+            index,
+            anchor: this.anchor,
+        });
     }
-    onTouchEnd() {
-        if (this.tooltipEvent === TooltipEvent.Hover) {
-            if (this.mobileBehavior === MobileBehavior.Pressing) {
-                window.clearTimeout(this.touchTimeout);
-                this.destroy();
-            }
-        }
+    get files() {
+        return this._files;
     }
-    validatePosition() {
-        const containsPosition = [
-            TooltipPosition.Top,
-            TooltipPosition.Right,
-            TooltipPosition.Bottom,
-            TooltipPosition.Left,
-        ].includes(this.position);
-        if (!containsPosition) {
-            this.position = TooltipPosition.Top;
-            throw new Error(`Tooltip ${this.position} position is unexpected`);
+    update() {
+        const windowWidth = window.innerWidth;
+        this.isSmallDevice = windowWidth <= Breakpoints.SM_MAX;
+    }
+    isImage(file) {
+        return /^image\//.test(file.type);
+    }
+    isFileLimitExceeded(files) {
+        if (!this.fileLimit) {
+            return false;
         }
+        return this.files.length + files.length > this.fileLimit;
     }
-    createTootip() {
-        var _a;
-        if (this.componentRef === null && ((_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.length)) {
-            const componentFactory = this.componentFactoryResolver.resolveComponentFactory(TooltipComponent);
-            this.componentRef = componentFactory.create(this.injector);
-            this.appRef.attachView(this.componentRef.hostView);
-            const domElem = this.componentRef.hostView.rootNodes[0];
-            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);
-            }
+    isFileSizeExceeded(file) {
+        if (!this.maxFileSize) {
+            return false;
         }
+        return file.size > this.maxFileSize;
     }
-    showTooltip() {
-        if (this.componentRef !== null) {
-            this.componentRef.instance.visible = true;
-            window.addEventListener('mousemove', this.boundOnWindowMouseMoveFunction);
+    isUnsupportedFileExtension(file) {
+        var _a;
+        if ((_a = this.supportedExtensions) === null || _a === void 0 ? void 0 : _a.length) {
+            const extension = file.name.split(".").pop().toLowerCase();
+            return !this.supportedExtensions.includes(extension);
         }
+        return false;
     }
-    setTooltipComponentProperties() {
-        const margin = 20;
-        const anchorSize = 5;
-        if (this.componentRef !== null) {
-            this.componentRef.instance.tooltip = this.tooltip;
-            this.componentRef.instance.escape = this.escape;
-            const { left, right, top, bottom } = this.elementRef.nativeElement.getBoundingClientRect();
-            const tooltipHeight = bottom - top;
-            const tooltipWidth = right - left;
-            const safeSpace = 150;
-            let positioned = false;
-            const invalidOptions = [];
-            while (!positioned) {
-                if (invalidOptions.includes(TooltipPosition.Top)
-                    && invalidOptions.includes(TooltipPosition.Bottom)
-                    && invalidOptions.includes(TooltipPosition.Left)
-                    && invalidOptions.includes(TooltipPosition.Right)) {
-                    this.destroy();
-                    throw new Error("No space to show tooltip");
-                }
-                switch (this.position) {
-                    case TooltipPosition.Top: {
-                        if (invalidOptions.includes(TooltipPosition.Top)) {
-                            this.position = TooltipPosition.Left;
-                            break;
-                        }
-                        const topShift = top;
-                        if (topShift <= tooltipHeight + safeSpace) {
-                            this.position = TooltipPosition.Bottom;
-                            invalidOptions.push(TooltipPosition.Top);
-                            positioned = false;
-                            break;
-                        }
-                        this.componentRef.instance.left = Math.round(tooltipWidth / 2 + left);
-                        this.componentRef.instance.top = Math.round(top - margin - anchorSize);
-                        positioned = true;
-                        break;
-                    }
-                    case TooltipPosition.Bottom: {
-                        if (invalidOptions.includes(TooltipPosition.Bottom)) {
-                            this.position = TooltipPosition.Left;
-                            break;
-                        }
-                        const bottomShift = document.body.clientHeight - bottom;
-                        if (bottomShift <= tooltipHeight + safeSpace) {
-                            this.position = TooltipPosition.Top;
-                            invalidOptions.push(TooltipPosition.Bottom);
-                            break;
-                        }
-                        this.componentRef.instance.left = Math.round(tooltipWidth / 2 + left);
-                        this.componentRef.instance.top = Math.round(bottom + margin);
-                        positioned = true;
-                        break;
-                    }
-                    case TooltipPosition.Left: {
-                        if (invalidOptions.includes(TooltipPosition.Left)) {
-                            this.position = TooltipPosition.Top;
-                            break;
-                        }
-                        const leftShift = left;
-                        if (leftShift <= tooltipWidth + safeSpace) {
-                            this.position = TooltipPosition.Right;
-                            invalidOptions.push(TooltipPosition.Left);
-                            positioned = false;
-                            break;
-                        }
-                        this.componentRef.instance.left = Math.round(left - margin);
-                        this.componentRef.instance.top = Math.round(top + tooltipHeight / 2 - anchorSize);
-                        positioned = true;
-                        break;
-                    }
-                    case TooltipPosition.Right: {
-                        if (invalidOptions.includes(TooltipPosition.Right)) {
-                            this.position = TooltipPosition.Top;
-                            break;
-                        }
-                        const rightShift = document.body.clientWidth - right;
-                        if (rightShift <= tooltipWidth + safeSpace) {
-                            this.position = TooltipPosition.Left;
-                            invalidOptions.push(TooltipPosition.Right);
-                            positioned = false;
-                            break;
-                        }
-                        this.componentRef.instance.left = Math.round(right + margin);
-                        this.componentRef.instance.top = Math.round(top + tooltipHeight / 2 - anchorSize);
-                        positioned = true;
-                        break;
-                    }
-                    default: {
-                        break;
-                    }
-                }
-                this.componentRef.instance.position = this.position;
-            }
-        }
+    clearFileInput() {
+        this.inputUpload.nativeElement.value = null;
     }
-    destroy() {
-        if (this.componentRef !== null) {
-            window.clearTimeout(this.showTimeout);
-            this.appRef.detachView(this.componentRef.hostView);
-            this.componentRef.destroy();
-            this.componentRef = null;
-            this.tooltipDivElement = null;
+    getUploadDate(blobFile) {
+        if (!blobFile) {
+            return;
         }
-        window.removeEventListener('mousemove', this.boundOnWindowMouseMoveFunction);
+        this.fileUploadService.getMetadataCustomField({ objectId: blobFile[0].objectId })
+            .then(metadata => this.setModifiedDate(metadata));
+    }
+    setModifiedDate(metadata) {
+        const hour = moment$3(metadata.modified).format("HH");
+        const minutes = moment$3(metadata.modified).format("mm");
+        const day = moment$3(metadata.modified).format("DD");
+        const month = moment$3(metadata.modified).format("MM");
+        const fullYear = moment$3(metadata.modified).format("YYYY");
+        this.modifiedDate = this.translate.instant("platform.angular_components.date_modified_custom_blob", { hour, minutes, day, month, fullYear });
     }
 };
-TooltipDirective.ctorParameters = () => [
-    { type: ElementRef },
-    { type: ApplicationRef },
-    { type: ComponentFactoryResolver },
-    { type: Injector },
-    { type: DebounceUtils }
+FileUploadComponent.nextId = 0;
+FileUploadComponent.ctorParameters = () => [
+    { type: DomSanitizer },
+    { type: FileUploadService },
+    { type: TranslateService }
 ];
 __decorate([
-    Input("sTooltip")
-], TooltipDirective.prototype, "tooltip", void 0);
+    ViewChild("inputUpload", { static: false })
+], FileUploadComponent.prototype, "inputUpload", void 0);
 __decorate([
-    Input("tooltipPosition")
-], TooltipDirective.prototype, "position", void 0);
+    ViewChild("anchor", { static: false })
+], FileUploadComponent.prototype, "anchor", void 0);
 __decorate([
     Input()
-], TooltipDirective.prototype, "showDelay", void 0);
+], FileUploadComponent.prototype, "id", void 0);
 __decorate([
     Input()
-], TooltipDirective.prototype, "displayTime", void 0);
+], FileUploadComponent.prototype, "chooseLabel", void 0);
 __decorate([
     Input()
-], TooltipDirective.prototype, "tooltipEvent", void 0);
+], FileUploadComponent.prototype, "removeLabel", void 0);
 __decorate([
     Input()
-], TooltipDirective.prototype, "escape", void 0);
+], FileUploadComponent.prototype, "cancelLabel", void 0);
 __decorate([
     Input()
-], TooltipDirective.prototype, "visible", void 0);
+], FileUploadComponent.prototype, "successTooltip", void 0);
 __decorate([
     Input()
-], TooltipDirective.prototype, "mobileBehavior", void 0);
+], FileUploadComponent.prototype, "multiple", void 0);
 __decorate([
-    HostListener("click"),
-    HostListener("keydown")
-], TooltipDirective.prototype, "onClick", null);
+    Input()
+], FileUploadComponent.prototype, "accept", void 0);
 __decorate([
-    HostListener("document:touchstart")
-], TooltipDirective.prototype, "onDocumentTouchStart", null);
+    Input()
+], FileUploadComponent.prototype, "supportedExtensions", void 0);
 __decorate([
-    HostListener("focus")
-], TooltipDirective.prototype, "onFocus", null);
+    Input()
+], FileUploadComponent.prototype, "ariaLabelFileName", void 0);
 __decorate([
-    HostListener("blur")
-], TooltipDirective.prototype, "onBlur", null);
+    Input()
+], FileUploadComponent.prototype, "maxFileSize", void 0);
 __decorate([
-    HostListener("mouseenter")
-], TooltipDirective.prototype, "onMouseEnter", null);
+    Input()
+], FileUploadComponent.prototype, "fileLimit", void 0);
 __decorate([
-    HostListener("mouseleave"),
-    HostListener("wheel")
-], TooltipDirective.prototype, "onMouseLeave", null);
+    Input()
+], FileUploadComponent.prototype, "ariaLabelProgress", void 0);
 __decorate([
-    HostListener("touchstart")
-], TooltipDirective.prototype, "onTouchStart", null);
+    Input()
+], FileUploadComponent.prototype, "ariaLabelSuccess", void 0);
 __decorate([
-    HostListener("touchend")
-], TooltipDirective.prototype, "onTouchEnd", null);
-TooltipDirective = __decorate([
-    Directive({
-        selector: "[sTooltip]",
+    Input()
+], FileUploadComponent.prototype, "ariaLabelError", void 0);
+__decorate([
+    Input()
+], FileUploadComponent.prototype, "ariaLabelRemove", void 0);
+__decorate([
+    Input()
+], FileUploadComponent.prototype, "formGroup", void 0);
+__decorate([
+    Input()
+], FileUploadComponent.prototype, "disabled", void 0);
+__decorate([
+    Input()
+], FileUploadComponent.prototype, "showFileUploadDate", void 0);
+__decorate([
+    Input()
+], FileUploadComponent.prototype, "files", null);
+__decorate([
+    Output()
+], FileUploadComponent.prototype, "uploadHandler", void 0);
+__decorate([
+    Output()
+], FileUploadComponent.prototype, "removeFile", void 0);
+__decorate([
+    Output()
+], FileUploadComponent.prototype, "cancelUpload", void 0);
+__decorate([
+    Output()
+], FileUploadComponent.prototype, "downloadFile", void 0);
+__decorate([
+    Output()
+], FileUploadComponent.prototype, "validateErrors", void 0);
+__decorate([
+    HostListener("window:resize")
+], FileUploadComponent.prototype, "onResize", null);
+FileUploadComponent = FileUploadComponent_1 = __decorate([
+    Component({
+        selector: "s-file-upload",
+        template: "<div\n    [id]=\"id\"\n    class=\"s-fileupload\">\n    <div class=\"s-fileupload-choose\">\n        <input\n            #inputUpload\n            [id]=\"id+'input-upload'\"\n            type=\"file\"\n            name=\"file\"\n            [accept]=\"accept\"\n            [multiple]=\"multiple\"\n            (change)=\"onFileSelect($event.dataTransfer\n                ? $event.dataTransfer.files\n                : $event.target.files)\">        \n        <s-button\n            [id]=\"id + 'upload-button'\"\n            [label]=\"chooseLabel\"\n            (onClick)=\"inputUpload.click()\"\n            priority=\"primary\"\n            [disabled]=\"disabled || !!formGroup?.disabled\"\n            [auxiliary]=\"false\">\n        </s-button>\n    </div>\n\n    <section\n        *ngIf=\"files.length\"    \n        [id]=\"id + 'fileupload-list'\"\n        class=\"s-fileupload-list\"\n        role=\"grid\">\n        <ng-container *ngFor=\"let file of files; let i = index\">\n            <div\n                class=\"s-fileupload-list-file\"\n                role=\"row\">\n                <div\n                    [id]=\"id + '-file-' + i + '-name'\"\n                    class=\"s-fileupload-list-file-name\"\n                    role=\"gridcell\">\n                    <ng-container *ngTemplateOutlet=\"file.savedFile || file.progress === 100\n                        ? descriptionUrl\n                        : description; context: {\n                            $implicit: file,\n                            index: i\n                        }\">\n                    </ng-container>\n                    <span *ngIf=\"modifiedDate\" class=\"s-fileupload-list-file-name-date\">{{ modifiedDate }}</span>\n                </div>\n                <div\n                    class=\"s-fileupload-list-file-status\"\n                    role=\"gridcell\">\n                    <p-progressBar\n                        *ngIf=\"file.isUploading && !isSmallDevice\"\n                        [style]=\"{ 'width': '250px', 'background-color': '#d8d8d8', 'border-radius': '0px', 'height': '14px'}\"\n                        [value]=\"file.progress\"\n                        [showValue]=\"false\"\n                        role=\"alert\"\n                        [attr.aria-label]=\"ariaLabelProgress\">\n                    </p-progressBar>\n                    <span\n                        *ngIf=\"file.isUploading && isSmallDevice\"    \n                        [id]=\"id + '-file-' + i + '-spin'\"\n                        class=\"fas fa-circle-notch fa-spin\"\n                        [attr.aria-label]=\"ariaLabelProgress\">\n                    </span>\n                    <span\n                        *ngIf=\"!file.isUploading && !file.error && file.progress === 100\"\n                        [id]=\"id + '-file-' + i + '-check'\"\n                        class=\"fas fa-check\"\n                        role=\"alert\"\n                        [attr.aria-label]=\"ariaLabelSuccess || successTooltip\"\n                        [pTooltip]=\"successTooltip\"\n                        tooltipPosition=\"top\"\n                        showDelay=\"500\"\n                        [appendTo]=\"'body'\">\n                    </span>\n                    <span\n                        *ngIf=\"file.error?.message\"    \n                        [id]=\"id + '-file-' + i + '-error'\"\n                        class=\"fas fa-times\"\n                        role=\"alert\"\n                        [pTooltip]=\"file.error?.message\"\n                        tooltipPosition=\"top\"\n                        showDelay=\"500\"\n                        [appendTo]=\"'body'\">\n                    </span>\n                </div>\n                <div\n                    class=\"s-fileupload-list-file-actions\"\n                    role=\"gridcell\">\n                    <a\n                        *ngIf=\"file.isUploading\"\n                        [id]=\"id + '-file-' + i + '-cancel'\"\n                        class=\"s-fileupload-list-file-actions-action\"\n                        (click)=\"onCancelUpload(i)\">\n                        {{cancelLabel}}\n                    </a>\n                    <a\n                        *ngIf=\"!file.isUploading && !(disabled || !!formGroup?.disabled)\"\n                        role=\"button\"\n                        tabindex=\"0\"\n                        [id]=\"id + '-file-' + i + '-remove'\"\n                        class=\"s-fileupload-list-file-actions-action\"\n                        (click)=\"onRemoveFile(file)\"\n                        [attr.aria-label]=\"ariaLabelRemove || removeLabel\">\n                        {{removeLabel}}\n                    </a>\n                </div>\n            </div>\n        </ng-container>\n    </section>\n</div>\n\n<ng-template\n    #descriptionUrl\n    let-file\n    let-i = index>\n    <a\n        [id]=\"id + '-file-' + i + '-name-link'\"\n        tabindex=\"0\"\n        (click)=\"onDowloadFile(i)\"\n        [attr.aria-label]=\"ariaLabelFileName || file.name\">{{file.name}}\n    </a>\n    <a\n        style=\"display: none;\"\n        [href]=\"file.objectURL\"\n        target=\"_blank\"\n        download\n        #anchor>\n    </a>\n</ng-template>\n\n<ng-template\n    #description\n    let-file>\n    <span\n        tabindex=\"0\"\n        [attr.aria-label]=\"ariaLabelFileName || file.name\">\n        {{file.name}}\n    </span>\n</ng-template>\n",
+        styles: [".s-fileupload .s-fileupload-choose{position:relative;margin:15px 0;width:-webkit-max-content;width:max-content}.s-fileupload input[type=file]{display:none}.s-fileupload-list{border:1px solid #ccc}.s-fileupload-list-file:not(:first-child){border-top:1px solid #ccc}.s-fileupload-list .s-fileupload-list-file{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;padding:15px}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:center;align-self:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name .s-fileupload-list-file-name-date{font-size:.75rem;color:#999}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name>a{cursor:pointer;text-decoration:none}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-status{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.s-fileupload-list .s-fileupload-list-file .fas.fa-circle-notch{color:#d8d8d8;font-size:12px}.s-fileupload-list .s-fileupload-list-file .fas.fa-check{color:#0c9348;font-size:12px}.s-fileupload-list .s-fileupload-list-file .fas.fa-times{color:#c13018;font-size:12px}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions{margin-top:15px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;width:100%}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action{text-decoration:none;color:#428bca}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action :focus,.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action :visited,.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action:hover{text-decoration:none}@media (min-width:768px){.s-fileupload-list .s-fileupload-list-file{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name{width:auto;-ms-flex-positive:2;flex-grow:2}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-status{margin:0 15px}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions{margin:0;width:auto}}"]
     })
-], TooltipDirective);
+], FileUploadComponent);
 
-let TooltipModule = class TooltipModule {
+let FileUploadModule = class FileUploadModule {
 };
-TooltipModule = __decorate([
+FileUploadModule = __decorate([
     NgModule({
-        imports: [CommonModule],
-        declarations: [
-            TooltipComponent,
-            TooltipDirective,
+        declarations: [FileUploadComponent],
+        imports: [
+            CommonModule,
+            ButtonModule,
+            TooltipModule$1,
+            ProgressBarModule$1,
         ],
-        exports: [TooltipDirective],
+        providers: [FileUploadService],
+        exports: [FileUploadComponent],
     })
-], TooltipModule);
+], FileUploadModule);
 
 let InfoSignComponent = class InfoSignComponent {
 };
@@ -11614,5 +11807,5 @@ const fallback = {
  * Generated bundle index. Do not edit.
  */
 
-export { AngularComponentsModule, AutocompleteField, BadgeColors, BadgeComponent, BadgeModule, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, ChipsField, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CountryPhonePickerComponent, CountryPhonePickerModule, CurrencyField, 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, FileValidation, FormField, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, HostProjectConfigsInjectionToken, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, Ordination, PanelComponent, PanelModule, PasswordField, PasswordStrengthComponent, PasswordStrengthDirective, PasswordStrengthModule, PasswordStrengthPositions, PasswordStrengths, ProductHeaderComponent, ProductHeaderModule, ProfilePicturePickerComponent, ProfilePicturePickerModule, ProgressBarColors, ProgressBarComponent, ProgressBarModule, RadioButtonField, RationButtonOption, RowTogllerDirective, Section, SelectField, SelectOption, SidebarComponent, SidebarModule, SplitButtonComponent, SplitButtonModule, SplitButtonType, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TextAreaField, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TileComponent, TileModule, TimelineComponent, TimelineItem, TimelineItemSeverity, TimelineItemSize, TimelineModule, TokenListComponent, TokenListModule, TooltipModule, TooltipPosition, ValidateErrors, WorkspaceSwitchComponent, WorkspaceSwitchModule, countries, fallback, CountryPhonePickerService as ɵa, LocalizedCurrencyImpurePipe as ɵb, SelectFieldComponent as ɵba, TextAreaFieldComponent as ɵbb, TextFieldComponent as ɵbc, BooleanSwitchFieldComponent as ɵbd, PasswordFieldComponent as ɵbe, SliderFieldComponent as ɵbf, DecimalField as ɵbh, StructureModule as ɵbi, HeaderComponent as ɵbj, FooterComponent as ɵbk, NumberLocaleOptions as ɵbl, ThumbnailService as ɵbm, BorderButtonModule as ɵbn, BorderButtonComponent as ɵbo, TimelineItemModule as ɵbp, TimelineIconItemComponent as ɵbq, HorizontalTimelineModule as ɵbr, HorizontalTimelineComponent as ɵbs, VerticalTimelineModule as ɵbt, VerticalTimelineComponent as ɵbu, RangeLineComponent as ɵbv, CollapseOptionComponent as ɵbw, CollapsedItemsComponent as ɵbx, VerticalItemsComponent as ɵby, InfiniteScrollModule as ɵbz, LocalizedBignumberPipe as ɵc, InfiniteScrollDirective as ɵca, CustomTranslationsModule as ɵcb, CodeEditorComponent as ɵcc, CoreFacade as ɵcd, CodeMirror6Core as ɵce, LocalizedBignumberImpurePipe as ɵd, TooltipComponent as ɵe, TooltipDirective as ɵf, EmptyStateGoBackComponent as ɵg, FileUploadService as ɵh, InfoSignComponent as ɵi, TableColumnsComponent as ɵj, TablePagingComponent as ɵk, AutocompleteFieldComponent as ɵl, BooleanFieldComponent as ɵm, CalendarFieldComponent as ɵn, ChipsFieldComponent as ɵo, CurrencyFieldComponent as ɵp, DynamicFieldComponent as ɵq, DynamicFormDirective as ɵr, FieldsetComponent as ɵs, FileUploadComponent$1 as ɵt, LookupFieldComponent as ɵu, NumberFieldComponent as ɵv, BignumberFieldComponent as ɵw, RadioButtonComponent as ɵx, RowComponent as ɵy, SectionComponent as ɵz };
+export { AccordionComponent, AccordionModule, AccordionPanelComponent, AngularComponentsModule, AutocompleteField, BadgeColors, BadgeComponent, BadgeModule, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, ChipsField, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CountryPhonePickerComponent, CountryPhonePickerModule, CurrencyField, 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, FileValidation, FormField, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, HostProjectConfigsInjectionToken, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, Ordination, PanelComponent, PanelModule, PasswordField, PasswordStrengthComponent, PasswordStrengthDirective, PasswordStrengthModule, PasswordStrengthPositions, PasswordStrengths, ProductHeaderComponent, ProductHeaderModule, ProfilePicturePickerComponent, ProfilePicturePickerModule, ProgressBarColors, ProgressBarComponent, ProgressBarModule, RadioButtonField, RationButtonOption, RowTogllerDirective, Section, SelectField, SelectOption, SidebarComponent, SidebarModule, SplitButtonComponent, SplitButtonModule, SplitButtonType, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TextAreaField, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TileComponent, TileModule, TimelineComponent, TimelineItem, TimelineItemSeverity, TimelineItemSize, TimelineModule, TokenListComponent, TokenListModule, TooltipModule, TooltipPosition, ValidateErrors, WorkspaceSwitchComponent, WorkspaceSwitchModule, countries, fallback, TooltipComponent as ɵa, TooltipDirective as ɵb, SelectFieldComponent as ɵba, TextAreaFieldComponent as ɵbb, TextFieldComponent as ɵbc, BooleanSwitchFieldComponent as ɵbd, PasswordFieldComponent as ɵbe, SliderFieldComponent as ɵbf, DecimalField as ɵbh, StructureModule as ɵbi, HeaderComponent as ɵbj, FooterComponent as ɵbk, NumberLocaleOptions as ɵbl, ThumbnailService as ɵbm, BorderButtonModule as ɵbn, BorderButtonComponent as ɵbo, TimelineItemModule as ɵbp, TimelineIconItemComponent as ɵbq, HorizontalTimelineModule as ɵbr, HorizontalTimelineComponent as ɵbs, VerticalTimelineModule as ɵbt, VerticalTimelineComponent as ɵbu, RangeLineComponent as ɵbv, CollapseOptionComponent as ɵbw, CollapsedItemsComponent as ɵbx, VerticalItemsComponent as ɵby, InfiniteScrollModule as ɵbz, CountryPhonePickerService as ɵc, InfiniteScrollDirective as ɵca, CustomTranslationsModule as ɵcb, CodeEditorComponent as ɵcc, CoreFacade as ɵcd, CodeMirror6Core as ɵce, LocalizedCurrencyImpurePipe as ɵd, LocalizedBignumberPipe as ɵe, LocalizedBignumberImpurePipe as ɵf, EmptyStateGoBackComponent as ɵg, FileUploadService as ɵh, InfoSignComponent as ɵi, TableColumnsComponent as ɵj, TablePagingComponent as ɵk, AutocompleteFieldComponent as ɵl, BooleanFieldComponent as ɵm, CalendarFieldComponent as ɵn, ChipsFieldComponent as ɵo, CurrencyFieldComponent as ɵp, DynamicFieldComponent as ɵq, DynamicFormDirective as ɵr, FieldsetComponent as ɵs, FileUploadComponent$1 as ɵt, LookupFieldComponent as ɵu, NumberFieldComponent as ɵv, BignumberFieldComponent as ɵw, RadioButtonComponent as ɵx, RowComponent as ɵy, SectionComponent as ɵz };
 //# sourceMappingURL=seniorsistemas-angular-components.js.map