@seniorsistemas/angular-components 14.3.12 → 14.4.0

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

@@ -3576,6 +3576,7 @@
         EnumColumnFieldType["ENUM"] = "ENUM";
         EnumColumnFieldType["LOOKUP"] = "LOOKUP";
         EnumColumnFieldType["LINK"] = "LINK";
+        EnumColumnFieldType["TOKENS"] = "TOKENS";
     })(exports.EnumColumnFieldType || (exports.EnumColumnFieldType = {}));
 
 
@@ -3650,7 +3651,7 @@
                         });
                     }
                 });
-                if (attributeValue === null || attributeValue === undefined) {
+                if (attributeValue === null || attributeValue === undefined || (_this.isArray(attributeValue) && !attributeValue.length)) {
                     return uninformed;
                 }
                 else {
@@ -3674,19 +3675,31 @@
                             return attributeValue;
                         case exports.EnumColumnFieldType.NUMBER:
                             return _this.applyMask(attributeValue, numberConfigs, false);
+                        case exports.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 === exports.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,
@@ -3732,6 +3745,49 @@
             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: core.ViewContainerRef },
             { type: core$1.TranslateService },
@@ -3751,7 +3807,7 @@
         ], TableColumnsComponent.prototype, "locale", void 0);
         TableColumnsComponent = __decorate([
             core.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; }"]
             }),
@@ -3760,6 +3816,58 @@
         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 core.EventEmitter();
