@seniorsistemas/angular-components 17.26.7 → 17.26.8

package/fesm2015/seniorsistemas-angular-components.js

@@ -1,22 +1,22 @@
 import { __decorate, __awaiter, __param, __rest } from 'tslib';
-import { EventEmitter, Input, Output, Component, ContentChildren, ViewChild, HostListener, forwardRef, NgModule, ɵɵdefineInjectable, Injectable, ElementRef, ApplicationRef, ComponentFactoryResolver, Injector, Renderer2, Directive, TemplateRef, ViewContainerRef, KeyValueDiffers, HostBinding, ChangeDetectorRef, ViewChildren, Pipe, ɵɵinject, InjectionToken, Inject, PLATFORM_ID, ViewEncapsulation, INJECTOR, NgZone, ContentChild, Optional } from '@angular/core';
+import { EventEmitter, Input, Output, Component, ContentChildren, ViewChild, HostListener, forwardRef, NgModule, ɵɵdefineInjectable, Injectable, ElementRef, ApplicationRef, ComponentFactoryResolver, Injector, Renderer2, Directive, TemplateRef, ViewContainerRef, Pipe, ɵɵinject, HostBinding, ChangeDetectorRef, ViewChildren, InjectionToken, Inject, PLATFORM_ID, KeyValueDiffers, ViewEncapsulation, INJECTOR, NgZone, ContentChild, Optional } from '@angular/core';
 import { trigger, transition, style as style$7, animate, state, group, query, animateChild } from '@angular/animations';
 import { Subject, of, from, ReplaySubject, throwError, fromEvent, forkJoin, pipe } from 'rxjs';
 import { takeUntil, tap, map, switchMap, catchError, first, filter, take, delay, debounceTime, repeat, finalize } from 'rxjs/operators';
 import { CommonModule, isPlatformBrowser } from '@angular/common';
 import { NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule, FormControl, FormGroup, NG_VALIDATORS, FormBuilder, Validators, FormArray, ControlContainer } from '@angular/forms';
 import { RouterModule, NavigationEnd, PRIMARY_OUTLET, ActivatedRoute, Router } from '@angular/router';
+import { applyMask, CurrencyMaskDirective, AlignmentOptions } from '@seniorsistemas/ng2-currency-mask';
 import { HttpClient, HttpEventType, HttpClientModule } from '@angular/common/http';
 import { user, service } from '@seniorsistemas/senior-platform-data';
 import * as moment_ from 'moment';
 import { CookieService } from 'ngx-cookie-service';
-import { CurrencyMaskDirective, AlignmentOptions, applyMask } from '@seniorsistemas/ng2-currency-mask';
+import BigNumber, { BigNumber as BigNumber$1 } from 'bignumber.js';
 import { BreadcrumbModule as BreadcrumbModule$1 } from 'primeng/breadcrumb';
 import { DomHandler } from 'primeng/dom';
 import { TieredMenu, TieredMenuModule as TieredMenuModule$1 } from 'primeng/tieredmenu';
 import { Calendar, CalendarModule } from 'primeng/calendar';
 import { TranslateModule, TranslateService } from '@ngx-translate/core';
-import BigNumber, { BigNumber as BigNumber$1 } from 'bignumber.js';
 import { EditorView } from '@codemirror/view';
 import { StateField, StateEffect, EditorState } from '@codemirror/state';
 import { setDiagnostics } from '@codemirror/lint';
@@ -1206,2483 +1206,2482 @@ LocaleService = __decorate([
     Injectable()
 ], LocaleService);
 
