@seniorsistemas/angular-components 14.14.4 → 14.16.0

package/bundles/seniorsistemas-angular-components.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('primeng/breadcrumb'), require('@angular/router'), require('rxjs'), require('rxjs/operators'), require('primeng/tieredmenu'), require('primeng/tooltip'), require('primeng/dom'), require('primeng/calendar'), require('@angular/animations'), require('@angular/forms'), require('@angular/common/http'), require('angular2-hotkeys'), require('bignumber.js'), require('primeng/autocomplete'), require('primeng/dialog'), require('primeng/table'), require('@seniorsistemas/ng2-currency-mask'), require('@seniorsistemas/senior-platform-data'), require('moment'), require('ngx-cookie-service'), require('ng2-currency-mask'), require('primeng/button'), require('primeng/checkbox'), require('primeng/chips'), require('primeng/dropdown'), require('primeng/fieldset'), require('primeng/inputmask'), require('primeng/inputtext'), require('primeng/inputtextarea'), require('primeng/keyfilter'), require('primeng/multiselect'), require('primeng/panel'), require('primeng/radiobutton'), require('primeng/progressbar'), require('@angular/platform-browser'), require('@ngx-translate/core'), require('cropperjs'), require('element-resize-detector'), require('@angular/cdk/a11y'), require('primeng/scrollpanel'), require('primeng/sidebar'), require('@codemirror/view'), require('@codemirror/state'), require('@codemirror/lint'), require('@codemirror/language'), require('@lezer/generator'), require('@codemirror/highlight'), require('@codemirror/autocomplete'), require('@codemirror/tooltip'), require('@codemirror/gutter')) :
-    typeof define === 'function' && define.amd ? define('@seniorsistemas/angular-components', ['exports', '@angular/core', '@angular/common', 'primeng/breadcrumb', '@angular/router', 'rxjs', 'rxjs/operators', 'primeng/tieredmenu', 'primeng/tooltip', 'primeng/dom', 'primeng/calendar', '@angular/animations', '@angular/forms', '@angular/common/http', 'angular2-hotkeys', 'bignumber.js', 'primeng/autocomplete', 'primeng/dialog', 'primeng/table', '@seniorsistemas/ng2-currency-mask', '@seniorsistemas/senior-platform-data', 'moment', 'ngx-cookie-service', 'ng2-currency-mask', 'primeng/button', 'primeng/checkbox', 'primeng/chips', 'primeng/dropdown', 'primeng/fieldset', 'primeng/inputmask', 'primeng/inputtext', 'primeng/inputtextarea', 'primeng/keyfilter', 'primeng/multiselect', 'primeng/panel', 'primeng/radiobutton', 'primeng/progressbar', '@angular/platform-browser', '@ngx-translate/core', 'cropperjs', 'element-resize-detector', '@angular/cdk/a11y', 'primeng/scrollpanel', 'primeng/sidebar', '@codemirror/view', '@codemirror/state', '@codemirror/lint', '@codemirror/language', '@lezer/generator', '@codemirror/highlight', '@codemirror/autocomplete', '@codemirror/tooltip', '@codemirror/gutter'], factory) :
-    (global = global || self, factory((global.seniorsistemas = global.seniorsistemas || {}, global.seniorsistemas['angular-components'] = {}), global.ng.core, global.ng.common, global.breadcrumb, global.ng.router, global.rxjs, global.rxjs.operators, global.tieredmenu, global.tooltip, global.dom, global.calendar, global.ng.animations, global.ng.forms, global.ng.common.http, global.angular2Hotkeys, global.BigNumber, global.autocomplete$1, global.dialog, global.table, global.ng2CurrencyMask, global.seniorPlatformData, global.moment_, global.ngxCookieService, global.ng2CurrencyMask$1, global.button, global.checkbox, global.chips, global.dropdown, global.fieldset, global.inputmask, global.inputtext, global.inputtextarea, global.keyfilter, global.multiselect, global.panel, global.radiobutton, global.progressbar, global.ng.platformBrowser, global.core$1, global.Cropper, global.elementResizeDetectorMaker_, global.ng.cdk.a11y, global.scrollpanel, global.sidebar, global.view, global.state, global.lint, global.language, global.generator, global.highlight, global.autocomplete$2, global.tooltip$1, global.gutter));
-}(this, (function (exports, core, common, breadcrumb, router, rxjs, operators, tieredmenu, tooltip, dom, calendar, animations, forms, http, angular2Hotkeys, BigNumber, autocomplete$1, dialog, table, ng2CurrencyMask, seniorPlatformData, moment_, ngxCookieService, ng2CurrencyMask$1, button, checkbox, chips, dropdown, fieldset, inputmask, inputtext, inputtextarea, keyfilter, multiselect, panel, radiobutton, progressbar, platformBrowser, core$1, Cropper, elementResizeDetectorMaker_, a11y, scrollpanel, sidebar, view, state, lint, language, generator, highlight, autocomplete$2, tooltip$1, gutter) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('primeng/breadcrumb'), require('@angular/router'), require('rxjs'), require('rxjs/operators'), require('primeng/tieredmenu'), require('primeng/tooltip'), require('primeng/dom'), require('primeng/calendar'), require('@angular/animations'), require('@angular/forms'), require('@angular/common/http'), require('angular2-hotkeys'), require('bignumber.js'), require('primeng/autocomplete'), require('primeng/dialog'), require('primeng/table'), require('@seniorsistemas/ng2-currency-mask'), require('@seniorsistemas/senior-platform-data'), require('moment'), require('ngx-cookie-service'), require('ng2-currency-mask'), require('primeng/button'), require('primeng/checkbox'), require('primeng/chips'), require('primeng/dropdown'), require('primeng/fieldset'), require('primeng/inputmask'), require('primeng/inputtext'), require('primeng/inputtextarea'), require('primeng/keyfilter'), require('primeng/multiselect'), require('primeng/inputswitch'), require('primeng/panel'), require('primeng/radiobutton'), require('primeng/progressbar'), require('@angular/platform-browser'), require('@ngx-translate/core'), require('cropperjs'), require('element-resize-detector'), require('@angular/cdk/a11y'), require('primeng/scrollpanel'), require('primeng/sidebar'), require('@codemirror/view'), require('@codemirror/state'), require('@codemirror/lint'), require('@codemirror/language'), require('@lezer/generator'), require('@codemirror/highlight'), require('@codemirror/autocomplete'), require('@codemirror/tooltip'), require('@codemirror/gutter')) :
+    typeof define === 'function' && define.amd ? define('@seniorsistemas/angular-components', ['exports', '@angular/core', '@angular/common', 'primeng/breadcrumb', '@angular/router', 'rxjs', 'rxjs/operators', 'primeng/tieredmenu', 'primeng/tooltip', 'primeng/dom', 'primeng/calendar', '@angular/animations', '@angular/forms', '@angular/common/http', 'angular2-hotkeys', 'bignumber.js', 'primeng/autocomplete', 'primeng/dialog', 'primeng/table', '@seniorsistemas/ng2-currency-mask', '@seniorsistemas/senior-platform-data', 'moment', 'ngx-cookie-service', 'ng2-currency-mask', 'primeng/button', 'primeng/checkbox', 'primeng/chips', 'primeng/dropdown', 'primeng/fieldset', 'primeng/inputmask', 'primeng/inputtext', 'primeng/inputtextarea', 'primeng/keyfilter', 'primeng/multiselect', 'primeng/inputswitch', 'primeng/panel', 'primeng/radiobutton', 'primeng/progressbar', '@angular/platform-browser', '@ngx-translate/core', 'cropperjs', 'element-resize-detector', '@angular/cdk/a11y', 'primeng/scrollpanel', 'primeng/sidebar', '@codemirror/view', '@codemirror/state', '@codemirror/lint', '@codemirror/language', '@lezer/generator', '@codemirror/highlight', '@codemirror/autocomplete', '@codemirror/tooltip', '@codemirror/gutter'], factory) :
+    (global = global || self, factory((global.seniorsistemas = global.seniorsistemas || {}, global.seniorsistemas['angular-components'] = {}), global.ng.core, global.ng.common, global.breadcrumb, global.ng.router, global.rxjs, global.rxjs.operators, global.tieredmenu, global.tooltip, global.dom, global.calendar, global.ng.animations, global.ng.forms, global.ng.common.http, global.angular2Hotkeys, global.BigNumber, global.autocomplete$1, global.dialog, global.table, global.ng2CurrencyMask, global.seniorPlatformData, global.moment_, global.ngxCookieService, global.ng2CurrencyMask$1, global.button, global.checkbox, global.chips, global.dropdown, global.fieldset, global.inputmask, global.inputtext, global.inputtextarea, global.keyfilter, global.multiselect, global.inputswitch, global.panel, global.radiobutton, global.progressbar, global.ng.platformBrowser, global.core$1, global.Cropper, global.elementResizeDetectorMaker_, global.ng.cdk.a11y, global.scrollpanel, global.sidebar, global.view, global.state, global.lint, global.language, global.generator, global.highlight, global.autocomplete$2, global.tooltip$1, global.gutter));
+}(this, (function (exports, core, common, breadcrumb, router, rxjs, operators, tieredmenu, tooltip, dom, calendar, animations, forms, http, angular2Hotkeys, BigNumber, autocomplete$1, dialog, table, ng2CurrencyMask, seniorPlatformData, moment_, ngxCookieService, ng2CurrencyMask$1, button, checkbox, chips, dropdown, fieldset, inputmask, inputtext, inputtextarea, keyfilter, multiselect, inputswitch, panel, radiobutton, progressbar, platformBrowser, core$1, Cropper, elementResizeDetectorMaker_, a11y, scrollpanel, sidebar, view, state, lint, language, generator, highlight, autocomplete$2, tooltip$1, gutter) { 'use strict';
 
     var BigNumber__default = 'default' in BigNumber ? BigNumber['default'] : BigNumber;
     Cropper = Cropper && Object.prototype.hasOwnProperty.call(Cropper, 'default') ? Cropper['default'] : Cropper;
@@ -1228,6 +1228,7 @@
             this.errorMessages = config.errorMessages;
             this.gridClass = Object.keys(this.size).map(function (key) { return "ui-" + key + "-" + _this.size[key]; });
             this.defaultValue = config.defaultValue;
+            this.representedBy = config.representedBy;
         }
         return Field;
     }());
