@seniorsistemas/angular-components 16.7.0 → 16.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/bundles/seniorsistemas-angular-components.umd.js +11 -2
  2. package/bundles/seniorsistemas-angular-components.umd.js.map +1 -1
  3. package/bundles/seniorsistemas-angular-components.umd.min.js +1 -1
  4. package/bundles/seniorsistemas-angular-components.umd.min.js.map +1 -1
  5. package/components/workspace-switch/workspace-switch.component.d.ts +4 -2
  6. package/esm2015/components/workspace-switch/workspace-switch.component.js +13 -4
  7. package/esm5/components/workspace-switch/workspace-switch.component.js +13 -4
  8. package/fesm2015/seniorsistemas-angular-components.js +11 -2
  9. package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
  10. package/fesm5/seniorsistemas-angular-components.js +11 -2
  11. package/fesm5/seniorsistemas-angular-components.js.map +1 -1
  12. package/package.json +1 -1
  13. package/seniorsistemas-angular-components.metadata.json +1 -1
package/components/workspace-switch/workspace-switch.component.d.ts CHANGED
@@ -1,10 +1,11 @@
1
- import { ElementRef, EventEmitter } from "@angular/core";
1
+ import { ElementRef, EventEmitter, OnInit } from "@angular/core";
2
2
  import { Workspace } from "./models/workspace";