-var BignumberInputDirective_1;
-let BignumberInputDirective = BignumberInputDirective_1 = class BignumberInputDirective extends CurrencyMaskDirective {
-    constructor(_elementRef, _keyValueDiffers, localeService) {
-        super(null, _elementRef, _keyValueDiffers);
+let LocalizedBignumberPipe = class LocalizedBignumberPipe {
+    constructor(localeService) {
         this.localeService = localeService;
-        this.precision = 15;
-        this.scale = 0;
-        this.alignTo = AlignmentOptions.LEFT;
-        this.allowNegative = true;
-        this.pasteRejected = new EventEmitter();
-        this.onLocaleService();
     }
-    ngOnInit() {
-        this.updateVariables();
-        super.ngOnInit();
+    transform(value, options) {
+        return value !== undefined && value !== null ? this.applyMask(value, options) : of(value);
     }
-    ngOnChanges(changes) {
-        const placeholderChange = changes.placeholder && changes.placeholder.currentValue;
-        if (!placeholderChange && this.scale) {
-            this.placeholder = `0${this.decimalSeparator}${"".padEnd(this.scale, "0")}`;
-        }
-        if (changes.scale ||
-            changes.decimalSeparator ||
-            changes.thousandsSeparator ||
-            changes.alignTo ||
-            changes.precision ||
-            changes.allowNegative) {
-            this.updateVariables();
-        }
+    applyMask(value, options) {
+        return this.localeService.get().pipe(map(localeConfig => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+            const configs = {
+                prefix: (_c = (_a = options === null || options === void 0 ? void 0 : options.prefix) !== null && _a !== void 0 ? _a : (_b = localeConfig === null || localeConfig === void 0 ? void 0 : localeConfig.number) === null || _b === void 0 ? void 0 : _b.currencySymbol) !== null && _c !== void 0 ? _c : "R$",
+                thousandsSeparator: (_f = (_d = options === null || options === void 0 ? void 0 : options.thousandsSeparator) !== null && _d !== void 0 ? _d : (_e = localeConfig === null || localeConfig === void 0 ? void 0 : localeConfig.number) === null || _e === void 0 ? void 0 : _e.thousandsSeparator) !== null && _f !== void 0 ? _f : ".",
+                decimalSeparator: (_j = (_g = options === null || options === void 0 ? void 0 : options.decimalSeparator) !== null && _g !== void 0 ? _g : (_h = localeConfig === null || localeConfig === void 0 ? void 0 : localeConfig.number) === null || _h === void 0 ? void 0 : _h.decimalSeparator) !== null && _j !== void 0 ? _j : ",",
+                scale: (_k = options === null || options === void 0 ? void 0 : options.scale) !== null && _k !== void 0 ? _k : 2,
+                allowNegative: (_l = options === null || options === void 0 ? void 0 : options.allowNegative) !== null && _l !== void 0 ? _l : true
+            };
+            const isNumber = !(new BigNumber(value).isNaN());
+            return applyMask(value, configs, isNumber);
+        }));
     }
-    onPaste(event) {
-        var _a, _b;
-        const pastedText = (_b = (_a = event.clipboardData) === null || _a === void 0 ? void 0 : _a.getData("text")) !== null && _b !== void 0 ? _b : "";
-        const numericText = pastedText.replace(new RegExp(`\\${this.thousandsSeparator}`, "g"), "").replace(this.decimalSeparator, ".");
-        const [intPart, decimalPart = ""] = numericText.split(".");
-        const totalDigits = intPart.replace(/\D/g, "").length + decimalPart.slice(0, this.scale).length;
-        if (totalDigits > this.precision) {
-            event.preventDefault();
-            this.pasteRejected.emit(pastedText);
-        }
+};
+LocalizedBignumberPipe.ctorParameters = () => [
+    { type: LocaleService }
+];
+LocalizedBignumberPipe = __decorate([
+    Pipe({
+        name: "localizedBignumber",
+    })
+], LocalizedBignumberPipe);
+
+let LocalizedBignumberImpurePipe = class LocalizedBignumberImpurePipe extends LocalizedBignumberPipe {
+    transform(value, options) {
+        return super.transform(value, options);
     }
-    onKeypress(event) {
-        const code = event.code;
-        if (code === "Minus" || code === "NumpadSubtract") {
-            if (this.allowNegative) {
-                this.maxLength = this._maxLength + 1;
-            }
-        }
-        else if (code === "Equal" || code === "NumpadAdd") {
-            this.maxLength = this._maxLength;
-        }
+};
+LocalizedBignumberImpurePipe = __decorate([
+    Pipe({
+        name: "localizedBignumberImpure",
+        pure: false,
+    })
+], LocalizedBignumberImpurePipe);
+
+class LocalizedCurrencyPipeOptions extends NumberLocaleOptions {
+    constructor(config = {}) {
+        super(config);
+        this.scale = 2;
     }
-    /**
-     * Update the options values according to the directive input values.
-     */
-    updateVariables() {
-        var _a;
-        this.options = {
-            align: this.alignTo,
-            decimalSeparator: this.decimalSeparator,
-            thousandsSeparator: (_a = this.thousandsSeparator) !== null && _a !== void 0 ? _a : ".",
-            scale: this.scale || 0,
-            prefix: "",
-            suffix: "",
-            allowNegative: this.allowNegative,
-        };
-        this.calculateMaxLength();
+}
+/**
+ * @deprecated Should use localizedBignumberPipe instead
+ */
+let LocalizedCurrencyPipe = class LocalizedCurrencyPipe {
+    constructor(localeService) {
+        this.localeService = localeService;
     }
-    /**
-     * Responsible to calculate the field maximum length considering the separators.
-     */
-    calculateMaxLength() {
-        var _a, _b;
-        const decSepLength = this.decimalSeparator.length;
-        const thoSepLength = (_b = (_a = this.thousandsSeparator) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 1;
-        let maxLength = this.precision + (this.scale ? decSepLength : 0);
-        maxLength += Math.ceil((this.precision - (this.scale ? this.scale : 0)) / 3 - 1) * thoSepLength;
-        this._maxLength = maxLength;
-        this.maxLength = maxLength;
+    transform(value, options) {
+        if (!options) {
+            options = new LocalizedCurrencyPipeOptions();
+        }
+        return value !== undefined && value !== null ? this.applyMask(value, options) : of(value);
     }
-    onLocaleService() {
-        this.localeService
-            .getLocale()
-            .pipe(first())
-            .subscribe(() => {
-            var _a, _b;
-            this.decimalSeparator = (_a = this.decimalSeparator) !== null && _a !== void 0 ? _a : this.localeService.getDecimalSeparator();
-            this.thousandsSeparator = (_b = this.thousandsSeparator) !== null && _b !== void 0 ? _b : this.localeService.getGroupingSeparator();
-        });
+    applyMask(value, options) {
+        return this.localeService.get().pipe(map(localeConfig => {
+            const config = Object.assign(Object.assign({}, localeConfig.number), options);
+            const { scale, currencySymbol, thousandsSeparator, decimalSeparator } = config;
+            const rawValue = Number(value).toFixed(scale);
+            const onlyNumbers = rawValue.replace(/[^0-9]/g, ``);
+            const integerPart = onlyNumbers
+                .slice(0, onlyNumbers.length - scale)
+                .replace(/^0*/g, ``)
+                .replace(/\B(?=(\d{3})+(?!\d))/g, thousandsSeparator) || `0`;
+            const decimalPart = onlyNumbers.slice(onlyNumbers.length - scale);
+            const newValue = scale ? integerPart + decimalSeparator + decimalPart : integerPart;
+            const isZero = !Number(onlyNumbers);
+            const operator = rawValue.includes("-") && !isZero ? "-" : "";
+            return `${operator}${currencySymbol}${newValue}`;
+        }));
     }
 };
-BignumberInputDirective.ctorParameters = () => [
-    { type: ElementRef },
-    { type: KeyValueDiffers },
+LocalizedCurrencyPipe.ctorParameters = () => [
     { type: LocaleService }
 ];
-__decorate([
-    Input()
-], BignumberInputDirective.prototype, "precision", void 0);
-__decorate([
-    Input()
-], BignumberInputDirective.prototype, "scale", void 0);
-__decorate([
-    Input()
-], BignumberInputDirective.prototype, "decimalSeparator", void 0);
-__decorate([
-    Input()
-], BignumberInputDirective.prototype, "thousandsSeparator", void 0);
-__decorate([
-    Input()
-], BignumberInputDirective.prototype, "alignTo", void 0);
-__decorate([
-    Input()
-], BignumberInputDirective.prototype, "allowNegative", void 0);
-__decorate([
-    Input(),
-    HostBinding("attr.placeholder")
-], BignumberInputDirective.prototype, "placeholder", void 0);
-__decorate([
-    HostBinding("attr.maxLength")
-], BignumberInputDirective.prototype, "maxLength", void 0);
-__decorate([
-    Output()
-], BignumberInputDirective.prototype, "pasteRejected", void 0);
-__decorate([
-    HostListener("paste", ["$event"])
-], BignumberInputDirective.prototype, "onPaste", null);
-__decorate([
-    HostListener("keypress", ["$event"])
-], BignumberInputDirective.prototype, "onKeypress", null);
-BignumberInputDirective = BignumberInputDirective_1 = __decorate([
-    Directive({
-        selector: "input[sBignumberInput]",
-        providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => BignumberInputDirective_1),
-                multi: true,
-            },
-        ],
+LocalizedCurrencyPipe = __decorate([
+    Pipe({
+        name: "localizedCurrency",
     })
-], BignumberInputDirective);
+], LocalizedCurrencyPipe);
 
-let BignumberInputModule = class BignumberInputModule {
+/**
+ * @deprecated Should use localizedBignumberPipe instead
+ */
+let LocalizedCurrencyImpurePipe = class LocalizedCurrencyImpurePipe extends LocalizedCurrencyPipe {
+    transform(value, options = new LocalizedCurrencyPipeOptions()) {
+        return super.transform(value, options);
+    }
 };
-BignumberInputModule = __decorate([
-    NgModule({
-        imports: [CommonModule],
-        declarations: [BignumberInputDirective],
-        exports: [BignumberInputDirective],
+LocalizedCurrencyImpurePipe = __decorate([
+    Pipe({
+        name: "localizedCurrencyImpure",
+        pure: false,
     })
-], BignumberInputModule);
+], LocalizedCurrencyImpurePipe);
 
-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] : []);
+const moment$1 = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
+let LocalizedDatePipe = class LocalizedDatePipe {
+    constructor(localeService) {
+        this.localeService = localeService;
     }
-    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();
+    transform(value, format = "L LTS") {
+        return this.localeService.get().pipe(map(() => (value ? moment$1(value).format(format) : value)));
     }
 };
-BreadcrumbComponent.ctorParameters = () => [
-    { type: ActivatedRoute },
-    { type: Router }
+LocalizedDatePipe.ctorParameters = () => [
+    { type: LocaleService }
 ];
-__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>"
+LocalizedDatePipe = __decorate([
+    Pipe({
+        name: "localizedDate",
     })
-], BreadcrumbComponent);
+], LocalizedDatePipe);
 
-let BreadcrumbModule = class BreadcrumbModule {
+let LocalizedDateImpurePipe = class LocalizedDateImpurePipe extends LocalizedDatePipe {
 };
-BreadcrumbModule = __decorate([
-    NgModule({
-        imports: [CommonModule, BreadcrumbModule$1, RouterModule],
-        declarations: [BreadcrumbComponent],
-        exports: [BreadcrumbComponent, RouterModule],
+LocalizedDateImpurePipe = __decorate([
+    Pipe({
+        name: "localizedDateImpure",
+        pure: false,
     })
-], BreadcrumbModule);
-
-var ButtonAnimation;
-(function (ButtonAnimation) {
-    ButtonAnimation["Rotate"] = "rotate";
-})(ButtonAnimation || (ButtonAnimation = {}));
-
-var ButtonPriority;
-(function (ButtonPriority) {
-    ButtonPriority["Default"] = "default";
-    ButtonPriority["Primary"] = "primary";
-    ButtonPriority["Secondary"] = "secondary";
-    ButtonPriority["Link"] = "link";
-    ButtonPriority["Danger"] = "danger";
-})(ButtonPriority || (ButtonPriority = {}));
-
-var ButtonSize;
-(function (ButtonSize) {
-    ButtonSize["Default"] = "default";
-    ButtonSize["Small"] = "small";
-})(ButtonSize || (ButtonSize = {}));
+], LocalizedDateImpurePipe);
 
-var ButtonComponent_1;
-let ButtonComponent = ButtonComponent_1 = class ButtonComponent {
-    constructor() {
-        this.minWidth = "40px";
-        this.id = `s-button-${ButtonComponent_1.nextId++}`;
-        this.tooltipPosition = "top";
-        this.caret = true;
-        this.baseZIndex = 0;
-        this.disabled = false;
-        this.auxiliary = false;
-        this.type = "button";
-        this.priority = ButtonPriority.Primary;
-        /**
-         * @deprecated Use `menuOptions` instead.
-         */
-        this.model = [];
-        this.menuOptions = [];
-        this.size = ButtonSize.Default;
-        this.onClick = new EventEmitter();
+/**
+ * @deprecated Should use localizedBignumberPipe instead
+ */
+let LocalizedNumberPipe = class LocalizedNumberPipe {
+    constructor(localeService) {
+        this.localeService = localeService;
     }
-    ngOnInit() {
-        this.onClick.subscribe((event) => {
-            if (!this.model || !this.model.length)
+    transform(value, minimumFractionDigits) {
+        return from(this.localeService.getLocale()).pipe(map((locale) => {
+            const numericValue = Number(value);
+            if (!value && isNaN(numericValue))
                 return;
-            // TODO: Remover na próxima major.
-            this.menu.model = this.model;
-            this.menu.toggle(event);
-        });
-    }
-    validateSlideButton() {
-        return this.slide && (this.priority == ButtonPriority.Default || this.priority == ButtonPriority.Link) && this.label.length;
-    }
-    // TODO: Remover na próxima major.
-    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";
+            return new Intl.NumberFormat(locale, {
+                minimumFractionDigits: minimumFractionDigits || 0,
+            }).format(Number(value));
+        }));
     }
-    updateTooltipZIndex() {
-        this.tooltipZIndex = this.baseZIndex + ++DomHandler.zindex;
+};
+LocalizedNumberPipe.ctorParameters = () => [
+    { type: LocaleService }
+];
+LocalizedNumberPipe = __decorate([
+    Pipe({ name: "localizedNumber" })
+], LocalizedNumberPipe);
+
+const moment$2 = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
+let LocalizedTimePipe = class LocalizedTimePipe {
+    constructor(localeService) {
+        this.localeService = localeService;
     }
-    isRotateAnimation() {
-        return this.animation === ButtonAnimation.Rotate;
+    transform(value, format = "LTS") {
+        return this.localeService.get().pipe(map(() => (value ? moment$2(value, "HH:mm:ss").format(format) : value)));
     }
 };
-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, "tooltipPosition", 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, "menuOptions", void 0);
-__decorate([
-    Input()
-], ButtonComponent.prototype, "size", void 0);
-__decorate([
-    Input()
-], ButtonComponent.prototype, "slide", void 0);
-__decorate([
-    Input()
-], ButtonComponent.prototype, "animation", void 0);
-__decorate([
-    Input()
-], ButtonComponent.prototype, "badge", void 0);
-__decorate([
-    Input()
-], ButtonComponent.prototype, "iconColor", 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: "<!-- Remover na pr\u00F3xima major. -->\n<p-tieredMenu\n    [id]=\"id + '-menu'\"\n    [popup]=\"true\"\n    appendTo=\"body\"\n    [baseZIndex]=\"baseZIndex\">\n</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-priority-danger': priority === 'danger',\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    sTieredMenu\n    [items]=\"menuOptions\"\n    [disabled]=\"disabled\"\n    [sTooltip]=\"tooltip\"\n    [tooltipPosition]=\"tooltipPosition\"\n    [showDelay]=\"500\"\n    (click)=\"onClick.emit($event)\"\n    (mouseenter)=\"updateTooltipZIndex()\">\n    <div *ngIf=\"badge\" class=\"badge\">\n        <s-badge\n            [color]=\"badge.color\"\n            [text]=\"badge.text\"\n            [iconClass]=\"badge.iconClass\">\n        </s-badge>\n    </div>\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        [ngStyle]=\"{ color: iconColor }\"\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        [ngStyle]=\"{ color: iconColor }\"\n        aria-hidden=\"true\">\n    </span>\n    <span\n        *ngIf=\"caret && (model && model.length) || (menuOptions && menuOptions.length)\" \n        class=\"fa fa-fw fa-caret-down\"\n        aria-hidden=\"true\">\n    </span>\n</button>\n",
-        styles: [":host{display:inline-block}button{-ms-flex-align:center;align-items:center;border:1px solid;border-radius:4px;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;font-family:\"Open Sans\",sans-serif;font-size:14px;height:35px;-ms-flex-pack:center;justify-content:center;max-width:100%;min-width:40px;outline:0;overflow:visible;padding:5px 10px;position:relative;text-decoration:none;text-transform:none;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{height:25px;padding:0 20px}button.s-button-size-default{height:35px}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{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}button.s-button-multiple .s-button-text{-ms-flex-align:left;align-items:left;display:-ms-flexbox;display:flex;-ms-flex-pack:left;justify-content:left}button.s-button-with-icon .s-button-text{-ms-flex-align:right;align-items:right;display:-ms-flexbox;display:flex;-ms-flex-pack:right;justify-content:right}.s-button-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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}.s-button-priority-danger{background-color:#9c3a3a;border-color:#9c3a3a}.s-button-priority-danger .s-button-icon,.s-button-priority-danger .s-button-menu-icon,.s-button-priority-danger .s-button-right-icon,.s-button-priority-danger .s-button-text{color:#fff}.s-button-priority-danger:hover{background-color:#642525}.s-button-priority-danger:focus{background-color:#642525;border-color:#22dce6}.s-button-priority-danger.s-button-active:not(:disabled),.s-button-priority-danger:active:not(:disabled){background-color:#521e1e;border-color:#521e1e}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{opacity:1;position:relative;transition:1s;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{transform:rotate(360deg);transition:1.5s}.badge{position:absolute;top:-10px;right:-10px;z-index:99}"]
+LocalizedTimePipe.ctorParameters = () => [
+    { type: LocaleService }
+];
+LocalizedTimePipe = __decorate([
+    Pipe({
+        name: "localizedTime",
     })
-], ButtonComponent);
+], LocalizedTimePipe);
 
-let TieredMenuDividerComponent = class TieredMenuDividerComponent {
+let LocalizedTimeImpurePipe = class LocalizedTimeImpurePipe extends LocalizedTimePipe {
 };
-TieredMenuDividerComponent = __decorate([
-    Component({
-        selector: "s-tiered-menu-divider",
-        template: "<div class=\"divider\"></div>",
-        styles: [".divider{margin:2px 0;height:1px;background-color:#ccc}"]
-    })
-], TieredMenuDividerComponent);
+LocalizedTimeImpurePipe = __decorate([
+    Pipe({
+        name: "localizedTimeImpure",
+        pure: false,
+    })
+], LocalizedTimeImpurePipe);
 
-let TieredMenuEventService = class TieredMenuEventService {
-    constructor() {
-        this.incrementCurrentItemEvent = new EventEmitter();
-        this.decrementCurrentItemEvent = new EventEmitter();
-        this.closeAllMenusEvent = new EventEmitter();
-        this.selectItemEvent = new EventEmitter();
-        this.openItemMenuEvent = new EventEmitter();
-        this.closeItemMenuEvent = new EventEmitter();
-        this.createMenuEvent = new EventEmitter();
+let CurrencyService = class CurrencyService {
+    constructor(localeService) {
+        this.localeService = localeService;
+        this.currencies = {
+            KHR: { precision: 12, scale: 2 },
+            SSP: { precision: 12, scale: 2 },
+            XCD: { precision: 12, scale: 2 },
+            EGP: { precision: 12, scale: 2 },
+            KWD: { precision: 12, scale: 3 },
+            YER: { precision: 12, scale: 2 },
+            HUF: { precision: 12, scale: 2 },
+            MXN: { precision: 12, scale: 2 },
+            MYR: { precision: 12, scale: 2 },
+            ZWL: { precision: 12, scale: 2 },
+            MUR: { precision: 12, scale: 2 },
+            DKK: { precision: 12, scale: 2 },
+            NOK: { precision: 12, scale: 2 },
+            DJF: { precision: 12, scale: 0 },
+            CRC: { precision: 12, scale: 2 },
+            BND: { precision: 12, scale: 2 },
+            NAD: { precision: 12, scale: 2 },
+            MKD: { precision: 12, scale: 2 },
+            CDF: { precision: 12, scale: 2 },
+            GNF: { precision: 12, scale: 0 },
+            EUR: { precision: 12, scale: 2 },
+            OMR: { precision: 12, scale: 3 },
+            CLP: { precision: 12, scale: 0 },
+            BSD: { precision: 12, scale: 2 },
+            TOP: { precision: 12, scale: 2 },
+            IRR: { precision: 12, scale: 2 },
+            BGN: { precision: 12, scale: 2 },
+            BZD: { precision: 12, scale: 2 },
+            CNY: { precision: 12, scale: 2 },
+            FJD: { precision: 12, scale: 2 },
+            SRD: { precision: 12, scale: 2 },
+            SOS: { precision: 12, scale: 2 },
+            GYD: { precision: 12, scale: 2 },
+            VUV: { precision: 12, scale: 0 },
+            MWK: { precision: 12, scale: 2 },
+            MRU: { precision: 12, scale: 2 },
+            LSL: { precision: 12, scale: 2 },
+            ERN: { precision: 12, scale: 2 },
+            BMD: { precision: 12, scale: 2 },
+            WST: { precision: 12, scale: 2 },
+            LRD: { precision: 12, scale: 2 },
+            GMD: { precision: 12, scale: 2 },
+            ARS: { precision: 12, scale: 2 },
+            ZAR: { precision: 12, scale: 2 },
+            RSD: { precision: 12, scale: 2 },
+            MDL: { precision: 12, scale: 2 },
+            USD: { precision: 12, scale: 2 },
+            QAR: { precision: 12, scale: 2 },
+            HRK: { precision: 12, scale: 2 },
+            GIP: { precision: 12, scale: 2 },
+            NPR: { precision: 12, scale: 2 },
+            "002": { precision: 9, scale: 4 },
+            PLN: { precision: 12, scale: 2 },
+            MAD: { precision: 12, scale: 2 },
+            BAM: { precision: 12, scale: 2 },
+            BTN: { precision: 12, scale: 2 },
+            BBD: { precision: 12, scale: 2 },
+            SHP: { precision: 12, scale: 2 },
+            LKR: { precision: 12, scale: 2 },
+            KPW: { precision: 12, scale: 2 },
+            LAK: { precision: 12, scale: 2 },
+            SZL: { precision: 12, scale: 2 },
+            PHP: { precision: 12, scale: 2 },
+            RWF: { precision: 12, scale: 0 },
+            ISK: { precision: 12, scale: 0 },
+            XOF: { precision: 12, scale: 0 },
+            AUD: { precision: 12, scale: 2 },
+            NGN: { precision: 12, scale: 2 },
+            KGS: { precision: 12, scale: 2 },
+            KYD: { precision: 12, scale: 2 },
+            PGK: { precision: 12, scale: 2 },
+            DZD: { precision: 12, scale: 2 },
+            XAF: { precision: 12, scale: 0 },
+            PEN: { precision: 12, scale: 2 },
+            JPY: { precision: 12, scale: 0 },
+            SBD: { precision: 12, scale: 2 },
+            UGX: { precision: 12, scale: 0 },
+            AMD: { precision: 12, scale: 2 },
+            AED: { precision: 12, scale: 2 },
+            ALL: { precision: 12, scale: 2 },
+            XPF: { precision: 12, scale: 0 },
+            AFN: { precision: 12, scale: 2 },
+            RON: { precision: 12, scale: 2 },
+            TND: { precision: 12, scale: 3 },
+            NZD: { precision: 12, scale: 2 },
+            JOD: { precision: 12, scale: 3 },
+            VND: { precision: 12, scale: 0 },
+            ETB: { precision: 12, scale: 2 },
+            PYG: { precision: 12, scale: 0 },
+            JMD: { precision: 12, scale: 2 },
+            KES: { precision: 12, scale: 2 },
+            IDR: { precision: 12, scale: 2 },
+            HKD: { precision: 12, scale: 2 },
+            BDT: { precision: 12, scale: 2 },
+            GBP: { precision: 12, scale: 2 },
+            AOA: { precision: 12, scale: 2 },
+            PKR: { precision: 12, scale: 2 },
+            TRY: { precision: 12, scale: 2 },
+            SLL: { precision: 12, scale: 2 },
+            CVE: { precision: 12, scale: 2 },
+            LYD: { precision: 12, scale: 3 },
+            ILS: { precision: 12, scale: 2 },
+            UZS: { precision: 12, scale: 2 },
+            CHF: { precision: 12, scale: 2 },
+            SVC: { precision: 12, scale: 2 },
+            BRL: { precision: 12, scale: 2 },
+            GHS: { precision: 12, scale: 2 },
+            CUP: { precision: 12, scale: 2 },
+            FKP: { precision: 12, scale: 2 },
+            NIO: { precision: 12, scale: 2 },
+            GEL: { precision: 12, scale: 2 },
+            TTD: { precision: 12, scale: 2 },
+            AAA: { precision: 1, scale: 1 },
+            COP: { precision: 12, scale: 2 },
+            MGA: { precision: 12, scale: 2 },
+            INR: { precision: 12, scale: 2 },
+            KRW: { precision: 12, scale: 0 },
+            HNL: { precision: 12, scale: 2 },
+            MMK: { precision: 12, scale: 2 },
+            TZS: { precision: 12, scale: 2 },
+            THB: { precision: 12, scale: 2 },
+            TMT: { precision: 12, scale: 2 },
+            SAR: { precision: 12, scale: 2 },
+            UYU: { precision: 12, scale: 2 },
+            BIF: { precision: 12, scale: 0 },
+            MVR: { precision: 12, scale: 2 },
+            RUB: { precision: 12, scale: 2 },
+            GTQ: { precision: 12, scale: 2 },
+            SCR: { precision: 12, scale: 2 },
+            IQD: { precision: 12, scale: 3 },
+            UAH: { precision: 12, scale: 2 },
+            BYN: { precision: 12, scale: 2 },
+            VES: { precision: 12, scale: 2 },
+            BOB: { precision: 12, scale: 2 },
+            SGD: { precision: 12, scale: 2 },
+            ZMW: { precision: 12, scale: 2 },
+            CZK: { precision: 12, scale: 2 },
+            TJS: { precision: 12, scale: 2 },
+            DOP: { precision: 12, scale: 2 },
+            AZN: { precision: 12, scale: 2 },
+            PAB: { precision: 12, scale: 2 },
+            STN: { precision: 12, scale: 2 },
+            SDG: { precision: 12, scale: 2 },
+            BWP: { precision: 12, scale: 2 },
+            BHD: { precision: 12, scale: 3 },
+            CAD: { precision: 12, scale: 2 },
+            MNT: { precision: 12, scale: 2 },
+            MOP: { precision: 12, scale: 2 },
+            HTG: { precision: 12, scale: 2 },
+            KZT: { precision: 12, scale: 2 },
+            LBP: { precision: 12, scale: 2 },
+            SYP: { precision: 12, scale: 2 },
+            TWD: { precision: 12, scale: 2 },
+            MZN: { precision: 12, scale: 2 },
+            ANG: { precision: 12, scale: 2 },
+            SEK: { precision: 12, scale: 2 },
+            KMF: { precision: 12, scale: 0 },
+            AWG: { precision: 12, scale: 2 },
+        };
+    }
+    getCurrencySymbol({ currency }) {
+        var _a, _b;
+        const numberFormat = new Intl.NumberFormat(this.localeService.getLocaleOptions().locale, {
+            style: "currency",
+            currency: currency !== null && currency !== void 0 ? currency : "BRL",
+            currencyDisplay: "narrowSymbol",
+            maximumFractionDigits: 5,
+        });
+        return (_b = (_a = numberFormat.formatToParts(1).find((x) => x.type === "currency")) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "";
     }
 };
-TieredMenuEventService = __decorate([
-    Injectable()
-], TieredMenuEventService);
+CurrencyService.ctorParameters = () => [
+    { type: LocaleService }
+];
+CurrencyService.ɵprov = ɵɵdefineInjectable({ factory: function CurrencyService_Factory() { return new CurrencyService(ɵɵinject(LocaleService)); }, token: CurrencyService, providedIn: "root" });
+CurrencyService = __decorate([
+    Injectable({ providedIn: "root" })
+], CurrencyService);
 
-let TieredMenuItemComponent = class TieredMenuItemComponent {
-    constructor(_tieredMenuEventService) {
-        this._tieredMenuEventService = _tieredMenuEventService;
-        this.focused = false;
-        this.highlight = false;
-        this.triggerEvent = "click";
-        this.closeOnClick = false;
-    }
-    onClick() {
-        if (this.item.disabled)
-            return;
-        if (this.item.submenu) {
-            if (!this.item.isOpen) {
-                this._tieredMenuEventService.openItemMenuEvent.emit(this.item);
-            }
-            else if (this.closeOnClick) {
-                this._tieredMenuEventService.closeItemMenuEvent.emit(this.item);
-            }
-        }
-        else {
-            this._tieredMenuEventService.selectItemEvent.emit(this.item);
-        }
+let NumericService = class NumericService {
+    constructor(localeService, currencyService) {
+        this.localeService = localeService;
+        this.currencyService = currencyService;
     }
-    onMouseEnter() {
-        if (this.item.disabled)
-            return;
-        if (this.triggerEvent === "hover" && !this.item.isOpen) {
-            this._showTimeout = window.setTimeout(() => {
-                this._tieredMenuEventService.openItemMenuEvent.emit(this.item);
-            }, 300);
-        }
+    /**
+     * Wrapper around Intl.NumberFormat that returns the localized value using the user's locale by default(platform's preferential language).
+     *
+     * This method should only be used after the localeService has been initialized by the host application, either by a resolver or a manual call.
+     *
+     * Can be overwritten by the provided Intl.NumberFormatOptions.
+     *
+     * Documentation is available at {@link https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat Intl.NumberFormatOptions}.
+     *
+     * @param {number | string | BigNumber} value The value to be formatted.
+     * @param options Locale and numberFormatOptions that overwrites the default Intl.NumberFormatOptions.
+     * @return `string` The formatted value.
+     */
+    instant(value, options) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        if (isNullOrUndefined(value))
+            return null;
+        options = Object.assign(Object.assign({}, options), { locale: (_c = (_a = options === null || options === void 0 ? void 0 : options.locale) !== null && _a !== void 0 ? _a : (_b = this.localeService.getLocaleOptions()) === null || _b === void 0 ? void 0 : _b.locale) !== null && _c !== void 0 ? _c : "pt-BR", numberFormatOptions: Object.assign(Object.assign({ useGrouping: true }, options === null || options === void 0 ? void 0 : options.numberFormatOptions), { currency: ((_d = options === null || options === void 0 ? void 0 : options.numberFormatOptions) === null || _d === void 0 ? void 0 : _d.style) === "currency" ? ((_f = (_e = options === null || options === void 0 ? void 0 : options.numberFormatOptions) === null || _e === void 0 ? void 0 : _e.currency) !== null && _f !== void 0 ? _f : "BRL") : undefined, currencyDisplay: ((_g = options === null || options === void 0 ? void 0 : options.numberFormatOptions) === null || _g === void 0 ? void 0 : _g.style) === "currency"
+                    ? ((_j = (_h = options === null || options === void 0 ? void 0 : options.numberFormatOptions) === null || _h === void 0 ? void 0 : _h.currencyDisplay) !== null && _j !== void 0 ? _j : "narrowSymbol")
+                    : undefined, minimumFractionDigits: (_l = (_k = options === null || options === void 0 ? void 0 : options.numberFormatOptions) === null || _k === void 0 ? void 0 : _k.minimumFractionDigits) !== null && _l !== void 0 ? _l : this.getCurrencyMinimumFractionDigits((_m = options === null || options === void 0 ? void 0 : options.numberFormatOptions) === null || _m === void 0 ? void 0 : _m.currency) }) });
+        options.numberFormatOptions["roundingMode"] = "trunc";
+        // From https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+        return new Intl.NumberFormat(options.locale, options.numberFormatOptions).format(this.getType(value) === "number" || this.getType(value) === "string" ? value : value.toString());
     }
-    onMouseLeave() {
-        window.clearTimeout(this._showTimeout);
+    getCurrencyMinimumFractionDigits(currency) {
+        var _a;
+        if (!currency)
+            return null;
+        return (_a = this.currencyService.currencies[currency.toUpperCase()]) === null || _a === void 0 ? void 0 : _a.scale;
+    }
+    getType(value) {
+        // From https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/typeof
+        if (value === null) {
+            return "null";
+        }
+        const baseType = typeof value;
+        // Primitive types
+        if (baseType !== "object" && baseType !== "function") {
+            return baseType;
+        }
+        // Symbol.toStringTag often specifies the "display name" of the
+        // object's class. It's used in Object.prototype.toString().
+        const tag = value[Symbol.toStringTag];
+        if (typeof tag === "string") {
+            return tag;
+        }
+        // If it's a function whose source code starts with the "class" keyword
+        if (baseType === "function" && Function.prototype.toString.call(value).startsWith("class")) {
+            return "class";
+        }
+        // The name of the constructor; for example `Array`, `GeneratorFunction`,
+        // `Number`, `String`, `Boolean` or `MyCustomClass`
+        const className = value.constructor.name;
+        if (typeof className === "string" && className !== "") {
+            return className;
+        }
+        // At this point there's no robust way to get the type of value,
+        // so we use the base implementation.
+        return baseType;
     }
 };
-TieredMenuItemComponent.ctorParameters = () => [
-    { type: TieredMenuEventService }
+NumericService.ctorParameters = () => [
+    { type: LocaleService },
+    { type: CurrencyService }
+];
+NumericService.ɵprov = ɵɵdefineInjectable({ factory: function NumericService_Factory() { return new NumericService(ɵɵinject(LocaleService), ɵɵinject(CurrencyService)); }, token: NumericService, providedIn: "root" });
+NumericService = __decorate([
+    Injectable({
+        providedIn: "root",
+    })
+], NumericService);
+
+let NumericPipe = class NumericPipe {
+    constructor(numericService, localeService) {
+        this.numericService = numericService;
+        this.localeService = localeService;
+    }
+    transform(value, options) {
+        return (options === null || options === void 0 ? void 0 : options.locale) ? of(this.numericService.instant(value, options))
+            : this.localeService.getLocale().pipe(map((locale) => this.numericService.instant(value, {
+                locale,
+                numberFormatOptions: options === null || options === void 0 ? void 0 : options.numberFormatOptions,
+            })));
+    }
+};
+NumericPipe.ctorParameters = () => [
+    { type: NumericService },
+    { type: LocaleService }
+];
+NumericPipe = __decorate([
+    Pipe({ name: "numeric" })
+], NumericPipe);
+
+var LocaleModule_1;
+let LocaleModule = LocaleModule_1 = class LocaleModule {
+    static forRoot() {
+        return {
+            ngModule: LocaleModule_1,
+            providers: [
+                LocaleService,
+                LocalizedCurrencyPipe,
+                LocalizedDatePipe,
+                LocalizedTimePipe,
+                LocalizedNumberPipe,
+                LocalizedCurrencyImpurePipe,
+                LocalizedDateImpurePipe,
+                LocalizedTimeImpurePipe,
+                LocalizedBignumberPipe,
+                LocalizedBignumberImpurePipe,
+                NumericPipe
+            ],
+        };
+    }
+    static forChild() {
+        return {
+            ngModule: LocaleModule_1,
+        };
+    }
+};
+LocaleModule = LocaleModule_1 = __decorate([
+    NgModule({
+        imports: [CommonModule],
+        exports: [
+            LocalizedCurrencyPipe,
+            LocalizedDatePipe,
+            LocalizedTimePipe,
+            LocalizedNumberPipe,
+            LocalizedCurrencyImpurePipe,
+            LocalizedDateImpurePipe,
+            LocalizedTimeImpurePipe,
+            LocalizedBignumberPipe,
+            LocalizedBignumberImpurePipe,
+            NumericPipe
+        ],
+        declarations: [
+            LocalizedCurrencyPipe,
+            LocalizedDatePipe,
+            LocalizedTimePipe,
+            LocalizedNumberPipe,
+            LocalizedCurrencyImpurePipe,
+            LocalizedDateImpurePipe,
+            LocalizedTimeImpurePipe,
+            LocalizedBignumberPipe,
+            LocalizedBignumberImpurePipe,
+            NumericPipe
+        ],
+    })
+], LocaleModule);
+
+var BignumberInputDirective_1;
+let BignumberInputDirective = BignumberInputDirective_1 = class BignumberInputDirective extends CurrencyMaskDirective {
+    constructor(injector, _angularComponentsLocaleService) {
+        super(injector);
+        this._angularComponentsLocaleService = _angularComponentsLocaleService;
+        this.precision = 15;
+        this.scale = 0;
+        this.alignTo = AlignmentOptions.LEFT;
+        this.allowNegative = true;
+        this.pasteRejected = new EventEmitter();
+        this.onLocaleService();
+    }
+    ngOnInit() {
+        this.updateVariables();
+        super.ngOnInit();
+    }
+    ngOnChanges(changes) {
+        const placeholderChange = changes.placeholder && changes.placeholder.currentValue;
+        if (!placeholderChange && this.scale) {
+            this.placeholder = `0${this.decimalSeparator}${"".padEnd(this.scale, "0")}`;
+        }
+        if (changes.scale ||
+            changes.decimalSeparator ||
+            changes.thousandsSeparator ||
+            changes.alignTo ||
+            changes.precision ||
+            changes.allowNegative) {
+            this.updateVariables();
+        }
+    }
+    onPaste(event) {
+        var _a, _b;
+        const pastedText = (_b = (_a = event.clipboardData) === null || _a === void 0 ? void 0 : _a.getData("text")) !== null && _b !== void 0 ? _b : "";
+        const numericText = pastedText.replace(new RegExp(`\\${this.thousandsSeparator}`, "g"), "").replace(this.decimalSeparator, ".");
+        const [intPart, decimalPart = ""] = numericText.split(".");
+        const totalDigits = intPart.replace(/\D/g, "").length + decimalPart.slice(0, this.scale).length;
+        if (totalDigits > this.precision) {
+            event.preventDefault();
+            this.pasteRejected.emit(pastedText);
+        }
+    }
+    onKeypress(event) {
+        const code = event.code;
+        if (code === "Minus" || code === "NumpadSubtract") {
+            if (this.allowNegative) {
+                this.maxLength = this._maxLength + 1;
+            }
+        }
+        else if (code === "Equal" || code === "NumpadAdd") {
+            this.maxLength = this._maxLength;
+        }
+    }
+    /**
+     * Update the options values according to the directive input values.
+     */
+    updateVariables() {
+        var _a;
+        this.options = {
+            align: this.alignTo,
+            decimalSeparator: this.decimalSeparator,
+            thousandsSeparator: (_a = this.thousandsSeparator) !== null && _a !== void 0 ? _a : ".",
+            scale: this.scale || 0,
+            prefix: "",
+            suffix: "",
+            allowNegative: this.allowNegative,
+        };
+        this.calculateMaxLength();
+    }
+    /**
+     * Responsible to calculate the field maximum length considering the separators.
+     */
+    calculateMaxLength() {
+        var _a, _b;
+        const decSepLength = this.decimalSeparator.length;
+        const thoSepLength = (_b = (_a = this.thousandsSeparator) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 1;
+        let maxLength = this.precision + (this.scale ? decSepLength : 0);
+        maxLength += Math.ceil((this.precision - (this.scale ? this.scale : 0)) / 3 - 1) * thoSepLength;
+        this._maxLength = maxLength;
+        this.maxLength = maxLength;
+    }
+    onLocaleService() {
+        this._angularComponentsLocaleService
+            .getLocale()
+            .pipe(first())
+            .subscribe(() => {
+            var _a, _b;
+            this.decimalSeparator = (_a = this.decimalSeparator) !== null && _a !== void 0 ? _a : this._angularComponentsLocaleService.getDecimalSeparator();
+            this.thousandsSeparator = (_b = this.thousandsSeparator) !== null && _b !== void 0 ? _b : this._angularComponentsLocaleService.getGroupingSeparator();
+        });
+    }
+};
+BignumberInputDirective.ctorParameters = () => [
+    { type: Injector },
+    { type: LocaleService }
 ];
 __decorate([
     Input()
-], TieredMenuItemComponent.prototype, "item", void 0);
+], BignumberInputDirective.prototype, "precision", void 0);
 __decorate([
     Input()
-], TieredMenuItemComponent.prototype, "focused", void 0);
+], BignumberInputDirective.prototype, "scale", void 0);
 __decorate([
     Input()
-], TieredMenuItemComponent.prototype, "highlight", void 0);
+], BignumberInputDirective.prototype, "decimalSeparator", void 0);
 __decorate([
     Input()
-], TieredMenuItemComponent.prototype, "triggerEvent", void 0);
+], BignumberInputDirective.prototype, "thousandsSeparator", void 0);
 __decorate([
     Input()
-], TieredMenuItemComponent.prototype, "closeOnClick", void 0);
+], BignumberInputDirective.prototype, "alignTo", void 0);
 __decorate([
-    HostListener("click"),
-    HostListener("touchend")
-], TieredMenuItemComponent.prototype, "onClick", null);
+    Input()
+], BignumberInputDirective.prototype, "allowNegative", void 0);
 __decorate([
-    HostListener("mouseenter")
-], TieredMenuItemComponent.prototype, "onMouseEnter", null);
+    Input(),
+    HostBinding("attr.placeholder")
+], BignumberInputDirective.prototype, "placeholder", void 0);
 __decorate([
-    HostListener("mouseleave")
-], TieredMenuItemComponent.prototype, "onMouseLeave", null);
-TieredMenuItemComponent = __decorate([
-    Component({
-        selector: "s-tiered-menu-item",
-        template: "<div\n    [id]=\"item.id\"\n    class=\"tiered-menu-item\"\n    [ngClass]=\"{\n        'tiered-menu-item--open': item.isOpen,\n        'tiered-menu-item--focused': focused,\n        'tiered-menu-item--disabled': item.disabled\n    }\">\n    <div class=\"tiered-menu-item-content\">\n        <span class=\"icon\" [ngClass]=\"item.iconClass\"></span>\n        <span class=\"label\">{{ item.label }}</span>\n    </div>\n    <span\n        *ngIf=\"item.submenu\"\n        class=\"submenu-icon\"\n        [ngClass]=\"{\n            'fas': true,\n            'fa-chevron-left': item.isOpen,\n            'fa-chevron-right': !item.isOpen\n        }\">\n    </span>\n</div>",
-        styles: [".tiered-menu-item{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:8px 16px;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.tiered-menu-item .tiered-menu-item-content .label{margin:0 12px}.tiered-menu-item:hover{background-color:#e9e6e6}.tiered-menu-item--focused{background-color:#ccc!important}.tiered-menu-item--open{background-color:#e4e2e2}.tiered-menu-item--disabled{opacity:50%;cursor:default}"]
-    })
-], TieredMenuItemComponent);
-
-let TieredMenuService = class TieredMenuService {
-    constructor() {
-        this.currentItems = [];
-        this.items = [];
-    }
-    normalizeData(items, parent) {
-        return items.map((i) => {
-            const item = Object.assign({ visible: true }, i);
-            if (item.submenu) {
-                item.submenu = this.normalizeData(item.submenu, item);
-            }
-            item.id = this._generateId();
-            item.parent = parent;
-            item.isOpen = false;
-            return item;
-        });
-    }
-    markAllItemsAsClosed(items) {
-        return items.map((i) => {
-            const item = Object.assign({}, i);
-            if (item.submenu) {
-                item.submenu = this.markAllItemsAsClosed(item.submenu);
-            }
-            item.isOpen = false;
-            return item;
-        });
-    }
-    searchTheHierarchy(itemA, itemB) {
-        let item = itemB;
-        while (item) {
-            if (item === itemA) {
-                return true;
-            }
-            item = item.parent;
-        }
-        return false;
-    }
-    cloneItems(items) {
-        return JSON.parse(JSON.stringify(items));
-    }
-    _generateId() {
-        return `id-${Math.random().toString(36).substring(2, 9)}-${Math.random().toString(36).substring(2, 9)}-${Math.random().toString(36).substring(2, 9)}`;
-    }
-};
-TieredMenuService = __decorate([
-    Injectable()
-], TieredMenuService);
+    HostBinding("attr.maxLength")
+], BignumberInputDirective.prototype, "maxLength", void 0);
+__decorate([
+    Output()
+], BignumberInputDirective.prototype, "pasteRejected", void 0);
+__decorate([
+    HostListener("paste", ["$event"])
+], BignumberInputDirective.prototype, "onPaste", null);
+__decorate([
+    HostListener("keypress", ["$event"])
+], BignumberInputDirective.prototype, "onKeypress", null);
+BignumberInputDirective = BignumberInputDirective_1 = __decorate([
+    Directive({
+        selector: "input[sBignumberInput]",
+        providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => BignumberInputDirective_1),
+                multi: true,
+            },
+        ],
+    })
+], BignumberInputDirective);
 
-const enableScroll = () => {
-    document.body.style.overflow = "auto";
-};
-const disabledScroll = () => {
-    document.body.style.overflow = "hidden";
+let BignumberInputModule = class BignumberInputModule {
 };
+BignumberInputModule = __decorate([
+    NgModule({
+        imports: [CommonModule],
+        declarations: [BignumberInputDirective],
+        exports: [BignumberInputDirective],
+    })
+], BignumberInputModule);
 
-let TieredMenuNestedComponent = class TieredMenuNestedComponent {
-    constructor(tieredMenuService, _tieredMenuEventService) {
-        this.tieredMenuService = tieredMenuService;
-        this._tieredMenuEventService = _tieredMenuEventService;
-        this.top = 0;
-        this.left = 0;
-        this._unsubscribe$ = new Subject();
-    }
-    onResize() {
-        this._tieredMenuEventService.closeAllMenusEvent.emit();
+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());
     }
-    onDocumentClick(event) {
-        // Closing menu when clicked outside.
-        const target = event.target;
-        const clickedInside = target.closest("s-tiered-menu-item") || target.closest("s-tiered-menu-divider");
-        if (!clickedInside) {
-            this._tieredMenuEventService.closeAllMenusEvent.emit();
-        }
+    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);
     }
-    onKeydownHandler(event) {
-        switch (event.key) {
-            case "Escape":
-                this._tieredMenuEventService.closeAllMenusEvent.emit();
-                break;
-            case " ":
-            case "Enter":
-                this._tieredMenuEventService.selectItemEvent.emit(this.tieredMenuService.currentItem);
-                break;
-            case "ArrowLeft":
-                // When nested I need a reference to the current item's parent item, otherwise just the current item.
-                this._tieredMenuEventService.closeItemMenuEvent.emit(this.tieredMenuService.currentItem.parent);
-                break;
-            case "ArrowRight":
-                this._tieredMenuEventService.openItemMenuEvent.emit(this.tieredMenuService.currentItem);
-                break;
-            case "ArrowUp":
-                this._tieredMenuEventService.decrementCurrentItemEvent.emit();
-                break;
-            case "ArrowDown":
-                this._tieredMenuEventService.incrementCurrentItemEvent.emit();
-                break;
-        }
+    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] : []);
     }
-    ngOnInit() {
-        this.tieredMenuService.currentItems = this.items;
-        this._subscribeEvents();
-        disabledScroll();
+    getCurrentTitle(routes) {
+        const last = routes[routes.length - 1];
+        if (last && last.routeConfig)
+            return this.getTitle(last);
     }
-    ngOnDestroy() {
-        this._unsubscribe$.next();
-        this._unsubscribe$.complete();
-        enableScroll();
+    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;
     }
-    _incrementCurItem() {
-        if (!this.tieredMenuService.currentItem) {
-            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[0];
+    getCurrentItems(routes) {
+        if (!routes.length)
             return;
-        }
-        const curIndex = this.tieredMenuService.currentItems.indexOf(this.tieredMenuService.currentItem) + 1;
-        if (curIndex < this.tieredMenuService.currentItems.length) {
-            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[curIndex];
-        }
-        else {
-            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[0];
-        }
-        if (this.tieredMenuService.currentItem.divider) {
-            this._incrementCurItem();
-        }
+        const items = this.homeUrl ? routes : routes.slice(1);
+        if (items.length)
+            return items.map((route, i) => this.getMenuItem(route, i === routes.length - 1));
     }
-    _decrementCurItem() {
-        if (!this.tieredMenuService.currentItem) {
-            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[0];
-            return;
-        }
-        const curIndex = this.tieredMenuService.currentItems.indexOf(this.tieredMenuService.currentItem) - 1;
-        if (curIndex >= 0) {
-            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[curIndex];
-        }
-        else {
-            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[this.tieredMenuService.currentItems.length - 1];
-        }
-        if (this.tieredMenuService.currentItem.divider) {
-            this._decrementCurItem();
-        }
+    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,
+        };
     }
-    _closeItem(item) {
-        var _a;
-        let itemAux = this._lastOpenItem;
-        while (itemAux && itemAux != item) {
-            itemAux.isOpen = false;
-            itemAux = itemAux.parent;
-        }
-        item.isOpen = false;
-        this.tieredMenuService.currentItem = itemAux !== null && itemAux !== void 0 ? itemAux : this.tieredMenuService.items[0];
-        this.tieredMenuService.currentItems = ((_a = itemAux === null || itemAux === void 0 ? void 0 : itemAux.parent) === null || _a === void 0 ? void 0 : _a.submenu) || this.tieredMenuService.items;
+    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;
     }
-    _openItem(item) {
-        if (item === null || item === void 0 ? void 0 : item.submenu) {
-            item.isOpen = true;
-            this.tieredMenuService.currentItems = item.submenu;
-            // Only has focus if there has already been interaction.
-            if (this.tieredMenuService.currentItem) {
-                this.tieredMenuService.currentItem = item.submenu[0];
-            }
-            this._lastOpenItem = item;
-        }
-    }
-    _subscribeEvents() {
-        this._tieredMenuEventService.incrementCurrentItemEvent
-            .pipe(takeUntil(this._unsubscribe$))
-            .subscribe(() => {
-            this._incrementCurItem();
-        });
-        this._tieredMenuEventService.decrementCurrentItemEvent
-            .pipe(takeUntil(this._unsubscribe$))
-            .subscribe(() => {
-            this._decrementCurItem();
-        });
-        this._tieredMenuEventService.selectItemEvent
-            .pipe(takeUntil(this._unsubscribe$))
-            .subscribe((item) => {
-            if (item.command) {
-                item.command();
-                // Close all menus after the item was selected.
-                this._tieredMenuEventService.closeAllMenusEvent.emit();
-            }
-        });
-        this._tieredMenuEventService.openItemMenuEvent
-            .pipe(takeUntil(this._unsubscribe$))
-            .subscribe((item) => {
-            var _a, _b;
-            if (!this.tieredMenuService.currentItems.includes(item)) {
-                let itemAux = this._lastOpenItem;
-                while ((_a = itemAux === null || itemAux === void 0 ? void 0 : itemAux.parent) === null || _a === void 0 ? void 0 : _a.parent) {
-                    itemAux = itemAux.parent;
-                }
-                this._tieredMenuEventService.closeItemMenuEvent.emit((_b = itemAux.parent) !== null && _b !== void 0 ? _b : itemAux);
-            }
-            this._lastOpenItem = item;
-            this._openItem(item);
-        });
-        this._tieredMenuEventService.closeItemMenuEvent
-            .pipe(takeUntil(this._unsubscribe$))
-            .subscribe((item) => {
-            if (item) {
-                this._closeItem(item);
-            }
-        });
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
     }
 };
-TieredMenuNestedComponent.ctorParameters = () => [
-    { type: TieredMenuService },
-    { type: TieredMenuEventService }
+BreadcrumbComponent.ctorParameters = () => [
+    { type: ActivatedRoute },
+    { type: Router }
 ];
 __decorate([
-    HostListener("window:resize")
-], TieredMenuNestedComponent.prototype, "onResize", null);
-__decorate([
-    HostListener("document:click", ["$event"])
-], TieredMenuNestedComponent.prototype, "onDocumentClick", null);
+    Input()
+], BreadcrumbComponent.prototype, "homeUrl", void 0);
 __decorate([
-    HostListener("document:keydown", ["$event"])
-], TieredMenuNestedComponent.prototype, "onKeydownHandler", null);
-TieredMenuNestedComponent = __decorate([
+    Input()
+], BreadcrumbComponent.prototype, "targetHomeUrl", void 0);
+BreadcrumbComponent = __decorate([
     Component({
-        template: "<div\n    class=\"menu menu--nested\"\n    [ngStyle]=\"{\n        'top': top + 'px',\n        'left': left + 'px'\n    }\">\n    <ng-container *ngTemplateOutlet=\"itemsTemplate; context: { $implicit: items }\"></ng-container>\n</div>\n\n<ng-template #itemsTemplate let-items>\n    <div *ngFor=\"let item of items\">\n        <s-tiered-menu-item\n            *ngIf=\"item.visible && !item.divider\"\n            [item]=\"item\"\n            [focused]=\"item === tieredMenuService.currentItem\"\n            [closeOnClick]=\"true\">\n        </s-tiered-menu-item>\n\n        <s-tiered-menu-divider *ngIf=\"item.divider\"></s-tiered-menu-divider>\n\n        <div *ngIf=\"item.submenu && item.isOpen\">\n            <div class=\"submenu\">\n                <ng-container *ngTemplateOutlet=\"itemsTemplate; context: { $implicit: item.submenu }\"></ng-container>\n            </div>\n        </div>\n    </div>\n</ng-template>\n",
-        styles: [".menu{background-color:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;min-width:176px;padding:4px 0;position:absolute;z-index:9999;overflow:auto;width:calc(100vw - 8px)}.menu .submenu{margin-left:24px}"]
+        selector: `s-breadcrumb`,
+        template: "<h1 class=\"sds-page-title\">{{title}}</h1>\n<p-breadcrumb [home]=\"home\" [model]=\"items\"></p-breadcrumb>"
     })
-], TieredMenuNestedComponent);
+], BreadcrumbComponent);
 
