@seniorsistemas/angular-components 14.3.12 → 14.4.0

package/fesm5/seniorsistemas-angular-components.js

@@ -3392,6 +3392,7 @@ var EnumColumnFieldType;
     EnumColumnFieldType["ENUM"] = "ENUM";
     EnumColumnFieldType["LOOKUP"] = "LOOKUP";
     EnumColumnFieldType["LINK"] = "LINK";
+    EnumColumnFieldType["TOKENS"] = "TOKENS";
 })(EnumColumnFieldType || (EnumColumnFieldType = {}));
 
 var EnumBadgeColors;
@@ -3466,7 +3467,7 @@ var TableColumnsComponent = /** @class */ (function () {
                     });
                 }
             });
-            if (attributeValue === null || attributeValue === undefined) {
+            if (attributeValue === null || attributeValue === undefined || (_this.isArray(attributeValue) && !attributeValue.length)) {
                 return uninformed;
             }
             else {
@@ -3490,19 +3491,31 @@ var TableColumnsComponent = /** @class */ (function () {
                         return attributeValue;
                     case EnumColumnFieldType.NUMBER:
                         return _this.applyMask(attributeValue, numberConfigs, false);
+                    case EnumColumnFieldType.TOKENS:
+                        return _this.getTokens(attributeValue);
                 }
             }
-        }).join(separator);
-        var uninformedNumber = columnValue
+        });
+        var unifiedColumnValues = columnValue.join(separator);
+        var uninformedNumber = unifiedColumnValues
             .split(separator)
             .filter(function (value) { return value === uninformed; }).length;