3
- export declare class WorkspaceSwitchComponent {
3
+ export declare class WorkspaceSwitchComponent implements OnInit {
4
4
  private readonly eRef;
5
5
  workspaces: Workspace[];
6
6
  footerButtonLabel: string;
7
7
  showFooterButton: boolean;
8
+ disabled: boolean;
8
9
  footerButtonClicked: EventEmitter<any>;
9
10
  selected: EventEmitter<Workspace>;
10
11
  open: boolean;
@@ -14,6 +15,7 @@ export declare class WorkspaceSwitchComponent {
14
15
  tabindex: number;
15
16
  onClickout(event: MouseEvent): void;
16
17
  onKeydown(event: KeyboardEvent): void;
18
+ ngOnInit(): void;
17
19
  validations(): void;
18
20
  buttonOnBlur(): void;
19
21
  onSelectItem(workspace: Workspace): void;
package/esm2015/components/workspace-switch/workspace-switch.component.js CHANGED
@@ -1,10 +1,11 @@
1
1
  import { __decorate } from "tslib";
2
- import { Component, ElementRef, EventEmitter, HostBinding, HostListener, Input, Output, } from "@angular/core";
2
+ import { Component, ElementRef, EventEmitter, HostBinding, HostListener, Input, OnInit, Output, } from "@angular/core";
3
3
  let WorkspaceSwitchComponent = class WorkspaceSwitchComponent {
4
4
  constructor(eRef) {
5
5
  this.eRef = eRef;
6
6
  this.footerButtonLabel = "Adicionar";
7
7
  this.showFooterButton = true;
8
+ this.disabled = false;
8
9
  this.footerButtonClicked = new EventEmitter();
9
10
  this.selected = new EventEmitter();
10
11
  this.open = false;
@@ -39,6 +40,11 @@ let WorkspaceSwitchComponent = class WorkspaceSwitchComponent {
39
40
  }
40
41
  }
41
42
  }
43
+ ngOnInit() {
44
+ if (this.disabled) {
45
+ this.tabindex = -1;
46
+ }
47
+ }
42
48
  validations() {
43
49
  if (!this.workspaces.length) {
44
50
  throw new Error("Workspaces list is empty.");
@@ -71,6 +77,9 @@ __decorate([
71
77
  __decorate([
72
78
  Input()
73
79
  ], WorkspaceSwitchComponent.prototype, "showFooterButton", void 0);
80
+ __decorate([
81
+ Input()
82
+ ], WorkspaceSwitchComponent.prototype, "disabled", void 0);
74
83
  __decorate([
75
84
  Output()
76
85
  ], WorkspaceSwitchComponent.prototype, "footerButtonClicked", void 0);
@@ -89,9 +98,9 @@ __decorate([
89
98
  WorkspaceSwitchComponent = __decorate([
90
99
  Component({
91
100
  selector: "s-workspace-switch",
92
- 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>",
93
- 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}"]
101
+ template: "<div\n class=\"workspace-switch\"\n [ngClass]=\"{ 'workspace-switch--disabled': disabled }\"\n (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=\"!disabled && 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>",
102
+ 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}.workspace-switch--disabled .button{cursor:default}.workspace-switch--disabled .button .icons,.workspace-switch--disabled .item .subtitle,.workspace-switch--disabled .item .title{color:#ccc}"]
94
103
  })
95
104
  ], WorkspaceSwitchComponent);
96
105
  export { WorkspaceSwitchComponent };
97
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid29ya3NwYWNlLXN3aXRjaC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy93b3Jrc3BhY2Utc3dpdGNoL3dvcmtzcGFjZS1zd2l0Y2guY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0osU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osV0FBVyxFQUNYLFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxHQUNSLE1BQU0sZUFBZSxDQUFDO0FBU3ZCLElBQWEsd0JBQXdCLEdBQXJDLE1BQWEsd0JBQXdCO0lBcUJsQyxZQUE2QixJQUFnQjtRQUFoQixTQUFJLEdBQUosSUFBSSxDQUFZO1FBaEJ0QyxzQkFBaUIsR0FBRyxXQUFXLENBQUM7UUFHaEMscUJBQWdCLEdBQUcsSUFBSSxDQUFDO1FBR3hCLHdCQUFtQixHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFHekMsYUFBUSxHQUE0QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRXZELFNBQUksR0FBRyxLQUFLLENBQUM7UUFFYixzQkFBaUIsR0FBRyxDQUFDLENBQUM7UUFDdEIscUJBQWdCLEdBQUcsQ0FBQyxDQUFDO1FBS3JCLGFBQVEsR0FBRyxDQUFDLENBQUM7SUFINkIsQ0FBQztJQU0zQyxVQUFVLENBQUMsS0FBaUI7UUFDaEMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEVBQUU7WUFDbEQsSUFBSSxDQUFDLElBQUksR0FBRyxLQUFLLENBQUM7U0FDcEI7SUFDSixDQUFDO0lBR00sU0FBUyxDQUFDLEtBQW9CO1FBQ2xDLElBQUksS0FBSyxDQUFDLEdBQUcsS0FBSyxPQUFPLElBQUksS0FBSyxDQUFDLEdBQUcsS0FBSyxHQUFHLEVBQUU7WUFDN0MsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFO2dCQUNaLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUM7Z0JBQy9DLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQzthQUM5RDtZQUNELElBQUksQ0FBQyxJQUFJLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDO1NBQ3pCO2FBQU0sSUFBSSxLQUFLLENBQUMsR0FBRyxLQUFLLFFBQVEsRUFBRTtZQUNoQyxJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztTQUNwQjthQUFNLElBQUksS0FBSyxDQUFDLEdBQUcsS0FBSyxXQUFXLEVBQUU7WUFDbkMsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO2dCQUNyRCxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQzthQUMxQjtTQUNIO2FBQU0sSUFBSSxLQUFLLENBQUMsR0FBRyxLQUFLLFNBQVMsRUFBRTtZQUNqQyxJQUFJLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxDQUFDLEVBQUU7Z0JBQzVCLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO2FBQzFCO1NBQ0g7SUFDSixDQUFDO0lBRU0sV0FBVztRQUNmLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLE1BQU0sRUFBRTtZQUMxQixNQUFNLElBQUksS0FBSyxDQUFDLDJCQUEyQixDQUFDLENBQUM7U0FDL0M7SUFDSixDQUFDO0lBRU0sWUFBWTtRQUNoQixJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUNsQixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixDQUFDO0lBQ2xELENBQUM7SUFFTSxZQUFZLENBQUMsU0FBb0I7UUFDckMsSUFBSSxDQUFDLElBQUksR0FBRyxLQUFLLENBQUM7UUFDbEIsSUFBSSxDQUFDLGlCQUFpQixHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQzVELElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUM7UUFDL0MsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDakMsQ0FBQztJQUVNLG1CQUFtQjtRQUN2QixJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUNsQixJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDbkMsQ0FBQztDQUNILENBQUE7O1lBdkRxQyxVQUFVOztBQW5CN0M7SUFEQyxLQUFLLEVBQUU7NERBQ3VCO0FBRy9CO0lBREMsS0FBSyxFQUFFO21FQUMrQjtBQUd2QztJQURDLEtBQUssRUFBRTtrRUFDdUI7QUFHL0I7SUFEQyxNQUFNLEVBQUU7cUVBQ3VDO0FBR2hEO0lBREMsTUFBTSxFQUFFOzBEQUNxRDtBQVU5RDtJQURDLFdBQVcsQ0FBQyxlQUFlLENBQUM7MERBQ1Q7QUFHcEI7SUFEQyxZQUFZLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQzswREFLMUM7QUFHRDtJQURDLFlBQVksQ0FBQyxTQUFTLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQzt5REFtQm5DO0FBcERTLHdCQUF3QjtJQUxwQyxTQUFTLENBQUM7UUFDUixRQUFRLEVBQUUsb0JBQW9CO1FBQzlCLDAyQ0FBZ0Q7O0tBRWxELENBQUM7R0FDVyx3QkFBd0IsQ0E0RXBDO1NBNUVZLHdCQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICBDb21wb25lbnQsXG4gICBFbGVtZW50UmVmLFxuICAgRXZlbnRFbWl0dGVyLFxuICAgSG9zdEJpbmRpbmcsXG4gICBIb3N0TGlzdGVuZXIsXG4gICBJbnB1dCxcbiAgIE91dHB1dCxcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuaW1wb3J0IHsgV29ya3NwYWNlIH0gZnJvbSBcIi4vbW9kZWxzL3dvcmtzcGFjZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgIHNlbGVjdG9yOiBcInMtd29ya3NwYWNlLXN3aXRjaFwiLFxuICAgdGVtcGxhdGVVcmw6IFwiLi93b3Jrc3BhY2Utc3dpdGNoLmNvbXBvbmVudC5odG1sXCIsXG4gICBzdHlsZVVybHM6IFtcIi4vd29ya3NwYWNlLXN3aXRjaC5jb21wb25lbnQuc2Nzc1wiXSxcbn0pXG5leHBvcnQgY2xhc3MgV29ya3NwYWNlU3dpdGNoQ29tcG9uZW50IHtcbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgd29ya3NwYWNlczogV29ya3NwYWNlW107XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgZm9vdGVyQnV0dG9uTGFiZWwgPSBcIkFkaWNpb25hclwiO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIHNob3dGb290ZXJCdXR0b24gPSB0cnVlO1xuXG4gICBAT3V0cHV0KClcbiAgIHB1YmxpYyBmb290ZXJCdXR0b25DbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gICBAT3V0cHV0KClcbiAgIHB1YmxpYyBzZWxlY3RlZDogRXZlbnRFbWl0dGVyPFdvcmtzcGFjZT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgIHB1YmxpYyBvcGVuID0gZmFsc2U7XG5cbiAgIHB1YmxpYyBzZWxlY3RlZEl0ZW1JbmRleCA9IDA7XG4gICBwdWJsaWMgY3VycmVudEl0ZW1JbmRleCA9IDA7XG5cbiAgIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgZVJlZjogRWxlbWVudFJlZikgeyB9XG5cbiAgIEBIb3N0QmluZGluZyhcImF0dHIudGFiaW5kZXhcIilcbiAgIHB1YmxpYyB0YWJpbmRleCA9IDA7XG5cbiAgIEBIb3N0TGlzdGVuZXIoXCJkb2N1bWVudDpjbGlja1wiLCBbXCIkZXZlbnRcIl0pXG4gICBwdWJsaWMgb25DbGlja291dChldmVudDogTW91c2VFdmVudCkge1xuICAgICAgaWYgKCF0aGlzLmVSZWYubmF0aXZlRWxlbWVudC5jb250YWlucyhldmVudC50YXJnZXQpKSB7XG4gICAgICAgICB0aGlzLm9wZW4gPSBmYWxzZTtcbiAgICAgIH1cbiAgIH1cblxuICAgQEhvc3RMaXN0ZW5lcihcImtleWRvd25cIiwgW1wiJGV2ZW50XCJdKVxuICAgcHVibGljIG9uS2V5ZG93bihldmVudDogS2V5Ym9hcmRFdmVudCkge1xuICAgICAgaWYgKGV2ZW50LmtleSA9PT0gXCJFbnRlclwiIHx8IGV2ZW50LmtleSA9PT0gXCIgXCIpIHtcbiAgICAgICAgIGlmICh0aGlzLm9wZW4pIHtcbiAgICAgICAgICAgIHRoaXMuc2VsZWN0ZWRJdGVtSW5kZXggPSB0aGlzLmN1cnJlbnRJdGVtSW5kZXg7XG4gICAgICAgICAgICB0aGlzLnNlbGVjdGVkLmVtaXQodGhpcy53b3Jrc3BhY2VzW3RoaXMuc2VsZWN0ZWRJdGVtSW5kZXhdKTtcbiAgICAgICAgIH1cbiAgICAgICAgIHRoaXMub3BlbiA9ICF0aGlzLm9wZW47XG4gICAgICB9IGVsc2UgaWYgKGV2ZW50LmtleSA9PT0gXCJFc2NhcGVcIikge1xuICAgICAgICAgdGhpcy5vcGVuID0gZmFsc2U7XG4gICAgICB9IGVsc2UgaWYgKGV2ZW50LmtleSA9PT0gXCJBcnJvd0Rvd25cIikge1xuICAgICAgICAgaWYgKHRoaXMuY3VycmVudEl0ZW1JbmRleCA8IHRoaXMud29ya3NwYWNlcy5sZW5ndGggLSAxKSB7XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRJdGVtSW5kZXgrKztcbiAgICAgICAgIH1cbiAgICAgIH0gZWxzZSBpZiAoZXZlbnQua2V5ID09PSBcIkFycm93VXBcIikge1xuICAgICAgICAgaWYgKHRoaXMuY3VycmVudEl0ZW1JbmRleCA+IDApIHtcbiAgICAgICAgICAgIHRoaXMuY3VycmVudEl0ZW1JbmRleC0tO1xuICAgICAgICAgfVxuICAgICAgfVxuICAgfVxuXG4gICBwdWJsaWMgdmFsaWRhdGlvbnMoKSB7XG4gICAgICBpZiAoIXRoaXMud29ya3NwYWNlcy5sZW5ndGgpIHtcbiAgICAgICAgIHRocm93IG5ldyBFcnJvcihcIldvcmtzcGFjZXMgbGlzdCBpcyBlbXB0eS5cIik7XG4gICAgICB9XG4gICB9XG5cbiAgIHB1YmxpYyBidXR0b25PbkJsdXIoKSB7XG4gICAgICB0aGlzLm9wZW4gPSBmYWxzZTtcbiAgICAgIHRoaXMuY3VycmVudEl0ZW1JbmRleCA9IHRoaXMuc2VsZWN0ZWRJdGVtSW5kZXg7XG4gICB9XG5cbiAgIHB1YmxpYyBvblNlbGVjdEl0ZW0od29ya3NwYWNlOiBXb3Jrc3BhY2UpIHtcbiAgICAgIHRoaXMub3BlbiA9IGZhbHNlO1xuICAgICAgdGhpcy5zZWxlY3RlZEl0ZW1JbmRleCA9IHRoaXMud29ya3NwYWNlcy5pbmRleE9mKHdvcmtzcGFjZSk7XG4gICAgICB0aGlzLmN1cnJlbnRJdGVtSW5kZXggPSB0aGlzLnNlbGVjdGVkSXRlbUluZGV4O1xuICAgICAgdGhpcy5zZWxlY3RlZC5lbWl0KHdvcmtzcGFjZSk7XG4gICB9XG5cbiAgIHB1YmxpYyBvbkZvb3RlckJ1dHRvbkNsaWNrKCkge1xuICAgICAgdGhpcy5vcGVuID0gZmFsc2U7XG4gICAgICB0aGlzLmZvb3RlckJ1dHRvbkNsaWNrZWQuZW1pdCgpO1xuICAgfVxufVxuIl19
106
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid29ya3NwYWNlLXN3aXRjaC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy93b3Jrc3BhY2Utc3dpdGNoL3dvcmtzcGFjZS1zd2l0Y2guY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0osU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osV0FBVyxFQUNYLFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLE1BQU0sR0FDUixNQUFNLGVBQWUsQ0FBQztBQVN2QixJQUFhLHdCQUF3QixHQUFyQyxNQUFhLHdCQUF3QjtJQXdCbEMsWUFBNkIsSUFBZ0I7UUFBaEIsU0FBSSxHQUFKLElBQUksQ0FBWTtRQW5CdEMsc0JBQWlCLEdBQUcsV0FBVyxDQUFDO1FBR2hDLHFCQUFnQixHQUFHLElBQUksQ0FBQztRQUd4QixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBR2pCLHdCQUFtQixHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFHekMsYUFBUSxHQUE0QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRXZELFNBQUksR0FBRyxLQUFLLENBQUM7UUFFYixzQkFBaUIsR0FBRyxDQUFDLENBQUM7UUFDdEIscUJBQWdCLEdBQUcsQ0FBQyxDQUFDO1FBS3JCLGFBQVEsR0FBRyxDQUFDLENBQUM7SUFINkIsQ0FBQztJQU0zQyxVQUFVLENBQUMsS0FBaUI7UUFDaEMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEVBQUU7WUFDbEQsSUFBSSxDQUFDLElBQUksR0FBRyxLQUFLLENBQUM7U0FDcEI7SUFDSixDQUFDO0lBR00sU0FBUyxDQUFDLEtBQW9CO1FBQ2xDLElBQUksS0FBSyxDQUFDLEdBQUcsS0FBSyxPQUFPLElBQUksS0FBSyxDQUFDLEdB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bnRSZWYsXG4gICBFdmVudEVtaXR0ZXIsXG4gICBIb3N0QmluZGluZyxcbiAgIEhvc3RMaXN0ZW5lcixcbiAgIElucHV0LFxuICAgT25Jbml0LFxuICAgT3V0cHV0LFxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5pbXBvcnQgeyBXb3Jrc3BhY2UgfSBmcm9tIFwiLi9tb2RlbHMvd29ya3NwYWNlXCI7XG5cbkBDb21wb25lbnQoe1xuICAgc2VsZWN0b3I6IFwicy13b3Jrc3BhY2Utc3dpdGNoXCIsXG4gICB0ZW1wbGF0ZVVybDogXCIuL3dvcmtzcGFjZS1zd2l0Y2guY29tcG9uZW50Lmh0bWxcIixcbiAgIHN0eWxlVXJsczogW1wiLi93b3Jrc3BhY2Utc3dpdGNoLmNvbXBvbmVudC5zY3NzXCJdLFxufSlcbmV4cG9ydCBjbGFzcyBXb3Jrc3BhY2VTd2l0Y2hDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgQElucHV0KClcbiAgIHB1YmxpYyB3b3Jrc3BhY2VzOiBXb3Jrc3BhY2VbXTtcblxuICAgQElucHV0KClcbiAgIHB1YmxpYyBmb290ZXJCdXR0b25MYWJlbCA9IFwiQWRpY2lvbmFyXCI7XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgc2hvd0Zvb3RlckJ1dHRvbiA9IHRydWU7XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgZGlzYWJsZWQgPSBmYWxzZTtcblxuICAgQE91dHB1dCgpXG4gICBwdWJsaWMgZm9vdGVyQnV0dG9uQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAgQE91dHB1dCgpXG4gICBwdWJsaWMgc2VsZWN0ZWQ6IEV2ZW50RW1pdHRlcjxXb3Jrc3BhY2U+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gICBwdWJsaWMgb3BlbiA9IGZhbHNlO1xuXG4gICBwdWJsaWMgc2VsZWN0ZWRJdGVtSW5kZXggPSAwO1xuICAgcHVibGljIGN1cnJlbnRJdGVtSW5kZXggPSAwO1xuXG4gICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IGVSZWY6IEVsZW1lbnRSZWYpIHsgfVxuXG4gICBASG9zdEJpbmRpbmcoXCJhdHRyLnRhYmluZGV4XCIpXG4gICBwdWJsaWMgdGFiaW5kZXggPSAwO1xuXG4gICBASG9zdExpc3RlbmVyKFwiZG9jdW1lbnQ6Y2xpY2tcIiwgW1wiJGV2ZW50XCJdKVxuICAgcHVibGljIG9uQ2xpY2tvdXQoZXZlbnQ6IE1vdXNlRXZlbnQpIHtcbiAgICAgIGlmICghdGhpcy5lUmVmLm5hdGl2ZUVsZW1lbnQuY29udGFpbnMoZXZlbnQudGFyZ2V0KSkge1xuICAgICAgICAgdGhpcy5vcGVuID0gZmFsc2U7XG4gICAgICB9XG4gICB9XG5cbiAgIEBIb3N0TGlzdGVuZXIoXCJrZXlkb3duXCIsIFtcIiRldmVudFwiXSlcbiAgIHB1YmxpYyBvbktleWRvd24oZXZlbnQ6IEtleWJvYXJkRXZlbnQpIHtcbiAgICAgIGlmIChldmVudC5rZXkgPT09IFwiRW50ZXJcIiB8fCBldmVudC5rZXkgPT09IFwiIFwiKSB7XG4gICAgICAgICBpZiAodGhpcy5vcGVuKSB7XG4gICAgICAgICAgICB0aGlzLnNlbGVjdGVkSXRlbUluZGV4ID0gdGhpcy5jdXJyZW50SXRlbUluZGV4O1xuICAgICAgICAgICAgdGhpcy5zZWxlY3RlZC5lbWl0KHRoaXMud29ya3NwYWNlc1t0aGlzLnNlbGVjdGVkSXRlbUluZGV4XSk7XG4gICAgICAgICB9XG4gICAgICAgICB0aGlzLm9wZW4gPSAhdGhpcy5vcGVuO1xuICAgICAgfSBlbHNlIGlmIChldmVudC5rZXkgPT09IFwiRXNjYXBlXCIpIHtcbiAgICAgICAgIHRoaXMub3BlbiA9IGZhbHNlO1xuICAgICAgfSBlbHNlIGlmIChldmVudC5rZXkgPT09IFwiQXJyb3dEb3duXCIpIHtcbiAgICAgICAgIGlmICh0aGlzLmN1cnJlbnRJdGVtSW5kZXggPCB0aGlzLndvcmtzcGFjZXMubGVuZ3RoIC0gMSkge1xuICAgICAgICAgICAgdGhpcy5jdXJyZW50SXRlbUluZGV4Kys7XG4gICAgICAgICB9XG4gICAgICB9IGVsc2UgaWYgKGV2ZW50LmtleSA9PT0gXCJBcnJvd1VwXCIpIHtcbiAgICAgICAgIGlmICh0aGlzLmN1cnJlbnRJdGVtSW5kZXggPiAwKSB7XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRJdGVtSW5kZXgtLTtcbiAgICAgICAgIH1cbiAgICAgIH1cbiAgIH1cblxuICAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgaWYgKHRoaXMuZGlzYWJsZWQpIHtcbiAgICAgICAgIHRoaXMudGFiaW5kZXggPSAtMTtcbiAgICAgIH1cbiAgIH1cblxuICAgcHVibGljIHZhbGlkYXRpb25zKCkge1xuICAgICAgaWYgKCF0aGlzLndvcmtzcGFjZXMubGVuZ3RoKSB7XG4gICAgICAgICB0aHJvdyBuZXcgRXJyb3IoXCJXb3Jrc3BhY2VzIGxpc3QgaXMgZW1wdHkuXCIpO1xuICAgICAgfVxuICAgfVxuXG4gICBwdWJsaWMgYnV0dG9uT25CbHVyKCkge1xuICAgICAgdGhpcy5vcGVuID0gZmFsc2U7XG4gICAgICB0aGlzLmN1cnJlbnRJdGVtSW5kZXggPSB0aGlzLnNlbGVjdGVkSXRlbUluZGV4O1xuICAgfVxuXG4gICBwdWJsaWMgb25TZWxlY3RJdGVtKHdvcmtzcGFjZTogV29ya3NwYWNlKSB7XG4gICAgICB0aGlzLm9wZW4gPSBmYWxzZTtcbiAgICAgIHRoaXMuc2VsZWN0ZWRJdGVtSW5kZXggPSB0aGlzLndvcmtzcGFjZXMuaW5kZXhPZih3b3Jrc3BhY2UpO1xuICAgICAgdGhpcy5jdXJyZW50SXRlbUluZGV4ID0gdGhpcy5zZWxlY3RlZEl0ZW1JbmRleDtcbiAgICAgIHRoaXMuc2VsZWN0ZWQuZW1pdCh3b3Jrc3BhY2UpO1xuICAgfVxuXG4gICBwdWJsaWMgb25Gb290ZXJCdXR0b25DbGljaygpIHtcbiAgICAgIHRoaXMub3BlbiA9IGZhbHNlO1xuICAgICAgdGhpcy5mb290ZXJCdXR0b25DbGlja2VkLmVtaXQoKTtcbiAgIH1cbn1cbiJdfQ==
package/esm5/components/workspace-switch/workspace-switch.component.js CHANGED
@@ -1,10 +1,11 @@
1
1
  import { __decorate } from "tslib";
2
- import { Component, ElementRef, EventEmitter, HostBinding, HostListener, Input, Output, } from "@angular/core";
2
+ import { Component, ElementRef, EventEmitter, HostBinding, HostListener, Input, OnInit, Output, } from "@angular/core";
3
3
  var WorkspaceSwitchComponent = /** @class */ (function () {
4
4
  function WorkspaceSwitchComponent(eRef) {
5
5
  this.eRef = eRef;
6
6
  this.footerButtonLabel = "Adicionar";
7
7
  this.showFooterButton = true;
8
+ this.disabled = false;
8
9
  this.footerButtonClicked = new EventEmitter();
9
10
  this.selected = new EventEmitter();
10
11
  this.open = false;
@@ -39,6 +40,11 @@ var WorkspaceSwitchComponent = /** @class */ (function () {
39
40
  }
40
41
  }
41
42
  };
43
+ WorkspaceSwitchComponent.prototype.ngOnInit = function () {
44
+ if (this.disabled) {
45
+ this.tabindex = -1;
46
+ }
47
+ };
42
48
  WorkspaceSwitchComponent.prototype.validations = function () {
43
49
  if (!this.workspaces.length) {
44
50
  throw new Error("Workspaces list is empty.");
@@ -70,6 +76,9 @@ var WorkspaceSwitchComponent = /** @class */ (function () {
70
76
  __decorate([
71
77
  Input()
72
78
  ], WorkspaceSwitchComponent.prototype, "showFooterButton", void 0);
79
+ __decorate([
80
+ Input()
81
+ ], WorkspaceSwitchComponent.prototype, "disabled", void 0);
73
82
  __decorate([
74
83
  Output()
75
84
  ], WorkspaceSwitchComponent.prototype, "footerButtonClicked", void 0);
@@ -88,11 +97,11 @@ var WorkspaceSwitchComponent = /** @class */ (function () {
88
97
  WorkspaceSwitchComponent = __decorate([
89
98
  Component({
90
99
  selector: "s-workspace-switch",
91
- 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>",
92
- 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}"]
100
+ template: "<div\n class=\"workspace-switch\"\n [ngClass]=\"{ 'workspace-switch--disabled': disabled }\"\n (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=\"!disabled && 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>",
101
+ 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}.workspace-switch--disabled .button{cursor:default}.workspace-switch--disabled .button .icons,.workspace-switch--disabled .item .subtitle,.workspace-switch--disabled .item .title{color:#ccc}"]
93
102
  })
94
103
  ], WorkspaceSwitchComponent);
95
104
  return WorkspaceSwitchComponent;
96
105
  }());
97
106
  export { WorkspaceSwitchComponent };
98
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid29ya3NwYWNlLXN3aXRjaC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy93b3Jrc3BhY2Utc3dpdGNoL3dvcmtzcGFjZS1zd2l0Y2guY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0osU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osV0FBVyxFQUNYLFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxHQUNSLE1BQU0sZUFBZSxDQUFDO0FBU3ZCO0lBcUJHLGtDQUE2QixJQUFnQjtRQUFoQixTQUFJLEdBQUosSUFBSSxDQUFZO1FBaEJ0QyxzQkFBaUIsR0FBRyxXQUFXLENBQUM7UUFHaEMscUJBQWdCLEdBQUcsSUFBSSxDQUFDO1FBR3hCLHdCQUFtQixHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFHekMsYUFBUSxHQUE0QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRXZELFNBQUksR0FBRyxLQUFLLENBQUM7UUFFYixzQkFBaUIsR0FBRyxDQUFDLENBQUM7UUFDdEIscUJBQWdCLEdBQUcsQ0FBQyxDQUFDO1FBS3JCLGFBQVEsR0FBRyxDQUFDLENBQUM7SUFINkIsQ0FBQztJQU0zQyw2Q0FBVSxHQUFqQixVQUFrQixLQUFpQjtRQUNoQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsRUFBRTtZQUNsRCxJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztTQUNwQjtJQUNKLENBQUM7SUFHTSw0Q0FBUyxHQUFoQixVQUFpQixLQUFvQjtRQUNsQyxJQUFJLEtBQUssQ0FBQyxHQUFHLEtBQUssT0FBTyxJQUFJLEtBQUssQ0FBQyxHQUFHLEtBQUssR0FBRyxFQUFFO1lBQzdDLElBQUksSUFBSSxDQUFDLElBQUksRUFBRTtnQkFDWixJQUFJLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDO2dCQUMvQyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUM7YUFDOUQ7WUFDRCxJQUFJLENBQUMsSUFBSSxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQztTQUN6QjthQUFNLElBQUksS0FBSyxDQUFDLEdBQUcsS0FBSyxRQUFRLEVBQUU7WUFDaEMsSUFBSSxDQUFDLElBQUksR0FBRyxLQUFLLENBQUM7U0FDcEI7YUFBTSxJQUFJLEtBQUssQ0FBQyxHQUFHLEtBQUssV0FBVyxFQUFFO1lBQ25DLElBQUksSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtnQkFDckQsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7YUFDMUI7U0FDSDthQUFNLElBQUksS0FBSyxDQUFDLEdBQUcsS0FBSyxTQUFTLEVBQUU7WUFDakMsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsQ0FBQyxFQUFFO2dCQUM1QixJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQzthQUMxQjtTQUNIO0lBQ0osQ0FBQztJQUVNLDhDQUFXLEdBQWxCO1FBQ0csSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsTUFBTSxFQUFFO1lBQzFCLE1BQU0sSUFBSSxLQUFLLENBQUMsMkJBQTJCLENBQUMsQ0FBQztTQUMvQztJQUNKLENBQUM7SUFFTSwrQ0FBWSxHQUFuQjtRQUNHLElBQUksQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUM7SUFDbEQsQ0FBQztJQUVNLCtDQUFZLEdBQW5CLFVBQW9CLFNBQW9CO1FBQ3JDLElBQUksQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUM1RCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixDQUFDO1FBQy9DLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ2pDLENBQUM7SUFFTSxzREFBbUIsR0FBMUI7UUFDRyxJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUNsQixJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDbkMsQ0FBQzs7Z0JBdERrQyxVQUFVOztJQW5CN0M7UUFEQyxLQUFLLEVBQUU7Z0VBQ3VCO0lBRy9CO1FBREMsS0FBSyxFQUFFO3VFQUMrQjtJQUd2QztRQURDLEtBQUssRUFBRTtzRUFDdUI7SUFHL0I7UUFEQyxNQUFNLEVBQUU7eUVBQ3VDO0lBR2hEO1FBREMsTUFBTSxFQUFFOzhEQUNxRDtJQVU5RDtRQURDLFdBQVcsQ0FBQyxlQUFlLENBQUM7OERBQ1Q7SUFHcEI7UUFEQyxZQUFZLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQzs4REFLMUM7SUFHRDtRQURDLFlBQVksQ0FBQyxTQUFTLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQzs2REFtQm5DO0lBcERTLHdCQUF3QjtRQUxwQyxTQUFTLENBQUM7WUFDUixRQUFRLEVBQUUsb0JBQW9CO1lBQzlCLDAyQ0FBZ0Q7O1NBRWxELENBQUM7T0FDVyx3QkFBd0IsQ0E0RXBDO0lBQUQsK0JBQUM7Q0FBQSxBQTVFRCxJQTRFQztTQTVFWSx3QkFBd0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgQ29tcG9uZW50LFxuICAgRWxlbWVudFJlZixcbiAgIEV2ZW50RW1pdHRlcixcbiAgIEhvc3RCaW5kaW5nLFxuICAgSG9zdExpc3RlbmVyLFxuICAgSW5wdXQsXG4gICBPdXRwdXQsXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbmltcG9ydCB7IFdvcmtzcGFjZSB9IGZyb20gXCIuL21vZGVscy93b3Jrc3BhY2VcIjtcblxuQENvbXBvbmVudCh7XG4gICBzZWxlY3RvcjogXCJzLXdvcmtzcGFjZS1zd2l0Y2hcIixcbiAgIHRlbXBsYXRlVXJsOiBcIi4vd29ya3NwYWNlLXN3aXRjaC5jb21wb25lbnQuaHRtbFwiLFxuICAgc3R5bGVVcmxzOiBbXCIuL3dvcmtzcGFjZS1zd2l0Y2guY29tcG9uZW50LnNjc3NcIl0sXG59KVxuZXhwb3J0IGNsYXNzIFdvcmtzcGFjZVN3aXRjaENvbXBvbmVudCB7XG4gICBASW5wdXQoKVxuICAgcHVibGljIHdvcmtzcGFjZXM6IFdvcmtzcGFjZVtdO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGZvb3RlckJ1dHRvbkxhYmVsID0gXCJBZGljaW9uYXJcIjtcblxuICAgQElucHV0KClcbiAgIHB1YmxpYyBzaG93Rm9vdGVyQnV0dG9uID0gdHJ1ZTtcblxuICAgQE91dHB1dCgpXG4gICBwdWJsaWMgZm9vdGVyQnV0dG9uQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAgQE91dHB1dCgpXG4gICBwdWJsaWMgc2VsZWN0ZWQ6IEV2ZW50RW1pdHRlcjxXb3Jrc3BhY2U+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gICBwdWJsaWMgb3BlbiA9IGZhbHNlO1xuXG4gICBwdWJsaWMgc2VsZWN0ZWRJdGVtSW5kZXggPSAwO1xuICAgcHVibGljIGN1cnJlbnRJdGVtSW5kZXggPSAwO1xuXG4gICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IGVSZWY6IEVsZW1lbnRSZWYpIHsgfVxuXG4gICBASG9zdEJpbmRpbmcoXCJhdHRyLnRhYmluZGV4XCIpXG4gICBwdWJsaWMgdGFiaW5kZXggPSAwO1xuXG4gICBASG9zdExpc3RlbmVyKFwiZG9jdW1lbnQ6Y2xpY2tcIiwgW1wiJGV2ZW50XCJdKVxuICAgcHVibGljIG9uQ2xpY2tvdXQoZXZlbnQ6IE1vdXNlRXZlbnQpIHtcbiAgICAgIGlmICghdGhpcy5lUmVmLm5hdGl2ZUVsZW1lbnQuY29udGFpbnMoZXZlbnQudGFyZ2V0KSkge1xuICAgICAgICAgdGhpcy5vcGVuID0gZmFsc2U7XG4gICAgICB9XG4gICB9XG5cbiAgIEBIb3N0TGlzdGVuZXIoXCJrZXlkb3duXCIsIFtcIiRldmVudFwiXSlcbiAgIHB1YmxpYyBvbktleWRvd24oZXZlbnQ6IEtleWJvYXJkRXZlbnQpIHtcbiAgICAgIGlmIChldmVudC5rZXkgPT09IFwiRW50ZXJcIiB8fCBldmVudC5rZXkgPT09IFwiIFwiKSB7XG4gICAgICAgICBpZiAodGhpcy5vcGVuKSB7XG4gICAgICAgICAgICB0aGlzLnNlbGVjdGVkSXRlbUluZGV4ID0gdGhpcy5jdXJyZW50SXRlbUluZGV4O1xuICAgICAgICAgICAgdGhpcy5zZWxlY3RlZC5lbWl0KHRoaXMud29ya3NwYWNlc1t0aGlzLnNlbGVjdGVkSXRlbUluZGV4XSk7XG4gICAgICAgICB9XG4gICAgICAgICB0aGlzLm9wZW4gPSAhdGhpcy5vcGVuO1xuICAgICAgfSBlbHNlIGlmIChldmVudC5rZXkgPT09IFwiRXNjYXBlXCIpIHtcbiAgICAgICAgIHRoaXMub3BlbiA9IGZhbHNlO1xuICAgICAgfSBlbHNlIGlmIChldmVudC5rZXkgPT09IFwiQXJyb3dEb3duXCIpIHtcbiAgICAgICAgIGlmICh0aGlzLmN1cnJlbnRJdGVtSW5kZXggPCB0aGlzLndvcmtzcGFjZXMubGVuZ3RoIC0gMSkge1xuICAgICAgICAgICAgdGhpcy5jdXJyZW50SXRlbUluZGV4Kys7XG4gICAgICAgICB9XG4gICAgICB9IGVsc2UgaWYgKGV2ZW50LmtleSA9PT0gXCJBcnJvd1VwXCIpIHtcbiAgICAgICAgIGlmICh0aGlzLmN1cnJlbnRJdGVtSW5kZXggPiAwKSB7XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRJdGVtSW5kZXgtLTtcbiAgICAgICAgIH1cbiAgICAgIH1cbiAgIH1cblxuICAgcHVibGljIHZhbGlkYXRpb25zKCkge1xuICAgICAgaWYgKCF0aGlzLndvcmtzcGFjZXMubGVuZ3RoKSB7XG4gICAgICAgICB0aHJvdyBuZXcgRXJyb3IoXCJXb3Jrc3BhY2VzIGxpc3QgaXMgZW1wdHkuXCIpO1xuICAgICAgfVxuICAgfVxuXG4gICBwdWJsaWMgYnV0dG9uT25CbHVyKCkge1xuICAgICAgdGhpcy5vcGVuID0gZmFsc2U7XG4gICAgICB0aGlzLmN1cnJlbnRJdGVtSW5kZXggPSB0aGlzLnNlbGVjdGVkSXRlbUluZGV4O1xuICAgfVxuXG4gICBwdWJsaWMgb25TZWxlY3RJdGVtKHdvcmtzcGFjZTogV29ya3NwYWNlKSB7XG4gICAgICB0aGlzLm9wZW4gPSBmYWxzZTtcbiAgICAgIHRoaXMuc2VsZWN0ZWRJdGVtSW5kZXggPSB0aGlzLndvcmtzcGFjZXMuaW5kZXhPZih3b3Jrc3BhY2UpO1xuICAgICAgdGhpcy5jdXJyZW50SXRlbUluZGV4ID0gdGhpcy5zZWxlY3RlZEl0ZW1JbmRleDtcbiAgICAgIHRoaXMuc2VsZWN0ZWQuZW1pdCh3b3Jrc3BhY2UpO1xuICAgfVxuXG4gICBwdWJsaWMgb25Gb290ZXJCdXR0b25DbGljaygpIHtcbiAgICAgIHRoaXMub3BlbiA9IGZhbHNlO1xuICAgICAgdGhpcy5mb290ZXJCdXR0b25DbGlja2VkLmVtaXQoKTtcbiAgIH1cbn1cbiJdfQ==
107
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid29ya3NwYWNlLXN3aXRjaC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy93b3Jrc3BhY2Utc3dpdGNoL3dvcmtzcGFjZS1zd2l0Y2guY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0osU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osV0FBVyxFQUNYLFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLE1BQU0sR0FDUixNQUFNLGVBQWUsQ0FBQztBQVN2QjtJQXdCRyxrQ0FBNkIsSUFBZ0I7UUFBaEIsU0FBSSxHQUFKLElBQUksQ0FBWTtRQW5CdEMsc0JBQWlCLEdBQUcsV0FBVyxDQUFDO1FBR2hDLHFCQUFnQixHQUFHLElBQUksQ0FBQztRQUd4QixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBR2pCLHdCQUFtQixHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFHekMsYUFBUSxHQUE0QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRXZELFNBQUksR0FBRyxLQUFLLENBQUM7UUFFYixzQkFBaUIsR0FBRyxDQUFDLENBQUM7UUFDdEIscUJBQWdCLEdBQUcsQ0FBQyxDQUFDO1FBS3JCLGFBQVEsR0FBRyxDQUFDLENBQUM7SUFINkIsQ0FBQztJQU0zQyw2Q0FBVSxHQUFqQixVQUFrQixLQUFpQjtRQUNoQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsRUFBRTtZQUNsRCxJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztTQUNwQjtJQUNKLENBQUM7SUFHTSw0Q0FBUyxHQUFoQixVQUFpQixLQUFvQjtRQUNsQyxJQUFJLEtBQUssQ0FBQyxHQUFHLEtBQUssT0FBTyxJQUFJLEtBQUssQ0FBQyxHQUFHLEtBQUssR0FBRyxF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IjpbImltcG9ydCB7XG4gICBDb21wb25lbnQsXG4gICBFbGVtZW50UmVmLFxuICAgRXZlbnRFbWl0dGVyLFxuICAgSG9zdEJpbmRpbmcsXG4gICBIb3N0TGlzdGVuZXIsXG4gICBJbnB1dCxcbiAgIE9uSW5pdCxcbiAgIE91dHB1dCxcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuaW1wb3J0IHsgV29ya3NwYWNlIH0gZnJvbSBcIi4vbW9kZWxzL3dvcmtzcGFjZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgIHNlbGVjdG9yOiBcInMtd29ya3NwYWNlLXN3aXRjaFwiLFxuICAgdGVtcGxhdGVVcmw6IFwiLi93b3Jrc3BhY2Utc3dpdGNoLmNvbXBvbmVudC5odG1sXCIsXG4gICBzdHlsZVVybHM6IFtcIi4vd29ya3NwYWNlLXN3aXRjaC5jb21wb25lbnQuc2Nzc1wiXSxcbn0pXG5leHBvcnQgY2xhc3MgV29ya3NwYWNlU3dpdGNoQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgd29ya3NwYWNlczogV29ya3NwYWNlW107XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgZm9vdGVyQnV0dG9uTGFiZWwgPSBcIkFkaWNpb25hclwiO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIHNob3dGb290ZXJCdXR0b24gPSB0cnVlO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgIEBPdXRwdXQoKVxuICAgcHVibGljIGZvb3RlckJ1dHRvbkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgIEBPdXRwdXQoKVxuICAgcHVibGljIHNlbGVjdGVkOiBFdmVudEVtaXR0ZXI8V29ya3NwYWNlPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAgcHVibGljIG9wZW4gPSBmYWxzZTtcblxuICAgcHVibGljIHNlbGVjdGVkSXRlbUluZGV4ID0gMDtcbiAgIHB1YmxpYyBjdXJyZW50SXRlbUluZGV4ID0gMDtcblxuICAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBlUmVmOiBFbGVtZW50UmVmKSB7IH1cblxuICAgQEhvc3RCaW5kaW5nKFwiYXR0ci50YWJpbmRleFwiKVxuICAgcHVibGljIHRhYmluZGV4ID0gMDtcblxuICAgQEhvc3RMaXN0ZW5lcihcImRvY3VtZW50OmNsaWNrXCIsIFtcIiRldmVudFwiXSlcbiAgIHB1YmxpYyBvbkNsaWNrb3V0KGV2ZW50OiBNb3VzZUV2ZW50KSB7XG4gICAgICBpZiAoIXRoaXMuZVJlZi5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKGV2ZW50LnRhcmdldCkpIHtcbiAgICAgICAgIHRoaXMub3BlbiA9IGZhbHNlO1xuICAgICAgfVxuICAgfVxuXG4gICBASG9zdExpc3RlbmVyKFwia2V5ZG93blwiLCBbXCIkZXZlbnRcIl0pXG4gICBwdWJsaWMgb25LZXlkb3duKGV2ZW50OiBLZXlib2FyZEV2ZW50KSB7XG4gICAgICBpZiAoZXZlbnQua2V5ID09PSBcIkVudGVyXCIgfHwgZXZlbnQua2V5ID09PSBcIiBcIikge1xuICAgICAgICAgaWYgKHRoaXMub3Blbikge1xuICAgICAgICAgICAgdGhpcy5zZWxlY3RlZEl0ZW1JbmRleCA9IHRoaXMuY3VycmVudEl0ZW1JbmRleDtcbiAgICAgICAgICAgIHRoaXMuc2VsZWN0ZWQuZW1pdCh0aGlzLndvcmtzcGFjZXNbdGhpcy5zZWxlY3RlZEl0ZW1JbmRleF0pO1xuICAgICAgICAgfVxuICAgICAgICAgdGhpcy5vcGVuID0gIXRoaXMub3BlbjtcbiAgICAgIH0gZWxzZSBpZiAoZXZlbnQua2V5ID09PSBcIkVzY2FwZVwiKSB7XG4gICAgICAgICB0aGlzLm9wZW4gPSBmYWxzZTtcbiAgICAgIH0gZWxzZSBpZiAoZXZlbnQua2V5ID09PSBcIkFycm93RG93blwiKSB7XG4gICAgICAgICBpZiAodGhpcy5jdXJyZW50SXRlbUluZGV4IDwgdGhpcy53b3Jrc3BhY2VzLmxlbmd0aCAtIDEpIHtcbiAgICAgICAgICAgIHRoaXMuY3VycmVudEl0ZW1JbmRleCsrO1xuICAgICAgICAgfVxuICAgICAgfSBlbHNlIGlmIChldmVudC5rZXkgPT09IFwiQXJyb3dVcFwiKSB7XG4gICAgICAgICBpZiAodGhpcy5jdXJyZW50SXRlbUluZGV4ID4gMCkge1xuICAgICAgICAgICAgdGhpcy5jdXJyZW50SXRlbUluZGV4LS07XG4gICAgICAgICB9XG4gICAgICB9XG4gICB9XG5cbiAgIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgIGlmICh0aGlzLmRpc2FibGVkKSB7XG4gICAgICAgICB0aGlzLnRhYmluZGV4ID0gLTE7XG4gICAgICB9XG4gICB9XG5cbiAgIHB1YmxpYyB2YWxpZGF0aW9ucygpIHtcbiAgICAgIGlmICghdGhpcy53b3Jrc3BhY2VzLmxlbmd0aCkge1xuICAgICAgICAgdGhyb3cgbmV3IEVycm9yKFwiV29ya3NwYWNlcyBsaXN0IGlzIGVtcHR5LlwiKTtcbiAgICAgIH1cbiAgIH1cblxuICAgcHVibGljIGJ1dHRvbk9uQmx1cigpIHtcbiAgICAgIHRoaXMub3BlbiA9IGZhbHNlO1xuICAgICAgdGhpcy5jdXJyZW50SXRlbUluZGV4ID0gdGhpcy5zZWxlY3RlZEl0ZW1JbmRleDtcbiAgIH1cblxuICAgcHVibGljIG9uU2VsZWN0SXRlbSh3b3Jrc3BhY2U6IFdvcmtzcGFjZSkge1xuICAgICAgdGhpcy5vcGVuID0gZmFsc2U7XG4gICAgICB0aGlzLnNlbGVjdGVkSXRlbUluZGV4ID0gdGhpcy53b3Jrc3BhY2VzLmluZGV4T2Yod29ya3NwYWNlKTtcbiAgICAgIHRoaXMuY3VycmVudEl0ZW1JbmRleCA9IHRoaXMuc2VsZWN0ZWRJdGVtSW5kZXg7XG4gICAgICB0aGlzLnNlbGVjdGVkLmVtaXQod29ya3NwYWNlKTtcbiAgIH1cblxuICAgcHVibGljIG9uRm9vdGVyQnV0dG9uQ2xpY2soKSB7XG4gICAgICB0aGlzLm9wZW4gPSBmYWxzZTtcbiAgICAgIHRoaXMuZm9vdGVyQnV0dG9uQ2xpY2tlZC5lbWl0KCk7XG4gICB9XG59XG4iXX0=
package/fesm2015/seniorsistemas-angular-components.js CHANGED
@@ -10695,6 +10695,7 @@ let WorkspaceSwitchComponent = class WorkspaceSwitchComponent {
10695
10695
  this.eRef = eRef;
10696
10696
  this.footerButtonLabel = "Adicionar";
10697
10697
  this.showFooterButton = true;
10698
+ this.disabled = false;
10698
10699
  this.footerButtonClicked = new EventEmitter();
10699
10700
  this.selected = new EventEmitter();
10700
10701
  this.open = false;
@@ -10729,6 +10730,11 @@ let WorkspaceSwitchComponent = class WorkspaceSwitchComponent {
10729
10730
  }
10730
10731
  }
10731
10732
  }
10733
+ ngOnInit() {
10734
+ if (this.disabled) {
10735
+ this.tabindex = -1;
10736
+ }
10737
+ }
10732
10738
  validations() {
10733
10739
  if (!this.workspaces.length) {
10734
10740
  throw new Error("Workspaces list is empty.");
@@ -10761,6 +10767,9 @@ __decorate([
10761
10767
  __decorate([
10762
10768
  Input()
10763
10769
  ], WorkspaceSwitchComponent.prototype, "showFooterButton", void 0);
10770
+ __decorate([
10771
+ Input()
10772
+ ], WorkspaceSwitchComponent.prototype, "disabled", void 0);
10764
10773
  __decorate([
10765
10774
  Output()
10766
10775
  ], WorkspaceSwitchComponent.prototype, "footerButtonClicked", void 0);
@@ -10779,8 +10788,8 @@ __decorate([
10779
10788
  WorkspaceSwitchComponent = __decorate([
10780
10789
  Component({
10781
10790
  selector: "s-workspace-switch",
10782
- 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>",
10783
- 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}"]
10791
+ template: "<div\n class=\"workspace-switch\"\n [ngClass]=\"{ 'workspace-switch--disabled': disabled }\"\n (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=\"!disabled && 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>",
10792
+ 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}.workspace-switch--disabled .button{cursor:default}.workspace-switch--disabled .button .icons,.workspace-switch--disabled .item .subtitle,.workspace-switch--disabled .item .title{color:#ccc}"]
10784
10793
  })
10785
10794
  ], WorkspaceSwitchComponent);
10786
10795