-var TieredMenuComponent_1;
-let TieredMenuComponent = TieredMenuComponent_1 = class TieredMenuComponent {
-    constructor(_appRef, _componentFactoryResolver, _injector, _changeDetectorRef, tieredMenuService, _tieredMenuEventService) {
-        this._appRef = _appRef;
-        this._componentFactoryResolver = _componentFactoryResolver;
-        this._injector = _injector;
-        this._changeDetectorRef = _changeDetectorRef;
-        this.tieredMenuService = tieredMenuService;
-        this._tieredMenuEventService = _tieredMenuEventService;
-        this.top = 0;
-        this.left = 0;
-        this.menuTriggerEvent = "hover";
-        this._componentRef = null;
-        this._unsubscribe$ = new Subject();
-        this.destroyRequest = new EventEmitter();
-    }
-    onResize() {
-        this._tieredMenuEventService.closeAllMenusEvent.emit();
-    }
-    onDocumentClick(event) {
-        // Closing menu when clicked outside.
-        const target = event.target;
-        const clickedInside = target.closest("s-tiered-menu-item") || target.closest("s-tiered-menu-divider");
-        if (!clickedInside) {
-            this._tieredMenuEventService.closeAllMenusEvent.emit();
-        }
-    }
-    onKeydownHandler(event) {
-        switch (event.key) {
-            case "Escape":
-                this._tieredMenuEventService.closeAllMenusEvent.emit();
-                break;
-            case " ":
-            case "Enter":
-                if (!this.tieredMenuService.currentItem.disabled) {
-                    this._tieredMenuEventService.selectItemEvent.emit(this.tieredMenuService.currentItem);
-                }
-                break;
-            case "ArrowLeft":
-                if (this.items.includes(this.tieredMenuService.currentItem)) {
-                    this._tieredMenuEventService.closeItemMenuEvent.emit(this.tieredMenuService.currentItem);
-                    this._changeDetectorRef.detectChanges();
-                }
-                break;
-            case "ArrowRight":
-                if (!this.tieredMenuService.currentItem.disabled && this.items.includes(this.tieredMenuService.currentItem)) {
-                    this._tieredMenuEventService.openItemMenuEvent.emit(this.tieredMenuService.currentItem);
-                    event.stopImmediatePropagation();
-                }
-                break;
-            case "ArrowUp":
-                if (!this.tieredMenuService.currentItem || this.items.includes(this.tieredMenuService.currentItem)) {
-                    this._tieredMenuEventService.decrementCurrentItemEvent.emit();
-                    event.stopImmediatePropagation();
-                }
-                break;
-            case "ArrowDown":
-                if (!this.tieredMenuService.currentItem || this.items.includes(this.tieredMenuService.currentItem)) {
-                    this._tieredMenuEventService.incrementCurrentItemEvent.emit();
-                    event.stopImmediatePropagation();
-                }
-                break;
-        }
+let BreadcrumbModule = class BreadcrumbModule {
+};
+BreadcrumbModule = __decorate([
+    NgModule({
+        imports: [CommonModule, BreadcrumbModule$1, RouterModule],
+        declarations: [BreadcrumbComponent],
+        exports: [BreadcrumbComponent, RouterModule],
+    })
+], BreadcrumbModule);
+
+var ButtonAnimation;
+(function (ButtonAnimation) {
+    ButtonAnimation["Rotate"] = "rotate";
+})(ButtonAnimation || (ButtonAnimation = {}));
+
+var ButtonPriority;
+(function (ButtonPriority) {
+    ButtonPriority["Default"] = "default";
+    ButtonPriority["Primary"] = "primary";
+    ButtonPriority["Secondary"] = "secondary";
+    ButtonPriority["Link"] = "link";
+    ButtonPriority["Danger"] = "danger";
+})(ButtonPriority || (ButtonPriority = {}));
+
+var ButtonSize;
+(function (ButtonSize) {
+    ButtonSize["Default"] = "default";
+    ButtonSize["Small"] = "small";
+})(ButtonSize || (ButtonSize = {}));
+
+var ButtonComponent_1;
+let ButtonComponent = ButtonComponent_1 = class ButtonComponent {
+    constructor() {
+        this.minWidth = "40px";
+        this.id = `s-button-${ButtonComponent_1.nextId++}`;
+        this.tooltipPosition = "top";
+        this.caret = true;
+        this.baseZIndex = 0;
+        this.disabled = false;
+        this.auxiliary = false;
+        this.type = "button";
+        this.priority = ButtonPriority.Primary;
+        /**
+         * @deprecated Use `menuOptions` instead.
+         */
+        this.model = [];
+        this.menuOptions = [];
+        this.size = ButtonSize.Default;
+        this.onClick = new EventEmitter();
     }
     ngOnInit() {
-        this.tieredMenuService.currentItems = this.items;
-        this._subscribeEvents();
-        disabledScroll();
+        this.onClick.subscribe((event) => {
+            if (!this.model || !this.model.length)
+                return;
+            // TODO: Remover na próxima major.
+            this.menu.model = this.model;
+            this.menu.toggle(event);
+        });
     }
-    ngOnDestroy() {
-        this._unsubscribe$.next();
-        this._unsubscribe$.complete();
+    validateSlideButton() {
+        return this.slide && (this.priority == ButtonPriority.Default || this.priority == ButtonPriority.Link) && this.label.length;
     }
-    _incrementCurItem() {
-        if (!this.tieredMenuService.currentItem) {
-            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[0];
-            return;
-        }
-        else if (!this.items.includes(this.tieredMenuService.currentItem)) {
-            // Checking if it is the current menu.
-            return;
-        }
-        const currentIndex = this.tieredMenuService.currentItems.indexOf(this.tieredMenuService.currentItem) + 1;
-        if (currentIndex < this.tieredMenuService.currentItems.length) {
-            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[currentIndex];
-        }
-        else {
-            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[0];
-        }
-        if (this.tieredMenuService.currentItem.divider) {
-            this._incrementCurItem();
-        }
+    // TODO: Remover na próxima major.
+    isOpen() {
+        return this.model && this.model.length && this.menu.visible;
     }
-    _decrementCurItem() {
-        if (!this.tieredMenuService.currentItem) {
-            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[0];
-            return;
-            // Checking if it is the current menu.
-        }
-        else if (!this.items.includes(this.tieredMenuService.currentItem)) {
-            return;
-        }
-        const curIndex = this.tieredMenuService.currentItems.indexOf(this.tieredMenuService.currentItem) - 1;
-        if (curIndex >= 0) {
-            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[curIndex];
-        }
-        else {
-            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[this.tieredMenuService.currentItems.length - 1];
-        }
-        if (this.tieredMenuService.currentItem.divider) {
-            this._decrementCurItem();
-        }
+    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";
     }
-    _createMenu(items, position) {
-        if (!this._componentRef && items) {
-            const componentFactory = this._componentFactoryResolver.resolveComponentFactory(TieredMenuComponent_1);
-            this._componentRef = componentFactory.create(this._injector);
-            this._appRef.attachView(this._componentRef.hostView);
-            const domElem = this._componentRef.hostView.rootNodes[0];
-            document.body.appendChild(domElem);
-            // Setting the menu items.
-            this._componentRef.instance.items = items;
-            // Subscribe menu events.
-            this._componentRef.instance.destroyRequest.subscribe((propagate) => {
-                this._destroy(propagate);
-            });
-            this._menuDivElement = domElem.querySelector(".menu");
-            this._setMenuPosition(position);
-        }
+    updateTooltipZIndex() {
+        this.tooltipZIndex = this.baseZIndex + ++DomHandler.zindex;
     }
-    _destroy(propagate = true) {
-        if (this._componentRef !== null) {
-            this._appRef.detachView(this._componentRef.hostView);
-            this._componentRef.destroy();
-            this._componentRef = null;
-            this._menuDivElement = null;
-        }
-        if (propagate) {
-            this.destroyRequest.emit();
-        }
-    }
-    _setMenuPosition(position) {
-        var _a, _b;
-        const ITEM_HEIGHT = 37;
-        const DIVIDER_HEIGHT = 5;
-        const PADDING = 8;
-        if (this._componentRef !== null) {
-            const { top, right, bottom, left } = position;
-            const itemsCount = (_a = this._componentRef.instance.items) === null || _a === void 0 ? void 0 : _a.reduce((count, item) => {
-                return !item.divider ? count + 1 : count;
-            }, 0);
-            const dividersCount = (_b = this._componentRef.instance.items) === null || _b === void 0 ? void 0 : _b.reduce((count, item) => {
-                return item.divider ? count + 1 : count;
-            }, 0);
-            // I need to calculate the height of the component because the internal elements have not been created yet.
-            const menuHeight = itemsCount * ITEM_HEIGHT + dividersCount * DIVIDER_HEIGHT + PADDING + 8;
-            const menuWidth = this._menuDivElement.getBoundingClientRect().width;
-            const rightFreeSpace = window.innerWidth - right;
-            const bottomFreeSpace = window.innerHeight - bottom;
-            if (rightFreeSpace > menuWidth) {
-                this._componentRef.instance.left = right;
-            }
-            else {
-                this._componentRef.instance.left = left - menuWidth;
-            }
-            if (bottomFreeSpace <= menuHeight) {
-                this._componentRef.instance.top = Math.max(window.innerHeight - menuHeight, window.scrollY);
-            }
-            else {
-                this._componentRef.instance.top = window.scrollY + top;
-            }
-        }
-    }
-    _subscribeEvents() {
-        // Increment current item event.
-        this._tieredMenuEventService.incrementCurrentItemEvent.pipe(takeUntil(this._unsubscribe$)).subscribe(() => {
-            this._incrementCurItem();
-        });
-        // Decrement current item event.
-        this._tieredMenuEventService.decrementCurrentItemEvent.pipe(takeUntil(this._unsubscribe$)).subscribe(() => {
-            this._decrementCurItem();
-        });
-        // Select item event.
-        this._tieredMenuEventService.selectItemEvent.pipe(takeUntil(this._unsubscribe$)).subscribe((item) => {
-            if (item.submenu) {
-                this._tieredMenuEventService.openItemMenuEvent.emit(item);
-            }
-            else if (item.command) {
-                this._tieredMenuEventService.closeAllMenusEvent.emit();
-                item.command();
-            }
-        });
-        // Close all menus event.
-        this._tieredMenuEventService.closeAllMenusEvent.pipe(takeUntil(this._unsubscribe$)).subscribe(() => {
-            this._destroy();
-            this.tieredMenuService.currentItem = null;
-            this.tieredMenuService.currentItems = this.tieredMenuService.items;
-            this.tieredMenuService.markAllItemsAsClosed(this.tieredMenuService.items);
-            enableScroll();
-        });
-        // Open item menu event.
-        this._tieredMenuEventService.openItemMenuEvent.pipe(takeUntil(this._unsubscribe$)).subscribe((item) => {
-            if (this.tieredMenuService.currentItem) {
-                if (this.tieredMenuService.currentItem.parent === item) {
-                    return;
-                }
-                if (!this.tieredMenuService.searchTheHierarchy(this.tieredMenuService.currentItem.parent, item)) {
-                    let current = this.tieredMenuService.currentItem;
-                    current.isOpen = false;
-                    while ((current === null || current === void 0 ? void 0 : current.parent) !== item.parent) {
-                        this._tieredMenuEventService.closeItemMenuEvent.emit(current);
-                        this._changeDetectorRef.detectChanges();
-                        current = current.parent;
-                    }
-                    if (current) {
-                        current.isOpen = false;
-                    }
-                }
-            }
-            if (item.submenu && !item.isOpen && this.items.includes(item)) {
-                const { top, right, left, bottom } = document.querySelector(`#${item.id}`).getBoundingClientRect();
-                const position = { top, right, left, bottom };
-                this._createMenu(item.submenu, position);
-                this.tieredMenuService.currentItems = item.submenu;
-                this.tieredMenuService.currentItem = item.submenu[0];
-                item.isOpen = true;
-            }
-        });
-        // Close item menu event.
-        this._tieredMenuEventService.closeItemMenuEvent
-            .pipe(takeUntil(this._unsubscribe$))
-            .subscribe((item) => {
-            var _a, _b;
-            if (this.items.some((i) => i.id === item.id)) {
-                if (item.parent) {
-                    item.parent.isOpen = false;
-                }
-                else {
-                    enableScroll();
-                }
-                this.tieredMenuService.currentItems = ((_b = (_a = item === null || item === void 0 ? void 0 : item.parent) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.submenu) || this.tieredMenuService.items;
-                this.tieredMenuService.currentItem = item.parent;
-                this.destroyRequest.emit(false);
-            }
-        });
+    isRotateAnimation() {
+        return this.animation === ButtonAnimation.Rotate;
     }
 };
-TieredMenuComponent.ctorParameters = () => [
-    { type: ApplicationRef },
-    { type: ComponentFactoryResolver },
-    { type: Injector },
-    { type: ChangeDetectorRef },
-    { type: TieredMenuService },
-    { type: TieredMenuEventService }
-];
+ButtonComponent.nextId = 0;
 __decorate([
-    Output()
-], TieredMenuComponent.prototype, "destroyRequest", void 0);
+    HostBinding("style.min-width")
+], ButtonComponent.prototype, "minWidth", void 0);
 __decorate([
-    HostListener("window:resize")
-], TieredMenuComponent.prototype, "onResize", null);
+    Input()
+], ButtonComponent.prototype, "id", void 0);
 __decorate([
-    HostListener("document:click", ["$event"])
-], TieredMenuComponent.prototype, "onDocumentClick", null);
+    Input()
+], ButtonComponent.prototype, "label", void 0);
 __decorate([
-    HostListener("document:keydown", ["$event"])
-], TieredMenuComponent.prototype, "onKeydownHandler", null);
-TieredMenuComponent = TieredMenuComponent_1 = __decorate([
+    Input()
+], ButtonComponent.prototype, "tooltip", void 0);
+__decorate([
+    Input()
+], ButtonComponent.prototype, "tooltipPosition", 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, "menuOptions", void 0);
+__decorate([
+    Input()
+], ButtonComponent.prototype, "size", void 0);
+__decorate([
+    Input()
+], ButtonComponent.prototype, "slide", void 0);
+__decorate([
+    Input()
+], ButtonComponent.prototype, "animation", void 0);
+__decorate([
+    Input()
+], ButtonComponent.prototype, "badge", void 0);
+__decorate([
+    Input()
+], ButtonComponent.prototype, "iconColor", 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-tiered-menu",
-        template: "<div\n    class=\"menu\"\n    [ngStyle]=\"{\n        'left': left + 'px',\n        'top': top + 'px'\n    }\">\n\n    <div *ngFor=\"let item of items\">\n        <s-tiered-menu-item\n            *ngIf=\"item.visible && !item.divider\"\n            [item]=\"item\"\n            [focused]=\"item === tieredMenuService.currentItem\"\n            [highlight]=\"item.isOpen\"\n            triggerEvent=\"hover\"\n            [closeOnClick]=\"false\">\n        </s-tiered-menu-item>\n        <s-tiered-menu-divider *ngIf=\"item.divider\"></s-tiered-menu-divider>\n    </div>\n</div>",
-        styles: [".menu{background-color:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;max-height:100vh;min-width:176px;padding:4px 0;overflow-y:auto;position:absolute;z-index:9999}"]
+        selector: "s-button",
+        template: "<!-- Remover na pr\u00F3xima major. -->\n<p-tieredMenu\n    [id]=\"id + '-menu'\"\n    [popup]=\"true\"\n    appendTo=\"body\"\n    [baseZIndex]=\"baseZIndex\">\n</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-priority-danger': priority === 'danger',\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    sTieredMenu\n    [items]=\"menuOptions\"\n    [disabled]=\"disabled\"\n    [sTooltip]=\"tooltip\"\n    [tooltipPosition]=\"tooltipPosition\"\n    [showDelay]=\"500\"\n    (click)=\"onClick.emit($event)\"\n    (mouseenter)=\"updateTooltipZIndex()\">\n    <div *ngIf=\"badge\" class=\"badge\">\n        <s-badge\n            [color]=\"badge.color\"\n            [text]=\"badge.text\"\n            [iconClass]=\"badge.iconClass\">\n        </s-badge>\n    </div>\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        [ngStyle]=\"{ color: iconColor }\"\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        [ngStyle]=\"{ color: iconColor }\"\n        aria-hidden=\"true\">\n    </span>\n    <span\n        *ngIf=\"caret && (model && model.length) || (menuOptions && menuOptions.length)\" \n        class=\"fa fa-fw fa-caret-down\"\n        aria-hidden=\"true\">\n    </span>\n</button>\n",
+        styles: [":host{display:inline-block}button{-ms-flex-align:center;align-items:center;border:1px solid;border-radius:4px;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;font-family:\"Open Sans\",sans-serif;font-size:14px;height:35px;-ms-flex-pack:center;justify-content:center;max-width:100%;min-width:40px;outline:0;overflow:visible;padding:5px 10px;position:relative;text-decoration:none;text-transform:none;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{height:25px;padding:0 20px}button.s-button-size-default{height:35px}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{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}button.s-button-multiple .s-button-text{-ms-flex-align:left;align-items:left;display:-ms-flexbox;display:flex;-ms-flex-pack:left;justify-content:left}button.s-button-with-icon .s-button-text{-ms-flex-align:right;align-items:right;display:-ms-flexbox;display:flex;-ms-flex-pack:right;justify-content:right}.s-button-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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}.s-button-priority-danger{background-color:#9c3a3a;border-color:#9c3a3a}.s-button-priority-danger .s-button-icon,.s-button-priority-danger .s-button-menu-icon,.s-button-priority-danger .s-button-right-icon,.s-button-priority-danger .s-button-text{color:#fff}.s-button-priority-danger:hover{background-color:#642525}.s-button-priority-danger:focus{background-color:#642525;border-color:#22dce6}.s-button-priority-danger.s-button-active:not(:disabled),.s-button-priority-danger:active:not(:disabled){background-color:#521e1e;border-color:#521e1e}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{opacity:1;position:relative;transition:1s;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{transform:rotate(360deg);transition:1.5s}.badge{position:absolute;top:-10px;right:-10px;z-index:99}"]
     })
-], TieredMenuComponent);
+], ButtonComponent);
 
