@seniorsistemas/angular-components 16.10.16 → 16.10.18
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 +50 -62
- package/bundles/seniorsistemas-angular-components.umd.js.map +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js +12 -12
- package/bundles/seniorsistemas-angular-components.umd.min.js.map +1 -1
- package/components/workspace-switch/models/workspace.d.ts +1 -0
- package/esm2015/components/file-upload/file-upload.component.js +4 -3
- package/esm2015/components/table/table-column/table-columns.component.js +3 -2
- package/esm2015/components/table/table-paging/table-paging.component.js +3 -2
- package/esm2015/components/timeline/components/vertical-timeline/components/range-line/range-line.component.js +1 -1
- package/esm2015/components/workspace-switch/models/workspace.js +1 -1
- package/esm2015/components/workspace-switch/workspace-switch.component.js +10 -3
- package/esm5/components/file-upload/file-upload.component.js +4 -3
- package/esm5/components/table/table-column/table-columns.component.js +3 -2
- package/esm5/components/table/table-paging/table-paging.component.js +3 -2
- package/esm5/components/timeline/components/vertical-timeline/components/range-line/range-line.component.js +1 -1
- package/esm5/components/workspace-switch/models/workspace.js +1 -1
- package/esm5/components/workspace-switch/workspace-switch.component.js +10 -3
- package/fesm2015/seniorsistemas-angular-components.js +33 -23
- package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
- package/fesm5/seniorsistemas-angular-components.js +33 -23
- package/fesm5/seniorsistemas-angular-components.js.map +1 -1
- package/package.json +40 -40
- package/seniorsistemas-angular-components.metadata.json +1 -1
|
@@ -21,7 +21,7 @@ import { Dialog, DialogModule } from 'primeng/dialog';
|
|
|
21
21
|
import { Table, TableService, RowToggler, TableModule as TableModule$1 } from 'primeng/table';
|
|
22
22
|
import { applyMask, AlignmentOptions, CurrencyMaskDirective as CurrencyMaskDirective$1 } from '@seniorsistemas/ng2-currency-mask';
|
|
23
23
|
import { user, service } from '@seniorsistemas/senior-platform-data';
|
|
24
|
-
import * as
|
|
24
|
+
import * as moment_ from 'moment';
|
|
25
25
|
import { CookieService } from 'ngx-cookie-service';
|
|
26
26
|
import { CurrencyMaskDirective } from 'ng2-currency-mask';
|
|
27
27
|
import { ButtonModule as ButtonModule$1 } from 'primeng/button';
|
|
@@ -1715,7 +1715,7 @@ const DEFAULT_NUMBER_LOCALE_OPTIONS = new NumberLocaleOptions();
|
|
|
1715
1715
|
*/
|
|
1716
1716
|
const DEFAULT_LOCALE_OPTIONS = new LocaleOptions();
|
|
1717
1717
|
|
|
1718
|
-
const moment =
|
|
1718
|
+
const moment = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
|
|
1719
1719
|
let LocaleService = class LocaleService {
|
|
1720
1720
|
constructor(http, cookieService) {
|
|
1721
1721
|
this.http = http;
|
|
@@ -1869,7 +1869,7 @@ LocalizedCurrencyImpurePipe = __decorate([
|
|
|
1869
1869
|
})
|
|
1870
1870
|
], LocalizedCurrencyImpurePipe);
|
|
1871
1871
|
|
|
1872
|
-
const moment$1 =
|
|
1872
|
+
const moment$1 = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
|
|
1873
1873
|
let LocalizedDatePipe = class LocalizedDatePipe {
|
|
1874
1874
|
constructor(localeService) {
|
|
1875
1875
|
this.localeService = localeService;
|
|
@@ -1921,7 +1921,7 @@ LocalizedNumberPipe = __decorate([
|
|
|
1921
1921
|
Pipe({ name: "localizedNumber" })
|
|
1922
1922
|
], LocalizedNumberPipe);
|
|
1923
1923
|
|
|
1924
|
-
const moment$2 =
|
|
1924
|
+
const moment$2 = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
|
|
1925
1925
|
let LocalizedTimePipe = class LocalizedTimePipe {
|
|
1926
1926
|
constructor(localeService) {
|
|
1927
1927
|
this.localeService = localeService;
|
|
@@ -3595,6 +3595,7 @@ FileUploadService = __decorate([
|
|
|
3595
3595
|
], FileUploadService);
|
|
3596
3596
|
|
|
3597
3597
|
var FileUploadComponent_1;
|
|
3598
|
+
const moment$3 = moment_;
|
|
3598
3599
|
let FileUploadComponent = FileUploadComponent_1 = class FileUploadComponent {
|
|
3599
3600
|
constructor(sanitizer, fileUploadService, translate) {
|
|
3600
3601
|
this.sanitizer = sanitizer;
|
|
@@ -3743,11 +3744,11 @@ let FileUploadComponent = FileUploadComponent_1 = class FileUploadComponent {
|
|
|
3743
3744
|
.then(metadata => this.setModifiedDate(metadata));
|
|
3744
3745
|
}
|
|
3745
3746
|
setModifiedDate(metadata) {
|
|
3746
|
-
const hour = moment$
|
|
3747
|
-
const minutes = moment$
|
|
3748
|
-
const day = moment$
|
|
3749
|
-
const month = moment$
|
|
3750
|
-
const fullYear = moment$
|
|
3747
|
+
const hour = moment$3(metadata.modified).format("HH");
|
|
3748
|
+
const minutes = moment$3(metadata.modified).format("mm");
|
|
3749
|
+
const day = moment$3(metadata.modified).format("DD");
|
|
3750
|
+
const month = moment$3(metadata.modified).format("MM");
|
|
3751
|
+
const fullYear = moment$3(metadata.modified).format("YYYY");
|
|
3751
3752
|
this.modifiedDate = this.translate.instant("platform.angular_components.date_modified_custom_blob", { hour, minutes, day, month, fullYear });
|
|
3752
3753
|
}
|
|
3753
3754
|
};
|
|
@@ -3842,7 +3843,7 @@ FileUploadComponent = FileUploadComponent_1 = __decorate([
|
|
|
3842
3843
|
Component({
|
|
3843
3844
|
selector: "s-file-upload",
|
|
3844
3845
|
template: "<div\n [id]=\"id\"\n class=\"s-fileupload\">\n <div class=\"s-fileupload-choose\">\n <input\n #inputUpload\n [id]=\"id+'input-upload'\"\n type=\"file\"\n name=\"file\"\n [accept]=\"accept\"\n [multiple]=\"multiple\"\n (change)=\"onFileSelect($event.dataTransfer\n ? $event.dataTransfer.files\n : $event.target.files)\"> \n <s-button\n [id]=\"id + 'upload-button'\"\n [label]=\"chooseLabel\"\n (onClick)=\"inputUpload.click()\"\n priority=\"primary\"\n [disabled]=\"disabled || !!formGroup?.disabled\"\n [auxiliary]=\"false\">\n </s-button>\n </div>\n\n <section\n *ngIf=\"files.length\" \n [id]=\"id + 'fileupload-list'\"\n class=\"s-fileupload-list\"\n role=\"grid\">\n <ng-container *ngFor=\"let file of files; let i = index\">\n <div\n class=\"s-fileupload-list-file\"\n role=\"row\">\n <div\n [id]=\"id + '-file-' + i + '-name'\"\n class=\"s-fileupload-list-file-name\"\n role=\"gridcell\">\n <ng-container *ngTemplateOutlet=\"file.savedFile || file.progress === 100\n ? descriptionUrl\n : description; context: {\n $implicit: file,\n index: i\n }\">\n </ng-container>\n <span *ngIf=\"modifiedDate\" class=\"s-fileupload-list-file-name-date\">{{ modifiedDate }}</span>\n </div>\n <div\n class=\"s-fileupload-list-file-status\"\n role=\"gridcell\">\n <p-progressBar\n *ngIf=\"file.isUploading && !isSmallDevice\"\n [style]=\"{ 'width': '250px', 'background-color': '#d8d8d8', 'border-radius': '0px', 'height': '14px'}\"\n [value]=\"file.progress\"\n [showValue]=\"false\"\n role=\"alert\"\n [attr.aria-label]=\"ariaLabelProgress\">\n </p-progressBar>\n <span\n *ngIf=\"file.isUploading && isSmallDevice\" \n [id]=\"id + '-file-' + i + '-spin'\"\n class=\"fas fa-circle-notch fa-spin\"\n [attr.aria-label]=\"ariaLabelProgress\">\n </span>\n <span\n *ngIf=\"!file.isUploading && !file.error && file.progress === 100\"\n [id]=\"id + '-file-' + i + '-check'\"\n class=\"fas fa-check\"\n role=\"alert\"\n [attr.aria-label]=\"ariaLabelSuccess || successTooltip\"\n [pTooltip]=\"successTooltip\"\n tooltipPosition=\"top\"\n showDelay=\"500\"\n [appendTo]=\"'body'\">\n </span>\n <span\n *ngIf=\"file.error?.message\" \n [id]=\"id + '-file-' + i + '-error'\"\n class=\"fas fa-times\"\n role=\"alert\"\n [pTooltip]=\"file.error?.message\"\n tooltipPosition=\"top\"\n showDelay=\"500\"\n [appendTo]=\"'body'\">\n </span>\n </div>\n <div\n class=\"s-fileupload-list-file-actions\"\n role=\"gridcell\">\n <a\n *ngIf=\"file.isUploading\"\n [id]=\"id + '-file-' + i + '-cancel'\"\n class=\"s-fileupload-list-file-actions-action\"\n (click)=\"onCancelUpload(i)\">\n {{cancelLabel}}\n </a>\n <a\n *ngIf=\"!file.isUploading && !(disabled || !!formGroup?.disabled)\"\n role=\"button\"\n tabindex=\"0\"\n [id]=\"id + '-file-' + i + '-remove'\"\n class=\"s-fileupload-list-file-actions-action\"\n (click)=\"onRemoveFile(file)\"\n [attr.aria-label]=\"ariaLabelRemove || removeLabel\">\n {{removeLabel}}\n </a>\n </div>\n </div>\n </ng-container>\n </section>\n</div>\n\n<ng-template\n #descriptionUrl\n let-file\n let-i = index>\n <a\n [id]=\"id + '-file-' + i + '-name-link'\"\n tabindex=\"0\"\n (click)=\"onDowloadFile(i)\"\n [attr.aria-label]=\"ariaLabelFileName || file.name\">{{file.name}}\n </a>\n <a\n style=\"display: none;\"\n [href]=\"file.objectURL\"\n target=\"_blank\"\n download\n #anchor>\n </a>\n</ng-template>\n\n<ng-template\n #description\n let-file>\n <span\n tabindex=\"0\"\n [attr.aria-label]=\"ariaLabelFileName || file.name\">\n {{file.name}}\n </span>\n</ng-template>\n",
|
|
3845
|
-
styles: [".s-fileupload .s-fileupload-choose{position:relative;margin:15px 0;width:-webkit-max-content;width:max-content}.s-fileupload input[type=file]{display:none}.s-fileupload-list{border:1px solid #ccc}.s-fileupload-list-file:not(:first-child){border-top:1px solid #ccc}.s-fileupload-list .s-fileupload-list-file{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;padding:15px}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:center
|
|
3846
|
+
styles: [".s-fileupload .s-fileupload-choose{position:relative;margin:15px 0;width:-webkit-max-content;width:max-content}.s-fileupload input[type=file]{display:none}.s-fileupload-list{border:1px solid #ccc}.s-fileupload-list-file:not(:first-child){border-top:1px solid #ccc}.s-fileupload-list .s-fileupload-list-file{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;padding:15px}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:center;align-self:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name .s-fileupload-list-file-name-date{font-size:.75rem;color:#999}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name>a{cursor:pointer;text-decoration:none}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-status{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.s-fileupload-list .s-fileupload-list-file .fas.fa-circle-notch{color:#d8d8d8;font-size:12px}.s-fileupload-list .s-fileupload-list-file .fas.fa-check{color:#0c9348;font-size:12px}.s-fileupload-list .s-fileupload-list-file .fas.fa-times{color:#c13018;font-size:12px}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions{margin-top:15px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;width:100%}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action{text-decoration:none;color:#428bca}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action :focus,.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action :visited,.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action:hover{text-decoration:none}@media (min-width:768px){.s-fileupload-list .s-fileupload-list-file{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name{width:auto;-ms-flex-positive:2;flex-grow:2}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-status{margin:0 15px}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions{margin:0;width:auto}}"]
|
|
3846
3847
|
})
|
|
3847
3848
|
], FileUploadComponent);
|
|
3848
3849
|
|
|
@@ -5184,6 +5185,7 @@ var EnumBadgeColors;
|
|
|
5184
5185
|
EnumBadgeColors["BLUE"] = "sds-semantic-blue";
|
|
5185
5186
|
})(EnumBadgeColors || (EnumBadgeColors = {}));
|
|
5186
5187
|
|
|
5188
|
+
const moment$4 = moment_;
|
|
5187
5189
|
let TableColumnsComponent = class TableColumnsComponent {
|
|
5188
5190
|
constructor(viewContainerRef, translate, hostProjectConfigs) {
|
|
5189
5191
|
this.viewContainerRef = viewContainerRef;
|
|
@@ -5489,6 +5491,7 @@ TokenListModule = __decorate([
|
|
|
5489
5491
|
})
|
|
5490
5492
|
], TokenListModule);
|
|
5491
5493
|
|
|
5494
|
+
const moment$5 = moment_;
|
|
5492
5495
|
let TablePagingComponent = class TablePagingComponent {
|
|
5493
5496
|
constructor(translate, hostProjectConfigs) {
|
|
5494
5497
|
this.translate = translate;
|
|
@@ -5646,7 +5649,7 @@ let TablePagingComponent = class TablePagingComponent {
|
|
|
5646
5649
|
getExportFileName() {
|
|
5647
5650
|
var _a;
|
|
5648
5651
|
const fileName = (_a = this.exportFileName) !== null && _a !== void 0 ? _a : "download";
|
|
5649
|
-
const currentDate = moment$
|
|
5652
|
+
const currentDate = moment$5(new Date()).format("DD-MM-YYYY[_]HH:mm");
|
|
5650
5653
|
return `${fileName}_${currentDate}`;
|
|
5651
5654
|
}
|
|
5652
5655
|
exportCurrentPage() {
|
|
@@ -7165,7 +7168,7 @@ var CustomFieldType;
|
|
|
7165
7168
|
CustomFieldType["Any"] = "Any";
|
|
7166
7169
|
CustomFieldType["Enum"] = "Enum";
|
|
7167
7170
|
})(CustomFieldType || (CustomFieldType = {}));
|
|
7168
|
-
const moment$
|
|
7171
|
+
const moment$6 = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
|
|
7169
7172
|
let CustomFieldsComponent = CustomFieldsComponent_1 = class CustomFieldsComponent {
|
|
7170
7173
|
constructor(customFieldsService, localeService, sanitizer, translateService, controlContainer) {
|
|
7171
7174
|
this.customFieldsService = customFieldsService;
|
|
@@ -7332,16 +7335,16 @@ let CustomFieldsComponent = CustomFieldsComponent_1 = class CustomFieldsComponen
|
|
|
7332
7335
|
return;
|
|
7333
7336
|
switch (type) {
|
|
7334
7337
|
case FieldType.Date:
|
|
7335
|
-
parsedValues[name] = moment$
|
|
7338
|
+
parsedValues[name] = moment$6(value).toDate();
|
|
7336
7339
|
break;
|
|
7337
7340
|
case FieldType.DateTime:
|
|
7338
|
-
parsedValues[name] = moment$
|
|
7341
|
+
parsedValues[name] = moment$6(value).toDate();
|
|
7339
7342
|
break;
|
|
7340
7343
|
case FieldType.LocalDateTime:
|
|
7341
|
-
parsedValues[name] = moment$
|
|
7344
|
+
parsedValues[name] = moment$6(value, "YYYY-MM-DD[T]HH:mm:ss.SSS").toDate();
|
|
7342
7345
|
break;
|
|
7343
7346
|
case FieldType.Time:
|
|
7344
|
-
parsedValues[name] = moment$
|
|
7347
|
+
parsedValues[name] = moment$6(value, "HH:mm:ss").toDate();
|
|
7345
7348
|
break;
|
|
7346
7349
|
}
|
|
7347
7350
|
});
|
|
@@ -7372,16 +7375,16 @@ let CustomFieldsComponent = CustomFieldsComponent_1 = class CustomFieldsComponen
|
|
|
7372
7375
|
value = new BigNumber(value).toFixed(scale).toString();
|
|
7373
7376
|
break;
|
|
7374
7377
|
case FieldType.Date:
|
|
7375
|
-
value = moment$
|
|
7378
|
+
value = moment$6(value).format("YYYY-MM-DD");
|
|
7376
7379
|
break;
|
|
7377
7380
|
case FieldType.DateTime:
|
|
7378
|
-
value = moment$
|
|
7381
|
+
value = moment$6(value).format();
|
|
7379
7382
|
break;
|
|
7380
7383
|
case FieldType.LocalDateTime:
|
|
7381
|
-
value = moment$
|
|
7384
|
+
value = moment$6(value).format("YYYY-MM-DD[T]HH:mm:ss.SSS");
|
|
7382
7385
|
break;
|
|
7383
7386
|
case FieldType.Time:
|
|
7384
|
-
value = moment$
|
|
7387
|
+
value = moment$6(value).format("HH:mm:ss");
|
|
7385
7388
|
break;
|
|
7386
7389
|
}
|
|
7387
7390
|
}
|
|
@@ -9063,7 +9066,7 @@ RangeLineComponent = __decorate([
|
|
|
9063
9066
|
Component({
|
|
9064
9067
|
selector: "s-range-line",
|
|
9065
9068
|
template: "<div class=\"range-line\">\n <div class=\"range-line__horizontal\"></div>\n <div class=\"range-line__vertical\"></div>\n <div class=\"range-line__horizontal\"></div>\n</div>\n",
|
|
9066
|
-
styles: [".range-line{-ms-flex-item-align:stretch
|
|
9069
|
+
styles: [".range-line{-ms-flex-item-align:stretch;align-self:stretch;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:20px;height:100%}.range-line .range-line__horizontal{background-color:#ccc;height:3px;width:100%}.range-line .range-line__vertical{background-color:#ccc;height:100%;width:3px}s-range-line{background-color:#add8e6}"]
|
|
9067
9070
|
})
|
|
9068
9071
|
], RangeLineComponent);
|
|
9069
9072
|
|
|
@@ -11081,6 +11084,10 @@ let WorkspaceSwitchComponent = class WorkspaceSwitchComponent {
|
|
|
11081
11084
|
onKeydown(event) {
|
|
11082
11085
|
if (event.key === "Enter" || event.key === " ") {
|
|
11083
11086
|
if (this.open) {
|
|
11087
|
+
const workspace = this.workspaces[this.selectedItemIndex];
|
|
11088
|
+
if (workspace.disabled) {
|
|
11089
|
+
return;
|
|
11090
|
+
}
|
|
11084
11091
|
this.selectedItemIndex = this.currentItemIndex;
|
|
11085
11092
|
this.selected.emit(this.workspaces[this.selectedItemIndex]);
|
|
11086
11093
|
}
|
|
@@ -11115,6 +11122,9 @@ let WorkspaceSwitchComponent = class WorkspaceSwitchComponent {
|
|
|
11115
11122
|
this.currentItemIndex = this.selectedItemIndex;
|
|
11116
11123
|
}
|
|
11117
11124
|
onSelectItem(workspace) {
|
|
11125
|
+
if (workspace.disabled) {
|
|
11126
|
+
return;
|
|
11127
|
+
}
|
|
11118
11128
|
this.open = false;
|
|
11119
11129
|
this.selectedItemIndex = this.workspaces.indexOf(workspace);
|
|
11120
11130
|
this.currentItemIndex = this.selectedItemIndex;
|
|
@@ -11158,8 +11168,8 @@ __decorate([
|
|
|
11158
11168
|
WorkspaceSwitchComponent = __decorate([
|
|
11159
11169
|
Component({
|
|
11160
11170
|
selector: "s-workspace-switch",
|
|
11161
|
-
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=\"
|
|
11162
|
-
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 .
|
|
11171
|
+
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=\"workspace\"\n [ngClass]=\"{\n 'workspace--focused': i == currentItemIndex && !workspace.disabled,\n 'workspace--disabled': workspace.disabled\n }\"\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>",
|
|
11172
|
+
styles: [".workspace-switch{border-radius:4px;border:1px solid transparent;width:324px}.workspace-switch .button{-ms-flex-align:center;align-items:center;background-color:#fff;border:none;border-radius:3px;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;width:100%}.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 .workspace{-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 .workspace .active-icon{color:#7892a1;font-size:12px;margin:0 12px}.workspace-switch .select .workspace--focused{background-color:#f1f7f8}.workspace-switch .select .workspace--disabled .item .subtitle,.workspace-switch .select .workspace--disabled .item .title{color:#c1c1cc}.workspace-switch .select .workspace:hover:not(.workspace--disabled){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}"]
|
|
11163
11173
|
})
|
|
11164
11174
|
], WorkspaceSwitchComponent);
|
|
11165
11175
|
|