@seniorsistemas/angular-components 18.0.1 → 18.0.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.
Files changed (45) hide show
  1. package/badge/lib/badge/badge.component.d.ts +2 -1
  2. package/badge/lib/badge/badge.module.d.ts +3 -1
  3. package/esm2022/badge/lib/badge/badge.component.mjs +6 -4
  4. package/esm2022/badge/lib/badge/badge.module.mjs +6 -4
  5. package/esm2022/button/lib/button/button.component.mjs +2 -2
  6. package/esm2022/dynamic-form/lib/dynamic-form/components/lookup/lookup.component.mjs +2 -2
  7. package/esm2022/ia-insight/lib/ia-insight/components/ia-insight-card/ia-insight-card.component.mjs +1 -1
  8. package/esm2022/kanban/lib/kanban/components/kanban-item-dragging/kanban-item-dragging.component.mjs +1 -1
  9. package/esm2022/label-value/lib/label-value/label-value.component.mjs +1 -1
  10. package/esm2022/numeric-mask/lib/numeric-mask/numeric-mask.directive.mjs +579 -0
  11. package/esm2022/numeric-mask/lib/numeric-mask/numeric-mask.module.mjs +16 -0
  12. package/esm2022/numeric-mask/public-api.mjs +3 -0
  13. package/esm2022/numeric-mask/seniorsistemas-angular-components-numeric-mask.mjs +5 -0
  14. package/esm2022/object-card/lib/object-card/elements/field/object-card-field.component.mjs +7 -4
  15. package/esm2022/object-card/lib/object-card/object-card.module.mjs +5 -4
  16. package/esm2022/table/lib/table/table-column/table-columns.component.mjs +1 -1
  17. package/esm2022/tooltip/lib/tooltip/tooltip.directive.mjs +26 -20
  18. package/fesm2022/seniorsistemas-angular-components-badge.mjs +10 -6
  19. package/fesm2022/seniorsistemas-angular-components-badge.mjs.map +1 -1
  20. package/fesm2022/seniorsistemas-angular-components-button.mjs +1 -1
  21. package/fesm2022/seniorsistemas-angular-components-button.mjs.map +1 -1
  22. package/fesm2022/seniorsistemas-angular-components-dynamic-form.mjs +1 -1
  23. package/fesm2022/seniorsistemas-angular-components-dynamic-form.mjs.map +1 -1
  24. package/fesm2022/seniorsistemas-angular-components-ia-insight.mjs +1 -1
  25. package/fesm2022/seniorsistemas-angular-components-ia-insight.mjs.map +1 -1
  26. package/fesm2022/seniorsistemas-angular-components-kanban.mjs +1 -1
  27. package/fesm2022/seniorsistemas-angular-components-kanban.mjs.map +1 -1
  28. package/fesm2022/seniorsistemas-angular-components-label-value.mjs +1 -1
  29. package/fesm2022/seniorsistemas-angular-components-label-value.mjs.map +1 -1
  30. package/fesm2022/seniorsistemas-angular-components-numeric-mask.mjs +599 -0
  31. package/fesm2022/seniorsistemas-angular-components-numeric-mask.mjs.map +1 -0
  32. package/fesm2022/seniorsistemas-angular-components-object-card.mjs +10 -6
  33. package/fesm2022/seniorsistemas-angular-components-object-card.mjs.map +1 -1
  34. package/fesm2022/seniorsistemas-angular-components-table.mjs +1 -1
  35. package/fesm2022/seniorsistemas-angular-components-table.mjs.map +1 -1
  36. package/fesm2022/seniorsistemas-angular-components-tooltip.mjs +23 -17
  37. package/fesm2022/seniorsistemas-angular-components-tooltip.mjs.map +1 -1
  38. package/numeric-mask/README.md +367 -0
  39. package/numeric-mask/index.d.ts +5 -0
  40. package/numeric-mask/lib/numeric-mask/numeric-mask.directive.d.ts +195 -0
  41. package/numeric-mask/lib/numeric-mask/numeric-mask.module.d.ts +7 -0
  42. package/numeric-mask/public-api.d.ts +2 -0
  43. package/object-card/lib/object-card/elements/field/object-card-field.component.d.ts +4 -1
  44. package/object-card/lib/object-card/object-card.module.d.ts +2 -1
  45. package/package.json +7 -1
@@ -82,7 +82,7 @@ export class IAInsightCardComponent {
82
82
  });
83
83
  }
84
84
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IAInsightCardComponent, deps: [{ token: i1.Clipboard }, { token: i2.ToastService }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
85
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IAInsightCardComponent, selector: "s-ia-insight-card", inputs: { insight: "insight" }, ngImport: i0, template: "<div\n class=\"ia-insight-card\"\n [ngClass]=\"{ 'ia-insight-card--close': !open }\"\n>\n <div\n class=\"header\"\n (click)=\"toggle()\"\n >\n <s-badge\n text=\"Insight\"\n iconClass=\"fal fa-lightbulb\"\n ></s-badge>\n <span class=\"insight-title\">{{ insight.title }}</span>\n <span class=\"toggle-icon\">\n <i\n class=\"fas\"\n [ngClass]=\"{\n 'fa-angle-down': !open,\n 'fa-angle-up': open,\n }\"\n >\n </i>\n </span>\n </div>\n <div class=\"content\">\n <ng-container *ngIf=\"isLoading; then loadingBlock; else contentBlock\"></ng-container>\n <ng-template #loadingBlock>\n <s-ia-insight-card-loader></s-ia-insight-card-loader>\n </ng-template>\n <ng-template #contentBlock>\n <ng-container *ngIf=\"content; then successBlock; else errorBlock\"></ng-container>\n\n <ng-template #successBlock>\n <span\n class=\"text\"\n [innerHTML]=\"content\"\n ></span>\n <span class=\"insight-footer\">{{ \"platform.angular_components.insight_footer\" | translate }}</span>\n\n </ng-template>\n <ng-template #errorBlock>\n <span class=\"text text--error\">{{\n 'platform.angular_components.error_loading_insight_alt' | translate\n }}</span>\n </ng-template>\n\n <div class=\"options\">\n <button\n [disabled]=\"!content\"\n (click)=\"copyContent()\"\n class=\"option\"\n >\n <i class=\"fal fa-copy\"></i>\n </button>\n <button\n (click)=\"reloadContent()\"\n class=\"option\"\n >\n <i class=\"fal fa-redo\"></i>\n </button>\n <button\n *ngIf=\"insight.onLikeSelected\"\n [disabled]=\"!content\"\n (click)=\"onLikeSelected()\"\n class=\"option\"\n >\n <i\n [ngClass]=\"{\n fal: !likeSelected,\n fas: likeSelected,\n 'fa-thumbs-up': true,\n }\"\n >\n </i>\n </button>\n <button\n *ngIf=\"insight.onDislikeSelected\"\n [disabled]=\"!content\"\n (click)=\"onDislikeSelected()\"\n class=\"option\"\n >\n <i\n [ngClass]=\"{\n fal: !dislikeSelected,\n fas: dislikeSelected,\n 'fa-thumbs-down': true,\n }\"\n ></i>\n </button>\n </div>\n </ng-template>\n </div>\n</div>\n", styles: [".ia-insight-card{background-color:#fff;border:1px solid #9ecad4;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden}.ia-insight-card .header{align-items:center;background-color:#f1f7f8;border-bottom:1px solid #9ecad4;display:flex;gap:8px;min-height:60px;padding:8px 16px;-webkit-user-select:none;user-select:none}.ia-insight-card .header .insight-title{color:#428bca;flex-grow:1;font-family:Open Sans,sans-serif;font-size:14px;line-height:150%}.ia-insight-card .header .toggle-icon{color:#888b99;font-size:20px}.ia-insight-card .content{align-items:center;justify-content:space-between;cursor:auto;display:flex;flex-direction:column;gap:16px;min-height:160px;padding:24px}.ia-insight-card .content .text{color:#212533;font-family:Open Sans,sans-serif;font-size:14px;width:100%}.ia-insight-card .content .text--error{text-align:center}.ia-insight-card .content .insight-footer{color:#888b99;font-family:Open Sans,sans-serif;font-size:12px;text-align:center}.ia-insight-card .content .options{display:flex;gap:8px}.ia-insight-card .content .options .option{background-color:transparent;border:none;color:#428bca;cursor:pointer;font-size:12px}.ia-insight-card .content .options .option:disabled{color:#c1c1cc;cursor:auto}.ia-insight-card--close{border-color:#dedce5}.ia-insight-card--close .header{background-color:#fbfafc;border:none;border-color:#dedce5}.ia-insight-card--close .header .insight-title{color:#888b99}.ia-insight-card--close .content{display:none}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.BadgeComponent, selector: "s-badge", inputs: ["type", "color", "title", "text", "selectable", "iconClass", "iconPosition", "infoSign"], outputs: ["selected"] }, { kind: "component", type: i6.IAInsightCardLoaderComponent, selector: "s-ia-insight-card-loader" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
85
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IAInsightCardComponent, selector: "s-ia-insight-card", inputs: { insight: "insight" }, ngImport: i0, template: "<div\n class=\"ia-insight-card\"\n [ngClass]=\"{ 'ia-insight-card--close': !open }\"\n>\n <div\n class=\"header\"\n (click)=\"toggle()\"\n >\n <s-badge\n text=\"Insight\"\n iconClass=\"fal fa-lightbulb\"\n ></s-badge>\n <span class=\"insight-title\">{{ insight.title }}</span>\n <span class=\"toggle-icon\">\n <i\n class=\"fas\"\n [ngClass]=\"{\n 'fa-angle-down': !open,\n 'fa-angle-up': open,\n }\"\n >\n </i>\n </span>\n </div>\n <div class=\"content\">\n <ng-container *ngIf=\"isLoading; then loadingBlock; else contentBlock\"></ng-container>\n <ng-template #loadingBlock>\n <s-ia-insight-card-loader></s-ia-insight-card-loader>\n </ng-template>\n <ng-template #contentBlock>\n <ng-container *ngIf=\"content; then successBlock; else errorBlock\"></ng-container>\n\n <ng-template #successBlock>\n <span\n class=\"text\"\n [innerHTML]=\"content\"\n ></span>\n <span class=\"insight-footer\">{{ \"platform.angular_components.insight_footer\" | translate }}</span>\n\n </ng-template>\n <ng-template #errorBlock>\n <span class=\"text text--error\">{{\n 'platform.angular_components.error_loading_insight_alt' | translate\n }}</span>\n </ng-template>\n\n <div class=\"options\">\n <button\n [disabled]=\"!content\"\n (click)=\"copyContent()\"\n class=\"option\"\n >\n <i class=\"fal fa-copy\"></i>\n </button>\n <button\n (click)=\"reloadContent()\"\n class=\"option\"\n >\n <i class=\"fal fa-redo\"></i>\n </button>\n <button\n *ngIf=\"insight.onLikeSelected\"\n [disabled]=\"!content\"\n (click)=\"onLikeSelected()\"\n class=\"option\"\n >\n <i\n [ngClass]=\"{\n fal: !likeSelected,\n fas: likeSelected,\n 'fa-thumbs-up': true,\n }\"\n >\n </i>\n </button>\n <button\n *ngIf=\"insight.onDislikeSelected\"\n [disabled]=\"!content\"\n (click)=\"onDislikeSelected()\"\n class=\"option\"\n >\n <i\n [ngClass]=\"{\n fal: !dislikeSelected,\n fas: dislikeSelected,\n 'fa-thumbs-down': true,\n }\"\n ></i>\n </button>\n </div>\n </ng-template>\n </div>\n</div>\n", styles: [".ia-insight-card{background-color:#fff;border:1px solid #9ecad4;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden}.ia-insight-card .header{align-items:center;background-color:#f1f7f8;border-bottom:1px solid #9ecad4;display:flex;gap:8px;min-height:60px;padding:8px 16px;-webkit-user-select:none;user-select:none}.ia-insight-card .header .insight-title{color:#428bca;flex-grow:1;font-family:Open Sans,sans-serif;font-size:14px;line-height:150%}.ia-insight-card .header .toggle-icon{color:#888b99;font-size:20px}.ia-insight-card .content{align-items:center;justify-content:space-between;cursor:auto;display:flex;flex-direction:column;gap:16px;min-height:160px;padding:24px}.ia-insight-card .content .text{color:#212533;font-family:Open Sans,sans-serif;font-size:14px;width:100%}.ia-insight-card .content .text--error{text-align:center}.ia-insight-card .content .insight-footer{color:#888b99;font-family:Open Sans,sans-serif;font-size:12px;text-align:center}.ia-insight-card .content .options{display:flex;gap:8px}.ia-insight-card .content .options .option{background-color:transparent;border:none;color:#428bca;cursor:pointer;font-size:12px}.ia-insight-card .content .options .option:disabled{color:#c1c1cc;cursor:auto}.ia-insight-card--close{border-color:#dedce5}.ia-insight-card--close .header{background-color:#fbfafc;border:none;border-color:#dedce5}.ia-insight-card--close .header .insight-title{color:#888b99}.ia-insight-card--close .content{display:none}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.BadgeComponent, selector: "s-badge", inputs: ["type", "color", "title", "text", "selectable", "iconClass", "iconPosition", "infoSign", "enableTruncateText"], outputs: ["selected"] }, { kind: "component", type: i6.IAInsightCardLoaderComponent, selector: "s-ia-insight-card-loader" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
86
86
  }
87
87
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IAInsightCardComponent, decorators: [{
88
88
  type: Component,
@@ -6,7 +6,7 @@ import * as i3 from "@ngx-translate/core";
6
6
  export class KanbanItemDraggingComponent {
7
7
  quantityItems = 0;
8
8
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KanbanItemDraggingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
9
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: KanbanItemDraggingComponent, selector: "s-kanban-item-dragging", inputs: { quantityItems: "quantityItems" }, ngImport: i0, template: "<div class=\"kanban-item-dragging-container\">\n <div\n *ngIf=\"quantityItems\"\n class=\"kanban-item-dragging\">\n </div>\n\n <div\n class=\"kanban-item-dragging\"\n [ngClass]=\"{ 'kanban-item-dragging--over': quantityItems }\">\n <div class=\"content\">\n <input type=\"checkbox\" checked />\n <s-badge\n [text]=\"'platform.angular_components.count_items_selected' | translate:{ count: quantityItems }\"\n color=\"blue\">\n </s-badge>\n </div>\n </div>\n\n</div>\n", styles: [".kanban-item-dragging-container:has(.kanban-item-dragging--over){padding-top:12px}.kanban-item-dragging{background-color:#fff;border:1px solid #428bca;border-radius:4px;box-shadow:0 1px 5px #00000040;height:52px;padding:16px;width:260px}.kanban-item-dragging .content{display:flex;gap:16px}.kanban-item-dragging--over{left:12px;position:relative;top:-64px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.BadgeComponent, selector: "s-badge", inputs: ["type", "color", "title", "text", "selectable", "iconClass", "iconPosition", "infoSign"], outputs: ["selected"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
9
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: KanbanItemDraggingComponent, selector: "s-kanban-item-dragging", inputs: { quantityItems: "quantityItems" }, ngImport: i0, template: "<div class=\"kanban-item-dragging-container\">\n <div\n *ngIf=\"quantityItems\"\n class=\"kanban-item-dragging\">\n </div>\n\n <div\n class=\"kanban-item-dragging\"\n [ngClass]=\"{ 'kanban-item-dragging--over': quantityItems }\">\n <div class=\"content\">\n <input type=\"checkbox\" checked />\n <s-badge\n [text]=\"'platform.angular_components.count_items_selected' | translate:{ count: quantityItems }\"\n color=\"blue\">\n </s-badge>\n </div>\n </div>\n\n</div>\n", styles: [".kanban-item-dragging-container:has(.kanban-item-dragging--over){padding-top:12px}.kanban-item-dragging{background-color:#fff;border:1px solid #428bca;border-radius:4px;box-shadow:0 1px 5px #00000040;height:52px;padding:16px;width:260px}.kanban-item-dragging .content{display:flex;gap:16px}.kanban-item-dragging--over{left:12px;position:relative;top:-64px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.BadgeComponent, selector: "s-badge", inputs: ["type", "color", "title", "text", "selectable", "iconClass", "iconPosition", "infoSign", "enableTruncateText"], outputs: ["selected"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
10
10
  }
11
11
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KanbanItemDraggingComponent, decorators: [{
12
12
  type: Component,
@@ -23,7 +23,7 @@ export class LabelValueComponent {
23
23
  return config.type === 'Date';
24
24
  }
25
25
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LabelValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
26
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: LabelValueComponent, selector: "s-label-value", inputs: { configuration: "configuration" }, ngImport: i0, template: "<div class=\"flex flex-col\">\n <p class=\"font-bold\">\n {{ configuration.title }}\n </p>\n\n @if (configuration.value) {\n @if (isTextConfiguration(configuration)) {\n <span class=\"sds-readonly\">\n {{ configuration.value }}\n </span>\n }\n\n @if (isBadgeConfiguration(configuration)) {\n @for (badge of configuration.value; track $index) {\n <s-badge\n [type]=\"badge.type ?? 'pill'\"\n [color]=\"badge.color ?? 'blue'\"\n [text]=\"badge.text\"\n [iconClass]=\"badge.iconClass\"\n [iconPosition]=\"badge.iconPosition\"\n ></s-badge>\n }\n }\n\n @if (isCurrencyConfiguration(configuration)) {\n <span class=\"sds-readonly\">\n {{ configuration.value | numeric: { numberFormatOptions: { style: 'currency', currency: configuration.currency } } | async }}\n </span>\n }\n\n @if (isNumberConfiguration(configuration)) {\n <span class=\"sds-readonly\">\n {{ configuration.value | localizedNumber | async }}\n </span>\n }\n\n @if (isDateConfiguration(configuration)) {\n <span class=\"sds-readonly\">\n {{ configuration.value | localizedDate: configuration.format || 'L' | async }}\n </span>\n }\n } @else {\n <span class=\"sds-empty-value\">\n {{ 'platform.angular_components.not_informed' | translate }}\n </span>\n }\n</div>\n", styles: [".flex{display:flex}.flex-col{flex-direction:column}.font-bold{font-weight:700}\n"], dependencies: [{ kind: "component", type: i1.BadgeComponent, selector: "s-badge", inputs: ["type", "color", "title", "text", "selectable", "iconClass", "iconPosition", "infoSign"], outputs: ["selected"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "pipe", type: i4.LocalizedDatePipe, name: "localizedDate" }, { kind: "pipe", type: i4.LocalizedNumberPipe, name: "localizedNumber" }, { kind: "pipe", type: i5.NumericPipe, name: "numeric" }] });
26
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: LabelValueComponent, selector: "s-label-value", inputs: { configuration: "configuration" }, ngImport: i0, template: "<div class=\"flex flex-col\">\n <p class=\"font-bold\">\n {{ configuration.title }}\n </p>\n\n @if (configuration.value) {\n @if (isTextConfiguration(configuration)) {\n <span class=\"sds-readonly\">\n {{ configuration.value }}\n </span>\n }\n\n @if (isBadgeConfiguration(configuration)) {\n @for (badge of configuration.value; track $index) {\n <s-badge\n [type]=\"badge.type ?? 'pill'\"\n [color]=\"badge.color ?? 'blue'\"\n [text]=\"badge.text\"\n [iconClass]=\"badge.iconClass\"\n [iconPosition]=\"badge.iconPosition\"\n ></s-badge>\n }\n }\n\n @if (isCurrencyConfiguration(configuration)) {\n <span class=\"sds-readonly\">\n {{ configuration.value | numeric: { numberFormatOptions: { style: 'currency', currency: configuration.currency } } | async }}\n </span>\n }\n\n @if (isNumberConfiguration(configuration)) {\n <span class=\"sds-readonly\">\n {{ configuration.value | localizedNumber | async }}\n </span>\n }\n\n @if (isDateConfiguration(configuration)) {\n <span class=\"sds-readonly\">\n {{ configuration.value | localizedDate: configuration.format || 'L' | async }}\n </span>\n }\n } @else {\n <span class=\"sds-empty-value\">\n {{ 'platform.angular_components.not_informed' | translate }}\n </span>\n }\n</div>\n", styles: [".flex{display:flex}.flex-col{flex-direction:column}.font-bold{font-weight:700}\n"], dependencies: [{ kind: "component", type: i1.BadgeComponent, selector: "s-badge", inputs: ["type", "color", "title", "text", "selectable", "iconClass", "iconPosition", "infoSign", "enableTruncateText"], outputs: ["selected"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "pipe", type: i4.LocalizedDatePipe, name: "localizedDate" }, { kind: "pipe", type: i4.LocalizedNumberPipe, name: "localizedNumber" }, { kind: "pipe", type: i5.NumericPipe, name: "numeric" }] });
27
27
  }
28
28
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LabelValueComponent, decorators: [{
29
29
  type: Component,