@seniorsistemas/angular-components 16.7.0 → 16.7.2

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

@@ -1563,10 +1563,10 @@
             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)) {
@@ -1593,7 +1593,7 @@
                     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) {
@@ -4285,7 +4285,7 @@
         InfoSignComponent = __decorate([
             core.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);
@@ -4297,6 +4297,7 @@
             this.templateRef = templateRef;
             this.viewContainer = viewContainer;
             this.componentFactoryResolver = componentFactoryResolver;
+            this.displayTime = 5000;
         }
         InfoSignDirective.prototype.ngOnInit = function () {
             if (!this.componentRef && this.sInfoSign) {
@@ -4305,6 +4306,7 @@
                 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;
@@ -4327,6 +4329,9 @@
         __decorate([
             core.Input()
         ], InfoSignDirective.prototype, "sInfoSign", void 0);
+        __decorate([
+            core.Input('sInfoSignDisplayTime')
+        ], InfoSignDirective.prototype, "displayTime", void 0);
         InfoSignDirective = __decorate([
             core.Directive({
                 selector: "[sInfoSign]",
@@ -11618,6 +11623,7 @@
             this.eRef = eRef;
             this.footerButtonLabel = "Adicionar";
             this.showFooterButton = true;
+            this.disabled = false;
             this.footerButtonClicked = new core.EventEmitter();
             this.selected = new core.EventEmitter();
             this.open = false;
@@ -11652,6 +11658,11 @@
                 }
             }
         };
+        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.");
@@ -11683,6 +11694,9 @@
         __decorate([
             core.Input()
         ], WorkspaceSwitchComponent.prototype, "showFooterButton", void 0);
+        __decorate([
+            core.Input()
+        ], WorkspaceSwitchComponent.prototype, "disabled", void 0);
         __decorate([
             core.Output()
         ], WorkspaceSwitchComponent.prototype, "footerButtonClicked", void 0);
@@ -11701,8 +11715,8 @@
         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}"]
+                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;