+            this.tokenRemoved = new core.EventEmitter();
+        }
+        TokenListComponent_1 = TokenListComponent;
+        var TokenListComponent_1;
+        TokenListComponent.nextId = 0;
+        __decorate([
+            core.Input()
+        ], TokenListComponent.prototype, "id", void 0);
+        __decorate([
+            core.Input()
+        ], TokenListComponent.prototype, "tokens", void 0);
+        __decorate([
+            core.Input()
+        ], TokenListComponent.prototype, "removableTokens", void 0);
+        __decorate([
+            core.Input()
+        ], TokenListComponent.prototype, "hidePointerEvents", void 0);
+        __decorate([
+            core.Output()
+        ], TokenListComponent.prototype, "tokenSelected", void 0);
+        __decorate([
+            core.Output()
+        ], TokenListComponent.prototype, "tokenRemoved", void 0);
+        TokenListComponent = TokenListComponent_1 = __decorate([
+            core.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([
+            core.NgModule({
+                imports: [common.CommonModule],
+                declarations: [TokenListComponent],
+                exports: [TokenListComponent],
+            })
+        ], TokenListModule);
+        return TokenListModule;
+    }());
+
     var TableModule = /** @class */ (function () {
         function TableModule() {
         }
@@ -3767,7 +3875,8 @@
             core.NgModule({
                 imports: [
                     common.CommonModule,
-                    tooltip.TooltipModule
+                    tooltip.TooltipModule,
+                    TokenListModule
                 ],
                 exports: [
                     RowTogllerDirective,
@@ -6421,54 +6530,6 @@
         return TileModule;
     }());
 
-    var TokenListComponent = /** @class */ (function () {
-        function TokenListComponent() {
-            this.id = "s-token-list-" + TokenListComponent_1.nextId++;
-            this.removableTokens = false;
-            this.tokenSelected = new core.EventEmitter();
-            this.tokenRemoved = new core.EventEmitter();
-        }
-        TokenListComponent_1 = TokenListComponent;
-        var TokenListComponent_1;
-        TokenListComponent.nextId = 0;
-        __decorate([
-            core.Input()
-        ], TokenListComponent.prototype, "id", void 0);
-        __decorate([
-            core.Input()
-        ], TokenListComponent.prototype, "tokens", void 0);
-        __decorate([
-            core.Input()
-        ], TokenListComponent.prototype, "removableTokens", void 0);
-        __decorate([
-            core.Output()
-        ], TokenListComponent.prototype, "tokenSelected", void 0);
-        __decorate([
-            core.Output()
-        ], TokenListComponent.prototype, "tokenRemoved", void 0);
-        TokenListComponent = TokenListComponent_1 = __decorate([
-            core.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([
-            core.NgModule({
-                imports: [common.CommonModule],
-                declarations: [TokenListComponent],
-                exports: [TokenListComponent],
-            })
-        ], TokenListModule);
-        return TokenListModule;
-    }());
-
 
     (function (GlobalSearchSizeEnum) {
         GlobalSearchSizeEnum["STANDARD"] = "STANDARD";
@@ -6891,35 +6952,36 @@
     exports.TokenListComponent = TokenListComponent;
     exports.TokenListModule = TokenListModule;
     exports.ɵa = LocalizedCurrencyImpurePipe;
-    exports.ɵb = TableColumnsComponent;
-    exports.ɵba = InfoSignComponent;
-    exports.ɵbb = NumberLocaleOptions;
-    exports.ɵbc = ThumbnailService;
-    exports.ɵbd = InfiniteScrollModule;
-    exports.ɵbe = InfiniteScrollDirective;
-    exports.ɵc = InfoSignModule;
-    exports.ɵd = AutocompleteFieldComponent;
-    exports.ɵe = BooleanFieldComponent;
-    exports.ɵf = CalendarFieldComponent;
-    exports.ɵg = ChipsFieldComponent;
-    exports.ɵh = CurrencyFieldComponent;
-    exports.ɵi = BaseFieldComponent;
-    exports.ɵj = DynamicFieldComponent;
-    exports.ɵk = DynamicFormDirective;
-    exports.ɵl = FieldsetComponent;
-    exports.ɵm = FileUploadComponent$1;
-    exports.ɵn = LookupFieldComponent;
-    exports.ɵo = NumberFieldComponent;
-    exports.ɵp = RadioButtonComponent;
-    exports.ɵq = RowComponent;
-    exports.ɵr = SectionComponent;
-    exports.ɵs = SelectFieldComponent;
-    exports.ɵt = TextAreaFieldComponent;
-    exports.ɵu = TextFieldComponent;
-    exports.ɵw = DecimalField;
-    exports.ɵx = StructureModule;
-    exports.ɵy = HeaderComponent;
-    exports.ɵz = FooterComponent;
+    exports.ɵb = TokenListModule;
+    exports.ɵba = FooterComponent;
+    exports.ɵbb = InfoSignComponent;
+    exports.ɵbc = NumberLocaleOptions;
+    exports.ɵbd = ThumbnailService;
+    exports.ɵbe = InfiniteScrollModule;
+    exports.ɵbf = InfiniteScrollDirective;
+    exports.ɵc = TableColumnsComponent;
+    exports.ɵd = InfoSignModule;
+    exports.ɵe = AutocompleteFieldComponent;
+    exports.ɵf = BooleanFieldComponent;
+    exports.ɵg = CalendarFieldComponent;
+    exports.ɵh = ChipsFieldComponent;
+    exports.ɵi = CurrencyFieldComponent;
+    exports.ɵj = BaseFieldComponent;
+    exports.ɵk = DynamicFieldComponent;
+    exports.ɵl = DynamicFormDirective;
+    exports.ɵm = FieldsetComponent;
+    exports.ɵn = FileUploadComponent$1;
+    exports.ɵo = LookupFieldComponent;
+    exports.ɵp = NumberFieldComponent;
+    exports.ɵq = RadioButtonComponent;
+    exports.ɵr = RowComponent;
+    exports.ɵs = SectionComponent;
+    exports.ɵt = SelectFieldComponent;
+    exports.ɵu = TextAreaFieldComponent;
+    exports.ɵv = TextFieldComponent;
+    exports.ɵx = DecimalField;
+    exports.ɵy = StructureModule;
+    exports.ɵz = HeaderComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });