@seniorsistemas/angular-components 16.7.0 → 16.7.1

package/fesm5/seniorsistemas-angular-components.js

@@ -11449,6 +11449,7 @@ var WorkspaceSwitchComponent = /** @class */ (function () {
         this.eRef = eRef;
         this.footerButtonLabel = "Adicionar";
         this.showFooterButton = true;
+        this.disabled = false;
         this.footerButtonClicked = new EventEmitter();
         this.selected = new EventEmitter();
         this.open = false;
@@ -11483,6 +11484,11 @@ var WorkspaceSwitchComponent = /** @class */ (function () {
             }
         }
     };
+    WorkspaceSwitchComponent.prototype.ngOnInit = function () {
+        if (this.disabled) {
+            this.tabindex = -1;
+        }
+    };
     WorkspaceSwitchComponent.prototype.validations = function () {
         if (!this.workspaces.length) {
             throw new Error("Workspaces list is empty.");
@@ -11514,6 +11520,9 @@ var WorkspaceSwitchComponent = /** @class */ (function () {
     __decorate([
         Input()
     ], WorkspaceSwitchComponent.prototype, "showFooterButton", void 0);
+    __decorate([
+        Input()
+    ], WorkspaceSwitchComponent.prototype, "disabled", void 0);
     __decorate([
         Output()
     ], WorkspaceSwitchComponent.prototype, "footerButtonClicked", void 0);
@@ -11532,8 +11541,8 @@ var WorkspaceSwitchComponent = /** @class */ (function () {
     WorkspaceSwitchComponent = __decorate([
         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}"]
+            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>",
+            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}"]
         })
     ], WorkspaceSwitchComponent);
     return WorkspaceSwitchComponent;