@@ -1692,6 +1693,7 @@
             var _this = _super.call(this, config) || this;
             _this.verticalAlignment = config.verticalAlignment;
             _this.optionsLabel = new BooleanOptionsLabel(config.optionsLabel);
+            _this.representedBy = "radio";
             _this.onBlur = config.onBlur;
             _this.onFocus = config.onFocus;
             _this.onClick = config.onClick;
@@ -1700,6 +1702,17 @@
         return BooleanField;
     }(Field));
 
+    var BooleanSwitchField = /** @class */ (function (_super) {
+        __extends(BooleanSwitchField, _super);
+        function BooleanSwitchField(config) {
+            var _this = _super.call(this, config) || this;
+            _this.onChange = config.onChange;
+            _this.representedBy = "switch";
+            return _this;
+        }
+        return BooleanSwitchField;
+    }(Field));
+
     var CalendarField = /** @class */ (function (_super) {
         __extends(CalendarField, _super);
         function CalendarField(config) {
@@ -2083,6 +2096,9 @@
                 case exports.FieldType.Text:
                     return new TextAreaField(config);
                 case exports.FieldType.Boolean:
+                    if (config.representedBy === "switch") {
+                        return new BooleanSwitchField(config);
+                    }
                     return new BooleanField(config);
                 case exports.FieldType.Date:
                 case exports.FieldType.DateTime:
@@ -2653,7 +2669,7 @@
 
     var DynamicConfig = /** @class */ (function () {
         function DynamicConfig(config) {
-            var type = config.type;
+            var type = config.type, representedBy = config.representedBy;
             switch (type) {
                 case exports.DynamicType.Autocomplete:
                     return new AutocompleteField(config);
@@ -2661,6 +2677,9 @@
                 case exports.DynamicType.String:
                     return new TextField(config);
                 case exports.DynamicType.Boolean:
+                    if (representedBy === "switch") {
+                        return new BooleanSwitchField(config);
+                    }
                     return new BooleanField(config);
                 case exports.DynamicType.Chips:
                     return new ChipsField(config);
@@ -3946,23 +3965,25 @@
             this.el = el;
             this.host = host;
             this.sTableFrozenPosition = "left";
+            this.onColumnsChanged = new core.EventEmitter();
             this.host.onColResize.subscribe(function () {
                 _this.handleColResize();
             });
             window.addEventListener("resize", this.handleWindowResize.bind(this));
             var componentId = new Date().getTime();
+            var htmlHead = document.getElementsByTagName("head")[0];
             this.resetRowHeightClassName = "resetTableRowsHeight_" + componentId;
             var styleReset = document.createElement("style");
             styleReset.innerHTML = "." + this.resetRowHeightClassName + " tbody > tr, ." + this.resetRowHeightClassName + " thead > tr { height: auto; }";
-            document.getElementsByTagName("head")[0].appendChild(styleReset);
+            htmlHead.appendChild(styleReset);
             this.fixBodyRowClassName = "fixTableBodyRowsHeight_" + componentId;
             this.styleFixBodyRowHeight = document.createElement("style");
             this.styleFixBodyRowHeight.innerHTML = "." + this.fixBodyRowClassName + " tbody > tr { height: auto; }";
-            document.getElementsByTagName("head")[0].appendChild(this.styleFixBodyRowHeight);
+            htmlHead.appendChild(this.styleFixBodyRowHeight);
             this.fixHeadRowClassName = "fixTableHeadRowsHeight_" + componentId;
             this.styleFixHeadRowHeight = document.createElement("style");
             this.styleFixHeadRowHeight.innerHTML = "." + this.fixHeadRowClassName + " thead > tr { height: auto; }";
-            document.getElementsByTagName("head")[0].appendChild(this.styleFixHeadRowHeight);
+            htmlHead.appendChild(this.styleFixHeadRowHeight);
         }
         Object.defineProperty(TableFrozenPositionDirective.prototype, "sTableFrozenValue", {
             set: function (_) {
@@ -3978,9 +3999,27 @@
             if (this.sTableFrozenPosition === "left")
                 return;
             this.applyStylesForTable();
+            this.setUpColumnMonitoring();
         };
         TableFrozenPositionDirective.prototype.ngOnDestroy = function () {
             window.removeEventListener("resize", this.handleWindowResize.bind(this));
+            if (this.tableHeadObservable) {
+                this.tableHeadObservable.disconnect();
+            }
+        };
+        TableFrozenPositionDirective.prototype.setUpColumnMonitoring = function () {
+            var _this = this;
+            this.tableHeadObservable = new MutationObserver(function () {
+                _this.synchronizeRowHeight();
+                _this.onColumnsChanged.emit(null);
+            });
+            var tableHeads = __spread(this.el.nativeElement.getElementsByTagName("thead"));
+            tableHeads.forEach(function (tableHead) {
+                _this.tableHeadObservable.observe(tableHead, {
+                    subtree: true,
+                    childList: true
+                });
+            });
         };
         TableFrozenPositionDirective.prototype.applyStylesForTable = function () {
             var scrollWrapper = this.el.nativeElement.querySelector(".ui-table-scrollable-wrapper");
@@ -5136,6 +5175,23 @@
         return BignumberFieldComponent;
     }(BaseFieldComponent));
 
+    var BooleanSwitchFieldComponent = /** @class */ (function () {
+        function BooleanSwitchFieldComponent() {
+        }
+        __decorate([
+            core.Input()
+        ], BooleanSwitchFieldComponent.prototype, "field", void 0);
+        __decorate([
+            core.Input()
+        ], BooleanSwitchFieldComponent.prototype, "formControl", void 0);
+        BooleanSwitchFieldComponent = __decorate([
+            core.Component({
+                template: "<p-inputSwitch [id]=\"(field.id || field.name)\" [name]=\"field.name\" [formControl]=\"formControl\"\n    [pTooltip]=\"field.tooltip\" tooltipPosition=\"top\"\n    (onChange)=\"field.onChange ? field.onChange($event) : null\">\n</p-inputSwitch>"
+            })
+        ], BooleanSwitchFieldComponent);
+        return BooleanSwitchFieldComponent;
+    }());
+
     var DynamicForm = /** @class */ (function () {
         function DynamicForm(_a) {
             var group = _a.group, errorMessages = _a.errorMessages;
@@ -5194,6 +5250,9 @@
                 case exports.FieldType.String:
                     return TextFieldComponent;
                 case exports.FieldType.Boolean:
+                    if (this.field.representedBy === "switch") {
+                        return BooleanSwitchFieldComponent;
+                    }
                     return BooleanFieldComponent;
                 case exports.FieldType.Chips:
                     return ChipsFieldComponent;
@@ -5512,7 +5571,8 @@
                     InfoSignModule,
                     MaskFormatterModule,
                     angular2Hotkeys.HotkeyModule.forRoot(),
-                    MouseEventsModule
+                    MouseEventsModule,
+                    inputswitch.InputSwitchModule
                 ],
                 declarations: [
                     AutocompleteFieldComponent,
@@ -5534,7 +5594,8 @@
                     SectionComponent,
                     SelectFieldComponent,
                     TextAreaFieldComponent,
-                    TextFieldComponent
+                    TextFieldComponent,
+                    BooleanSwitchFieldComponent
                 ],
                 exports: [DynamicFormComponent, LookupComponent],
                 entryComponents: [
@@ -5553,7 +5614,8 @@
                     SectionComponent,
                     SelectFieldComponent,
                     TextAreaFieldComponent,
-                    TextFieldComponent
+                    TextFieldComponent,
+                    BooleanSwitchFieldComponent
                 ],
                 providers: [angular2Hotkeys.HotkeysService]
             })
@@ -7341,6 +7403,100 @@
         return StepsModule;
     }());
 
+    var TimelineComponent = /** @class */ (function () {
+        function TimelineComponent() {
+            this.id = "s-timeline-" + TimelineComponent_1.nextId++;
+            this.activeIndex = 0;
+        }
+        TimelineComponent_1 = TimelineComponent;
+        TimelineComponent.prototype.barAnimation = function (index, activeIndex) {
+            var visited = index < activeIndex;
+            var activated = index === activeIndex;
+            return visited || activated;
+        };
+        TimelineComponent.prototype.afterBarAnimation = function (index, activeIndex) {
+            var visited = index < activeIndex;
+            var activated = index === activeIndex - 1;
+            return visited || activated;
+        };
+        Object.defineProperty(TimelineComponent.prototype, "visibledStep", {
+            get: function () {
+                return this.steps.filter(function (step) { return !step.hidden; });
+            },
+            enumerable: true,
+            configurable: true
+        });
+        var TimelineComponent_1;
+        TimelineComponent.nextId = 0;
+        __decorate([
+            core.Input()
+        ], TimelineComponent.prototype, "id", void 0);
+        __decorate([
+            core.Input()
+        ], TimelineComponent.prototype, "steps", void 0);
+        __decorate([
+            core.Input()
+        ], TimelineComponent.prototype, "activeIndex", void 0);
+        TimelineComponent = TimelineComponent_1 = __decorate([
+            core.Component({
+                selector: "s-timeline",
+                template: "<div [id]=\"id\" class=\"s-timeline-container\">\n    <ng-container *ngFor=\"let step of visibledStep; let i = index; let isFirst = first; let isLast = last\">\n        <div *ngIf=\"!isFirst\" class=\"s-timeline-progress-bar\"\n            [@activeDesative]=\"barAnimation(i, activeIndex) ? 'active': 'desactive'\" [ngClass]=\"{\n            's-timeline-step-completed': (i < activeIndex),\n            's-timeline-step-active': (i === activeIndex)\n        }\"></div>\n        <div [id]=\"id + '-step-' + (step.id || i)\" class=\"s-timeline-step-header\" role=\"tab\"\n            tabindex=\"0\" [attr.aria-label]=\"step.ariaLabel || null\" [attr.aria-controls]=\"step.ariaControls\"\n            [attr.aria-labelledby]=\"!step.ariaLabel ? 'step-label-' + i : null\" [attr.aria-posinset]=\"i + 1\"\n            [attr.aria-setsize]=\"visibledStep.length\" [attr.aria-selected]=\"activeIndex == i\" [ngClass]=\"{\n            's-timeline-step-completed': (i < activeIndex),\n            's-timeline-step-active': (i === activeIndex)\n        }\">\n            <div *ngIf=\"!isFirst\"\n                [@beforeActiveDesative]=\"barAnimation(i, activeIndex) ? 'active': 'desactive'\"\n                class=\"s-timeline-progress-bar-before\" [ngClass]=\"{\n                's-timeline-step-completed': (i < activeIndex),\n                's-timeline-step-active': (i === activeIndex)\n            }\"></div>\n            <div *ngIf=\"!isLast\"\n                [@afterActiveDesative]=\"afterBarAnimation(i, activeIndex) ? 'active': 'desactive'\"\n                class=\"s-timeline-progress-bar-after\" [ngClass]=\"{\n                's-timeline-step-completed': ((i + 1) < activeIndex),\n                's-timeline-step-active': (i === (activeIndex - 1))\n            }\"></div>\n            <div class=\"s-timeline-index\">\n                <div class=\"s-timeline-index-content\">\n                    <span class=\"fas\" [ngClass]=\"step.stepIcon\" aria-hidden=\"true\" [attr.aria-label]=\"i + 1\"></span>\n                </div>\n            </div>\n            <div [id]=\"'step-label-' + i\" class=\"s-timeline-label\">\n                <span>{{step.label}}</span>\n            </div>\n            <div [id]=\"'step-help-label-' + i\" class=\"s-timeline-help-label\">\n                <span>{{step.helpLabel}}</span>\n            </div>\n        </div>\n    </ng-container>\n</div>\n",
+                host: {
+                    "aria-orientation": "horizontal",
+                    role: "tablist",
+                    "tab-index": "0",
+                },
+                animations: [
+                    animations.trigger("beforeActiveDesative", [
+                        animations.state("active", animations.style({
+                            "background-position": "left bottom",
+                        })),
+                        animations.state("desactive", animations.style({
+                            "background-position": "right bottom",
+                        })),
+                        animations.transition("active => desactive", [animations.animate("50ms 100ms linear")]),
+                        animations.transition("desactive => active", [animations.animate("50ms 250ms linear")]),
+                    ]),
+                    animations.trigger("activeDesative", [
+                        animations.state("active", animations.style({
+                            "background-position": "left bottom",
+                        })),
+                        animations.state("desactive", animations.style({
+                            "background-position": "right bottom",
+                        })),
+                        animations.transition("active => desactive", [animations.animate("100ms 150ms linear")]),
+                        animations.transition("desactive => active", [animations.animate("100ms 150ms linear")]),
+                    ]),
+                    animations.trigger("afterActiveDesative", [
+                        animations.state("active", animations.style({
+                            "background-position": "left bottom",
+                        })),
+                        animations.state("desactive", animations.style({
+                            "background-position": "right bottom",
+                        })),
+                        animations.transition("active => desactive", [animations.animate("50ms 250ms linear")]),
+                        animations.transition("desactive => active", [animations.animate("50ms 100ms linear")]),
+                    ]),
+                ],
+                styles: ["@keyframes scale-up-center{0%{transform:scale(.5)}100%{transform:scale(1)}}.s-timeline-container{display:-ms-flexbox;display:flex;white-space:nowrap;-ms-flex-align:start;align-items:flex-start;overflow:hidden;padding:15px 10px}.s-timeline-step-header{box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;height:auto;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:72px;max-height:98px;min-width:60px;width:100%}.s-timeline-step-header .s-timeline-help-label,.s-timeline-step-header .s-timeline-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;color:#999;font-size:14px;font-weight:400;padding-top:5px}.s-timeline-step-header .s-timeline-progress-bar-before{margin:0;position:absolute;top:20px;-ms-flex:auto;flex:auto;height:3px;overflow:hidden;width:calc(50% - 20px);background-color:#697882;background-image:linear-gradient(to right,#0c9348 50%,#697882 50%);background-position:right bottom;background-size:300% 100%;left:-10px}.s-timeline-step-header .s-timeline-progress-bar-before.s-timeline-step-active,.s-timeline-step-header .s-timeline-progress-bar-before.s-timeline-step-completed{background-position:left bottom}.s-timeline-step-header .s-timeline-progress-bar-after{margin:0;position:absolute;top:20px;-ms-flex:auto;flex:auto;height:3px;overflow:hidden;width:calc(50% - 20px);background-color:#697882;background-image:linear-gradient(to right,#0c9348 50%,#697882 50%);background-position:right bottom;background-size:300% 100%;right:-10px}.s-timeline-step-header .s-timeline-progress-bar-after.s-timeline-step-active,.s-timeline-step-header .s-timeline-progress-bar-after.s-timeline-step-completed{background-position:left bottom}.s-timeline-progress-bar{margin:0;position:relative;top:20px;-ms-flex:auto;flex:auto;height:3px;overflow:hidden;width:100%;background-color:#697882;background-image:linear-gradient(to right,#0c9348 50%,#697882 50%);background-position:right bottom;background-size:300% 100%}.s-timeline-index{background-color:#697882;border:3px solid #697882;border-radius:50%;color:#fff;display:inline-block;font-weight:700;position:relative;transition:background-color .2s ease-out;height:46px;width:46px;-ms-flex:none;flex:none}.s-timeline-index .s-timeline-index-content{line-height:18px;font-size:18px;padding-top:8.5px;text-align:center;position:relative}.s-timeline-step-active .s-timeline-index,.s-timeline-step-completed .s-timeline-index{border-color:#0c9348;animation:.1s ease-out alternate scale-up-center;background-color:#0c9348}.s-timeline-step-active.s-timeline-progress-bar,.s-timeline-step-completed.s-timeline-progress-bar{background-position:left bottom}.s-timeline-step-active .s-timeline-label,.s-timeline-step-completed .s-timeline-label{color:#333;font-weight:700}@media (max-width:767px){.s-timeline-help-label,.s-timeline-label{display:none}}"]
+            })
+        ], TimelineComponent);
+        return TimelineComponent;
+    }());
+
+    var TimelineModule = /** @class */ (function () {
+        function TimelineModule() {
+        }
+        TimelineModule = __decorate([
+            core.NgModule({
+                imports: [common.CommonModule, tooltip.TooltipModule],
+                declarations: [TimelineComponent],
+                exports: [TimelineComponent],
+            })
+        ], TimelineModule);
+        return TimelineModule;
+    }());
+
     var TileComponent = /** @class */ (function () {
         function TileComponent() {
             this.id = "s-tile-" + TileComponent_1.nextId++;
@@ -9316,22 +9472,24 @@
     exports.ThumbnailModule = ThumbnailModule;
     exports.TileComponent = TileComponent;
     exports.TileModule = TileModule;
+    exports.TimelineComponent = TimelineComponent;
+    exports.TimelineModule = TimelineModule;
     exports.TokenListComponent = TokenListComponent;
     exports.TokenListModule = TokenListModule;
     exports.ɵa = LocalizedCurrencyImpurePipe;
     exports.ɵb = LocalizedBignumberPipe;
-    exports.ɵba = DecimalField;
-    exports.ɵbb = StructureModule;
-    exports.ɵbc = HeaderComponent;
-    exports.ɵbd = FooterComponent;
-    exports.ɵbe = NumberLocaleOptions;
-    exports.ɵbf = ThumbnailService;
-    exports.ɵbg = InfiniteScrollModule;
-    exports.ɵbh = InfiniteScrollDirective;
-    exports.ɵbi = CustomTranslationsModule;
-    exports.ɵbj = CodeEditorComponent;
-    exports.ɵbk = CoreFacade;
-    exports.ɵbl = CodeMirror6Core;
+    exports.ɵbb = DecimalField;
+    exports.ɵbc = StructureModule;
+    exports.ɵbd = HeaderComponent;
+    exports.ɵbe = FooterComponent;
+    exports.ɵbf = NumberLocaleOptions;
+    exports.ɵbg = ThumbnailService;
+    exports.ɵbh = InfiniteScrollModule;
+    exports.ɵbi = InfiniteScrollDirective;
+    exports.ɵbj = CustomTranslationsModule;
+    exports.ɵbk = CodeEditorComponent;
+    exports.ɵbl = CoreFacade;
+    exports.ɵbm = CodeMirror6Core;
     exports.ɵc = LocalizedBignumberImpurePipe;
     exports.ɵd = EmptyStateGoBackComponent;
     exports.ɵe = TableColumnsComponent;
@@ -9355,6 +9513,7 @@
     exports.ɵw = SelectFieldComponent;
     exports.ɵx = TextAreaFieldComponent;
     exports.ɵy = TextFieldComponent;
+    exports.ɵz = BooleanSwitchFieldComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });