@seniorsistemas/angular-components 17.30.0-bugfix-sds-382-9e3e9afc → 17.30.0-bugfix-sds-397-667ade0d
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 +48 -33
- 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/object-card/object-card.component.d.ts +6 -5
- package/components/utils/breakpoints.d.ts +7 -7
- package/esm2015/components/object-card/object-card.component.js +37 -33
- package/esm2015/components/table/table-paging/table-paging.component.js +3 -3
- package/esm2015/components/utils/breakpoints.js +1 -1
- package/esm5/components/object-card/object-card.component.js +49 -34
- package/esm5/components/table/table-paging/table-paging.component.js +3 -3
- package/esm5/components/utils/breakpoints.js +1 -1
- package/fesm2015/seniorsistemas-angular-components.js +37 -33
- package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
- package/fesm5/seniorsistemas-angular-components.js +48 -33
- package/fesm5/seniorsistemas-angular-components.js.map +1 -1
- package/package.json +1 -1
- package/seniorsistemas-angular-components.metadata.json +1 -1
|
@@ -10743,7 +10743,7 @@
|
|
|
10743
10743
|
});
|
|
10744
10744
|
};
|
|
10745
10745
|
TablePagingComponent.prototype.getCurrentPageRowsToExport = function (columns) {
|
|
10746
|
-
var tableData = this.table.value;
|
|
10746
|
+
var tableData = __spread(this.table.value);
|
|
10747
10747
|
if (this.loadCurrentPageRecords) {
|
|
10748
10748
|
tableData = this.loadCurrentPageRecords();
|
|
10749
10749
|
}
|
|
@@ -10752,7 +10752,7 @@
|
|
|
10752
10752
|
return this.mapColumnsTranslations(columns, tableData);
|
|
10753
10753
|
};
|
|
10754
10754
|
TablePagingComponent.prototype.getSelectedRowsToExport = function (columns) {
|
|
10755
|
-
var tableData = this.table.selection;
|
|
10755
|
+
var tableData = __spread(this.table.selection);
|
|
10756
10756
|
if (this.loadSelectedRecords) {
|
|
10757
10757
|
tableData = this.loadSelectedRecords();
|
|
10758
10758
|
}
|
|
@@ -19293,7 +19293,8 @@
|
|
|
19293
19293
|
}());
|
|
19294
19294
|
|
|
19295
19295
|
var ObjectCardComponent = /** @class */ (function () {
|
|
19296
|
-
function ObjectCardComponent() {
|
|
19296
|
+
function ObjectCardComponent(elementRef) {
|
|
19297
|
+
this.elementRef = elementRef;
|
|
19297
19298
|
this.id = "s-object-card-" + ObjectCardComponent_1.nextId++;
|
|
19298
19299
|
this.expanded = false;
|
|
19299
19300
|
this.expandTooltip = "Abrir painel";
|
|
@@ -19305,36 +19306,43 @@
|
|
|
19305
19306
|
this.EnumSeverity = exports.EnumSeverity;
|
|
19306
19307
|
}
|
|
19307
19308
|
ObjectCardComponent_1 = ObjectCardComponent;
|
|
19309
|
+
ObjectCardComponent.prototype.ngAfterViewInit = function () {
|
|
19310
|
+
};
|
|
19308
19311
|
ObjectCardComponent.prototype.ngAfterContentChecked = function () {
|
|
19309
19312
|
this.update();
|
|
19310
19313
|
};
|
|
19311
19314
|
ObjectCardComponent.prototype.update = function () {
|
|
19315
|
+
var e_1, _a;
|
|
19312
19316
|
var windowWidth = window.innerWidth;
|
|
19313
|
-
var containerWidth = this.
|
|
19314
|
-
var mainFieldWidth =
|
|
19315
|
-
var remainingSpace = containerWidth - mainFieldWidth;
|
|
19317
|
+
var containerWidth = this.elementRef.nativeElement.offsetWidth;
|
|
19318
|
+
var mainFieldWidth = containerWidth * 0.3 > 260 ? containerWidth * 0.3 : 260;
|
|
19316
19319
|
var fieldsMinWidth = this.fieldsMinWidth;
|
|
19317
|
-
var expandIconWidth =
|
|
19318
|
-
var
|
|
19319
|
-
|
|
19320
|
-
|
|
19321
|
-
|
|
19322
|
-
|
|
19323
|
-
|
|
19320
|
+
var expandIconWidth = 50;
|
|
19321
|
+
var fieldElementList = this.elementRef.nativeElement.getElementsByClassName("s-object-card-field");
|
|
19322
|
+
try {
|
|
19323
|
+
for (var fieldElementList_1 = __values(fieldElementList), fieldElementList_1_1 = fieldElementList_1.next(); !fieldElementList_1_1.done; fieldElementList_1_1 = fieldElementList_1.next()) {
|
|
19324
|
+
var element = fieldElementList_1_1.value;
|
|
19325
|
+
element.style.minWidth = this.fieldsMinWidth + "px";
|
|
19326
|
+
}
|
|
19324
19327
|
}
|
|
19325
|
-
|
|
19326
|
-
|
|
19327
|
-
|
|
19328
|
-
|
|
19329
|
-
|
|
19328
|
+
catch (e_1_1) { e_1 = { error: e_1_1 }; }
|
|
19329
|
+
finally {
|
|
19330
|
+
try {
|
|
19331
|
+
if (fieldElementList_1_1 && !fieldElementList_1_1.done && (_a = fieldElementList_1.return)) _a.call(fieldElementList_1);
|
|
19332
|
+
}
|
|
19333
|
+
finally { if (e_1) throw e_1.error; }
|
|
19330
19334
|
}
|
|
19331
|
-
|
|
19332
|
-
|
|
19335
|
+
var maxFieldQtd;
|
|
19336
|
+
if (windowWidth <= Breakpoints.SM_MAX)
|
|
19337
|
+
maxFieldQtd = 0;
|
|
19338
|
+
else
|
|
19339
|
+
maxFieldQtd = Math.floor((containerWidth - mainFieldWidth) / fieldsMinWidth);
|
|
19340
|
+
if (maxFieldQtd && maxFieldQtd < this.fields.length) {
|
|
19341
|
+
maxFieldQtd = Math.floor((containerWidth - mainFieldWidth - expandIconWidth) / fieldsMinWidth);
|
|
19333
19342
|
}
|
|
19334
19343
|
this.maxVisibleFields = maxFieldQtd;
|
|
19335
|
-
if (maxFieldQtd >= this.fields.length && this.expanded)
|
|
19344
|
+
if (maxFieldQtd >= this.fields.length && this.expanded)
|
|
19336
19345
|
this.collapse();
|
|
19337
|
-
}
|
|
19338
19346
|
};
|
|
19339
19347
|
ObjectCardComponent.prototype.toggle = function () {
|
|
19340
19348
|
this.expanded ? this.collapse() : this.expand();
|
|
@@ -19347,8 +19355,24 @@
|
|
|
19347
19355
|
this.expanded = false;
|
|
19348
19356
|
this.expandedChange.emit(this.expanded);
|
|
19349
19357
|
};
|
|
19358
|
+
ObjectCardComponent.prototype.getExpandedFieldWidth = function () {
|
|
19359
|
+
var containerWidth = this.elementRef.nativeElement.offsetWidth;
|
|
19360
|
+
var fieldsPerRow;
|
|
19361
|
+
if (containerWidth <= Breakpoints.SM_MAX)
|
|
19362
|
+
fieldsPerRow = 1;
|
|
19363
|
+
else if (containerWidth <= Breakpoints.MD_MAX)
|
|
19364
|
+
fieldsPerRow = 2;
|
|
19365
|
+
else if (containerWidth <= Breakpoints.LG_MAX)
|
|
19366
|
+
fieldsPerRow = 4;
|
|
19367
|
+
else
|
|
19368
|
+
fieldsPerRow = 6;
|
|
19369
|
+
return 12 / fieldsPerRow;
|
|
19370
|
+
};
|
|
19350
19371
|
var ObjectCardComponent_1;
|
|
19351
19372
|
ObjectCardComponent.nextId = 0;
|
|
19373
|
+
ObjectCardComponent.ctorParameters = function () { return [
|
|
19374
|
+
{ type: core.ElementRef }
|
|
19375
|
+
]; };
|
|
19352
19376
|
__decorate([
|
|
19353
19377
|
core.Input()
|
|
19354
19378
|
], ObjectCardComponent.prototype, "id", void 0);
|
|
@@ -19379,19 +19403,10 @@
|
|
|
19379
19403
|
__decorate([
|
|
19380
19404
|
core.Input()
|
|
19381
19405
|
], ObjectCardComponent.prototype, "borderButtonOptions", void 0);
|
|
19382
|
-
__decorate([
|
|
19383
|
-
core.ViewChild('contentContainer', { static: true })
|
|
19384
|
-
], ObjectCardComponent.prototype, "container", void 0);
|
|
19385
|
-
__decorate([
|
|
19386
|
-
core.ViewChild('cardMainContainer', { static: true })
|
|
19387
|
-
], ObjectCardComponent.prototype, "cardMainContainer", void 0);
|
|
19388
|
-
__decorate([
|
|
19389
|
-
core.ViewChild('iconContainer', { static: true })
|
|
19390
|
-
], ObjectCardComponent.prototype, "iconContainer", void 0);
|
|
19391
19406
|
ObjectCardComponent = ObjectCardComponent_1 = __decorate([
|
|
19392
19407
|
core.Component({
|
|
19393
19408
|
selector: "s-object-card",
|
|
19394
|
-
template: "<div [id]=\"id\" class=\"container\">\n <s-border-button\n *ngIf=\"\n borderButtonOptions?.visible\n ? borderButtonOptions?.visible(severity)\n : false\n \"\n [severity]=\"severity\"\n [options]=\"borderButtonOptions\"\n class=\"object-card__border-button\"\n [@BorderButtonAnimation]\n ></s-border-button>\n\n <div\n [id]=\"id + '-main-container'\"\n class=\"main-container\"\n
|
|
19409
|
+
template: "<div [id]=\"id\" class=\"container\">\n <s-border-button\n *ngIf=\"\n borderButtonOptions?.visible\n ? borderButtonOptions?.visible(severity)\n : false\n \"\n [severity]=\"severity\"\n [options]=\"borderButtonOptions\"\n class=\"object-card__border-button\"\n [@BorderButtonAnimation]\n ></s-border-button>\n\n <div\n [id]=\"id + '-main-container'\"\n class=\"main-container\"\n [ngClass]=\"{\n 'with-hidden-fields': fields.length > maxVisibleFields,\n 'with-visible-fields': fields.length && maxVisibleFields,\n 'main-container--severity-default': severity === EnumSeverity.Default,\n 'main-container--severity-info': severity === EnumSeverity.Info,\n 'main-container--severity-warn': severity === EnumSeverity.Warn,\n 'main-container--severity-error': severity === EnumSeverity.Error,\n 'main-container--severity-success': severity == EnumSeverity.Success\n }\"\n >\n <div class=\"object-content\">\n <div class=\"s-object-card-main\"><ng-content select=\"s-object-card-main\"></ng-content></div>\n\n <div class=\"divider\" *ngIf=\"maxVisibleFields && fields.length\"></div>\n\n <div *ngFor=\"let field of (fields.toArray() | slice: 0:maxVisibleFields)\" class=\"s-object-card-field\">\n <ng-container *ngTemplateOutlet=\"field.content\"></ng-container>\n </div>\n </div>\n\n <div\n [id]=\"id + '-expand-icon-container'\"\n class=\"expand-icon-container\"\n (click)=\"toggle()\"\n [pTooltip]=\"expanded ? collapseTooltip : expandTooltip\"\n tooltipPosition=\"top\"\n [showDelay]=\"500\"\n >\n <span [id]=\"id + '-expand-icon'\" class=\"expand-icon fa\" [ngClass]=\"{ 'fa-minus': expanded, 'fa-plus': !expanded }\"></span>\n </div>\n </div>\n\n <div\n [id]=\"id + '-expandable-container'\"\n [@expandableContent]=\"expanded\"\n class=\"expandable-container\"\n [ngClass]=\"{\n 'expandable-container--severity-default':\n severity === EnumSeverity.Default,\n 'expandable-container--severity-info': severity === EnumSeverity.Info,\n 'expandable-container--severity-warn': severity === EnumSeverity.Warn,\n 'expandable-container--severity-error': severity === EnumSeverity.Error,\n 'expandable-container--severity-success':\n severity == EnumSeverity.Success\n }\"\n >\n <div class=\"ui-g ui-g-12\">\n <ng-container\n *ngFor=\"\n let field of fields.toArray()\n | slice : maxVisibleFields : fields.length\n \"\n >\n <div class=\"ui-g-{{ getExpandedFieldWidth() }}\">\n <div class=\"s-object-card-field\">\n <ng-container\n *ngTemplateOutlet=\"field.content\"\n ></ng-container>\n </div>\n </div>\n </ng-container>\n </div>\n </div>\n</div>\n",
|
|
19395
19410
|
animations: [
|
|
19396
19411
|
animations.trigger("expandableContent", [
|
|
19397
19412
|
animations.state("*", animations.style({
|
|
@@ -19417,7 +19432,7 @@
|
|
|
19417
19432
|
]),
|
|
19418
19433
|
]),
|
|
19419
19434
|
],
|
|
19420
|
-
styles: [":host{display:block}.container{margin-bottom:20px;position:relative}.main-container{display:-ms-flexbox;display:flex}.expandable-container,.main-container{background-color:#fff;border:1px solid #ccc;position:relative;overflow:hidden;width:100%}.expandable-container--severity-default{border-color:#ccc;border-top:initial}.expandable-container--severity-info{transition:border-color .5s;border-color:#428bca;border-top:initial}.expandable-container--severity-warn{transition:border-color .5s;border-color:#f8931f;border-top:initial}.expandable-container--severity-error{transition:border-color .5s;border-color:#c13018;border-top:initial}.expandable-container--severity-success{transition:border-color .5s;border-color:#0c9348;border-top:initial}.main-container--severity-default{border-color:#ccc}.main-container--severity-info{transition:border-color .5s;border-color:#428bca}.main-container--severity-warn{transition:border-color .5s;border-color:#f8931f}.main-container--severity-error{transition:border-color .5s;border-color:#c13018}.main-container--severity-success{transition:border-color .5s;border-color:#0c9348}.object-card__border-button{position:absolute;top:-13px;right:15px;z-index:1}.expandable-container{border-top:none;box-shadow:inset 0 6px 4px -4px #ddd;margin-top:-1px}.expand-icon-container{display
|
|
19435
|
+
styles: [":host{display:block}.container{margin-bottom:20px;position:relative}.main-container{display:-ms-flexbox;display:flex}.expandable-container,.main-container{background-color:#fff;border:1px solid #ccc;position:relative;overflow:hidden;width:100%}.expandable-container--severity-default{border-color:#ccc;border-top:initial}.expandable-container--severity-info{transition:border-color .5s;border-color:#428bca;border-top:initial}.expandable-container--severity-warn{transition:border-color .5s;border-color:#f8931f;border-top:initial}.expandable-container--severity-error{transition:border-color .5s;border-color:#c13018;border-top:initial}.expandable-container--severity-success{transition:border-color .5s;border-color:#0c9348;border-top:initial}.main-container--severity-default{border-color:#ccc}.main-container--severity-info{transition:border-color .5s;border-color:#428bca}.main-container--severity-warn{transition:border-color .5s;border-color:#f8931f}.main-container--severity-error{transition:border-color .5s;border-color:#c13018}.main-container--severity-success{transition:border-color .5s;border-color:#0c9348}.object-card__border-button{position:absolute;top:-13px;right:15px;z-index:1}.expandable-container{border-top:none;box-shadow:inset 0 6px 4px -4px #ddd;margin-top:-1px}.expand-icon-container{display:none;text-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;width:25px;position:absolute;right:15px;height:25px;top:calc(50% - 12px)}.expand-icon{-ms-flex:1;flex:1}.object-content{display:-ms-flexbox;display:flex;width:100%}.s-object-card-main{-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:1;flex-grow:1;overflow:hidden;padding:15px}.main-container.with-visible-fields .s-object-card-main{max-width:30%}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.main-container.with-visible-fields .s-object-card-main{width:20%}}.s-object-card-field{overflow:hidden;height:100%}.main-container .s-object-card-field{padding:15px}.main-container .divider{width:1px;-ms-flex-negative:0;flex-shrink:0;background-color:#ccc;margin:15px -1px 15px 0}.main-container.with-hidden-fields .object-content{width:calc(100% - 35px)}.main-container.with-hidden-fields .expand-icon-container{display:-ms-flexbox;display:flex}::ng-deep .object-card-button{padding-left:0!important;padding-right:10px!important;border:none!important;height:auto!important;min-width:auto!important;text-align:left!important}@media (max-width:767px){.s-object-card-main{max-width:calc(100% - 50px)}}"]
|
|
19421
19436
|
})
|
|
19422
19437
|
], ObjectCardComponent);
|
|
19423
19438
|
return ObjectCardComponent;
|