@seniorsistemas/angular-components 16.7.0 → 16.7.2

package/fesm5/seniorsistemas-angular-components.js

@@ -1394,10 +1394,10 @@ var CountryPhonePickerComponent = /** @class */ (function () {
         this.value = value;
     };
     CountryPhonePickerComponent.prototype.registerOnChange = function (onChange) {
-        this.onChange = onChange;
+        this._onChange = onChange;
     };
     CountryPhonePickerComponent.prototype.registerOnTouched = function (onTouched) {
-        this.onTouched = onTouched;
+        this._onTouched = onTouched;
     };
     CountryPhonePickerComponent.prototype.onClickout = function (event) {
         if (!this.eRef.nativeElement.contains(event.target)) {
@@ -1424,7 +1424,7 @@ var CountryPhonePickerComponent = /** @class */ (function () {
                 rawValue: value !== null && value !== void 0 ? value : "",
                 value: value ? "" + _this._applyMask(value) : "",
             };
-            _this.onChange(_this.value);
+            _this._onChange(_this.value);
         });
     };
     CountryPhonePickerComponent.prototype.onKeydown = function (event) {
@@ -4116,7 +4116,7 @@ var InfoSignComponent = /** @class */ (function () {
     InfoSignComponent = __decorate([
         Component({
             selector: "s-info-sign-component",
-            template: "<span class=\"info-sign\">\n    <span *ngTemplateOutlet=\"templateRef\"></span>\n    <i\n        class=\"info-sign__icon fa fa-info-circle\"\n        aria-hidden=\"true\"\n        [sTooltip]=\"tooltip\"\n        [escape]=\"false\"\n        tooltipPosition=\"top\"\n        [displayTime]=\"5000\"\n        mobileBehavior=\"tap\"\n        showDelay=\"0\">\n    </i>\n</span>",
+            template: "<span class=\"info-sign\">\n    <span *ngTemplateOutlet=\"templateRef\"></span>\n    <i\n        class=\"info-sign__icon fa fa-info-circle\"\n        aria-hidden=\"true\"\n        [sTooltip]=\"tooltip\"\n        [escape]=\"false\"\n        tooltipPosition=\"top\"\n        [displayTime]=\"displayTime\"\n        mobileBehavior=\"tap\"\n        showDelay=\"0\">\n    </i>\n</span>",
             styles: [".info-sign{-ms-flex-align:baseline;align-items:baseline;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:start;justify-content:flex-start}.info-sign .info-sign__icon{padding:0 12px}"]
         })
     ], InfoSignComponent);
@@ -4128,6 +4128,7 @@ var InfoSignDirective = /** @class */ (function () {
         this.templateRef = templateRef;
         this.viewContainer = viewContainer;
         this.componentFactoryResolver = componentFactoryResolver;
+        this.displayTime = 5000;
     }
     InfoSignDirective.prototype.ngOnInit = function () {
         if (!this.componentRef && this.sInfoSign) {
@@ -4136,6 +4137,7 @@ var InfoSignDirective = /** @class */ (function () {
             this.componentRef = this.viewContainer.createComponent(componentFactory);
             this.componentRef.instance.templateRef = this.templateRef;
             this.componentRef.instance.tooltip = this.sInfoSign;
+            this.componentRef.instance.displayTime = this.displayTime;
         }
         else if (this.componentRef && this.sInfoSign) {
             this.componentRef.instance.tooltip = this.sInfoSign;
@@ -4158,6 +4160,9 @@ var InfoSignDirective = /** @class */ (function () {
     __decorate([
         Input()
     ], InfoSignDirective.prototype, "sInfoSign", void 0);
+    __decorate([
+        Input('sInfoSignDisplayTime')
+    ], InfoSignDirective.prototype, "displayTime", void 0);
     InfoSignDirective = __decorate([
         Directive({
             selector: "[sInfoSign]",
@@ -11449,6 +11454,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 +11489,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 +11525,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 +11546,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;