@seniorsistemas/angular-components 16.5.4 → 16.6.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/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('primeng/api'), require('primeng/confirmdialog'), 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', 'primeng/api', 'primeng/confirmdialog', '@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.api, global.confirmdialog, 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, api, confirmdialog, 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('@angular/router'), require('primeng/breadcrumb'), 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('primeng/api'), require('primeng/confirmdialog'), 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', '@angular/router', 'primeng/breadcrumb', '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', 'primeng/api', 'primeng/confirmdialog', '@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.ng.router, global.breadcrumb, 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.api, global.confirmdialog, 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, router, breadcrumb, 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, api, confirmdialog, 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;
@@ -226,6 +226,75 @@
         return value;
     }
 
+    (function (BadgeColors) {
+        BadgeColors["Red"] = "red";
+        BadgeColors["Orange"] = "orange";
+        BadgeColors["Yellow"] = "yellow";
+        BadgeColors["Blue"] = "blue";
+        BadgeColors["Green"] = "green";
+        BadgeColors["Gray"] = "gray";
+    })(exports.BadgeColors || (exports.BadgeColors = {}));
+
+    var BadgeComponent = /** @class */ (function () {
+        function BadgeComponent() {
+            this.color = exports.BadgeColors.Blue;
+            this.selectable = false;
+            this.iconPosition = "left";
+            this.selected = new core.EventEmitter();
+        }
+        BadgeComponent.prototype.onClick = function () {
+            this.selected.emit(this.text);
+        };
+        __decorate([
+            core.Input()
+        ], BadgeComponent.prototype, "color", void 0);
+        __decorate([
+            core.Input()
+        ], BadgeComponent.prototype, "text", void 0);
+        __decorate([
+            core.Input()
+        ], BadgeComponent.prototype, "selectable", void 0);
+        __decorate([
+            core.Input()
+        ], BadgeComponent.prototype, "iconClass", void 0);
+        __decorate([
+            core.Input()
+        ], BadgeComponent.prototype, "iconPosition", void 0);
+        __decorate([
+            core.Output()
+        ], BadgeComponent.prototype, "selected", void 0);
+        __decorate([
+            core.HostListener("click")
+        ], BadgeComponent.prototype, "onClick", null);
+        BadgeComponent = __decorate([
+            core.Component({
+                selector: "s-badge",
+                template: "<span\n   class=\"badge\"\n   [ngClass]=\"{ \n      'badge--red': color == 'red',\n      'badge--orange': color == 'orange',\n      'badge--yellow': color == 'yellow',\n      'badge--blue': color == 'blue',\n      'badge--green': color == 'green',\n      'badge--gray': color == 'gray',\n      'badge--selectable': selectable\n   }\">\n   <span\n      *ngIf=\"iconClass\"\n      class=\"badge-icon\"\n      [ngClass]=\"{\n         'fas fa-rocket': true,\n         'badge-icon--left': iconPosition == 'left' && text,\n         'badge-icon--right': iconPosition == 'right' && text\n      }\">\n   </span>\n   <p class=\"badge-text\">{{ text }}</p>\n</span>",
+                styles: [".badge{-ms-flex-align:center;align-items:center;border-radius:12px;display:-ms-inline-flexbox;display:inline-flex;height:1.25rem;-ms-flex-pack:center;justify-content:center;min-width:20px;padding:0 .5rem}.badge .badge-text{color:#333;font-family:\"Open Sans\",sans-serif;font-size:.75rem;font-weight:400;line-height:150%}.badge .badge-icon{color:#333;font-size:10px}.badge .badge-icon--left{margin-right:8px}.badge .badge-icon--right{margin-left:8px;-ms-flex-order:2;order:2}.badge--red{background-color:#fcd2d2;border:1px solid #c13018}.badge--orange{background-color:#fce3ba;border:1px solid #f8931f}.badge--yellow{background-color:#fef4e3;border:1px solid #fcbf10}.badge--blue{background-color:#d5e8ec;border:1px solid #428bca}.badge--green{background-color:#e6ffb3;border:1px solid #0c9348}.badge--gray{background-color:#e5eaea;border:1px solid #697882}.badge--selectable{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}"]
+            })
+        ], BadgeComponent);
+        return BadgeComponent;
+    }());
+
+    var BadgeModule = /** @class */ (function () {
+        function BadgeModule() {
+        }
+        BadgeModule = __decorate([
+            core.NgModule({
+                imports: [
+                    common.CommonModule,
+                    router.RouterModule,
+                ],
+                declarations: [BadgeComponent],
+                exports: [
+                    BadgeComponent,
+                    router.RouterModule,
+                ],
+            })
+        ], BadgeModule);
+        return BadgeModule;
+    }());
+
     var BreadcrumbComponent = /** @class */ (function () {
         function BreadcrumbComponent(activatedRoute, router$1) {
             var _this = this;
@@ -11005,6 +11074,114 @@
         return CodeEditorModule;
     }());
 
+    var WorkspaceSwitchComponent = /** @class */ (function () {
+        function WorkspaceSwitchComponent(eRef) {
+            this.eRef = eRef;
+            this.footerButtonLabel = "Adicionar";
+            this.showFooterButton = true;
+            this.footerButtonClicked = new core.EventEmitter();
+            this.selected = new core.EventEmitter();
+            this.open = false;
+            this.selectedItemIndex = 0;
+            this.currentItemIndex = 0;
+            this.tabindex = 0;
+        }
+        WorkspaceSwitchComponent.prototype.onClickout = function (event) {
+            if (!this.eRef.nativeElement.contains(event.target)) {
+                this.open = false;
+            }
+        };
+        WorkspaceSwitchComponent.prototype.onKeydown = function (event) {
+            if (event.key === "Enter" || event.key === " ") {
+                if (this.open) {
+                    this.selectedItemIndex = this.currentItemIndex;
+                    this.selected.emit(this.workspaces[this.selectedItemIndex]);
+                }
+                this.open = !this.open;
+            }
+            else if (event.key === "Escape") {
+                this.open = false;
+            }
+            else if (event.key === "ArrowDown") {
+                if (this.currentItemIndex < this.workspaces.length - 1) {
+                    this.currentItemIndex++;
+                }
+            }
+            else if (event.key === "ArrowUp") {
+                if (this.currentItemIndex > 0) {
+                    this.currentItemIndex--;
+                }
+            }
+        };
+        WorkspaceSwitchComponent.prototype.validations = function () {
+            if (!this.workspaces.length) {
+                throw new Error("Workspaces list is empty.");
+            }
+        };
+        WorkspaceSwitchComponent.prototype.buttonOnBlur = function () {
+            this.open = false;
+            this.currentItemIndex = this.selectedItemIndex;
+        };
+        WorkspaceSwitchComponent.prototype.onSelectItem = function (workspace) {
+            this.open = false;
+            this.selectedItemIndex = this.workspaces.indexOf(workspace);
+            this.currentItemIndex = this.selectedItemIndex;
+            this.selected.emit(workspace);
+        };
+        WorkspaceSwitchComponent.prototype.onFooterButtonClick = function () {
+            this.open = false;
+            this.footerButtonClicked.emit();
+        };
+        WorkspaceSwitchComponent.ctorParameters = function () { return [
+            { type: core.ElementRef }
+        ]; };
+        __decorate([
+            core.Input()
+        ], WorkspaceSwitchComponent.prototype, "workspaces", void 0);
+        __decorate([
+            core.Input()
+        ], WorkspaceSwitchComponent.prototype, "footerButtonLabel", void 0);
+        __decorate([
+            core.Input()
+        ], WorkspaceSwitchComponent.prototype, "showFooterButton", void 0);
+        __decorate([
+            core.Output()
+        ], WorkspaceSwitchComponent.prototype, "footerButtonClicked", void 0);
+        __decorate([
+            core.Output()
+        ], WorkspaceSwitchComponent.prototype, "selected", void 0);
+        __decorate([
+            core.HostBinding("attr.tabindex")
+        ], WorkspaceSwitchComponent.prototype, "tabindex", void 0);
+        __decorate([
+            core.HostListener("document:click", ["$event"])
+        ], WorkspaceSwitchComponent.prototype, "onClickout", null);
+        __decorate([
+            core.HostListener("keydown", ["$event"])
+        ], WorkspaceSwitchComponent.prototype, "onKeydown", null);
+        WorkspaceSwitchComponent = __decorate([
+            core.Component({
+                selector: "s-workspace-switch",
+                template: "<div class=\"workspace-switch\" (blur)=\"buttonOnBlur()\">\n   <div class=\"button\" (click)=\"open = !open\">\n      <div class=\"item\">\n         <span class=\"title\">{{ workspaces[selectedItemIndex].title }}</span>\n         <span class=\"subtitle\">{{ workspaces[selectedItemIndex].subtitle }}</span>\n      </div>\n      <div class=\"icons\">\n         <span class=\"fas fa-chevron-up\"></span>\n         <span class=\"fas fa-chevron-down\"></span>\n      </div>\n   </div>\n   <div *ngIf=\"open\" class=\"select\">\n      <div\n         *ngFor=\"let workspace of workspaces; let i = index\"\n         class=\"select-item\"\n         [ngClass]=\"{ 'select-item--focused': i == currentItemIndex }\"\n         (click)=\"onSelectItem(workspace)\">\n         <div class=\"item\">\n            <span class=\"title\">{{ workspace.title }}</span>\n            <span class=\"subtitle\">{{ workspace.subtitle }}</span>\n         </div>\n         <span *ngIf=\"i === selectedItemIndex\" class=\"active-icon fas fa-check\"></span>\n      </div>\n      <div *ngIf=\"showFooterButton\" class=\"footer\">\n         <div class=\"footer__button\" (click)=\"onFooterButtonClick()\">\n            <span class=\"footer__button__icon fas fa-plus\"></span>\n            <span class=\"footer__button__title\">{{ footerButtonLabel }}</span>\n         </div>\n      </div>\n   </div>\n</div>",
+                styles: [".workspace-switch{border-radius:4px;border:1px solid transparent;width:324px}.workspace-switch .button{-ms-flex-align:center;align-items:center;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-webkit-user-select:none;-ms-user-select:none;user-select:none}.workspace-switch .button .icons{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;margin:0 12px}.workspace-switch .select{background-color:#fff;border-radius:4px;box-shadow:0 1px 5px rgba(0,0,0,.25);cursor:pointer;margin:20px 0;padding-top:4px;position:absolute;width:324px}.workspace-switch .select .select-item{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-webkit-user-select:none;-ms-user-select:none;user-select:none}.workspace-switch .select .select-item .active-icon{color:#7892a1;font-size:12px;margin:0 12px}.workspace-switch .select .select-item--focused,.workspace-switch .select .select-item:hover{background-color:#f1f7f8}.workspace-switch .select .footer{border-top:1px solid #ccc;padding:12px}.workspace-switch .select .footer .footer__button{-ms-flex-align:center;align-items:center;border:1px solid #d8d8d8;border-radius:4px;padding:8px 12px;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.workspace-switch .select .footer .footer__button .footer__button__icon{color:#333;margin-right:8px}.workspace-switch .select .footer .footer__button:active{border:1px solid #428bca}.workspace-switch .item{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;padding:12px}.workspace-switch .item .title{color:#333;font-family:\"Open Sans\",sans-serif;font-size:14px;font-weight:700;line-height:150%;text-transform:uppercase}.workspace-switch .item .subtitle{color:#999;font-family:\"Open Sans\",sans-serif;font-size:12px;font-weight:400;line-height:150%}.workspace-switch:focus{border:1px solid #428bca}"]
+            })
+        ], WorkspaceSwitchComponent);
+        return WorkspaceSwitchComponent;
+    }());
+
+    var WorkspaceSwitchModule = /** @class */ (function () {
+        function WorkspaceSwitchModule() {
+        }
+        WorkspaceSwitchModule = __decorate([
+            core.NgModule({
+                imports: [common.CommonModule],
+                declarations: [WorkspaceSwitchComponent],
+                exports: [WorkspaceSwitchComponent],
+            })
+        ], WorkspaceSwitchModule);
+        return WorkspaceSwitchModule;
+    }());
+
     var ProgressBarComponent = /** @class */ (function () {
         function ProgressBarComponent() {
             this.showValue = true;
@@ -11068,6 +11245,8 @@
 
     exports.AngularComponentsModule = AngularComponentsModule;
     exports.AutocompleteField = AutocompleteField;
+    exports.BadgeComponent = BadgeComponent;
+    exports.BadgeModule = BadgeModule;
     exports.BaseFieldComponent = BaseFieldComponent;
     exports.BignumberField = BignumberField;
     exports.BignumberInputDirective = BignumberInputDirective;
@@ -11190,6 +11369,8 @@
     exports.TokenListComponent = TokenListComponent;
     exports.TokenListModule = TokenListModule;
     exports.TooltipModule = TooltipModule;
+    exports.WorkspaceSwitchComponent = WorkspaceSwitchComponent;
+    exports.WorkspaceSwitchModule = WorkspaceSwitchModule;
     exports.ɵa = LocalizedCurrencyImpurePipe;
     exports.ɵb = LocalizedBignumberPipe;
     exports.ɵba = TextFieldComponent;