@seniorsistemas/angular-components 16.7.0 → 16.7.2
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.
- package/bundles/seniorsistemas-angular-components.umd.js +20 -6
- package/bundles/seniorsistemas-angular-components.umd.js.map +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js.map +1 -1
- package/components/country-phone-picker/country-phone-picker.component.d.ts +3 -3
- package/components/info-sign/info-sign.component.d.ts +1 -0
- package/components/info-sign/info-sign.directive.d.ts +1 -0
- package/components/workspace-switch/workspace-switch.component.d.ts +4 -2
- package/esm2015/components/country-phone-picker/country-phone-picker.component.js +4 -4
- package/esm2015/components/info-sign/info-sign.component.js +2 -2
- package/esm2015/components/info-sign/info-sign.directive.js +6 -1
- package/esm2015/components/workspace-switch/workspace-switch.component.js +13 -4
- package/esm5/components/country-phone-picker/country-phone-picker.component.js +4 -4
- package/esm5/components/info-sign/info-sign.component.js +2 -2
- package/esm5/components/info-sign/info-sign.directive.js +6 -1
- package/esm5/components/workspace-switch/workspace-switch.component.js +13 -4
- package/fesm2015/seniorsistemas-angular-components.js +20 -6
- package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
- package/fesm5/seniorsistemas-angular-components.js +20 -6
- package/fesm5/seniorsistemas-angular-components.js.map +1 -1
- package/package.json +1 -1
- package/seniorsistemas-angular-components.metadata.json +1 -1
|
@@ -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
|
|
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,
|
|
107
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid29ya3NwYWNlLXN3aXRjaC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy93b3Jrc3BhY2Utc3dpdGNoL3dvcmtzcGFjZS1zd2l0Y2guY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0osU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osV0FBVyxFQUNYLFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLE1BQU0sR0FDUixNQUFNLGVBQWUsQ0FBQztBQVN2QjtJQXdCRyxrQ0FBNkIsSUFBZ0I7UUFBaEIsU0FBSSxHQUFKLElBQUksQ0FBWTtRQW5CdEMsc0JBQWlCLEdBQUcsV0FBVyxDQUFDO1FBR2hDLHFCQUFnQixHQUFHLElBQUksQ0FBQztRQUd4QixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBR2pCLHdCQUFtQixHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFHekMsYUFBUSxHQUE0QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRXZELFNBQUksR0FBRyxLQUFLLENBQUM7UUFFYixzQkFBaUIsR0FBRyxDQUFDLENBQUM7UUFDdEIscUJBQWdCLEdBQUcsQ0FBQyxDQUFDO1FBS3JCLGFBQVEsR0FBRyxDQUFDLENBQUM7SUFINkIsQ0FBQztJQU0zQyw2Q0FBVSxHQUFqQixVQUFrQixLQUFpQjtRQUNoQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsRUFBRTtZQUNsRCxJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztTQUNwQjtJQUNKLENBQUM7SUFHTSw0Q0FBUyxHQUFoQixVQUFpQixLQUFvQjtRQUNsQyxJQUFJLEtBQUssQ0FBQyxHQUFHLEtBQUssT0FBTyxJQUFJLEtBQUssQ0FBQyxHQUFHLEtBQUssR0FBRyxF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IjpbImltcG9ydCB7XG4gICBDb21wb25lbnQsXG4gICBFbGVtZW50UmVmLFxuICAgRXZlbnRFbWl0dGVyLFxuICAgSG9zdEJpbmRpbmcsXG4gICBIb3N0TGlzdGVuZXIsXG4gICBJbnB1dCxcbiAgIE9uSW5pdCxcbiAgIE91dHB1dCxcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuaW1wb3J0IHsgV29ya3NwYWNlIH0gZnJvbSBcIi4vbW9kZWxzL3dvcmtzcGFjZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgIHNlbGVjdG9yOiBcInMtd29ya3NwYWNlLXN3aXRjaFwiLFxuICAgdGVtcGxhdGVVcmw6IFwiLi93b3Jrc3BhY2Utc3dpdGNoLmNvbXBvbmVudC5odG1sXCIsXG4gICBzdHlsZVVybHM6IFtcIi4vd29ya3NwYWNlLXN3aXRjaC5jb21wb25lbnQuc2Nzc1wiXSxcbn0pXG5leHBvcnQgY2xhc3MgV29ya3NwYWNlU3dpdGNoQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgd29ya3NwYWNlczogV29ya3NwYWNlW107XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgZm9vdGVyQnV0dG9uTGFiZWwgPSBcIkFkaWNpb25hclwiO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIHNob3dGb290ZXJCdXR0b24gPSB0cnVlO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgIEBPdXRwdXQoKVxuICAgcHVibGljIGZvb3RlckJ1dHRvbkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgIEBPdXRwdXQoKVxuICAgcHVibGljIHNlbGVjdGVkOiBFdmVudEVtaXR0ZXI8V29ya3NwYWNlPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAgcHVibGljIG9wZW4gPSBmYWxzZTtcblxuICAgcHVibGljIHNlbGVjdGVkSXRlbUluZGV4ID0gMDtcbiAgIHB1YmxpYyBjdXJyZW50SXRlbUluZGV4ID0gMDtcblxuICAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBlUmVmOiBFbGVtZW50UmVmKSB7IH1cblxuICAgQEhvc3RCaW5kaW5nKFwiYXR0ci50YWJpbmRleFwiKVxuICAgcHVibGljIHRhYmluZGV4ID0gMDtcblxuICAgQEhvc3RMaXN0ZW5lcihcImRvY3VtZW50OmNsaWNrXCIsIFtcIiRldmVudFwiXSlcbiAgIHB1YmxpYyBvbkNsaWNrb3V0KGV2ZW50OiBNb3VzZUV2ZW50KSB7XG4gICAgICBpZiAoIXRoaXMuZVJlZi5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKGV2ZW50LnRhcmdldCkpIHtcbiAgICAgICAgIHRoaXMub3BlbiA9IGZhbHNlO1xuICAgICAgfVxuICAgfVxuXG4gICBASG9zdExpc3RlbmVyKFwia2V5ZG93blwiLCBbXCIkZXZlbnRcIl0pXG4gICBwdWJsaWMgb25LZXlkb3duKGV2ZW50OiBLZXlib2FyZEV2ZW50KSB7XG4gICAgICBpZiAoZXZlbnQua2V5ID09PSBcIkVudGVyXCIgfHwgZXZlbnQua2V5ID09PSBcIiBcIikge1xuICAgICAgICAgaWYgKHRoaXMub3Blbikge1xuICAgICAgICAgICAgdGhpcy5zZWxlY3RlZEl0ZW1JbmRleCA9IHRoaXMuY3VycmVudEl0ZW1JbmRleDtcbiAgICAgICAgICAgIHRoaXMuc2VsZWN0ZWQuZW1pdCh0aGlzLndvcmtzcGFjZXNbdGhpcy5zZWxlY3RlZEl0ZW1JbmRleF0pO1xuICAgICAgICAgfVxuICAgICAgICAgdGhpcy5vcGVuID0gIXRoaXMub3BlbjtcbiAgICAgIH0gZWxzZSBpZiAoZXZlbnQua2V5ID09PSBcIkVzY2FwZVwiKSB7XG4gICAgICAgICB0aGlzLm9wZW4gPSBmYWxzZTtcbiAgICAgIH0gZWxzZSBpZiAoZXZlbnQua2V5ID09PSBcIkFycm93RG93blwiKSB7XG4gICAgICAgICBpZiAodGhpcy5jdXJyZW50SXRlbUluZGV4IDwgdGhpcy53b3Jrc3BhY2VzLmxlbmd0aCAtIDEpIHtcbiAgICAgICAgICAgIHRoaXMuY3VycmVudEl0ZW1JbmRleCsrO1xuICAgICAgICAgfVxuICAgICAgfSBlbHNlIGlmIChldmVudC5rZXkgPT09IFwiQXJyb3dVcFwiKSB7XG4gICAgICAgICBpZiAodGhpcy5jdXJyZW50SXRlbUluZGV4ID4gMCkge1xuICAgICAgICAgICAgdGhpcy5jdXJyZW50SXRlbUluZGV4LS07XG4gICAgICAgICB9XG4gICAgICB9XG4gICB9XG5cbiAgIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgIGlmICh0aGlzLmRpc2FibGVkKSB7XG4gICAgICAgICB0aGlzLnRhYmluZGV4ID0gLTE7XG4gICAgICB9XG4gICB9XG5cbiAgIHB1YmxpYyB2YWxpZGF0aW9ucygpIHtcbiAgICAgIGlmICghdGhpcy53b3Jrc3BhY2VzLmxlbmd0aCkge1xuICAgICAgICAgdGhyb3cgbmV3IEVycm9yKFwiV29ya3NwYWNlcyBsaXN0IGlzIGVtcHR5LlwiKTtcbiAgICAgIH1cbiAgIH1cblxuICAgcHVibGljIGJ1dHRvbk9uQmx1cigpIHtcbiAgICAgIHRoaXMub3BlbiA9IGZhbHNlO1xuICAgICAgdGhpcy5jdXJyZW50SXRlbUluZGV4ID0gdGhpcy5zZWxlY3RlZEl0ZW1JbmRleDtcbiAgIH1cblxuICAgcHVibGljIG9uU2VsZWN0SXRlbSh3b3Jrc3BhY2U6IFdvcmtzcGFjZSkge1xuICAgICAgdGhpcy5vcGVuID0gZmFsc2U7XG4gICAgICB0aGlzLnNlbGVjdGVkSXRlbUluZGV4ID0gdGhpcy53b3Jrc3BhY2VzLmluZGV4T2Yod29ya3NwYWNlKTtcbiAgICAgIHRoaXMuY3VycmVudEl0ZW1JbmRleCA9IHRoaXMuc2VsZWN0ZWRJdGVtSW5kZXg7XG4gICAgICB0aGlzLnNlbGVjdGVkLmVtaXQod29ya3NwYWNlKTtcbiAgIH1cblxuICAgcHVibGljIG9uRm9vdGVyQnV0dG9uQ2xpY2soKSB7XG4gICAgICB0aGlzLm9wZW4gPSBmYWxzZTtcbiAgICAgIHRoaXMuZm9vdGVyQnV0dG9uQ2xpY2tlZC5lbWl0KCk7XG4gICB9XG59XG4iXX0=
|
|
@@ -1347,10 +1347,10 @@ let CountryPhonePickerComponent = CountryPhonePickerComponent_1 = class CountryP
|
|
|
1347
1347
|
this.value = value;
|
|
1348
1348
|
}
|
|
1349
1349
|
registerOnChange(onChange) {
|
|
1350
|
-
this.
|
|
1350
|
+
this._onChange = onChange;
|
|
1351
1351
|
}
|
|
1352
1352
|
registerOnTouched(onTouched) {
|
|
1353
|
-
this.
|
|
1353
|
+
this._onTouched = onTouched;
|
|
1354
1354
|
}
|
|
1355
1355
|
onClickout(event) {
|
|
1356
1356
|
if (!this.eRef.nativeElement.contains(event.target)) {
|
|
@@ -1376,7 +1376,7 @@ let CountryPhonePickerComponent = CountryPhonePickerComponent_1 = class CountryP
|
|
|
1376
1376
|
rawValue: value !== null && value !== void 0 ? value : "",
|
|
1377
1377
|
value: value ? `${this._applyMask(value)}` : "",
|
|
1378
1378
|
};
|
|
1379
|
-
this.
|
|
1379
|
+
this._onChange(this.value);
|
|
1380
1380
|
});
|
|
1381
1381
|
}
|
|
1382
1382
|
onKeydown(event) {
|
|
@@ -3860,7 +3860,7 @@ let InfoSignComponent = class InfoSignComponent {
|
|
|
3860
3860
|
InfoSignComponent = __decorate([
|
|
3861
3861
|
Component({
|
|
3862
3862
|
selector: "s-info-sign-component",
|
|
3863
|
-
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]=\"
|
|
3863
|
+
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>",
|
|
3864
3864
|
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}"]
|
|
3865
3865
|
})
|
|
3866
3866
|
], InfoSignComponent);
|
|
@@ -3870,6 +3870,7 @@ let InfoSignDirective = class InfoSignDirective {
|
|
|
3870
3870
|
this.templateRef = templateRef;
|
|
3871
3871
|
this.viewContainer = viewContainer;
|
|
3872
3872
|
this.componentFactoryResolver = componentFactoryResolver;
|
|
3873
|
+
this.displayTime = 5000;
|
|
3873
3874
|
}
|
|
3874
3875
|
ngOnInit() {
|
|
3875
3876
|
if (!this.componentRef && this.sInfoSign) {
|
|
@@ -3878,6 +3879,7 @@ let InfoSignDirective = class InfoSignDirective {
|
|
|
3878
3879
|
this.componentRef = this.viewContainer.createComponent(componentFactory);
|
|
3879
3880
|
this.componentRef.instance.templateRef = this.templateRef;
|
|
3880
3881
|
this.componentRef.instance.tooltip = this.sInfoSign;
|
|
3882
|
+
this.componentRef.instance.displayTime = this.displayTime;
|
|
3881
3883
|
}
|
|
3882
3884
|
else if (this.componentRef && this.sInfoSign) {
|
|
3883
3885
|
this.componentRef.instance.tooltip = this.sInfoSign;
|
|
@@ -3901,6 +3903,9 @@ InfoSignDirective.ctorParameters = () => [
|
|
|
3901
3903
|
__decorate([
|
|
3902
3904
|
Input()
|
|
3903
3905
|
], InfoSignDirective.prototype, "sInfoSign", void 0);
|
|
3906
|
+
__decorate([
|
|
3907
|
+
Input('sInfoSignDisplayTime')
|
|
3908
|
+
], InfoSignDirective.prototype, "displayTime", void 0);
|
|
3904
3909
|
InfoSignDirective = __decorate([
|
|
3905
3910
|
Directive({
|
|
3906
3911
|
selector: "[sInfoSign]",
|
|
@@ -10695,6 +10700,7 @@ let WorkspaceSwitchComponent = class WorkspaceSwitchComponent {
|
|
|
10695
10700
|
this.eRef = eRef;
|
|
10696
10701
|
this.footerButtonLabel = "Adicionar";
|
|
10697
10702
|
this.showFooterButton = true;
|
|
10703
|
+
this.disabled = false;
|
|
10698
10704
|
this.footerButtonClicked = new EventEmitter();
|
|
10699
10705
|
this.selected = new EventEmitter();
|
|
10700
10706
|
this.open = false;
|
|
@@ -10729,6 +10735,11 @@ let WorkspaceSwitchComponent = class WorkspaceSwitchComponent {
|
|
|
10729
10735
|
}
|
|
10730
10736
|
}
|
|
10731
10737
|
}
|
|
10738
|
+
ngOnInit() {
|
|
10739
|
+
if (this.disabled) {
|
|
10740
|
+
this.tabindex = -1;
|
|
10741
|
+
}
|
|
10742
|
+
}
|
|
10732
10743
|
validations() {
|
|
10733
10744
|
if (!this.workspaces.length) {
|
|
10734
10745
|
throw new Error("Workspaces list is empty.");
|
|
@@ -10761,6 +10772,9 @@ __decorate([
|
|
|
10761
10772
|
__decorate([
|
|
10762
10773
|
Input()
|
|
10763
10774
|
], WorkspaceSwitchComponent.prototype, "showFooterButton", void 0);
|
|
10775
|
+
__decorate([
|
|
10776
|
+
Input()
|
|
10777
|
+
], WorkspaceSwitchComponent.prototype, "disabled", void 0);
|
|
10764
10778
|
__decorate([
|
|
10765
10779
|
Output()
|
|
10766
10780
|
], WorkspaceSwitchComponent.prototype, "footerButtonClicked", void 0);
|
|
@@ -10779,8 +10793,8 @@ __decorate([
|
|
|
10779
10793
|
WorkspaceSwitchComponent = __decorate([
|
|
10780
10794
|
Component({
|
|
10781
10795
|
selector: "s-workspace-switch",
|
|
10782
|
-
template: "<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}"]
|
|
10796
|
+
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>",
|
|
10797
|
+
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
10798
|
})
|
|
10785
10799
|
], WorkspaceSwitchComponent);
|
|
10786
10800
|
|