-let TieredMenuGlobalService = class TieredMenuGlobalService {
+let TieredMenuDividerComponent = class TieredMenuDividerComponent {
 };
-TieredMenuGlobalService = __decorate([
+TieredMenuDividerComponent = __decorate([
+    Component({
+        selector: "s-tiered-menu-divider",
+        template: "<div class=\"divider\"></div>",
+        styles: [".divider{margin:2px 0;height:1px;background-color:#ccc}"]
+    })
+], TieredMenuDividerComponent);
+
+let TieredMenuEventService = class TieredMenuEventService {
+    constructor() {
+        this.incrementCurrentItemEvent = new EventEmitter();
+        this.decrementCurrentItemEvent = new EventEmitter();
+        this.closeAllMenusEvent = new EventEmitter();
+        this.selectItemEvent = new EventEmitter();
+        this.openItemMenuEvent = new EventEmitter();
+        this.closeItemMenuEvent = new EventEmitter();
+        this.createMenuEvent = new EventEmitter();
+    }
+};
+TieredMenuEventService = __decorate([
     Injectable()
-], TieredMenuGlobalService);
+], TieredMenuEventService);
 
-let TieredMenuDirective = class TieredMenuDirective {
-    constructor(_elementRef, _appRef, _componentFactoryResolver, _injector, _tieredMenuEventService, _tieredMenuService, _tieredMenuGlobalService, _changeDetectorRef) {
-        this._elementRef = _elementRef;
-        this._appRef = _appRef;
-        this._componentFactoryResolver = _componentFactoryResolver;
-        this._injector = _injector;
+let TieredMenuItemComponent = class TieredMenuItemComponent {
+    constructor(_tieredMenuEventService) {
         this._tieredMenuEventService = _tieredMenuEventService;
-        this._tieredMenuService = _tieredMenuService;
-        this._tieredMenuGlobalService = _tieredMenuGlobalService;
-        this._changeDetectorRef = _changeDetectorRef;
-        this.focusedItem = undefined;
+        this.focused = false;
+        this.highlight = false;
         this.triggerEvent = "click";
-        this._componentRef = null;
-        this._isNested = false;
-        this._isOpen = false;
-        this._unsubscribe$ = new Subject();
+        this.closeOnClick = false;
     }
-    ngOnInit() {
-        var _a;
-        this._itemsAreValid = !!((_a = this.items) === null || _a === void 0 ? void 0 : _a.length);
-        if (!this._itemsAreValid)
+    onClick() {
+        if (this.item.disabled)
             return;
-        this._subscribeEvents();
+        if (this.item.submenu) {
+            if (!this.item.isOpen) {
+                this._tieredMenuEventService.openItemMenuEvent.emit(this.item);
+            }
+            else if (this.closeOnClick) {
+                this._tieredMenuEventService.closeItemMenuEvent.emit(this.item);
+            }
+        }
+        else {
+            this._tieredMenuEventService.selectItemEvent.emit(this.item);
+        }
     }
-    ngDoCheck() {
-        if (!this._itemsAreValid)
+    onMouseEnter() {
+        if (this.item.disabled)
             return;
-        if (!this._previousItems) {
-            this._previousItems = this._tieredMenuService.cloneItems(this.items);
+        if (this.triggerEvent === "hover" && !this.item.isOpen) {
+            this._showTimeout = window.setTimeout(() => {
+                this._tieredMenuEventService.openItemMenuEvent.emit(this.item);
+            }, 300);
         }
-        let hasChanges = false;
-        if (this.items.length !== this._previousItems.length) {
-            hasChanges = true;
-        }
-        else {
-            for (let i = 0; i < this.items.length; i++) {
-                if (!this._compareItems(this.items[i], this._previousItems[i])) {
-                    hasChanges = true;
-                    break;
-                }
+    }
+    onMouseLeave() {
+        window.clearTimeout(this._showTimeout);
+    }
+};
+TieredMenuItemComponent.ctorParameters = () => [
+    { type: TieredMenuEventService }
+];
+__decorate([
+    Input()
+], TieredMenuItemComponent.prototype, "item", void 0);
+__decorate([
+    Input()
+], TieredMenuItemComponent.prototype, "focused", void 0);
+__decorate([
+    Input()
+], TieredMenuItemComponent.prototype, "highlight", void 0);
+__decorate([
+    Input()
+], TieredMenuItemComponent.prototype, "triggerEvent", void 0);
+__decorate([
+    Input()
+], TieredMenuItemComponent.prototype, "closeOnClick", void 0);
+__decorate([
+    HostListener("click"),
+    HostListener("touchend")
+], TieredMenuItemComponent.prototype, "onClick", null);
+__decorate([
+    HostListener("mouseenter")
+], TieredMenuItemComponent.prototype, "onMouseEnter", null);
+__decorate([
+    HostListener("mouseleave")
+], TieredMenuItemComponent.prototype, "onMouseLeave", null);
+TieredMenuItemComponent = __decorate([
+    Component({
+        selector: "s-tiered-menu-item",
+        template: "<div\n    [id]=\"item.id\"\n    class=\"tiered-menu-item\"\n    [ngClass]=\"{\n        'tiered-menu-item--open': item.isOpen,\n        'tiered-menu-item--focused': focused,\n        'tiered-menu-item--disabled': item.disabled\n    }\">\n    <div class=\"tiered-menu-item-content\">\n        <span class=\"icon\" [ngClass]=\"item.iconClass\"></span>\n        <span class=\"label\">{{ item.label }}</span>\n    </div>\n    <span\n        *ngIf=\"item.submenu\"\n        class=\"submenu-icon\"\n        [ngClass]=\"{\n            'fas': true,\n            'fa-chevron-left': item.isOpen,\n            'fa-chevron-right': !item.isOpen\n        }\">\n    </span>\n</div>",
+        styles: [".tiered-menu-item{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:8px 16px;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.tiered-menu-item .tiered-menu-item-content .label{margin:0 12px}.tiered-menu-item:hover{background-color:#e9e6e6}.tiered-menu-item--focused{background-color:#ccc!important}.tiered-menu-item--open{background-color:#e4e2e2}.tiered-menu-item--disabled{opacity:50%;cursor:default}"]
+    })
+], TieredMenuItemComponent);
+
+let TieredMenuService = class TieredMenuService {
+    constructor() {
+        this.currentItems = [];
+        this.items = [];
+    }
+    normalizeData(items, parent) {
+        return items.map((i) => {
+            const item = Object.assign({ visible: true }, i);
+            if (item.submenu) {
+                item.submenu = this.normalizeData(item.submenu, item);
+            }
+            item.id = this._generateId();
+            item.parent = parent;
+            item.isOpen = false;
+            return item;
+        });
+    }
+    markAllItemsAsClosed(items) {
+        return items.map((i) => {
+            const item = Object.assign({}, i);
+            if (item.submenu) {
+                item.submenu = this.markAllItemsAsClosed(item.submenu);
+            }
+            item.isOpen = false;
+            return item;
+        });
+    }
+    searchTheHierarchy(itemA, itemB) {
+        let item = itemB;
+        while (item) {
+            if (item === itemA) {
+                return true;
             }
+            item = item.parent;
         }
-        if (hasChanges) {
-            this._updateServiceItems();
-            this._changeDetectorRef.detectChanges();
-            this._rebuildMenu();
+        return false;
+    }
+    cloneItems(items) {
+        return JSON.parse(JSON.stringify(items));
+    }
+    _generateId() {
+        return `id-${Math.random().toString(36).substring(2, 9)}-${Math.random().toString(36).substring(2, 9)}-${Math.random().toString(36).substring(2, 9)}`;
+    }
+};
+TieredMenuService = __decorate([
+    Injectable()
+], TieredMenuService);
+
+const enableScroll = () => {
+    document.body.style.overflow = "auto";
+};
+const disabledScroll = () => {
+    document.body.style.overflow = "hidden";
+};
+
+let TieredMenuNestedComponent = class TieredMenuNestedComponent {
+    constructor(tieredMenuService, _tieredMenuEventService) {
+        this.tieredMenuService = tieredMenuService;
+        this._tieredMenuEventService = _tieredMenuEventService;
+        this.top = 0;
+        this.left = 0;
+        this._unsubscribe$ = new Subject();
+    }
+    onResize() {
+        this._tieredMenuEventService.closeAllMenusEvent.emit();
+    }
+    onDocumentClick(event) {
+        // Closing menu when clicked outside.
+        const target = event.target;
+        const clickedInside = target.closest("s-tiered-menu-item") || target.closest("s-tiered-menu-divider");
+        if (!clickedInside) {
+            this._tieredMenuEventService.closeAllMenusEvent.emit();
         }
-        this._previousItems = this._tieredMenuService.cloneItems(this.items);
+    }
+    onKeydownHandler(event) {
+        switch (event.key) {
+            case "Escape":
+                this._tieredMenuEventService.closeAllMenusEvent.emit();
+                break;
+            case " ":
+            case "Enter":
+                this._tieredMenuEventService.selectItemEvent.emit(this.tieredMenuService.currentItem);
+                break;
+            case "ArrowLeft":
+                // When nested I need a reference to the current item's parent item, otherwise just the current item.
+                this._tieredMenuEventService.closeItemMenuEvent.emit(this.tieredMenuService.currentItem.parent);
+                break;
+            case "ArrowRight":
+                this._tieredMenuEventService.openItemMenuEvent.emit(this.tieredMenuService.currentItem);
+                break;
+            case "ArrowUp":
+                this._tieredMenuEventService.decrementCurrentItemEvent.emit();
+                break;
+            case "ArrowDown":
+                this._tieredMenuEventService.incrementCurrentItemEvent.emit();
+                break;
+        }
+    }
+    ngOnInit() {
+        this.tieredMenuService.currentItems = this.items;
+        this._subscribeEvents();
+        disabledScroll();
     }
     ngOnDestroy() {
-        if (!this._itemsAreValid)
-            return;
         this._unsubscribe$.next();
         this._unsubscribe$.complete();
-        this._destroy();
+        enableScroll();
     }
-    onClick(event) {
-        if (!this._itemsAreValid)
+    _incrementCurItem() {
+        if (!this.tieredMenuService.currentItem) {
+            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[0];
             return;
-        if (this.triggerEvent === "click" && !this._isOpen) {
-            this._lastActiveElement = document.activeElement;
-            this._createMenu();
-            event.preventDefault();
-            event.stopPropagation();
         }
-    }
-    _createMenu() {
-        var _a, _b, _c;
-        this._updateServiceItems();
-        if (!this._componentRef && ((_a = this._tieredMenuService.items) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-            (_b = this._tieredMenuGlobalService.lastInstance) === null || _b === void 0 ? void 0 : _b._destroy();
-            this._tieredMenuGlobalService.lastInstance = this;
-            (_c = this._lastActiveElement) === null || _c === void 0 ? void 0 : _c.blur();
-            this._isOpen = true;
-            this._isNested = document.body.clientWidth < 600;
-            this._isNested ? this._createNestedMenu() : this._createTieredMenu();
+        const curIndex = this.tieredMenuService.currentItems.indexOf(this.tieredMenuService.currentItem) + 1;
+        if (curIndex < this.tieredMenuService.currentItems.length) {
+            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[curIndex];
+        }
+        else {
+            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[0];
+        }
+        if (this.tieredMenuService.currentItem.divider) {
+            this._incrementCurItem();
         }
     }
-    _createTieredMenu() {
-        var _a;
-        if (!this._componentRef && ((_a = this._tieredMenuService.items) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-            const componentFactory = this._componentFactoryResolver.resolveComponentFactory(TieredMenuComponent);
-            this._componentRef = componentFactory.create(this._injector);
-            this._appRef.attachView(this._componentRef.hostView);
-            const domElem = this._componentRef.hostView.rootNodes[0];
-            document.body.appendChild(domElem);
-            this._setMenuComponentProperties();
-            this._componentRef.instance.destroyRequest.pipe(takeUntil(this._unsubscribe$)).subscribe(() => {
-                this._destroy();
-            });
-            this._setMenuPosition();
+    _decrementCurItem() {
+        if (!this.tieredMenuService.currentItem) {
+            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[0];
+            return;
+        }
+        const curIndex = this.tieredMenuService.currentItems.indexOf(this.tieredMenuService.currentItem) - 1;
+        if (curIndex >= 0) {
+            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[curIndex];
+        }
+        else {
+            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[this.tieredMenuService.currentItems.length - 1];
+        }
+        if (this.tieredMenuService.currentItem.divider) {
+            this._decrementCurItem();
         }
     }
-    _createNestedMenu() {
+    _closeItem(item) {
         var _a;
-        if (!this._componentRef && ((_a = this._tieredMenuService.items) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-            const componentFactory = this._componentFactoryResolver.resolveComponentFactory(TieredMenuNestedComponent);
-            this._componentRef = componentFactory.create(this._injector);
-            this._appRef.attachView(this._componentRef.hostView);
-            const domElem = this._componentRef.hostView.rootNodes[0];
-            document.body.appendChild(domElem);
-            this._setMenuComponentProperties();
-            this._setMenuPosition();
+        let itemAux = this._lastOpenItem;
+        while (itemAux && itemAux != item) {
+            itemAux.isOpen = false;
+            itemAux = itemAux.parent;
         }
+        item.isOpen = false;
+        this.tieredMenuService.currentItem = itemAux !== null && itemAux !== void 0 ? itemAux : this.tieredMenuService.items[0];
+        this.tieredMenuService.currentItems = ((_a = itemAux === null || itemAux === void 0 ? void 0 : itemAux.parent) === null || _a === void 0 ? void 0 : _a.submenu) || this.tieredMenuService.items;
     }
-    _destroy() {
-        if (this._componentRef) {
-            this._isOpen = false;
-            window.clearTimeout(this._showTimeout);
-            this._appRef.detachView(this._componentRef.hostView);
-            this._componentRef.destroy();
-            this._componentRef = null;
-            this._tieredMenuService.currentItems = this._tieredMenuService.items;
-            this._tieredMenuService.currentItem = this._tieredMenuService.items[0];
-            this._tieredMenuEventService.closeAllMenusEvent.emit();
+    _openItem(item) {
+        if (item === null || item === void 0 ? void 0 : item.submenu) {
+            item.isOpen = true;
+            this.tieredMenuService.currentItems = item.submenu;
+            // Only has focus if there has already been interaction.
+            if (this.tieredMenuService.currentItem) {
+                this.tieredMenuService.currentItem = item.submenu[0];
+            }
+            this._lastOpenItem = item;
         }
     }
-    _setMenuPosition() {
-        var _a, _b;
-        const ITEM_HEIGHT = 37;
-        const ITEM_WIDTH = 176;
-        const DIVIDER_HEIGHT = 5;
+    _subscribeEvents() {
+        this._tieredMenuEventService.incrementCurrentItemEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe(() => {
+            this._incrementCurItem();
+        });
+        this._tieredMenuEventService.decrementCurrentItemEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe(() => {
+            this._decrementCurItem();
+        });
+        this._tieredMenuEventService.selectItemEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe((item) => {
+            if (item.command) {
+                item.command();
+                // Close all menus after the item was selected.
+                this._tieredMenuEventService.closeAllMenusEvent.emit();
+            }
+        });
+        this._tieredMenuEventService.openItemMenuEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe((item) => {
+            var _a, _b;
+            if (!this.tieredMenuService.currentItems.includes(item)) {
+                let itemAux = this._lastOpenItem;
+                while ((_a = itemAux === null || itemAux === void 0 ? void 0 : itemAux.parent) === null || _a === void 0 ? void 0 : _a.parent) {
+                    itemAux = itemAux.parent;
+                }
+                this._tieredMenuEventService.closeItemMenuEvent.emit((_b = itemAux.parent) !== null && _b !== void 0 ? _b : itemAux);
+            }
+            this._lastOpenItem = item;
+            this._openItem(item);
+        });
+        this._tieredMenuEventService.closeItemMenuEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe((item) => {
+            if (item) {
+                this._closeItem(item);
+            }
+        });
+    }
+};
+TieredMenuNestedComponent.ctorParameters = () => [
+    { type: TieredMenuService },
+    { type: TieredMenuEventService }
+];
+__decorate([
+    HostListener("window:resize")
+], TieredMenuNestedComponent.prototype, "onResize", null);
+__decorate([
+    HostListener("document:click", ["$event"])
+], TieredMenuNestedComponent.prototype, "onDocumentClick", null);
+__decorate([
+    HostListener("document:keydown", ["$event"])
+], TieredMenuNestedComponent.prototype, "onKeydownHandler", null);
+TieredMenuNestedComponent = __decorate([
+    Component({
+        template: "<div\n    class=\"menu menu--nested\"\n    [ngStyle]=\"{\n        'top': top + 'px',\n        'left': left + 'px'\n    }\">\n    <ng-container *ngTemplateOutlet=\"itemsTemplate; context: { $implicit: items }\"></ng-container>\n</div>\n\n<ng-template #itemsTemplate let-items>\n    <div *ngFor=\"let item of items\">\n        <s-tiered-menu-item\n            *ngIf=\"item.visible && !item.divider\"\n            [item]=\"item\"\n            [focused]=\"item === tieredMenuService.currentItem\"\n            [closeOnClick]=\"true\">\n        </s-tiered-menu-item>\n\n        <s-tiered-menu-divider *ngIf=\"item.divider\"></s-tiered-menu-divider>\n\n        <div *ngIf=\"item.submenu && item.isOpen\">\n            <div class=\"submenu\">\n                <ng-container *ngTemplateOutlet=\"itemsTemplate; context: { $implicit: item.submenu }\"></ng-container>\n            </div>\n        </div>\n    </div>\n</ng-template>\n",
+        styles: [".menu{background-color:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;min-width:176px;padding:4px 0;position:absolute;z-index:9999;overflow:auto;width:calc(100vw - 8px)}.menu .submenu{margin-left:24px}"]
+    })
+], TieredMenuNestedComponent);
+
+var TieredMenuComponent_1;
+let TieredMenuComponent = TieredMenuComponent_1 = class TieredMenuComponent {
+    constructor(_appRef, _componentFactoryResolver, _injector, _changeDetectorRef, tieredMenuService, _tieredMenuEventService) {
+        this._appRef = _appRef;
+        this._componentFactoryResolver = _componentFactoryResolver;
+        this._injector = _injector;
+        this._changeDetectorRef = _changeDetectorRef;
+        this.tieredMenuService = tieredMenuService;
+        this._tieredMenuEventService = _tieredMenuEventService;
+        this.top = 0;
+        this.left = 0;
+        this.menuTriggerEvent = "hover";
+        this._componentRef = null;
+        this._unsubscribe$ = new Subject();
+        this.destroyRequest = new EventEmitter();
+    }
+    onResize() {
+        this._tieredMenuEventService.closeAllMenusEvent.emit();
+    }
+    onDocumentClick(event) {
+        // Closing menu when clicked outside.
+        const target = event.target;
+        const clickedInside = target.closest("s-tiered-menu-item") || target.closest("s-tiered-menu-divider");
+        if (!clickedInside) {
+            this._tieredMenuEventService.closeAllMenusEvent.emit();
+        }
+    }
+    onKeydownHandler(event) {
+        switch (event.key) {
+            case "Escape":
+                this._tieredMenuEventService.closeAllMenusEvent.emit();
+                break;
+            case " ":
+            case "Enter":
+                if (!this.tieredMenuService.currentItem.disabled) {
+                    this._tieredMenuEventService.selectItemEvent.emit(this.tieredMenuService.currentItem);
+                }
+                break;
+            case "ArrowLeft":
+                if (this.items.includes(this.tieredMenuService.currentItem)) {
+                    this._tieredMenuEventService.closeItemMenuEvent.emit(this.tieredMenuService.currentItem);
+                    this._changeDetectorRef.detectChanges();
+                }
+                break;
+            case "ArrowRight":
+                if (!this.tieredMenuService.currentItem.disabled && this.items.includes(this.tieredMenuService.currentItem)) {
+                    this._tieredMenuEventService.openItemMenuEvent.emit(this.tieredMenuService.currentItem);
+                    event.stopImmediatePropagation();
+                }
+                break;
+            case "ArrowUp":
+                if (!this.tieredMenuService.currentItem || this.items.includes(this.tieredMenuService.currentItem)) {
+                    this._tieredMenuEventService.decrementCurrentItemEvent.emit();
+                    event.stopImmediatePropagation();
+                }
+                break;
+            case "ArrowDown":
+                if (!this.tieredMenuService.currentItem || this.items.includes(this.tieredMenuService.currentItem)) {
+                    this._tieredMenuEventService.incrementCurrentItemEvent.emit();
+                    event.stopImmediatePropagation();
+                }
+                break;
+        }
+    }
+    ngOnInit() {
+        this.tieredMenuService.currentItems = this.items;
+        this._subscribeEvents();
+        disabledScroll();
+    }
+    ngOnDestroy() {
+        this._unsubscribe$.next();
+        this._unsubscribe$.complete();
+    }
+    _incrementCurItem() {
+        if (!this.tieredMenuService.currentItem) {
+            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[0];
+            return;
+        }
+        else if (!this.items.includes(this.tieredMenuService.currentItem)) {
+            // Checking if it is the current menu.
+            return;
+        }
+        const currentIndex = this.tieredMenuService.currentItems.indexOf(this.tieredMenuService.currentItem) + 1;
+        if (currentIndex < this.tieredMenuService.currentItems.length) {
+            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[currentIndex];
+        }
+        else {
+            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[0];
+        }
+        if (this.tieredMenuService.currentItem.divider) {
+            this._incrementCurItem();
+        }
+    }
+    _decrementCurItem() {
+        if (!this.tieredMenuService.currentItem) {
+            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[0];
+            return;
+            // Checking if it is the current menu.
+        }
+        else if (!this.items.includes(this.tieredMenuService.currentItem)) {
+            return;
+        }
+        const curIndex = this.tieredMenuService.currentItems.indexOf(this.tieredMenuService.currentItem) - 1;
+        if (curIndex >= 0) {
+            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[curIndex];
+        }
+        else {
+            this.tieredMenuService.currentItem = this.tieredMenuService.currentItems[this.tieredMenuService.currentItems.length - 1];
+        }
+        if (this.tieredMenuService.currentItem.divider) {
+            this._decrementCurItem();
+        }
+    }
+    _createMenu(items, position) {
+        if (!this._componentRef && items) {
+            const componentFactory = this._componentFactoryResolver.resolveComponentFactory(TieredMenuComponent_1);
+            this._componentRef = componentFactory.create(this._injector);
+            this._appRef.attachView(this._componentRef.hostView);
+            const domElem = this._componentRef.hostView.rootNodes[0];
+            document.body.appendChild(domElem);
+            // Setting the menu items.
+            this._componentRef.instance.items = items;
+            // Subscribe menu events.
+            this._componentRef.instance.destroyRequest.subscribe((propagate) => {
+                this._destroy(propagate);
+            });
+            this._menuDivElement = domElem.querySelector(".menu");
+            this._setMenuPosition(position);
+        }
+    }
+    _destroy(propagate = true) {
+        if (this._componentRef !== null) {
+            this._appRef.detachView(this._componentRef.hostView);
+            this._componentRef.destroy();
+            this._componentRef = null;
+            this._menuDivElement = null;
+        }
+        if (propagate) {
+            this.destroyRequest.emit();
+        }
+    }
+    _setMenuPosition(position) {
+        var _a, _b;
+        const ITEM_HEIGHT = 37;
+        const DIVIDER_HEIGHT = 5;
         const PADDING = 8;
-        const MARGIN = 4;
         if (this._componentRef !== null) {
-            this._componentRef.instance.top = 8;
-            let { bottom, left, right } = this._elementRef.nativeElement.getBoundingClientRect();
+            const { top, right, bottom, left } = position;
             const itemsCount = (_a = this._componentRef.instance.items) === null || _a === void 0 ? void 0 : _a.reduce((count, item) => {
                 return !item.divider ? count + 1 : count;
             }, 0);
             const dividersCount = (_b = this._componentRef.instance.items) === null || _b === void 0 ? void 0 : _b.reduce((count, item) => {
                 return item.divider ? count + 1 : count;
             }, 0);
-            const menuHeight = itemsCount * ITEM_HEIGHT + dividersCount * DIVIDER_HEIGHT + PADDING + MARGIN;
+            // I need to calculate the height of the component because the internal elements have not been created yet.
+            const menuHeight = itemsCount * ITEM_HEIGHT + dividersCount * DIVIDER_HEIGHT + PADDING + 8;
+            const menuWidth = this._menuDivElement.getBoundingClientRect().width;
             const rightFreeSpace = window.innerWidth - right;
             const bottomFreeSpace = window.innerHeight - bottom;
-            this._componentRef.instance.top = bottom;
-            this._componentRef.instance.left = left;
-            if (bottomFreeSpace <= menuHeight) {
-                this._componentRef.instance.top = Math.max(scrollY + bottom - menuHeight, 0);
+            if (rightFreeSpace > menuWidth) {
+                this._componentRef.instance.left = right;
             }
             else {
-                this._componentRef.instance.top = window.scrollY + bottom + MARGIN;
+                this._componentRef.instance.left = left - menuWidth;
             }
-            if (rightFreeSpace > 176) {
-                this._componentRef.instance.left = window.scrollX + left;
+            if (bottomFreeSpace <= menuHeight) {
+                this._componentRef.instance.top = Math.max(window.innerHeight - menuHeight, window.scrollY);
             }
             else {
-                this._componentRef.instance.left = window.scrollX + right - ITEM_WIDTH;
-            }
-            if (this._isNested) {
-                this._componentRef.instance.left = MARGIN;
+                this._componentRef.instance.top = window.scrollY + top;
             }
         }
     }
-    _setMenuComponentProperties() {
-        if (this._componentRef != null) {
-            this._componentRef.instance.items = this._tieredMenuService.items;
-        }
-    }
     _subscribeEvents() {
-        this._tieredMenuEventService.closeAllMenusEvent.pipe(takeUntil(this._unsubscribe$)).subscribe(() => {
-            this._tieredMenuService.items = this._tieredMenuService.markAllItemsAsClosed(this._tieredMenuService.items);
-            this._destroy();
-            enableScroll();
+        // Increment current item event.
+        this._tieredMenuEventService.incrementCurrentItemEvent.pipe(takeUntil(this._unsubscribe$)).subscribe(() => {
+            this._incrementCurItem();
+        });
+        // Decrement current item event.
+        this._tieredMenuEventService.decrementCurrentItemEvent.pipe(takeUntil(this._unsubscribe$)).subscribe(() => {
+            this._decrementCurItem();
+        });
+        // Select item event.
+        this._tieredMenuEventService.selectItemEvent.pipe(takeUntil(this._unsubscribe$)).subscribe((item) => {
+            if (item.submenu) {
+                this._tieredMenuEventService.openItemMenuEvent.emit(item);
+            }
+            else if (item.command) {
+                this._tieredMenuEventService.closeAllMenusEvent.emit();
+                item.command();
+            }
+        });
+        // Close all menus event.
+        this._tieredMenuEventService.closeAllMenusEvent.pipe(takeUntil(this._unsubscribe$)).subscribe(() => {
+            this._destroy();
+            this.tieredMenuService.currentItem = null;
+            this.tieredMenuService.currentItems = this.tieredMenuService.items;
+            this.tieredMenuService.markAllItemsAsClosed(this.tieredMenuService.items);
+            enableScroll();
+        });
+        // Open item menu event.
+        this._tieredMenuEventService.openItemMenuEvent.pipe(takeUntil(this._unsubscribe$)).subscribe((item) => {
+            if (this.tieredMenuService.currentItem) {
+                if (this.tieredMenuService.currentItem.parent === item) {
+                    return;
+                }
+                if (!this.tieredMenuService.searchTheHierarchy(this.tieredMenuService.currentItem.parent, item)) {
+                    let current = this.tieredMenuService.currentItem;
+                    current.isOpen = false;
+                    while ((current === null || current === void 0 ? void 0 : current.parent) !== item.parent) {
+                        this._tieredMenuEventService.closeItemMenuEvent.emit(current);
+                        this._changeDetectorRef.detectChanges();
+                        current = current.parent;
+                    }
+                    if (current) {
+                        current.isOpen = false;
+                    }
+                }
+            }
+            if (item.submenu && !item.isOpen && this.items.includes(item)) {
+                const { top, right, left, bottom } = document.querySelector(`#${item.id}`).getBoundingClientRect();
+                const position = { top, right, left, bottom };
+                this._createMenu(item.submenu, position);
+                this.tieredMenuService.currentItems = item.submenu;
+                this.tieredMenuService.currentItem = item.submenu[0];
+                item.isOpen = true;
+            }
+        });
+        // Close item menu event.
+        this._tieredMenuEventService.closeItemMenuEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe((item) => {
+            var _a, _b;
+            if (this.items.some((i) => i.id === item.id)) {
+                if (item.parent) {
+                    item.parent.isOpen = false;
+                }
+                else {
+                    enableScroll();
+                }
+                this.tieredMenuService.currentItems = ((_b = (_a = item === null || item === void 0 ? void 0 : item.parent) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.submenu) || this.tieredMenuService.items;
+                this.tieredMenuService.currentItem = item.parent;
+                this.destroyRequest.emit(false);
+            }
         });
-    }
-    _compareItems(item1, item2) {
-        return JSON.stringify(item1) === JSON.stringify(item2);
-    }
-    _rebuildMenu() {
-        this._destroy();
-    }
-    _updateServiceItems() {
-        var _a;
-        this._tieredMenuService.items = this._tieredMenuService.normalizeData(this.items);
-        this._tieredMenuService.currentItems = this._tieredMenuService.items;
-        this._tieredMenuService.currentItem = (_a = this._tieredMenuService.items.find((i) => { var _a; return i.label === ((_a = this.focusedItem) === null || _a === void 0 ? void 0 : _a.label); })) !== null && _a !== void 0 ? _a : this._tieredMenuService.items[0];
     }
 };
-TieredMenuDirective.ctorParameters = () => [
-    { type: ElementRef },
+TieredMenuComponent.ctorParameters = () => [
     { type: ApplicationRef },
     { type: ComponentFactoryResolver },
     { type: Injector },
-    { type: TieredMenuEventService },
+    { type: ChangeDetectorRef },
     { type: TieredMenuService },
-    { type: TieredMenuGlobalService },
-    { type: ChangeDetectorRef }
+    { type: TieredMenuEventService }
 ];
 __decorate([
-    Input()
-], TieredMenuDirective.prototype, "items", void 0);
+    Output()
+], TieredMenuComponent.prototype, "destroyRequest", void 0);
 __decorate([
-    Input()
-], TieredMenuDirective.prototype, "focusedItem", void 0);
+    HostListener("window:resize")
+], TieredMenuComponent.prototype, "onResize", null);
 __decorate([
-    Input()
-], TieredMenuDirective.prototype, "triggerEvent", void 0);
+    HostListener("document:click", ["$event"])
+], TieredMenuComponent.prototype, "onDocumentClick", null);
 __decorate([
-    HostListener("click", ["$event"])
-], TieredMenuDirective.prototype, "onClick", null);
-TieredMenuDirective = __decorate([
-    Directive({
-        selector: "[sTieredMenu]",
-        providers: [TieredMenuEventService, TieredMenuService],
-    })
-], TieredMenuDirective);
-
-let TieredMenuModule = class TieredMenuModule {
-};
-TieredMenuModule = __decorate([
-    NgModule({
-        imports: [
-            CommonModule,
-        ],
-        declarations: [
-            TieredMenuDirective,
-            TieredMenuComponent,
-            TieredMenuNestedComponent,
-            TieredMenuItemComponent,
-            TieredMenuDividerComponent,
-        ],
-        exports: [TieredMenuDirective],
-        providers: [TieredMenuGlobalService],
+    HostListener("document:keydown", ["$event"])
+], TieredMenuComponent.prototype, "onKeydownHandler", null);
+TieredMenuComponent = TieredMenuComponent_1 = __decorate([
+    Component({
+        selector: "s-tiered-menu",
+        template: "<div\n    class=\"menu\"\n    [ngStyle]=\"{\n        'left': left + 'px',\n        'top': top + 'px'\n    }\">\n\n    <div *ngFor=\"let item of items\">\n        <s-tiered-menu-item\n            *ngIf=\"item.visible && !item.divider\"\n            [item]=\"item\"\n            [focused]=\"item === tieredMenuService.currentItem\"\n            [highlight]=\"item.isOpen\"\n            triggerEvent=\"hover\"\n            [closeOnClick]=\"false\">\n        </s-tiered-menu-item>\n        <s-tiered-menu-divider *ngIf=\"item.divider\"></s-tiered-menu-divider>\n    </div>\n</div>",
+        styles: [".menu{background-color:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;max-height:100vh;min-width:176px;padding:4px 0;overflow-y:auto;position:absolute;z-index:9999}"]
     })
-], TieredMenuModule);
+], TieredMenuComponent);
 
-let ButtonModule = class ButtonModule {
+let TieredMenuGlobalService = class TieredMenuGlobalService {
 };
-ButtonModule = __decorate([
-    NgModule({
-        imports: [CommonModule, RouterModule, BadgeModule, TieredMenuModule$1, TieredMenuModule, TooltipModule],
-        declarations: [ButtonComponent],
-        exports: [ButtonComponent],
-    })
-], ButtonModule);
+TieredMenuGlobalService = __decorate([
+    Injectable()
+], TieredMenuGlobalService);
 
-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);
-        });
+let TieredMenuDirective = class TieredMenuDirective {
+    constructor(_elementRef, _appRef, _componentFactoryResolver, _injector, _tieredMenuEventService, _tieredMenuService, _tieredMenuGlobalService, _changeDetectorRef) {
+        this._elementRef = _elementRef;
+        this._appRef = _appRef;
+        this._componentFactoryResolver = _componentFactoryResolver;
+        this._injector = _injector;
+        this._tieredMenuEventService = _tieredMenuEventService;
+        this._tieredMenuService = _tieredMenuService;
+        this._tieredMenuGlobalService = _tieredMenuGlobalService;
+        this._changeDetectorRef = _changeDetectorRef;
+        this.focusedItem = undefined;
+        this.triggerEvent = "click";
+        this._componentRef = null;
+        this._isNested = false;
+        this._isOpen = false;
+        this._unsubscribe$ = new Subject();
     }
     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("");
+        var _a;
+        this._itemsAreValid = !!((_a = this.items) === null || _a === void 0 ? void 0 : _a.length);
+        if (!this._itemsAreValid)
+            return;
+        this._subscribeEvents();
     }
-    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();
+    ngDoCheck() {
+        if (!this._itemsAreValid)
+            return;
+        if (!this._previousItems) {
+            this._previousItems = this._tieredMenuService.cloneItems(this.items);
         }
-    }
-    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);
+        let hasChanges = false;
+        if (this.items.length !== this._previousItems.length) {
+            hasChanges = true;
+        }
+        else {
+            for (let i = 0; i < this.items.length; i++) {
+                if (!this._compareItems(this.items[i], this._previousItems[i])) {
+                    hasChanges = true;
+                    break;
+                }
             }
-            this.updateModel(e);
-            const event = document.createEvent("HTMLEvents");
-            event.initEvent("change", true, false);
-            this.input.dispatchEvent(event);
         }
+        if (hasChanges) {
+            this._updateServiceItems();
+            this._changeDetectorRef.detectChanges();
+            this._rebuildMenu();
+        }
+        this._previousItems = this._tieredMenuService.cloneItems(this.items);
     }
-    onKeyDown(e) {
-        if (this.host.readonlyInput) {
+    ngOnDestroy() {
+        if (!this._itemsAreValid)
             return;
+        this._unsubscribe$.next();
+        this._unsubscribe$.complete();
+        this._destroy();
+    }
+    onClick(event) {
+        if (!this._itemsAreValid)
+            return;
+        if (this.triggerEvent === "click" && !this._isOpen) {
+            this._lastActiveElement = document.activeElement;
+            this._createMenu();
+            event.preventDefault();
+            event.stopPropagation();
         }
-        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();
+    }
+    _createMenu() {
+        var _a, _b, _c;
+        this._updateServiceItems();
+        if (!this._componentRef && ((_a = this._tieredMenuService.items) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            (_b = this._tieredMenuGlobalService.lastInstance) === null || _b === void 0 ? void 0 : _b._destroy();
+            this._tieredMenuGlobalService.lastInstance = this;
+            (_c = this._lastActiveElement) === null || _c === void 0 ? void 0 : _c.blur();
+            this._isOpen = true;
+            this._isNested = document.body.clientWidth < 600;
+            this._isNested ? this._createNestedMenu() : this._createTieredMenu();
         }
     }
-    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;
+    _createTieredMenu() {
+        var _a;
+        if (!this._componentRef && ((_a = this._tieredMenuService.items) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            const componentFactory = this._componentFactoryResolver.resolveComponentFactory(TieredMenuComponent);
+            this._componentRef = componentFactory.create(this._injector);
+            this._appRef.attachView(this._componentRef.hostView);
+            const domElem = this._componentRef.hostView.rootNodes[0];
+            document.body.appendChild(domElem);
+            this._setMenuComponentProperties();
+            this._componentRef.instance.destroyRequest.pipe(takeUntil(this._unsubscribe$)).subscribe(() => {
+                this._destroy();
+            });
+            this._setMenuPosition();
         }
-        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();
+    }
+    _createNestedMenu() {
+        var _a;
+        if (!this._componentRef && ((_a = this._tieredMenuService.items) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            const componentFactory = this._componentFactoryResolver.resolveComponentFactory(TieredMenuNestedComponent);
+            this._componentRef = componentFactory.create(this._injector);
+            this._appRef.attachView(this._componentRef.hostView);
+            const domElem = this._componentRef.hostView.rootNodes[0];
+            document.body.appendChild(domElem);
+            this._setMenuComponentProperties();
+            this._setMenuPosition();
         }
-        this.updateModel(e);
-        this.updateFilledState();
     }
-    createCompleteMask() {
-        switch (this.host.selectionMode) {
-            case "range":
-                return this.mask + ` ${this.host.rangeSeparator} ` + this.mask;
-            case "single":
-            case "multiple":
-                return this.mask;
+    _destroy() {
+        if (this._componentRef) {
+            this._isOpen = false;
+            window.clearTimeout(this._showTimeout);
+            this._appRef.detachView(this._componentRef.hostView);
+            this._componentRef.destroy();
+            this._componentRef = null;
+            this._tieredMenuService.currentItems = this._tieredMenuService.items;
+            this._tieredMenuService.currentItem = this._tieredMenuService.items[0];
+            this._tieredMenuEventService.closeAllMenusEvent.emit();
         }
     }
-    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;
-                }
+    _setMenuPosition() {
+        var _a, _b;
+        const ITEM_HEIGHT = 37;
+        const ITEM_WIDTH = 176;
+        const DIVIDER_HEIGHT = 5;
+        const PADDING = 8;
+        const MARGIN = 4;
+        if (this._componentRef !== null) {
+            this._componentRef.instance.top = 8;
+            let { bottom, left, right } = this._elementRef.nativeElement.getBoundingClientRect();
+            const itemsCount = (_a = this._componentRef.instance.items) === null || _a === void 0 ? void 0 : _a.reduce((count, item) => {
+                return !item.divider ? count + 1 : count;
+            }, 0);
+            const dividersCount = (_b = this._componentRef.instance.items) === null || _b === void 0 ? void 0 : _b.reduce((count, item) => {
+                return item.divider ? count + 1 : count;
+            }, 0);
+            const menuHeight = itemsCount * ITEM_HEIGHT + dividersCount * DIVIDER_HEIGHT + PADDING + MARGIN;
+            const rightFreeSpace = window.innerWidth - right;
+            const bottomFreeSpace = window.innerHeight - bottom;
+            this._componentRef.instance.top = bottom;
+            this._componentRef.instance.left = left;
+            if (bottomFreeSpace <= menuHeight) {
+                this._componentRef.instance.top = Math.max(scrollY + bottom - menuHeight, 0);
             }
             else {
-                if (this.buffer[i] === test.charAt(pos)) {
-                    pos++;
-                }
-                if (i < this.partialPosition) {
-                    lastMatch = i;
-                }
+                this._componentRef.instance.top = window.scrollY + bottom + MARGIN;
             }
-        }
-        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);
+            if (rightFreeSpace > 176) {
+                this._componentRef.instance.left = window.scrollX + left;
             }
             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.left = window.scrollX + right - ITEM_WIDTH;
+            }
+            if (this._isNested) {
+                this._componentRef.instance.left = MARGIN;
             }
         }
-        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) {
-                return;
-            }
-            this.writeBuffer();
-            if (pos == this.mask.replace("?", "").length) {
-                this.caret(0, pos);
-            }
-            else {
-                this.caret(pos);
-            }
-        }, 10);
+    _setMenuComponentProperties() {
+        if (this._componentRef != null) {
+            this._componentRef.instance.items = this._tieredMenuService.items;
+        }
     }
-    onInputChange(event) {
-        if (this.androidChrome)
-            this.handleAndroidInput(event);
-        else
-            this.handleInputChange(event);
+    _subscribeEvents() {
+        this._tieredMenuEventService.closeAllMenusEvent.pipe(takeUntil(this._unsubscribe$)).subscribe(() => {
+            this._tieredMenuService.items = this._tieredMenuService.markAllItemsAsClosed(this._tieredMenuService.items);
+            this._destroy();
+            enableScroll();
+        });
     }
-    handleInputChange(event) {
-        if (this.host.readonlyInput)
-            return;
-        setTimeout(() => {
-            const pos = this.checkVal(true);
-            this.caret(pos);
-            this.updateModel(event);
-        }, 0);
+    _compareItems(item1, item2) {
+        return JSON.stringify(item1) === JSON.stringify(item2);
     }
-    updateModel(e) {
-        const updatedValue = e.target.value;
-        if (updatedValue !== null || updatedValue !== undefined) {
-            this.value = updatedValue;
-            this.host.onUserInput(e);
-        }
+    _rebuildMenu() {
+        this._destroy();
     }
-    updateFilledState() {
-        this.filled = this.input && this.input.value != "";
+    _updateServiceItems() {
+        var _a;
+        this._tieredMenuService.items = this._tieredMenuService.normalizeData(this.items);
+        this._tieredMenuService.currentItems = this._tieredMenuService.items;
+        this._tieredMenuService.currentItem = (_a = this._tieredMenuService.items.find((i) => { var _a; return i.label === ((_a = this.focusedItem) === null || _a === void 0 ? void 0 : _a.label); })) !== null && _a !== void 0 ? _a : this._tieredMenuService.items[0];
     }
-    focus() {
-        this.input.focus();
+};
+TieredMenuDirective.ctorParameters = () => [
+    { type: ElementRef },
+    { type: ApplicationRef },
+    { type: ComponentFactoryResolver },
+    { type: Injector },
+    { type: TieredMenuEventService },
+    { type: TieredMenuService },
+    { type: TieredMenuGlobalService },
+    { type: ChangeDetectorRef }
+];
+__decorate([
+    Input()
+], TieredMenuDirective.prototype, "items", void 0);
+__decorate([
+    Input()
+], TieredMenuDirective.prototype, "focusedItem", void 0);
+__decorate([
+    Input()
+], TieredMenuDirective.prototype, "triggerEvent", void 0);
+__decorate([
+    HostListener("click", ["$event"])
+], TieredMenuDirective.prototype, "onClick", null);
+TieredMenuDirective = __decorate([
+    Directive({
+        selector: "[sTieredMenu]",
+        providers: [TieredMenuEventService, TieredMenuService],
+    })
+], TieredMenuDirective);
+
+let TieredMenuModule = class TieredMenuModule {
+};
+TieredMenuModule = __decorate([
+    NgModule({
+        imports: [
+            CommonModule,
+        ],
+        declarations: [
+            TieredMenuDirective,
+            TieredMenuComponent,
+            TieredMenuNestedComponent,
+            TieredMenuItemComponent,
+            TieredMenuDividerComponent,
+        ],
+        exports: [TieredMenuDirective],
+        providers: [TieredMenuGlobalService],
+    })
+], TieredMenuModule);
+
+let ButtonModule = class ButtonModule {
+};
+ButtonModule = __decorate([
+    NgModule({
+        imports: [CommonModule, RouterModule, BadgeModule, TieredMenuModule$1, TieredMenuModule, TooltipModule],
+        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;
     }
-    initMask() {
-        const completeMask = this.createCompleteMask();
-        this.tests = [];
-        this.partialPosition = completeMask.length;
-        this.len = completeMask.length;
-        this.firstNonMaskPos = null;
-        this.defs = {
-            "9": "[0-9]",
-        };
-        const maskTokens = completeMask.split("");
-        for (let i = 0; i < maskTokens.length; i++) {
-            const c = maskTokens[i];
-            if (c == "?") {
-                this.len--;
-                this.partialPosition = i;
-            }
-            else if (this.defs[c]) {
-                this.tests.push(new RegExp(this.defs[c]));
-                if (this.firstNonMaskPos === null) {
-                    this.firstNonMaskPos = this.tests.length - 1;
-                }
-                if (i < this.partialPosition) {
-                    this.lastRequiredNonMaskPos = this.tests.length - 1;
-                }
+    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.tests.push(null);
+                this.input.value = this.value;
             }
+            this.checkVal();
+            this.focusText = this.input.value;
+            this.updateFilledState();
         }
-        this.buffer = [];
-        for (let i = 0; i < maskTokens.length; i++) {
-            const c = maskTokens[i];
-            if (c != "?") {
-                if (this.defs[c]) {
-                    this.buffer.push(this.getPlaceholder(i));
-                }
-                else {
-                    this.buffer.push(c);
-                }
+    }
+    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);
         }
-        this.defaultBuffer = this.buffer.join("");
     }
-    caret(first, last) {
-        let range, begin, end;
-        if (!this.input.offsetParent || this.input !== document.activeElement) {
+    onKeyDown(e) {
+        if (this.host.readonlyInput) {
             return;
         }
-        if (typeof first == "number") {
-            begin = first;
-            end = typeof last === "number" ? last : begin;
-            if (this.input.setSelectionRange) {
-                this.input.setSelectionRange(begin, end);
-            }
-            else if (this.input["createTextRange"]) {
-                range = this.input["createTextRange"]();
-                range.collapse(true);
-                range.moveEnd("character", end);
-                range.moveStart("character", begin);
-                range.select();
-            }
-        }
-        else {
-            if (this.input.setSelectionRange) {
-                begin = this.input.selectionStart;
-                end = this.input.selectionEnd;
-            }
-            else if (document["selection"] && document["selection"].createRange) {
-                range = document["selection"].createRange();
-                begin = 0 - range.duplicate().moveStart("character", -100000);
-                end = begin + range.text.length;
+        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;
             }
-            return { begin: begin, end: end };
+            this.clearBuffer(begin, end);
+            this.shiftL(begin, end - 1);
+            this.updateModel(e);
+            e.preventDefault();
         }
-    }
-    getPlaceholder(i) {
-        if (i < this.slotChar.length)
-            return this.slotChar.charAt(i);
-        return this.slotChar.charAt(0);
-    }
-    seekNext(pos) {
-        while (++pos < this.len) {
-            if (this.tests[pos])
-                break;
+        else if (k === 13) {
+            // Enter
+            this.onInputBlur(e);
+            this.updateModel(e);
         }
-        return pos;
-    }
-    seekPrev(pos) {
-        while (--pos >= 0 && !this.tests[pos]) {
-            if (this.tests[pos])
-                break;
+        else if (k === 27) {
+            // Escape
+            this.input.value = this.focusText;
+            this.caret(0, this.checkVal());
+            this.updateModel(e);
+            e.preventDefault();
         }
-        return pos;
     }
-    shiftL(begin, end) {
-        let i;
-        let j;
-        if (begin < 0) {
+    onKeyPress(e) {
+        if (this.host.readonlyInput)
             return;
-        }
-        j = this.seekNext(end);
-        for (i = begin; i < this.len; i++) {
-            if (this.tests[i]) {
-                if (j < this.len && this.tests[i].test(this.buffer[j])) {
-                    this.buffer[i] = this.buffer[j];
-                    this.buffer[j] = this.getPlaceholder(j);
+        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);
+                    }
                 }
-                else
-                    break;
-                j = this.seekNext(j);
             }
+            e.preventDefault();
         }
-        this.writeBuffer();
-        this.caret(Math.max(this.firstNonMaskPos, begin));
+        this.updateModel(e);
+        this.updateFilledState();
     }
-    shiftR(pos) {
+    createCompleteMask() {
+        switch (this.host.selectionMode) {
+            case "range":
+                return this.mask + ` ${this.host.rangeSeparator} ` + this.mask;
+            case "single":
+            case "multiple":
+                return this.mask;
+        }
+    }
+    checkVal(allow) {
+        // Try to place characters where they belong
+        const test = this.input.value;
+        let lastMatch = -1;
         let i;
-        let c = this.getPlaceholder(pos);
-        let j;
-        let t;
-        for (i = pos; i < this.len; i++) {
+        let c;
+        let pos = 0;
+        for (i = 0; i < this.len; i++) {
             if (this.tests[i]) {
-                j = this.seekNext(i);
-                t = this.buffer[i];
-                this.buffer[i] = c;
-                if (j < this.len && this.tests[j].test(t)) {
-                    c = t;
+                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;
+                    }
                 }
-                else
+                if (pos > test.length) {
+                    this.clearBuffer(i + 1, this.len);
                     break;
-            }
-        }
-    }
-    handleAndroidInput(e) {
-        const curVal = this.input.value;
-        const pos = this.caret();
-        if (this.oldVal && this.oldVal.length && this.oldVal.length > curVal.length) {
-            // A deletion or backspace happened
-            this.checkVal(true);
-            while (pos.begin > 0 && !this.tests[pos.begin - 1]) {
-                pos.begin--;
-            }
-            if (pos.begin === 0) {
-                while (pos.begin < this.firstNonMaskPos && !this.tests[pos.begin]) {
-                    pos.begin++;
                 }
             }
-            setTimeout(() => {
-                this.caret(pos.begin, pos.begin);
-                if (this.isCompleted()) {
-                    const sentVal = curVal.replace(this.slotChar, ""); // Limpa os caracteres placeholders extras caso ele esteja completo
-                    this.updateCalendarValue(sentVal);
+            else {
+                if (this.buffer[i] === test.charAt(pos)) {
+                    pos++;
+                }
+                if (i < this.partialPosition) {
+                    lastMatch = i;
                 }
-            }, 0);
-        }
-        else {
-            this.checkVal(true);
-            while (pos.begin < this.len && !this.tests[pos.begin]) {
-                pos.begin++;
             }
-            setTimeout(() => {
-                this.caret(pos.begin, pos.begin);
-                if (this.isCompleted()) {
-                    const sentVal = curVal.replace(this.slotChar, ""); // Limpa os caracteres placeholders extras caso ele esteja completo
-                    this.updateCalendarValue(sentVal);
+        }
+        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 = "";
                 }
-            }, 0);
+                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();
+            }
         }
-    }
-    updateCalendarValue(sentVal) {
-        // TODO verificar
-        const dateVal = this.host.parseValueFromString(sentVal);
-        if (this.host.isSelectable(dateVal.getDate(), dateVal.getMonth(), dateVal.getFullYear(), false)) {
-            this.host.updateModel(sentVal);
-            this.host.updateUI();
+        else {
+            this.writeBuffer();
+            this.input.value = this.input.value.substring(0, lastMatch + 1);
         }
+        return this.partialPosition ? i : this.firstNonMaskPos;
     }
-    clearBuffer(start, end) {
-        let i;
-        for (i = start; i < end && i < this.len; i++) {
-            if (this.tests[i]) {
-                this.buffer[i] = this.getPlaceholder(i);
+    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) {
+                return;
             }
+            this.writeBuffer();
+            if (pos == this.mask.replace("?", "").length) {
+                this.caret(0, pos);
+            }
+            else {
+                this.caret(pos);
+            }
+        }, 10);
+    }
+    onInputChange(event) {
+        if (this.androidChrome)
+            this.handleAndroidInput(event);
+        else
+            this.handleInputChange(event);
+    }
+    handleInputChange(event) {
+        if (this.host.readonlyInput)
+            return;
+        setTimeout(() => {
+            const pos = this.checkVal(true);
+            this.caret(pos);
+            this.updateModel(event);
+        }, 0);
+    }
+    updateModel(e) {
+        const updatedValue = e.target.value;
+        if (updatedValue !== null || updatedValue !== undefined) {
+            this.value = updatedValue;
+            this.host.onUserInput(e);
         }
     }
-    writeBuffer() {
-        this.input.value = this.buffer.join("");
+    updateFilledState() {
+        this.filled = this.input && this.input.value != "";
     }
-    createMaskFromDateFormat() {
-        const calendar = this.host;
-        let mask = this.autoClear ? "?" : "";
-        if (!calendar.timeOnly) {
-            let dateFormat = calendar.dateFormat;
-            dateFormat = dateFormat.replace(/y/g, "yy");
-            mask += dateFormat.replace(/[^/*,.\-+\[\]\\]/g, "9");
-            if (calendar.showTime) {
-                mask += " ";
+    focus() {
+        this.input.focus();
+    }
+    initMask() {
+        const completeMask = this.createCompleteMask();
+        this.tests = [];
+        this.partialPosition = completeMask.length;
+        this.len = completeMask.length;
+        this.firstNonMaskPos = null;
+        this.defs = {
+            "9": "[0-9]",
+        };
+        const maskTokens = completeMask.split("");
+        for (let i = 0; i < maskTokens.length; i++) {
+            const c = maskTokens[i];
+            if (c == "?") {
+                this.len--;
+                this.partialPosition = i;
             }
-        }
-        if (calendar.showTime || calendar.timeOnly) {
-            mask += "99:99";
-            if (calendar.showSeconds) {
-                mask += ":99";
+            else if (this.defs[c]) {
+                this.tests.push(new RegExp(this.defs[c]));
+                if (this.firstNonMaskPos === null) {
+                    this.firstNonMaskPos = this.tests.length - 1;
+                }
+                if (i < this.partialPosition) {
+                    this.lastRequiredNonMaskPos = this.tests.length - 1;
+                }
+            }
+            else {
+                this.tests.push(null);
             }
         }
-        this._mask = mask;
-        this.initMask();
-    }
-    isCompleted() {
-        for (let i = this.firstNonMaskPos; i <= this.lastRequiredNonMaskPos; i++) {
-            if (this.tests[i] && this.buffer[i] === this.getPlaceholder(i)) {
-                return false;
+        this.buffer = [];
+        for (let i = 0; i < maskTokens.length; i++) {
+            const c = maskTokens[i];
+            if (c != "?") {
+                if (this.defs[c]) {
+                    this.buffer.push(this.getPlaceholder(i));
+                }
+                else {
+                    this.buffer.push(c);
+                }
             }
         }
-        return true;
+        this.defaultBuffer = this.buffer.join("");
     }
-    ngAfterViewChecked() {
-        if (this.host.inputfieldViewChild && this.firstTime) {
-            this.firstTime = false;
-            this.setListeners();
-            this.input.type = "tel";
-        }
-    }
-    ngOnDestroy() {
-        if (this.focusListener)
-            this.focusListener();
-        if (this.blurListener)
-            this.blurListener();
-        if (this.keydownListener)
-            this.keydownListener();
-        if (this.keypressListener)
-            this.keypressListener();
-        if (this.inputListener)
-            this.inputListener();
-        if (this.pasteListener)
-            this.pasteListener();
-    }
-    onKeydownEventTest(e) {
-        const { key } = e;
-        if (key == "Tab") {
-            // Este código foi implementado para corrigir um problema no componente na v9
-            // Deve ser removido assim que atualizarmos o PrimeNG para a v10
-            const allFocusableElements = document.querySelectorAll(this.SELECTORS);
-            let nextIsFocusable = false;
-            let previousFocusable;
-            let forceCloseModal = true;
-            allFocusableElements.forEach((element) => {
-                if (!e.shiftKey) {
-                    if (nextIsFocusable && element.id) {
-                        this.focusableElement(element.id, forceCloseModal);
-                        nextIsFocusable = false;
-                        e.preventDefault();
-                        return;
-                    }
-                }
-                let activeTagName = window.document.activeElement.tagName;
-                if (e.shiftKey && element.id && element.tagName === "INPUT" && activeTagName == "BUTTON") {
-                    previousFocusable = element.id;
-                    forceCloseModal = false;
-                }
-                if (element.id === this.host.inputId) {
-                    if (previousFocusable) {
-                        this.focusableElement(previousFocusable, forceCloseModal);
-                        e.preventDefault();
-                        forceCloseModal = true;
-                        return;
-                    }
-                    nextIsFocusable = true;
-                }
-                else if (e.shiftKey && element.id) {
-                    previousFocusable = element.id;
-                }
-            });
+    caret(first, last) {
+        let range, begin, end;
+        if (!this.input.offsetParent || this.input !== document.activeElement) {
+            return;
         }
-    }
-    focusableElement(id, hide) {
-        const htmlElement = window.document.getElementById(id);
-        htmlElement.focus();
-        if (hide) {
-            this.host.hideOverlay();
+        if (typeof first == "number") {
+            begin = first;
+            end = typeof last === "number" ? last : begin;
+            if (this.input.setSelectionRange) {
+                this.input.setSelectionRange(begin, end);
+            }
+            else if (this.input["createTextRange"]) {
+                range = this.input["createTextRange"]();
+                range.collapse(true);
+                range.moveEnd("character", end);
+                range.moveStart("character", begin);
+                range.select();
+            }
+        }
+        else {
+            if (this.input.setSelectionRange) {
+                begin = this.input.selectionStart;
+                end = this.input.selectionEnd;
+            }
+            else if (document["selection"] && document["selection"].createRange) {
+                range = document["selection"].createRange();
+                begin = 0 - range.duplicate().moveStart("character", -100000);
+                end = begin + range.text.length;
+            }
+            return { begin: begin, end: end };
         }
     }
-};
-CalendarMaskDirective.ctorParameters = () => [
-    { type: Calendar },
-    { type: Renderer2 }
-];
-__decorate([
-    Input()
-], CalendarMaskDirective.prototype, "slotChar", void 0);
-__decorate([
-    Input()
-], CalendarMaskDirective.prototype, "autoClear", void 0);
-__decorate([
-    HostListener("keydown", ["$event"])
-], CalendarMaskDirective.prototype, "onKeydownEventTest", null);
-CalendarMaskDirective = __decorate([
-    Directive({
-        selector: "p-calendar[sCalendarMask]",
-    })
-], CalendarMaskDirective);
-
-let CalendarMaskModule = class CalendarMaskModule {
-};
-CalendarMaskModule = __decorate([
-    NgModule({
-        declarations: [CalendarMaskDirective],
-        imports: [CommonModule],
-        exports: [CalendarMaskDirective],
-    })
-], CalendarMaskModule);
-
-let TemplateDirective = class TemplateDirective {
-    constructor(template) {
-        this.template = template;
-    }
-};
-TemplateDirective.ctorParameters = () => [
-    { type: TemplateRef }
-];
-__decorate([
-    Input("sTemplate")
-], TemplateDirective.prototype, "type", void 0);
-TemplateDirective = __decorate([
-    Directive({
-        selector: "[sTemplate]",
-    })
-], TemplateDirective);
-
-var CardTemplateTypes;
-(function (CardTemplateTypes) {
-    CardTemplateTypes["Header"] = "header";
-    CardTemplateTypes["Body"] = "body";
-    CardTemplateTypes["Footer"] = "footer";
-})(CardTemplateTypes || (CardTemplateTypes = {}));
-
-let CardComponent = class CardComponent {
-    constructor() {
-        this.fullWidth = false;
-        this.title = '';
-        this.subtitle = '';
-        this.icon = '';
-        this.showBanner = false;
-    }
-    ngAfterContentInit() {
-        this._getTemplates();
-        this._loadImage();
-    }
-    get hasHeader() {
-        const headerTemplate = !!this.headerTemplate;
-        const hasHeaderAttributes = this.title || this.subtitle || this.icon;
-        return headerTemplate || hasHeaderAttributes;
-    }
-    _getHeaderTemplate() {
-        return this._getCustomTemplate(CardTemplateTypes.Header);
-    }
-    _getBodyTemplate() {
-        return this._getCustomTemplate(CardTemplateTypes.Body);
-    }
-    _getFooterTemplate() {
-        return this._getCustomTemplate(CardTemplateTypes.Footer);
-    }
-    _getCustomTemplate(type) {
-        var _a;
-        return (_a = this.templates.find((template) => template.type === type)) === null || _a === void 0 ? void 0 : _a.template;
-    }
-    _getTemplates() {
-        this.headerTemplate = this._getHeaderTemplate();
-        this.bodyTemplate = this._getBodyTemplate();
-        this.footerTemplate = this._getFooterTemplate();
-    }
-    _loadImage() {
-        const img = new Image();
-        img.src = this.bannerImage;
-        img.onload = () => (this.showBanner = true);
-        img.onerror = () => (this.showBanner = false);
-    }
-};
-__decorate([
-    Input()
-], CardComponent.prototype, "bannerImage", void 0);
-__decorate([
-    Input()
-], CardComponent.prototype, "fullWidth", void 0);
-__decorate([
-    Input()
-], CardComponent.prototype, "title", void 0);
-__decorate([
-    Input()
-], CardComponent.prototype, "subtitle", void 0);
-__decorate([
-    Input()
-], CardComponent.prototype, "icon", void 0);
-__decorate([
-    ContentChildren(TemplateDirective)
-], CardComponent.prototype, "templates", void 0);
-CardComponent = __decorate([
-    Component({
-        selector: "s-card",
-        template: "<div class=\"card\" [ngClass]=\"{ 'card--full-width': fullWidth }\">\n    <div\n        *ngIf=\"showBanner\"\n        class=\"banner\"\n        [ngStyle]=\"{'background-image': 'url(' + bannerImage + ')'}\">\n    </div>\n\n    <ng-container *ngIf=\"hasHeader\">\n        <div class=\"header\">\n            <ng-container *ngIf=\"headerTemplate\">\n                <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n            </ng-container>\n            <ng-container *ngIf=\"!headerTemplate\">\n                <div class=\"header-content\">\n                    <div class=\"header-icon\" *ngIf=\"icon\">\n                        <i [class]=\"icon\"></i>\n                    </div>\n                    <div>\n                        <div class=\"header-title\" *ngIf=\"title\">\n                            {{ title }}\n                        </div>\n                        <div class=\"header-subtitle\" *ngIf=\"subtitle\">\n                            {{ subtitle }}\n                        </div>\n                    </div>\n                </div>\n            </ng-container>\n        </div>\n    </ng-container>\n    <div *ngIf=\"bodyTemplate\" class=\"body\">\n        <ng-container *ngTemplateOutlet=\"bodyTemplate\"></ng-container>\n    </div>\n    <ng-container *ngIf=\"!bodyTemplate\">\n        <div class=\"body\">\n            <ng-content></ng-content>\n        </div>\n    </ng-container>\n    <div *ngIf=\"footerTemplate\" class=\"footer\">\n        <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n    </div>\n</div>\n",
-        styles: [".card{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;background-color:#fff;border-radius:4px;box-shadow:0 1px 5px 0 #00000040;overflow:hidden}.card--full-width{width:100%}.card .banner{background-repeat:no-repeat;background-size:cover;height:150px;width:100%}.card .header{padding:16px 12px}.card .header-content{display:-ms-flexbox;display:flex;gap:12px}.card .header-title{color:#212533;font-size:14px;font-style:normal;font-weight:700}.card .header-subtitle{color:#6e7280;font-size:14px;font-style:normal;font-weight:400}.card .header-icon{border-radius:50%;background-color:#dedce5;width:3em;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:3em}.card .body,.card .footer{padding:16px}.card .body+.footer,.card .header+.body{border-top:1px solid #c1c1cc}"]
-    })
-], CardComponent);
-
-let TemplateModule = class TemplateModule {
-};
-TemplateModule = __decorate([
-    NgModule({
-        imports: [CommonModule],
-        declarations: [TemplateDirective],
-        exports: [TemplateDirective],
-    })
-], TemplateModule);
-
-let CardModule = class CardModule {
-};
-CardModule = __decorate([
-    NgModule({
-        imports: [CommonModule],
-        declarations: [CardComponent],
-        exports: [CardComponent, TemplateModule],
-    })
-], CardModule);
-
-let ChatComponent = class ChatComponent {
-    constructor() {
-        this.messages = [];
-    }
-    ngAfterViewInit() {
-        this.scrollToBottom();
-        this.messageElements.changes.subscribe(() => {
-            this.scrollToBottom();
-        });
-    }
-    scrollToBottom() {
-        var _a, _b;
-        (_b = (_a = this.messageElements) === null || _a === void 0 ? void 0 : _a.last) === null || _b === void 0 ? void 0 : _b.nativeElement.scrollIntoView({ behavior: "smooth" });
-    }
-};
-__decorate([
-    Input()
-], ChatComponent.prototype, "messages", void 0);
-__decorate([
-    ViewChildren("messageElements", { read: ElementRef })
-], ChatComponent.prototype, "messageElements", void 0);
-ChatComponent = __decorate([
-    Component({
-        selector: "s-chat",
-        template: "<div class=\"chat-container\">\n    <s-chat-message #messageElements *ngFor=\"let message of messages\" [message]=\"message\"> </s-chat-message>\n</div>\n",
-        styles: [".chat-container{min-height:500px;overflow:auto}"]
-    })
-], ChatComponent);
-
-let LocalizedBignumberPipe = class LocalizedBignumberPipe {
-    constructor(localeService) {
-        this.localeService = localeService;
-    }
-    transform(value, options) {
-        return value !== undefined && value !== null ? this.applyMask(value, options) : of(value);
-    }
-    applyMask(value, options) {
-        return this.localeService.get().pipe(map(localeConfig => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-            const configs = {
-                prefix: (_c = (_a = options === null || options === void 0 ? void 0 : options.prefix) !== null && _a !== void 0 ? _a : (_b = localeConfig === null || localeConfig === void 0 ? void 0 : localeConfig.number) === null || _b === void 0 ? void 0 : _b.currencySymbol) !== null && _c !== void 0 ? _c : "R$",
-                thousandsSeparator: (_f = (_d = options === null || options === void 0 ? void 0 : options.thousandsSeparator) !== null && _d !== void 0 ? _d : (_e = localeConfig === null || localeConfig === void 0 ? void 0 : localeConfig.number) === null || _e === void 0 ? void 0 : _e.thousandsSeparator) !== null && _f !== void 0 ? _f : ".",
-                decimalSeparator: (_j = (_g = options === null || options === void 0 ? void 0 : options.decimalSeparator) !== null && _g !== void 0 ? _g : (_h = localeConfig === null || localeConfig === void 0 ? void 0 : localeConfig.number) === null || _h === void 0 ? void 0 : _h.decimalSeparator) !== null && _j !== void 0 ? _j : ",",
-                scale: (_k = options === null || options === void 0 ? void 0 : options.scale) !== null && _k !== void 0 ? _k : 2,
-                allowNegative: (_l = options === null || options === void 0 ? void 0 : options.allowNegative) !== null && _l !== void 0 ? _l : true
-            };
-            const isNumber = !(new BigNumber(value).isNaN());
-            return applyMask(value, configs, isNumber);
-        }));
-    }
-};
-LocalizedBignumberPipe.ctorParameters = () => [
-    { type: LocaleService }
-];
-LocalizedBignumberPipe = __decorate([
-    Pipe({
-        name: "localizedBignumber",
-    })
-], LocalizedBignumberPipe);
-
-let LocalizedBignumberImpurePipe = class LocalizedBignumberImpurePipe extends LocalizedBignumberPipe {
-    transform(value, options) {
-        return super.transform(value, options);
-    }
-};
-LocalizedBignumberImpurePipe = __decorate([
-    Pipe({
-        name: "localizedBignumberImpure",
-        pure: false,
-    })
-], LocalizedBignumberImpurePipe);
-
-class LocalizedCurrencyPipeOptions extends NumberLocaleOptions {
-    constructor(config = {}) {
-        super(config);
-        this.scale = 2;
-    }
-}
-/**
- * @deprecated Should use localizedBignumberPipe instead
- */
-let LocalizedCurrencyPipe = class LocalizedCurrencyPipe {
-    constructor(localeService) {
-        this.localeService = localeService;
-    }
-    transform(value, options) {
-        if (!options) {
-            options = new LocalizedCurrencyPipeOptions();
-        }
-        return value !== undefined && value !== null ? this.applyMask(value, options) : of(value);
-    }
-    applyMask(value, options) {
-        return this.localeService.get().pipe(map(localeConfig => {
-            const config = Object.assign(Object.assign({}, localeConfig.number), options);
-            const { scale, currencySymbol, thousandsSeparator, decimalSeparator } = config;
-            const rawValue = Number(value).toFixed(scale);
-            const onlyNumbers = rawValue.replace(/[^0-9]/g, ``);
-            const integerPart = onlyNumbers
-                .slice(0, onlyNumbers.length - scale)
-                .replace(/^0*/g, ``)
-                .replace(/\B(?=(\d{3})+(?!\d))/g, thousandsSeparator) || `0`;
-            const decimalPart = onlyNumbers.slice(onlyNumbers.length - scale);
-            const newValue = scale ? integerPart + decimalSeparator + decimalPart : integerPart;
-            const isZero = !Number(onlyNumbers);
-            const operator = rawValue.includes("-") && !isZero ? "-" : "";
-            return `${operator}${currencySymbol}${newValue}`;
-        }));
-    }
-};
-LocalizedCurrencyPipe.ctorParameters = () => [
-    { type: LocaleService }
-];
-LocalizedCurrencyPipe = __decorate([
-    Pipe({
-        name: "localizedCurrency",
-    })
-], LocalizedCurrencyPipe);
-
-/**
- * @deprecated Should use localizedBignumberPipe instead
- */
-let LocalizedCurrencyImpurePipe = class LocalizedCurrencyImpurePipe extends LocalizedCurrencyPipe {
-    transform(value, options = new LocalizedCurrencyPipeOptions()) {
-        return super.transform(value, options);
-    }
-};
-LocalizedCurrencyImpurePipe = __decorate([
-    Pipe({
-        name: "localizedCurrencyImpure",
-        pure: false,
-    })
-], LocalizedCurrencyImpurePipe);
-
-const moment$1 = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
-let LocalizedDatePipe = class LocalizedDatePipe {
-    constructor(localeService) {
-        this.localeService = localeService;
-    }
-    transform(value, format = "L LTS") {
-        return this.localeService.get().pipe(map(() => (value ? moment$1(value).format(format) : value)));
-    }
-};
-LocalizedDatePipe.ctorParameters = () => [
-    { type: LocaleService }
-];
-LocalizedDatePipe = __decorate([
-    Pipe({
-        name: "localizedDate",
-    })
-], LocalizedDatePipe);
-
-let LocalizedDateImpurePipe = class LocalizedDateImpurePipe extends LocalizedDatePipe {
-};
-LocalizedDateImpurePipe = __decorate([
-    Pipe({
-        name: "localizedDateImpure",
-        pure: false,
-    })
-], LocalizedDateImpurePipe);
-
-/**
- * @deprecated Should use localizedBignumberPipe instead
- */
-let LocalizedNumberPipe = class LocalizedNumberPipe {
-    constructor(localeService) {
-        this.localeService = localeService;
-    }
-    transform(value, minimumFractionDigits) {
-        return from(this.localeService.getLocale()).pipe(map((locale) => {
-            const numericValue = Number(value);
-            if (!value && isNaN(numericValue))
-                return;
-            return new Intl.NumberFormat(locale, {
-                minimumFractionDigits: minimumFractionDigits || 0,
-            }).format(Number(value));
-        }));
-    }
-};
-LocalizedNumberPipe.ctorParameters = () => [
-    { type: LocaleService }
-];
-LocalizedNumberPipe = __decorate([
-    Pipe({ name: "localizedNumber" })
-], LocalizedNumberPipe);
-
-const moment$2 = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
-let LocalizedTimePipe = class LocalizedTimePipe {
-    constructor(localeService) {
-        this.localeService = localeService;
-    }
-    transform(value, format = "LTS") {
-        return this.localeService.get().pipe(map(() => (value ? moment$2(value, "HH:mm:ss").format(format) : value)));
-    }
-};
-LocalizedTimePipe.ctorParameters = () => [
-    { type: LocaleService }
-];
-LocalizedTimePipe = __decorate([
-    Pipe({
-        name: "localizedTime",
-    })
-], LocalizedTimePipe);
-
-let LocalizedTimeImpurePipe = class LocalizedTimeImpurePipe extends LocalizedTimePipe {
-};
-LocalizedTimeImpurePipe = __decorate([
-    Pipe({
-        name: "localizedTimeImpure",
-        pure: false,
-    })
-], LocalizedTimeImpurePipe);
-
-let CurrencyService = class CurrencyService {
-    constructor(localeService) {
-        this.localeService = localeService;
-        this.currencies = {
-            KHR: { precision: 12, scale: 2 },
-            SSP: { precision: 12, scale: 2 },
-            XCD: { precision: 12, scale: 2 },
-            EGP: { precision: 12, scale: 2 },
-            KWD: { precision: 12, scale: 3 },
-            YER: { precision: 12, scale: 2 },
-            HUF: { precision: 12, scale: 2 },
-            MXN: { precision: 12, scale: 2 },
-            MYR: { precision: 12, scale: 2 },
-            ZWL: { precision: 12, scale: 2 },
-            MUR: { precision: 12, scale: 2 },
-            DKK: { precision: 12, scale: 2 },
-            NOK: { precision: 12, scale: 2 },
-            DJF: { precision: 12, scale: 0 },
-            CRC: { precision: 12, scale: 2 },
-            BND: { precision: 12, scale: 2 },
-            NAD: { precision: 12, scale: 2 },
-            MKD: { precision: 12, scale: 2 },
-            CDF: { precision: 12, scale: 2 },
-            GNF: { precision: 12, scale: 0 },
-            EUR: { precision: 12, scale: 2 },
-            OMR: { precision: 12, scale: 3 },
-            CLP: { precision: 12, scale: 0 },
-            BSD: { precision: 12, scale: 2 },
-            TOP: { precision: 12, scale: 2 },
-            IRR: { precision: 12, scale: 2 },
-            BGN: { precision: 12, scale: 2 },
-            BZD: { precision: 12, scale: 2 },
-            CNY: { precision: 12, scale: 2 },
-            FJD: { precision: 12, scale: 2 },
-            SRD: { precision: 12, scale: 2 },
-            SOS: { precision: 12, scale: 2 },
-            GYD: { precision: 12, scale: 2 },
-            VUV: { precision: 12, scale: 0 },
-            MWK: { precision: 12, scale: 2 },
-            MRU: { precision: 12, scale: 2 },
-            LSL: { precision: 12, scale: 2 },
-            ERN: { precision: 12, scale: 2 },
-            BMD: { precision: 12, scale: 2 },
-            WST: { precision: 12, scale: 2 },
-            LRD: { precision: 12, scale: 2 },
-            GMD: { precision: 12, scale: 2 },
-            ARS: { precision: 12, scale: 2 },
-            ZAR: { precision: 12, scale: 2 },
-            RSD: { precision: 12, scale: 2 },
-            MDL: { precision: 12, scale: 2 },
-            USD: { precision: 12, scale: 2 },
-            QAR: { precision: 12, scale: 2 },
-            HRK: { precision: 12, scale: 2 },
-            GIP: { precision: 12, scale: 2 },
-            NPR: { precision: 12, scale: 2 },
-            "002": { precision: 9, scale: 4 },
-            PLN: { precision: 12, scale: 2 },
-            MAD: { precision: 12, scale: 2 },
-            BAM: { precision: 12, scale: 2 },
-            BTN: { precision: 12, scale: 2 },
-            BBD: { precision: 12, scale: 2 },
-            SHP: { precision: 12, scale: 2 },
-            LKR: { precision: 12, scale: 2 },
-            KPW: { precision: 12, scale: 2 },
-            LAK: { precision: 12, scale: 2 },
-            SZL: { precision: 12, scale: 2 },
-            PHP: { precision: 12, scale: 2 },
-            RWF: { precision: 12, scale: 0 },
-            ISK: { precision: 12, scale: 0 },
-            XOF: { precision: 12, scale: 0 },
-            AUD: { precision: 12, scale: 2 },
-            NGN: { precision: 12, scale: 2 },
-            KGS: { precision: 12, scale: 2 },
-            KYD: { precision: 12, scale: 2 },
-            PGK: { precision: 12, scale: 2 },
-            DZD: { precision: 12, scale: 2 },
-            XAF: { precision: 12, scale: 0 },
-            PEN: { precision: 12, scale: 2 },
-            JPY: { precision: 12, scale: 0 },
-            SBD: { precision: 12, scale: 2 },
-            UGX: { precision: 12, scale: 0 },
-            AMD: { precision: 12, scale: 2 },
-            AED: { precision: 12, scale: 2 },
-            ALL: { precision: 12, scale: 2 },
-            XPF: { precision: 12, scale: 0 },
-            AFN: { precision: 12, scale: 2 },
-            RON: { precision: 12, scale: 2 },
-            TND: { precision: 12, scale: 3 },
-            NZD: { precision: 12, scale: 2 },
-            JOD: { precision: 12, scale: 3 },
-            VND: { precision: 12, scale: 0 },
-            ETB: { precision: 12, scale: 2 },
-            PYG: { precision: 12, scale: 0 },
-            JMD: { precision: 12, scale: 2 },
-            KES: { precision: 12, scale: 2 },
-            IDR: { precision: 12, scale: 2 },
-            HKD: { precision: 12, scale: 2 },
-            BDT: { precision: 12, scale: 2 },
-            GBP: { precision: 12, scale: 2 },
-            AOA: { precision: 12, scale: 2 },
-            PKR: { precision: 12, scale: 2 },
-            TRY: { precision: 12, scale: 2 },
-            SLL: { precision: 12, scale: 2 },
-            CVE: { precision: 12, scale: 2 },
-            LYD: { precision: 12, scale: 3 },
-            ILS: { precision: 12, scale: 2 },
-            UZS: { precision: 12, scale: 2 },
-            CHF: { precision: 12, scale: 2 },
-            SVC: { precision: 12, scale: 2 },
-            BRL: { precision: 12, scale: 2 },
-            GHS: { precision: 12, scale: 2 },
-            CUP: { precision: 12, scale: 2 },
-            FKP: { precision: 12, scale: 2 },
-            NIO: { precision: 12, scale: 2 },
-            GEL: { precision: 12, scale: 2 },
-            TTD: { precision: 12, scale: 2 },
-            AAA: { precision: 1, scale: 1 },
-            COP: { precision: 12, scale: 2 },
-            MGA: { precision: 12, scale: 2 },
-            INR: { precision: 12, scale: 2 },
-            KRW: { precision: 12, scale: 0 },
-            HNL: { precision: 12, scale: 2 },
-            MMK: { precision: 12, scale: 2 },
-            TZS: { precision: 12, scale: 2 },
-            THB: { precision: 12, scale: 2 },
-            TMT: { precision: 12, scale: 2 },
-            SAR: { precision: 12, scale: 2 },
-            UYU: { precision: 12, scale: 2 },
-            BIF: { precision: 12, scale: 0 },
-            MVR: { precision: 12, scale: 2 },
-            RUB: { precision: 12, scale: 2 },
-            GTQ: { precision: 12, scale: 2 },
-            SCR: { precision: 12, scale: 2 },
-            IQD: { precision: 12, scale: 3 },
-            UAH: { precision: 12, scale: 2 },
-            BYN: { precision: 12, scale: 2 },
-            VES: { precision: 12, scale: 2 },
-            BOB: { precision: 12, scale: 2 },
-            SGD: { precision: 12, scale: 2 },
-            ZMW: { precision: 12, scale: 2 },
-            CZK: { precision: 12, scale: 2 },
-            TJS: { precision: 12, scale: 2 },
-            DOP: { precision: 12, scale: 2 },
-            AZN: { precision: 12, scale: 2 },
-            PAB: { precision: 12, scale: 2 },
-            STN: { precision: 12, scale: 2 },
-            SDG: { precision: 12, scale: 2 },
-            BWP: { precision: 12, scale: 2 },
-            BHD: { precision: 12, scale: 3 },
-            CAD: { precision: 12, scale: 2 },
-            MNT: { precision: 12, scale: 2 },
-            MOP: { precision: 12, scale: 2 },
-            HTG: { precision: 12, scale: 2 },
-            KZT: { precision: 12, scale: 2 },
-            LBP: { precision: 12, scale: 2 },
-            SYP: { precision: 12, scale: 2 },
-            TWD: { precision: 12, scale: 2 },
-            MZN: { precision: 12, scale: 2 },
-            ANG: { precision: 12, scale: 2 },
-            SEK: { precision: 12, scale: 2 },
-            KMF: { precision: 12, scale: 0 },
-            AWG: { precision: 12, scale: 2 },
-        };
-    }
-    getCurrencySymbol({ currency }) {
-        var _a, _b;
-        const numberFormat = new Intl.NumberFormat(this.localeService.getLocaleOptions().locale, {
-            style: "currency",
-            currency: currency !== null && currency !== void 0 ? currency : "BRL",
-            currencyDisplay: "narrowSymbol",
-            maximumFractionDigits: 5,
-        });
-        return (_b = (_a = numberFormat.formatToParts(1).find((x) => x.type === "currency")) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "";
+    getPlaceholder(i) {
+        if (i < this.slotChar.length)
+            return this.slotChar.charAt(i);
+        return this.slotChar.charAt(0);
     }
-};
-CurrencyService.ctorParameters = () => [
-    { type: LocaleService }
-];
-CurrencyService.ɵprov = ɵɵdefineInjectable({ factory: function CurrencyService_Factory() { return new CurrencyService(ɵɵinject(LocaleService)); }, token: CurrencyService, providedIn: "root" });
-CurrencyService = __decorate([
-    Injectable({ providedIn: "root" })
-], CurrencyService);
-
-let NumericService = class NumericService {
-    constructor(localeService, currencyService) {
-        this.localeService = localeService;
-        this.currencyService = currencyService;
+    seekNext(pos) {
+        while (++pos < this.len) {
+            if (this.tests[pos])
+                break;
+        }
+        return pos;
     }
-    /**
-     * Wrapper around Intl.NumberFormat that returns the localized value using the user's locale by default(platform's preferential language).
-     *
-     * This method should only be used after the localeService has been initialized by the host application, either by a resolver or a manual call.
-     *
-     * Can be overwritten by the provided Intl.NumberFormatOptions.
-     *
-     * Documentation is available at {@link https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat Intl.NumberFormatOptions}.
-     *
-     * @param {number | string | BigNumber} value The value to be formatted.
-     * @param options Locale and numberFormatOptions that overwrites the default Intl.NumberFormatOptions.
-     * @return `string` The formatted value.
-     */
-    instant(value, options) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-        if (isNullOrUndefined(value))
-            return null;
-        options = Object.assign(Object.assign({}, options), { locale: (_c = (_a = options === null || options === void 0 ? void 0 : options.locale) !== null && _a !== void 0 ? _a : (_b = this.localeService.getLocaleOptions()) === null || _b === void 0 ? void 0 : _b.locale) !== null && _c !== void 0 ? _c : "pt-BR", numberFormatOptions: Object.assign(Object.assign({ useGrouping: true }, options === null || options === void 0 ? void 0 : options.numberFormatOptions), { currency: ((_d = options === null || options === void 0 ? void 0 : options.numberFormatOptions) === null || _d === void 0 ? void 0 : _d.style) === "currency" ? ((_f = (_e = options === null || options === void 0 ? void 0 : options.numberFormatOptions) === null || _e === void 0 ? void 0 : _e.currency) !== null && _f !== void 0 ? _f : "BRL") : undefined, currencyDisplay: ((_g = options === null || options === void 0 ? void 0 : options.numberFormatOptions) === null || _g === void 0 ? void 0 : _g.style) === "currency"
-                    ? ((_j = (_h = options === null || options === void 0 ? void 0 : options.numberFormatOptions) === null || _h === void 0 ? void 0 : _h.currencyDisplay) !== null && _j !== void 0 ? _j : "narrowSymbol")
-                    : undefined, minimumFractionDigits: (_l = (_k = options === null || options === void 0 ? void 0 : options.numberFormatOptions) === null || _k === void 0 ? void 0 : _k.minimumFractionDigits) !== null && _l !== void 0 ? _l : this.getCurrencyMinimumFractionDigits((_m = options === null || options === void 0 ? void 0 : options.numberFormatOptions) === null || _m === void 0 ? void 0 : _m.currency) }) });
-        options.numberFormatOptions["roundingMode"] = "trunc";
-        // From https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
-        return new Intl.NumberFormat(options.locale, options.numberFormatOptions).format(this.getType(value) === "number" || this.getType(value) === "string" ? value : value.toString());
+    seekPrev(pos) {
+        while (--pos >= 0 && !this.tests[pos]) {
+            if (this.tests[pos])
+                break;
+        }
+        return pos;
     }
-    getCurrencyMinimumFractionDigits(currency) {
-        var _a;
-        if (!currency)
-            return null;
-        return (_a = this.currencyService.currencies[currency.toUpperCase()]) === null || _a === void 0 ? void 0 : _a.scale;
+    shiftL(begin, end) {
+        let i;
+        let j;
+        if (begin < 0) {
+            return;
+        }
+        j = this.seekNext(end);
+        for (i = begin; i < this.len; i++) {
+            if (this.tests[i]) {
+                if (j < this.len && this.tests[i].test(this.buffer[j])) {
+                    this.buffer[i] = this.buffer[j];
+                    this.buffer[j] = this.getPlaceholder(j);
+                }
+                else
+                    break;
+                j = this.seekNext(j);
+            }
+        }
+        this.writeBuffer();
+        this.caret(Math.max(this.firstNonMaskPos, begin));
     }
-    getType(value) {
-        // From https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/typeof
-        if (value === null) {
-            return "null";
+    shiftR(pos) {
+        let i;
+        let c = this.getPlaceholder(pos);
+        let j;
+        let t;
+        for (i = pos; i < this.len; i++) {
+            if (this.tests[i]) {
+                j = this.seekNext(i);
+                t = this.buffer[i];
+                this.buffer[i] = c;
+                if (j < this.len && this.tests[j].test(t)) {
+                    c = t;
+                }
+                else
+                    break;
+            }
         }
-        const baseType = typeof value;
-        // Primitive types
-        if (baseType !== "object" && baseType !== "function") {
-            return baseType;
+    }
+    handleAndroidInput(e) {
+        const curVal = this.input.value;
+        const pos = this.caret();
+        if (this.oldVal && this.oldVal.length && this.oldVal.length > curVal.length) {
+            // A deletion or backspace happened
+            this.checkVal(true);
+            while (pos.begin > 0 && !this.tests[pos.begin - 1]) {
+                pos.begin--;
+            }
+            if (pos.begin === 0) {
+                while (pos.begin < this.firstNonMaskPos && !this.tests[pos.begin]) {
+                    pos.begin++;
+                }
+            }
+            setTimeout(() => {
+                this.caret(pos.begin, pos.begin);
+                if (this.isCompleted()) {
+                    const sentVal = curVal.replace(this.slotChar, ""); // Limpa os caracteres placeholders extras caso ele esteja completo
+                    this.updateCalendarValue(sentVal);
+                }
+            }, 0);
         }
-        // Symbol.toStringTag often specifies the "display name" of the
-        // object's class. It's used in Object.prototype.toString().
-        const tag = value[Symbol.toStringTag];
-        if (typeof tag === "string") {
-            return tag;
+        else {
+            this.checkVal(true);
+            while (pos.begin < this.len && !this.tests[pos.begin]) {
+                pos.begin++;
+            }
+            setTimeout(() => {
+                this.caret(pos.begin, pos.begin);
+                if (this.isCompleted()) {
+                    const sentVal = curVal.replace(this.slotChar, ""); // Limpa os caracteres placeholders extras caso ele esteja completo
+                    this.updateCalendarValue(sentVal);
+                }
+            }, 0);
         }
-        // If it's a function whose source code starts with the "class" keyword
-        if (baseType === "function" && Function.prototype.toString.call(value).startsWith("class")) {
-            return "class";
+    }
+    updateCalendarValue(sentVal) {
+        // TODO verificar
+        const dateVal = this.host.parseValueFromString(sentVal);
+        if (this.host.isSelectable(dateVal.getDate(), dateVal.getMonth(), dateVal.getFullYear(), false)) {
+            this.host.updateModel(sentVal);
+            this.host.updateUI();
+        }
+    }
+    clearBuffer(start, end) {
+        let i;
+        for (i = start; i < end && i < this.len; i++) {
+            if (this.tests[i]) {
+                this.buffer[i] = this.getPlaceholder(i);
+            }
+        }
+    }
+    writeBuffer() {
+        this.input.value = this.buffer.join("");
+    }
+    createMaskFromDateFormat() {
+        const calendar = this.host;
+        let mask = this.autoClear ? "?" : "";
+        if (!calendar.timeOnly) {
+            let dateFormat = calendar.dateFormat;
+            dateFormat = dateFormat.replace(/y/g, "yy");
+            mask += dateFormat.replace(/[^/*,.\-+\[\]\\]/g, "9");
+            if (calendar.showTime) {
+                mask += " ";
+            }
+        }
+        if (calendar.showTime || calendar.timeOnly) {
+            mask += "99:99";
+            if (calendar.showSeconds) {
+                mask += ":99";
+            }
+        }
+        this._mask = mask;
+        this.initMask();
+    }
+    isCompleted() {
+        for (let i = this.firstNonMaskPos; i <= this.lastRequiredNonMaskPos; i++) {
+            if (this.tests[i] && this.buffer[i] === this.getPlaceholder(i)) {
+                return false;
+            }
+        }
+        return true;
+    }
+    ngAfterViewChecked() {
+        if (this.host.inputfieldViewChild && this.firstTime) {
+            this.firstTime = false;
+            this.setListeners();
+            this.input.type = "tel";
+        }
+    }
+    ngOnDestroy() {
+        if (this.focusListener)
+            this.focusListener();
+        if (this.blurListener)
+            this.blurListener();
+        if (this.keydownListener)
+            this.keydownListener();
+        if (this.keypressListener)
+            this.keypressListener();
+        if (this.inputListener)
+            this.inputListener();
+        if (this.pasteListener)
+            this.pasteListener();
+    }
+    onKeydownEventTest(e) {
+        const { key } = e;
+        if (key == "Tab") {
+            // Este código foi implementado para corrigir um problema no componente na v9
+            // Deve ser removido assim que atualizarmos o PrimeNG para a v10
+            const allFocusableElements = document.querySelectorAll(this.SELECTORS);
+            let nextIsFocusable = false;
+            let previousFocusable;
+            let forceCloseModal = true;
+            allFocusableElements.forEach((element) => {
+                if (!e.shiftKey) {
+                    if (nextIsFocusable && element.id) {
+                        this.focusableElement(element.id, forceCloseModal);
+                        nextIsFocusable = false;
+                        e.preventDefault();
+                        return;
+                    }
+                }
+                let activeTagName = window.document.activeElement.tagName;
+                if (e.shiftKey && element.id && element.tagName === "INPUT" && activeTagName == "BUTTON") {
+                    previousFocusable = element.id;
+                    forceCloseModal = false;
+                }
+                if (element.id === this.host.inputId) {
+                    if (previousFocusable) {
+                        this.focusableElement(previousFocusable, forceCloseModal);
+                        e.preventDefault();
+                        forceCloseModal = true;
+                        return;
+                    }
+                    nextIsFocusable = true;
+                }
+                else if (e.shiftKey && element.id) {
+                    previousFocusable = element.id;
+                }
+            });
         }
-        // The name of the constructor; for example `Array`, `GeneratorFunction`,
-        // `Number`, `String`, `Boolean` or `MyCustomClass`
-        const className = value.constructor.name;
-        if (typeof className === "string" && className !== "") {
-            return className;
+    }
+    focusableElement(id, hide) {
+        const htmlElement = window.document.getElementById(id);
+        htmlElement.focus();
+        if (hide) {
+            this.host.hideOverlay();
         }
-        // At this point there's no robust way to get the type of value,
-        // so we use the base implementation.
-        return baseType;
     }
 };
-NumericService.ctorParameters = () => [
-    { type: LocaleService },
-    { type: CurrencyService }
+CalendarMaskDirective.ctorParameters = () => [
+    { type: Calendar },
+    { type: Renderer2 }
 ];
-NumericService.ɵprov = ɵɵdefineInjectable({ factory: function NumericService_Factory() { return new NumericService(ɵɵinject(LocaleService), ɵɵinject(CurrencyService)); }, token: NumericService, providedIn: "root" });
-NumericService = __decorate([
-    Injectable({
-        providedIn: "root",
+__decorate([
+    Input()
+], CalendarMaskDirective.prototype, "slotChar", void 0);
+__decorate([
+    Input()
+], CalendarMaskDirective.prototype, "autoClear", void 0);
+__decorate([
+    HostListener("keydown", ["$event"])
+], CalendarMaskDirective.prototype, "onKeydownEventTest", null);
+CalendarMaskDirective = __decorate([
+    Directive({
+        selector: "p-calendar[sCalendarMask]",
     })
-], NumericService);
+], CalendarMaskDirective);
 
-let NumericPipe = class NumericPipe {
-    constructor(numericService, localeService) {
-        this.numericService = numericService;
-        this.localeService = localeService;
-    }
-    transform(value, options) {
-        return (options === null || options === void 0 ? void 0 : options.locale) ? of(this.numericService.instant(value, options))
-            : this.localeService.getLocale().pipe(map((locale) => this.numericService.instant(value, {
-                locale,
-                numberFormatOptions: options === null || options === void 0 ? void 0 : options.numberFormatOptions,
-            })));
+let CalendarMaskModule = class CalendarMaskModule {
+};
+CalendarMaskModule = __decorate([
+    NgModule({
+        declarations: [CalendarMaskDirective],
+        imports: [CommonModule],
+        exports: [CalendarMaskDirective],
+    })
+], CalendarMaskModule);
+
+let TemplateDirective = class TemplateDirective {
+    constructor(template) {
+        this.template = template;
     }
 };
-NumericPipe.ctorParameters = () => [
-    { type: NumericService },
-    { type: LocaleService }
+TemplateDirective.ctorParameters = () => [
+    { type: TemplateRef }
 ];
-NumericPipe = __decorate([
-    Pipe({ name: "numeric" })
-], NumericPipe);
+__decorate([
+    Input("sTemplate")
+], TemplateDirective.prototype, "type", void 0);
+TemplateDirective = __decorate([
+    Directive({
+        selector: "[sTemplate]",
+    })
+], TemplateDirective);
 
-var LocaleModule_1;
-let LocaleModule = LocaleModule_1 = class LocaleModule {
-    static forRoot() {
-        return {
-            ngModule: LocaleModule_1,
-            providers: [
-                LocaleService,
-                LocalizedCurrencyPipe,
-                LocalizedDatePipe,
-                LocalizedTimePipe,
-                LocalizedNumberPipe,
-                LocalizedCurrencyImpurePipe,
-                LocalizedDateImpurePipe,
-                LocalizedTimeImpurePipe,
-                LocalizedBignumberPipe,
-                LocalizedBignumberImpurePipe,
-                NumericPipe
-            ],
-        };
+var CardTemplateTypes;
+(function (CardTemplateTypes) {
+    CardTemplateTypes["Header"] = "header";
+    CardTemplateTypes["Body"] = "body";
+    CardTemplateTypes["Footer"] = "footer";
+})(CardTemplateTypes || (CardTemplateTypes = {}));
+
+let CardComponent = class CardComponent {
+    constructor() {
+        this.fullWidth = false;
+        this.title = '';
+        this.subtitle = '';
+        this.icon = '';
+        this.showBanner = false;
     }
-    static forChild() {
-        return {
-            ngModule: LocaleModule_1,
-        };
+    ngAfterContentInit() {
+        this._getTemplates();
+        this._loadImage();
+    }
+    get hasHeader() {
+        const headerTemplate = !!this.headerTemplate;
+        const hasHeaderAttributes = this.title || this.subtitle || this.icon;
+        return headerTemplate || hasHeaderAttributes;
+    }
+    _getHeaderTemplate() {
+        return this._getCustomTemplate(CardTemplateTypes.Header);
+    }
+    _getBodyTemplate() {
+        return this._getCustomTemplate(CardTemplateTypes.Body);
+    }
+    _getFooterTemplate() {
+        return this._getCustomTemplate(CardTemplateTypes.Footer);
+    }
+    _getCustomTemplate(type) {
+        var _a;
+        return (_a = this.templates.find((template) => template.type === type)) === null || _a === void 0 ? void 0 : _a.template;
+    }
+    _getTemplates() {
+        this.headerTemplate = this._getHeaderTemplate();
+        this.bodyTemplate = this._getBodyTemplate();
+        this.footerTemplate = this._getFooterTemplate();
+    }
+    _loadImage() {
+        const img = new Image();
+        img.src = this.bannerImage;
+        img.onload = () => (this.showBanner = true);
+        img.onerror = () => (this.showBanner = false);
     }
 };
-LocaleModule = LocaleModule_1 = __decorate([
+__decorate([
+    Input()
+], CardComponent.prototype, "bannerImage", void 0);
+__decorate([
+    Input()
+], CardComponent.prototype, "fullWidth", void 0);
+__decorate([
+    Input()
+], CardComponent.prototype, "title", void 0);
+__decorate([
+    Input()
+], CardComponent.prototype, "subtitle", void 0);
+__decorate([
+    Input()
+], CardComponent.prototype, "icon", void 0);
+__decorate([
+    ContentChildren(TemplateDirective)
+], CardComponent.prototype, "templates", void 0);
+CardComponent = __decorate([
+    Component({
+        selector: "s-card",
+        template: "<div class=\"card\" [ngClass]=\"{ 'card--full-width': fullWidth }\">\n    <div\n        *ngIf=\"showBanner\"\n        class=\"banner\"\n        [ngStyle]=\"{'background-image': 'url(' + bannerImage + ')'}\">\n    </div>\n\n    <ng-container *ngIf=\"hasHeader\">\n        <div class=\"header\">\n            <ng-container *ngIf=\"headerTemplate\">\n                <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n            </ng-container>\n            <ng-container *ngIf=\"!headerTemplate\">\n                <div class=\"header-content\">\n                    <div class=\"header-icon\" *ngIf=\"icon\">\n                        <i [class]=\"icon\"></i>\n                    </div>\n                    <div>\n                        <div class=\"header-title\" *ngIf=\"title\">\n                            {{ title }}\n                        </div>\n                        <div class=\"header-subtitle\" *ngIf=\"subtitle\">\n                            {{ subtitle }}\n                        </div>\n                    </div>\n                </div>\n            </ng-container>\n        </div>\n    </ng-container>\n    <div *ngIf=\"bodyTemplate\" class=\"body\">\n        <ng-container *ngTemplateOutlet=\"bodyTemplate\"></ng-container>\n    </div>\n    <ng-container *ngIf=\"!bodyTemplate\">\n        <div class=\"body\">\n            <ng-content></ng-content>\n        </div>\n    </ng-container>\n    <div *ngIf=\"footerTemplate\" class=\"footer\">\n        <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n    </div>\n</div>\n",
+        styles: [".card{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;background-color:#fff;border-radius:4px;box-shadow:0 1px 5px 0 #00000040;overflow:hidden}.card--full-width{width:100%}.card .banner{background-repeat:no-repeat;background-size:cover;height:150px;width:100%}.card .header{padding:16px 12px}.card .header-content{display:-ms-flexbox;display:flex;gap:12px}.card .header-title{color:#212533;font-size:14px;font-style:normal;font-weight:700}.card .header-subtitle{color:#6e7280;font-size:14px;font-style:normal;font-weight:400}.card .header-icon{border-radius:50%;background-color:#dedce5;width:3em;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:3em}.card .body,.card .footer{padding:16px}.card .body+.footer,.card .header+.body{border-top:1px solid #c1c1cc}"]
+    })
+], CardComponent);
+
+let TemplateModule = class TemplateModule {
+};
+TemplateModule = __decorate([
     NgModule({
         imports: [CommonModule],
-        exports: [
-            LocalizedCurrencyPipe,
-            LocalizedDatePipe,
-            LocalizedTimePipe,
-            LocalizedNumberPipe,
-            LocalizedCurrencyImpurePipe,
-            LocalizedDateImpurePipe,
-            LocalizedTimeImpurePipe,
-            LocalizedBignumberPipe,
-            LocalizedBignumberImpurePipe,
-            NumericPipe
-        ],
-        declarations: [
-            LocalizedCurrencyPipe,
-            LocalizedDatePipe,
-            LocalizedTimePipe,
-            LocalizedNumberPipe,
-            LocalizedCurrencyImpurePipe,
-            LocalizedDateImpurePipe,
-            LocalizedTimeImpurePipe,
-            LocalizedBignumberPipe,
-            LocalizedBignumberImpurePipe,
-            NumericPipe
-        ],
+        declarations: [TemplateDirective],
+        exports: [TemplateDirective],
     })
-], LocaleModule);
+], TemplateModule);
+
+let CardModule = class CardModule {
+};
+CardModule = __decorate([
+    NgModule({
+        imports: [CommonModule],
+        declarations: [CardComponent],
+        exports: [CardComponent, TemplateModule],
+    })
+], CardModule);
+
+let ChatComponent = class ChatComponent {
+    constructor() {
+        this.messages = [];
+    }
+    ngAfterViewInit() {
+        this.scrollToBottom();
+        this.messageElements.changes.subscribe(() => {
+            this.scrollToBottom();
+        });
+    }
+    scrollToBottom() {
+        var _a, _b;
+        (_b = (_a = this.messageElements) === null || _a === void 0 ? void 0 : _a.last) === null || _b === void 0 ? void 0 : _b.nativeElement.scrollIntoView({ behavior: "smooth" });
+    }
+};
+__decorate([
+    Input()
+], ChatComponent.prototype, "messages", void 0);
+__decorate([
+    ViewChildren("messageElements", { read: ElementRef })
+], ChatComponent.prototype, "messageElements", void 0);
+ChatComponent = __decorate([
+    Component({
+        selector: "s-chat",
+        template: "<div class=\"chat-container\">\n    <s-chat-message #messageElements *ngFor=\"let message of messages\" [message]=\"message\"> </s-chat-message>\n</div>\n",
+        styles: [".chat-container{min-height:500px;overflow:auto}"]
+    })
+], ChatComponent);
 
 let ChatMessageComponent = class ChatMessageComponent {
     constructor() {
@@ -11301,7 +11300,7 @@ __decorate([
 ], TextFieldComponent.prototype, "inputRef", void 0);
 TextFieldComponent = __decorate([
     Component({
-        template: "<s-field-label *ngIf=\"inputRef\" [field]=\"field\" [fieldContainerRef]=\"inputRef?.nativeElement\"></s-field-label>\n\n<p-inputMask\n    #inputRef\n    *ngIf=\"field.mask; else noMask\"\n    [type]=\"field.inputType || 'text'\"\n    [inputId]=\"field.id || field.name\"\n    [name]=\"field.name\"\n    [mask]=\"isFunction(field.mask) ? field.mask() : field.mask\"\n    [characterPattern]=\"getCharacterPattern()\"\n    [unmask]=\"getUnmask()\"\n    [placeholder]=\"field.placeholder\"\n    slotChar=\"_\"\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\"\n    styleClass=\"mousetrap\"\n    (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n    (onFocus)=\"onFocus.next($event)\"\n    (onComplete)=\"onComplete.next($event)\"\n    (onInput)=\"onInput.next($event)\"\n    [formControl]=\"formControl\"\n    [readonly]=\"field.readonly ? field.readonly() : false\"\n>\n</p-inputMask>\n\n<ng-template #noMask>\n    <ng-container>\n        <div class=\"ui-inputgroup\">\n            <ng-container *ngIf=\"field.leftAddon\">\n                <span *ngIf=\"field.leftAddon.callback\" class=\"addon-button addon-button--left\">\n                    <s-button\n                        [label]=\"field.leftAddon.label\"\n                        [iconClass]=\"field.leftAddon.icon\"\n                        [priority]=\"field.leftAddon.priority\"\n                        [disabled]=\"isFunction(field.leftAddon.disabled) ? field.leftAddon.disabled() : field.leftAddon.disabled\"\n                        (onClick)=\"field.leftAddon.callback()\"\n                    >\n                    </s-button>\n                </span>\n                <span *ngIf=\"!field.leftAddon.callback\" class=\"ui-inputgroup-addon\">\n                    <span *ngIf=\"field.leftAddon.label\">{{ field.leftAddon.label }}</span>\n                    <span *ngIf=\"!field.leftAddon.label\" [ngClass]=\"field.leftAddon.icon\"></span>\n                </span>\n            </ng-container>\n\n            <ng-container *ngTemplateOutlet=\"field.keyFilter ? inputKeyFilter : input\"></ng-container>\n\n            <ng-container *ngIf=\"field.rightAddon\">\n                <span *ngIf=\"field.rightAddon.callback\" class=\"addon-button addon-button--right\">\n                    <s-button\n                        [label]=\"field.rightAddon.label\"\n                        [iconClass]=\"field.rightAddon.icon\"\n                        [priority]=\"field.rightAddon.priority\"\n                        [disabled]=\"isFunction(field.rightAddon.disabled) ? field.rightAddon.disabled() : field.rightAddon.disabled\"\n                        (onClick)=\"field.rightAddon.callback()\"\n                    >\n                    </s-button>\n                </span>\n                <span *ngIf=\"!field.rightAddon.callback\" class=\"ui-inputgroup-addon\">\n                    <span *ngIf=\"field.rightAddon.label\">{{ field.rightAddon.label }}</span>\n                    <span *ngIf=\"!field.rightAddon.label\" [ngClass]=\"field.rightAddon.icon\"></span>\n                </span>\n            </ng-container>\n        </div>\n    </ng-container>\n</ng-template>\n\n<ng-template #input>\n    <input\n        #inputRef\n        [type]=\"field.inputType || 'text'\"\n        [id]=\"field.id || field.name\"\n        [name]=\"field.name\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        [maxLength]=\"field.maxLength\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        (input)=\"onInput.next($event)\"\n        [formControl]=\"formControl\"\n        [ngStyle]=\"field.style\"\n        [readOnly]=\"field.readonly ? field.readonly() : false\"\n    />\n</ng-template>\n\n<ng-template #inputKeyFilter>\n    <input\n        #inputText\n        [type]=\"field.inputType || 'text'\"\n        [id]=\"field.id || field.name\"\n        [name]=\"field.name\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        [maxLength]=\"field.maxLength\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        (input)=\"onInput.next($event)\"\n        [pKeyFilter]=\"field.keyFilter\"\n        [formControl]=\"formControl\"\n        [ngStyle]=\"field.style\"\n        [readOnly]=\"field.readonly ? field.readonly() : false\"\n    />\n</ng-template>\n",
+        template: "<s-field-label *ngIf=\"inputRef\" [field]=\"field\" [fieldContainerRef]=\"inputRef?.nativeElement\"></s-field-label>\n\n<p-inputMask\n    #inputRef\n    *ngIf=\"field.mask; else noMask\"\n    [type]=\"field.inputType || 'text'\"\n    [inputId]=\"field.id || field.name\"\n    [name]=\"field.name\"\n    [mask]=\"isFunction(field.mask) ? field.mask() : field.mask\"\n    [characterPattern]=\"getCharacterPattern()\"\n    [unmask]=\"getUnmask()\"\n    [placeholder]=\"field.placeholder\"\n    slotChar=\"_\"\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\"\n    styleClass=\"mousetrap\"\n    (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n    (onFocus)=\"onFocus.next($event)\"\n    (onComplete)=\"onComplete.next($event)\"\n    (onInput)=\"onInput.next($event)\"\n    [formControl]=\"formControl\"\n    [readonly]=\"field.readonly ? field.readonly() : false\"\n    [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n>\n</p-inputMask>\n\n<ng-template #noMask>\n    <ng-container>\n        <div class=\"ui-inputgroup\">\n            <ng-container *ngIf=\"field.leftAddon\">\n                <span *ngIf=\"field.leftAddon.callback\" class=\"addon-button addon-button--left\">\n                    <s-button\n                        [label]=\"field.leftAddon.label\"\n                        [iconClass]=\"field.leftAddon.icon\"\n                        [priority]=\"field.leftAddon.priority\"\n                        [disabled]=\"isFunction(field.leftAddon.disabled) ? field.leftAddon.disabled() : field.leftAddon.disabled\"\n                        (onClick)=\"field.leftAddon.callback()\"\n                    >\n                    </s-button>\n                </span>\n                <span *ngIf=\"!field.leftAddon.callback\" class=\"ui-inputgroup-addon\">\n                    <span *ngIf=\"field.leftAddon.label\">{{ field.leftAddon.label }}</span>\n                    <span *ngIf=\"!field.leftAddon.label\" [ngClass]=\"field.leftAddon.icon\"></span>\n                </span>\n            </ng-container>\n\n            <ng-container *ngTemplateOutlet=\"field.keyFilter ? inputKeyFilter : input\"></ng-container>\n\n            <ng-container *ngIf=\"field.rightAddon\">\n                <span *ngIf=\"field.rightAddon.callback\" class=\"addon-button addon-button--right\">\n                    <s-button\n                        [label]=\"field.rightAddon.label\"\n                        [iconClass]=\"field.rightAddon.icon\"\n                        [priority]=\"field.rightAddon.priority\"\n                        [disabled]=\"isFunction(field.rightAddon.disabled) ? field.rightAddon.disabled() : field.rightAddon.disabled\"\n                        (onClick)=\"field.rightAddon.callback()\"\n                    >\n                    </s-button>\n                </span>\n                <span *ngIf=\"!field.rightAddon.callback\" class=\"ui-inputgroup-addon\">\n                    <span *ngIf=\"field.rightAddon.label\">{{ field.rightAddon.label }}</span>\n                    <span *ngIf=\"!field.rightAddon.label\" [ngClass]=\"field.rightAddon.icon\"></span>\n                </span>\n            </ng-container>\n        </div>\n    </ng-container>\n</ng-template>\n\n<ng-template #input>\n    <input\n        #inputRef\n        [type]=\"field.inputType || 'text'\"\n        [id]=\"field.id || field.name\"\n        [name]=\"field.name\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        [maxLength]=\"field.maxLength\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        (input)=\"onInput.next($event)\"\n        [formControl]=\"formControl\"\n        [ngStyle]=\"field.style\"\n        [readOnly]=\"field.readonly ? field.readonly() : false\"\n    />\n</ng-template>\n\n<ng-template #inputKeyFilter>\n    <input\n        #inputText\n        [type]=\"field.inputType || 'text'\"\n        [id]=\"field.id || field.name\"\n        [name]=\"field.name\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        [maxLength]=\"field.maxLength\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        (input)=\"onInput.next($event)\"\n        [pKeyFilter]=\"field.keyFilter\"\n        [formControl]=\"formControl\"\n        [ngStyle]=\"field.style\"\n        [readOnly]=\"field.readonly ? field.readonly() : false\"\n    />\n</ng-template>\n",
         encapsulation: ViewEncapsulation.None,
         styles: ["s-text-field.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-text-field.ng-dirty.ng-invalid .ui-inputtext:hover{border-color:#e44328}.addon-button{border:1px solid #c1c1cc}.addon-button s-button .s-button-with-text,.addon-button s-button button{height:100%;min-width:40px}.addon-button--left{border-radius:5px 0 0 5px;border-right:none}.addon-button--left s-button button{border-bottom-right-radius:0;border-top-right-radius:0}.addon-button--right{border-left:none;border-radius:0 5px 5px 0}.addon-button--right s-button button{border-bottom-left-radius:0;border-top-left-radius:0}"]
     })
@@ -21555,5 +21554,5 @@ const fallback = {
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionComponent, AccordionModule, AccordionPanelComponent, AlertComponent, AlertModule, AngularComponentsModule, AutocompleteField, BadgeColors, BadgeComponent, BadgeModule, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonAnimation, ButtonComponent, ButtonField, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, CardComponent, CardModule, CardTemplateTypes, ChatComponent, ChatModule, CheckDisabled, CheckboxComponent, CheckboxModule, ChipsComponent, ChipsField, ChipsModule, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CountryPhonePickerComponent, CountryPhonePickerModule, CurrencyField, CurrencyService, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DebounceUtils, DoubleClickDirective, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, EnumSeverity, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FileUploadPermissions, FileValidation, FormField, GanttComponent, GanttModule, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, Grid, GridMenuComponent, GridMenuModule, GridType, HelpPopoverComponent, HelpPopoverDirective, HelpPopoverModule, HostProjectConfigsInjectionToken, IAInsightComponent, IAInsightModule, IAInsightTemplateTypes, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, InlineEditCalendarField, InlineEditComponent, InlineEditField, InlineEditLookupField, InlineEditModule, InlineEditNumberField, InlineEditTextAreaField, InlineEditTextAreaIAField, InlineEditTextField, KanbanComponent, KanbanModule, KanbanTemplateTypes, LabelValueComponent, LabelValueModule, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationButtonComponent, NavigationButtonModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, NumericService, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, Ordination, PanelComponent, PanelModule, PasswordField, PasswordStrengthComponent, PasswordStrengthDirective, PasswordStrengthModule, PasswordStrengthPositions, PasswordStrengths, PicklistComponent, PicklistModule, PicklistTemplateTypes, ProductHeaderComponent, ProductHeaderModule, ProfilePicturePickerComponent, ProfilePicturePickerModule, ProgressBarColors, ProgressBarComponent, ProgressBarModule, RadioButtonField, RatingScaleComponent, RatingScaleModule, RationButtonOption, Row, RowTogllerDirective, SVGFactoryDirective, SVGFactoryModule, Section, SelectButtonComponent, SelectButtonModule, SelectField, SelectOption, SidebarComponent, SidebarModule, SlidePanelComponent, SlidePanelModule, SliderComponent, SliderModule, SplitButtonComponent, SplitButtonModule, SplitButtonType, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, StructureType, SwitchComponent, SwitchModule, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TemplateDirective, TemplateModule, TextAreaComponent, TextAreaField, TextAreaIAComponent, TextAreaIAModule, TextAreaModule, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, ThumbnailsComponent, ThumbnailsModule, TieredMenuDirective, TieredMenuModule, TileComponent, TileModule, TimelineComponent, TimelineItem, TimelineItemSeverity, TimelineItemSize, TimelineModule, ToastComponent, ToastModule, ToastService, TokenListComponent, TokenListModule, TooltipModule, TooltipPosition, ValidateErrors, ViewMode, WorkspaceSwitchComponent, WorkspaceSwitchModule, convertToMomentDateFormat, countries, fallback, getElementLeftoverContentAvailable, getElementPositionInfo, isMousePositionOutsideOfElement, isNullOrUndefined, parseItensPickList, ɵ0$3 as ɵ0, ɵ1$2 as ɵ1, ɵ2$1 as ɵ2, ɵ3$1 as ɵ3, ɵ4, TooltipComponent as ɵa, TooltipDirective as ɵb, TableColumnsComponent as ɵba, TablePagingComponent as ɵbb, PasswordFieldModule as ɵbc, FieldLabelModule as ɵbd, FieldLabelComponent as ɵbe, PasswordFieldComponent as ɵbf, TextFieldModule as ɵbg, TextFieldComponent as ɵbh, NumberFieldModule as ɵbi, NumberFieldComponent as ɵbj, CurrencyFieldModule as ɵbk, CurrencyFieldComponent as ɵbl, BignumberFieldModule as ɵbm, BignumberFieldComponent as ɵbn, CheckboxFieldModule as ɵbo, CheckboxFieldComponent as ɵbp, ProfilePictureModule as ɵbq, ThumbnailService as ɵbr, StructureModule as ɵbs, HeaderComponent as ɵbt, FooterComponent as ɵbu, ProfilePictureFieldComponent as ɵbv, EditorFieldModule as ɵbw, EditorFieldComponent as ɵbx, SpeechRecognitionModule as ɵby, SpeechRecognitionComponent as ɵbz, InfoSignComponent as ɵc, SpeechRecognitionService as ɵca, TextToSpeechService as ɵcb, AutocompleteFieldComponent as ɵcc, BooleanFieldComponent as ɵcd, BooleanSwitchFieldComponent as ɵce, CalendarFieldComponent as ɵcf, ChipsFieldComponent as ɵcg, CountryPhonePickerFieldComponent as ɵch, DynamicFieldComponent as ɵci, DynamicFormDirective as ɵcj, FieldsetComponent as ɵck, FileUploadComponent$1 as ɵcl, LookupFieldComponent as ɵcm, RadioButtonComponent as ɵcn, RowComponent as ɵco, SectionComponent as ɵcp, SelectFieldComponent as ɵcq, SliderFieldComponent as ɵcr, TextAreaFieldComponent as ɵcs, TextAreaIAFieldComponent as ɵct, IAssistService as ɵcu, ButtonFieldComponent as ɵcv, DecimalField as ɵcx, SideTableComponent as ɵcy, InfiniteScrollModule as ɵcz, TieredMenuEventService as ɵd, InfiniteScrollDirective as ɵda, IAInsightSidebarComponent as ɵdb, IAInsightCardComponent as ɵdc, IAInsightCardLoaderComponent as ɵdd, GridMenuItemComponent as ɵde, InlineEditItemComponent as ɵdf, InlineEditCalendarComponent as ɵdg, InlineEditLookupComponent as ɵdh, InlineEditNumberComponent as ɵdi, InlineEditTextComponent as ɵdj, InlineEditTextAreaComponent as ɵdk, InlineEditTextAreaIAComponent as ɵdl, KanbanEventService as ɵdm, KanbanItemComponent as ɵdn, KanbanColumnComponent as ɵdo, KanbanItemDraggingComponent as ɵdp, NumberLocaleOptions as ɵdq, BorderButtonModule as ɵdr, BorderButtonComponent as ɵds, ProgressBarDeterminateComponent as ɵdt, ProgressBarIndeterminateComponent as ɵdu, SelectButtonItemComponent as ɵdv, SlidePanelService as ɵdw, ThumbnailItemComponent as ɵdx, ThumbnailItemVideoComponent as ɵdy, ThumbnailItemImageComponent as ɵdz, TieredMenuService as ɵe, TimelineItemModule as ɵea, TimelineIconItemComponent as ɵeb, HorizontalTimelineModule as ɵec, HorizontalTimelineComponent as ɵed, VerticalTimelineModule as ɵee, VerticalTimelineComponent as ɵef, RangeLineComponent as ɵeg, CollapseOptionComponent as ɵeh, CollapsedItemsComponent as ɵei, VerticalItemsComponent as ɵej, ChipItemComponent as ɵek, TieredMenuGlobalService as ɵf, TieredMenuComponent as ɵg, TieredMenuNestedComponent as ɵh, TieredMenuItemComponent as ɵi, TieredMenuDividerComponent as ɵj, LocalizedCurrencyImpurePipe as ɵk, LocalizedBignumberPipe as ɵl, LocalizedBignumberImpurePipe as ɵm, NumericPipe as ɵn, ChatMessageComponent as ɵo, CustomTranslationsModule as ɵp, CodeEditorComponent as ɵq, CoreFacade as ɵr, CodeMirror6Core as ɵs, CountryPhonePickerService as ɵt, EmptyStateGoBackComponent as ɵu, IAssistIconComponent as ɵv, SeniorIconComponent as ɵw, DotsIndicatorComponent as ɵx, LoadingIndicatorComponent as ɵy, FileUploadService as ɵz };
+export { AccordionComponent, AccordionModule, AccordionPanelComponent, AlertComponent, AlertModule, AngularComponentsModule, AutocompleteField, BadgeColors, BadgeComponent, BadgeModule, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonAnimation, ButtonComponent, ButtonField, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, CardComponent, CardModule, CardTemplateTypes, ChatComponent, ChatModule, CheckDisabled, CheckboxComponent, CheckboxModule, ChipsComponent, ChipsField, ChipsModule, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CountryPhonePickerComponent, CountryPhonePickerModule, CurrencyField, CurrencyService, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DebounceUtils, DoubleClickDirective, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, EnumSeverity, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FileUploadPermissions, FileValidation, FormField, GanttComponent, GanttModule, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, Grid, GridMenuComponent, GridMenuModule, GridType, HelpPopoverComponent, HelpPopoverDirective, HelpPopoverModule, HostProjectConfigsInjectionToken, IAInsightComponent, IAInsightModule, IAInsightTemplateTypes, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, InlineEditCalendarField, InlineEditComponent, InlineEditField, InlineEditLookupField, InlineEditModule, InlineEditNumberField, InlineEditTextAreaField, InlineEditTextAreaIAField, InlineEditTextField, KanbanComponent, KanbanModule, KanbanTemplateTypes, LabelValueComponent, LabelValueModule, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationButtonComponent, NavigationButtonModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, NumericService, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, Ordination, PanelComponent, PanelModule, PasswordField, PasswordStrengthComponent, PasswordStrengthDirective, PasswordStrengthModule, PasswordStrengthPositions, PasswordStrengths, PicklistComponent, PicklistModule, PicklistTemplateTypes, ProductHeaderComponent, ProductHeaderModule, ProfilePicturePickerComponent, ProfilePicturePickerModule, ProgressBarColors, ProgressBarComponent, ProgressBarModule, RadioButtonField, RatingScaleComponent, RatingScaleModule, RationButtonOption, Row, RowTogllerDirective, SVGFactoryDirective, SVGFactoryModule, Section, SelectButtonComponent, SelectButtonModule, SelectField, SelectOption, SidebarComponent, SidebarModule, SlidePanelComponent, SlidePanelModule, SliderComponent, SliderModule, SplitButtonComponent, SplitButtonModule, SplitButtonType, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, StructureType, SwitchComponent, SwitchModule, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TemplateDirective, TemplateModule, TextAreaComponent, TextAreaField, TextAreaIAComponent, TextAreaIAModule, TextAreaModule, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, ThumbnailsComponent, ThumbnailsModule, TieredMenuDirective, TieredMenuModule, TileComponent, TileModule, TimelineComponent, TimelineItem, TimelineItemSeverity, TimelineItemSize, TimelineModule, ToastComponent, ToastModule, ToastService, TokenListComponent, TokenListModule, TooltipModule, TooltipPosition, ValidateErrors, ViewMode, WorkspaceSwitchComponent, WorkspaceSwitchModule, convertToMomentDateFormat, countries, fallback, getElementLeftoverContentAvailable, getElementPositionInfo, isMousePositionOutsideOfElement, isNullOrUndefined, parseItensPickList, ɵ0$3 as ɵ0, ɵ1$2 as ɵ1, ɵ2$1 as ɵ2, ɵ3$1 as ɵ3, ɵ4, TooltipComponent as ɵa, TooltipDirective as ɵb, FileUploadService as ɵba, TableColumnsComponent as ɵbb, TablePagingComponent as ɵbc, PasswordFieldModule as ɵbd, FieldLabelModule as ɵbe, FieldLabelComponent as ɵbf, PasswordFieldComponent as ɵbg, TextFieldModule as ɵbh, TextFieldComponent as ɵbi, NumberFieldModule as ɵbj, NumberFieldComponent as ɵbk, CurrencyFieldModule as ɵbl, CurrencyFieldComponent as ɵbm, BignumberFieldModule as ɵbn, BignumberFieldComponent as ɵbo, CheckboxFieldModule as ɵbp, CheckboxFieldComponent as ɵbq, ProfilePictureModule as ɵbr, ThumbnailService as ɵbs, StructureModule as ɵbt, HeaderComponent as ɵbu, FooterComponent as ɵbv, ProfilePictureFieldComponent as ɵbw, EditorFieldModule as ɵbx, EditorFieldComponent as ɵby, SpeechRecognitionModule as ɵbz, InfoSignComponent as ɵc, SpeechRecognitionComponent as ɵca, SpeechRecognitionService as ɵcb, TextToSpeechService as ɵcc, AutocompleteFieldComponent as ɵcd, BooleanFieldComponent as ɵce, BooleanSwitchFieldComponent as ɵcf, CalendarFieldComponent as ɵcg, ChipsFieldComponent as ɵch, CountryPhonePickerFieldComponent as ɵci, DynamicFieldComponent as ɵcj, DynamicFormDirective as ɵck, FieldsetComponent as ɵcl, FileUploadComponent$1 as ɵcm, LookupFieldComponent as ɵcn, RadioButtonComponent as ɵco, RowComponent as ɵcp, SectionComponent as ɵcq, SelectFieldComponent as ɵcr, SliderFieldComponent as ɵcs, TextAreaFieldComponent as ɵct, TextAreaIAFieldComponent as ɵcu, IAssistService as ɵcv, ButtonFieldComponent as ɵcw, DecimalField as ɵcy, SideTableComponent as ɵcz, LocaleService as ɵd, InfiniteScrollModule as ɵda, InfiniteScrollDirective as ɵdb, IAInsightSidebarComponent as ɵdc, IAInsightCardComponent as ɵdd, IAInsightCardLoaderComponent as ɵde, GridMenuItemComponent as ɵdf, InlineEditItemComponent as ɵdg, InlineEditCalendarComponent as ɵdh, InlineEditLookupComponent as ɵdi, InlineEditNumberComponent as ɵdj, InlineEditTextComponent as ɵdk, InlineEditTextAreaComponent as ɵdl, InlineEditTextAreaIAComponent as ɵdm, KanbanEventService as ɵdn, KanbanItemComponent as ɵdo, KanbanColumnComponent as ɵdp, KanbanItemDraggingComponent as ɵdq, NumberLocaleOptions as ɵdr, BorderButtonModule as ɵds, BorderButtonComponent as ɵdt, ProgressBarDeterminateComponent as ɵdu, ProgressBarIndeterminateComponent as ɵdv, SelectButtonItemComponent as ɵdw, SlidePanelService as ɵdx, ThumbnailItemComponent as ɵdy, ThumbnailItemVideoComponent as ɵdz, TieredMenuEventService as ɵe, ThumbnailItemImageComponent as ɵea, TimelineItemModule as ɵeb, TimelineIconItemComponent as ɵec, HorizontalTimelineModule as ɵed, HorizontalTimelineComponent as ɵee, VerticalTimelineModule as ɵef, VerticalTimelineComponent as ɵeg, RangeLineComponent as ɵeh, CollapseOptionComponent as ɵei, CollapsedItemsComponent as ɵej, VerticalItemsComponent as ɵek, ChipItemComponent as ɵel, TieredMenuService as ɵf, TieredMenuGlobalService as ɵg, TieredMenuComponent as ɵh, TieredMenuNestedComponent as ɵi, TieredMenuItemComponent as ɵj, TieredMenuDividerComponent as ɵk, LocalizedCurrencyImpurePipe as ɵl, LocalizedBignumberPipe as ɵm, LocalizedBignumberImpurePipe as ɵn, NumericPipe as ɵo, ChatMessageComponent as ɵp, CustomTranslationsModule as ɵq, CodeEditorComponent as ɵr, CoreFacade as ɵs, CodeMirror6Core as ɵt, CountryPhonePickerService as ɵu, EmptyStateGoBackComponent as ɵv, IAssistIconComponent as ɵw, SeniorIconComponent as ɵx, DotsIndicatorComponent as ɵy, LoadingIndicatorComponent as ɵz };
 //# sourceMappingURL=seniorsistemas-angular-components.js.map