+        var formattedColumnValue;
         if (uninformedNumber === column.attributes.length) {
-            columnValue = uninformed;
+            formattedColumnValue = uninformed;
+        }
+        else if (column.type === EnumColumnFieldType.TOKENS) {
+            formattedColumnValue = [].concat.apply([], columnValue.filter(function (values) { return values !== uninformed; }));
+        }
+        else {
+            formattedColumnValue = unifiedColumnValues;
         }
         return {
             style: style,
-            columnValue: columnValue,
+            columnValue: formattedColumnValue,
             badgeClass: badgeClass,
+            separator: separator,
+            uninformed: uninformed,
             type: column.type,
             tooltip: this.getColumnTooltip(column.tooltip),
             onLinkClick: column.onLinkClick,
@@ -3548,6 +3561,49 @@ var TableColumnsComponent = /** @class */ (function () {
         var operator = rawValue.includes("-") && !isZero ? "-" : "";
         return "" + operator + currencySymbol + " " + newValue;
     };
+    TableColumnsComponent.prototype.getTokens = function (values) {
+        if (!this.isArray(values))
+            throw new Error("To use tokens an array must be informed");
+        // tslint:disable-next-line: max-line-length
+        if (!this.isValidTokenArray(values))
+            throw new Error("Not a valid token array. Token array must be a primitive values array or an objects with label attribute array");
+        if (this.isLabelObjectArray(values))
+            return values;
+        return values
+            .filter(function (value) { return value !== undefined && value !== null; })
+            .map(function (value) {
+            var label = typeof value === "symbol" ? value.toString() : "" + value;
+            return {
+                label: label
+            };
+        });
+    };
+    TableColumnsComponent.prototype.isValidTokenArray = function (values) {
+        return this.isPrimitiveValuesArray(values) || this.isLabelObjectArray(values);
+    };
+    TableColumnsComponent.prototype.isPrimitiveValuesArray = function (values) {
+        return values.filter(function (value) { return value !== Object(value); }).length === values.length;
+    };
+    TableColumnsComponent.prototype.isLabelObjectArray = function (values) {
+        return values.filter(function (value) { return (value === null || value === void 0 ? void 0 : value.label) !== null && (value === null || value === void 0 ? void 0 : value.label) !== undefined; }).length === values.length;
+    };
+    TableColumnsComponent.prototype.isArray = function (value) {
+        return Array.isArray(value);
+    };
+    TableColumnsComponent.prototype.getSplittedString = function (column) {
+        var columnValue = column.columnValue, separator = column.separator, uninformed = column.uninformed;
+        if (typeof columnValue === "string") {
+            var splittedString_1 = columnValue.split(separator);
+            return splittedString_1.map(function (string, index) {
+                var isLastIndex = splittedString_1.length - 1 === index;
+                return {
+                    value: string,
+                    isUninformed: string === uninformed,
+                    separator: !isLastIndex ? separator : ""
+                };
+            });
+        }
+    };
     TableColumnsComponent.ctorParameters = function () { return [
         { type: ViewContainerRef },
         { type: TranslateService },
@@ -3567,7 +3623,7 @@ var TableColumnsComponent = /** @class */ (function () {
     ], TableColumnsComponent.prototype, "locale", void 0);
     TableColumnsComponent = __decorate([
         Component({
-            template: "\n<ng-template #columnsTemplate>\n    <td *ngFor=\"let column of formattedColumns\" [ngStyle]=\"column.style\" (click)=\"column.onColumnClick ? column.onColumnClick(rowValue) : null\">\n        <span *ngIf=\"column.type !== 'LINK'\" [pTooltip]=\"column.tooltip\" [escape]=\"false\" [ngClass]=\"column.badgeClass\">{{column.columnValue}}</span>\n        <a *ngIf=\"column.type === 'LINK'\" [pTooltip]=\"column.tooltip\" [escape]=\"false\" (click)=\"column.onLinkClick ? column.onLinkClick(rowValue) : null\">\n            {{column.columnValue}}\n        </a>\n    </td>\n</ng-template>\n",
+            template: "\n<ng-template #columnsTemplate>\n    <td *ngFor=\"let column of formattedColumns\" [ngStyle]=\"column.style\" (click)=\"column.onColumnClick ? column.onColumnClick(rowValue) : null\">\n\n        <div *ngIf=\"column.type !== 'TOKENS' || !isArray(column.columnValue); else tokensTemplate\">\n\n            <span *ngIf=\"column.type !== 'LINK'\" [pTooltip]=\"column.tooltip\" [escape]=\"false\" [ngClass]=\"column.badgeClass\">\n                <ng-container *ngTemplateOutlet=\"columnValueTemplate\"></ng-container> \n            </span>\n\n            <a *ngIf=\"column.type === 'LINK'\" [pTooltip]=\"column.tooltip\" [escape]=\"false\" (click)=\"column.onLinkClick ? column.onLinkClick(rowValue) : null\">\n                <ng-container *ngTemplateOutlet=\"columnValueTemplate\"></ng-container> \n            </a>\n\n            <ng-template #columnValueTemplate>\n                <span *ngFor=\"let value of getSplittedString(column)\">\n                    <span [ngClass]=\"{ 'sds-pale-text': value.isUninformed }\">{{value.value}}</span>\n                    <span>{{value.separator}}</span>\n                </span>\n            </ng-template>\n\n        </div>\n\n        <ng-template #tokensTemplate>\n            <s-token-list\n                [tokens]=\"column.columnValue\"\n                [hidePointerEvents]=\"true\"\n            >\n            </s-token-list>\n        </ng-template>\n\n    </td>\n</ng-template>\n",
             selector: "s-table-columns",
             styles: [":host { display: none; }"]
         }),
@@ -3576,6 +3632,58 @@ var TableColumnsComponent = /** @class */ (function () {
     return TableColumnsComponent;
 }());
 
+var TokenListComponent = /** @class */ (function () {
+    function TokenListComponent() {
+        this.id = "s-token-list-" + TokenListComponent_1.nextId++;
+        this.removableTokens = false;
+        this.hidePointerEvents = false;
+        this.tokenSelected = new EventEmitter();
+        this.tokenRemoved = new EventEmitter();
+    }
+    TokenListComponent_1 = TokenListComponent;
+    var TokenListComponent_1;
+    TokenListComponent.nextId = 0;
+    __decorate([
+        Input()
+    ], TokenListComponent.prototype, "id", void 0);
+    __decorate([
+        Input()
+    ], TokenListComponent.prototype, "tokens", void 0);
+    __decorate([
+        Input()
+    ], TokenListComponent.prototype, "removableTokens", void 0);
+    __decorate([
+        Input()
+    ], TokenListComponent.prototype, "hidePointerEvents", void 0);
+    __decorate([
+        Output()
+    ], TokenListComponent.prototype, "tokenSelected", void 0);
+    __decorate([
+        Output()
+    ], TokenListComponent.prototype, "tokenRemoved", void 0);
+    TokenListComponent = TokenListComponent_1 = __decorate([
+        Component({
+            selector: "s-token-list",
+            template: "<div [id]=\"id\" class=\"token-list\">\n    <ng-container *ngFor=\"let token of tokens\">\n        <span [id]=\"token.id\" class=\"sds-token\" [ngClass]=\"{ 'noPointerEvents': hidePointerEvents }\">\n            <a [id]=\"(token.id || 'token') + '-label'\" (click)=\"tokenSelected.next(token)\">{{token.label}}</a>\n            <span [id]=\"token.id + '-remove'\" class=\"sds-token-icon fa fa-fw fa-close\" *ngIf=\"removableTokens\" (click)=\"tokenRemoved.next(token)\"></span>\n        </span>\n    </ng-container>\n</div>",
+            styles: ["a,a:focus,a:hover{text-decoration:none;color:#333}.token-list{display:inline-block;vertical-align:middle;padding-left:10px;padding-right:10px}.noPointerEvents{pointer-events:none}"]
+        })
+    ], TokenListComponent);
+    return TokenListComponent;
+}());
+
+var TokenListModule = /** @class */ (function () {
+    function TokenListModule() {
+    }
+    TokenListModule = __decorate([
+        NgModule({
+            imports: [CommonModule],
+            declarations: [TokenListComponent],
+            exports: [TokenListComponent],
+        })
+    ], TokenListModule);
+    return TokenListModule;
+}());
+
 var TableModule = /** @class */ (function () {
     function TableModule() {
     }
@@ -3583,7 +3691,8 @@ var TableModule = /** @class */ (function () {
         NgModule({
             imports: [
                 CommonModule,
-                TooltipModule
+                TooltipModule,
+                TokenListModule
             ],
             exports: [
                 RowTogllerDirective,
@@ -6237,54 +6346,6 @@ var TileModule = /** @class */ (function () {
     return TileModule;
 }());
 
-var TokenListComponent = /** @class */ (function () {
-    function TokenListComponent() {
-        this.id = "s-token-list-" + TokenListComponent_1.nextId++;
-        this.removableTokens = false;
-        this.tokenSelected = new EventEmitter();
-        this.tokenRemoved = new EventEmitter();
-    }
-    TokenListComponent_1 = TokenListComponent;
-    var TokenListComponent_1;
-    TokenListComponent.nextId = 0;
-    __decorate([
-        Input()
-    ], TokenListComponent.prototype, "id", void 0);
-    __decorate([
-        Input()
-    ], TokenListComponent.prototype, "tokens", void 0);
-    __decorate([
-        Input()
-    ], TokenListComponent.prototype, "removableTokens", void 0);
-    __decorate([
-        Output()
-    ], TokenListComponent.prototype, "tokenSelected", void 0);
-    __decorate([
-        Output()
-    ], TokenListComponent.prototype, "tokenRemoved", void 0);
-    TokenListComponent = TokenListComponent_1 = __decorate([
-        Component({
-            selector: "s-token-list",
-            template: "<div [id]=\"id\" class=\"token-list\">\n    <ng-container *ngFor=\"let token of tokens\">\n        <span [id]=\"token.id\" class=\"sds-token\">\n            <a [id]=\"token.id + '-label'\" (click)=\"tokenSelected.next(token)\">{{token.label}}</a>\n            <span [id]=\"token.id + '-remove'\" class=\"sds-token-icon fa fa-fw fa-close\" *ngIf=\"removableTokens\" (click)=\"tokenRemoved.next(token)\"></span>\n        </span>\n    </ng-container>\n</div>",
-            styles: ["a,a:focus,a:hover{text-decoration:none;color:#333}.token-list{display:inline-block;vertical-align:middle;padding-left:10px;padding-right:10px}"]
-        })
-    ], TokenListComponent);
-    return TokenListComponent;
-}());
-
-var TokenListModule = /** @class */ (function () {
-    function TokenListModule() {
-    }
-    TokenListModule = __decorate([
-        NgModule({
-            imports: [CommonModule],
-            declarations: [TokenListComponent],
-            exports: [TokenListComponent],
-        })
-    ], TokenListModule);
-    return TokenListModule;
-}());
-
 var GlobalSearchSizeEnum;
 (function (GlobalSearchSizeEnum) {
     GlobalSearchSizeEnum["STANDARD"] = "STANDARD";
@@ -6607,5 +6668,5 @@ var AngularComponentsModule = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
 
-export { AngularComponentsModule, AutocompleteField, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, ChipsField, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CurrencyField, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FormField, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, ProductHeaderComponent, ProductHeaderModule, RadioButtonField, RationButtonOption, RowTogllerDirective, Section, SelectField, SelectOption, SidebarComponent, SidebarModule, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TextAreaField, TextField, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TileComponent, TileModule, TokenListComponent, TokenListModule, ValidateErrors, LocalizedCurrencyImpurePipe as ɵa, TableColumnsComponent as ɵb, InfoSignComponent as ɵba, NumberLocaleOptions as ɵbb, ThumbnailService as ɵbc, InfiniteScrollModule as ɵbd, InfiniteScrollDirective as ɵbe, InfoSignModule as ɵc, AutocompleteFieldComponent as ɵd, BooleanFieldComponent as ɵe, CalendarFieldComponent as ɵf, ChipsFieldComponent as ɵg, CurrencyFieldComponent as ɵh, BaseFieldComponent as ɵi, DynamicFieldComponent as ɵj, DynamicFormDirective as ɵk, FieldsetComponent as ɵl, FileUploadComponent$1 as ɵm, LookupFieldComponent as ɵn, NumberFieldComponent as ɵo, RadioButtonComponent as ɵp, RowComponent as ɵq, SectionComponent as ɵr, SelectFieldComponent as ɵs, TextAreaFieldComponent as ɵt, TextFieldComponent as ɵu, DecimalField as ɵw, StructureModule as ɵx, HeaderComponent as ɵy, FooterComponent as ɵz };
+export { AngularComponentsModule, AutocompleteField, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, ChipsField, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CurrencyField, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FormField, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, ProductHeaderComponent, ProductHeaderModule, RadioButtonField, RationButtonOption, RowTogllerDirective, Section, SelectField, SelectOption, SidebarComponent, SidebarModule, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TextAreaField, TextField, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TileComponent, TileModule, TokenListComponent, TokenListModule, ValidateErrors, LocalizedCurrencyImpurePipe as ɵa, TokenListModule as ɵb, FooterComponent as ɵba, InfoSignComponent as ɵbb, NumberLocaleOptions as ɵbc, ThumbnailService as ɵbd, InfiniteScrollModule as ɵbe, InfiniteScrollDirective as ɵbf, TableColumnsComponent as ɵc, InfoSignModule as ɵd, AutocompleteFieldComponent as ɵe, BooleanFieldComponent as ɵf, CalendarFieldComponent as ɵg, ChipsFieldComponent as ɵh, CurrencyFieldComponent as ɵi, BaseFieldComponent as ɵj, DynamicFieldComponent as ɵk, DynamicFormDirective as ɵl, FieldsetComponent as ɵm, FileUploadComponent$1 as ɵn, LookupFieldComponent as ɵo, NumberFieldComponent as ɵp, RadioButtonComponent as ɵq, RowComponent as ɵr, SectionComponent as ɵs, SelectFieldComponent as ɵt, TextAreaFieldComponent as ɵu, TextFieldComponent as ɵv, DecimalField as ɵx, StructureModule as ɵy, HeaderComponent as ɵz };
 //# sourceMappingURL=seniorsistemas-angular-components.js.map