@bizdoc/core 3.9.3 → 3.9.6

package/fesm2022/bizdoc-core.mjs

@@ -7218,11 +7218,13 @@ class HelpTipComponent {
       <button mat-icon-button (click)="dismiss()" [bizdocTooltip]="'Dismiss'|translate"><mat-icon>close</mat-icon></button>
     </p>
   }
-  `, isInline: true, styles: [".form-help-tip{align-items:center;border:1px rgb(0 0 0 / 38%) solid;border-radius:3px;padding:0 8px}.form-help-tip span:first-letter{text-transform:capitalize}\n"], dependencies: [{ kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+  `, isInline: true, dependencies: [{ kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: HelpTipComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, template: `
+            args: [{
+                    standalone: false,
+                    template: `
   @if (showTip) {
     <p class="row form-help-tip">
       <mat-icon>help_outline</mat-icon> &nbsp;
@@ -7231,7 +7233,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
       <button mat-icon-button (click)="dismiss()" [bizdocTooltip]="'Dismiss'|translate"><mat-icon>close</mat-icon></button>
     </p>
   }
-  `, selector: 'bizdoc-help-tip', styles: [".form-help-tip{align-items:center;border:1px rgb(0 0 0 / 38%) solid;border-radius:3px;padding:0 8px}.form-help-tip span:first-letter{text-transform:capitalize}\n"] }]
+  `,
+                    selector: 'bizdoc-help-tip'
+                }]
         }], ctorParameters: () => [{ type: GuideService }], propDecorators: { name: [{
                 type: Input
             }] } });
@@ -12973,6 +12977,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
                 type: Input
             }] } });
 
+const NAME_DIVIDER = /\s+|\-/;
 class UserTaggingComponent extends TaggingComponentBase {
     constructor() {
         super(...arguments);
@@ -12980,16 +12985,19 @@ class UserTaggingComponent extends TaggingComponentBase {
         this._accounts = inject(AccountService);
         this._me = this._session.userId;
     }
+    normalizedName(name) {
+        return name.split(NAME_DIVIDER).map(p => p.charAt(0).toUpperCase() + p.substring(1)).join('');
+    }
     onBind(value) {
         this.items = this._accounts.findAll(value, { take: 9 }).
             pipe(map(u => u.filter(u => u.id !== this._me)));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: UserTaggingComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: UserTaggingComponent, isStandalone: false, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div role=\"listbox\" cdkTrapFocus class=\"tag-list\">\r\n  @for (item of items | async; track item.id) {\r\n    <bizdoc-tag-item [key]='item.name' [value]='item.id'\r\n      matRipple [attr.aria-label]='item.name'>\r\n      <div class=\"row\">\r\n        <bizdoc-avatar [person]=item dense></bizdoc-avatar>\r\n        &nbsp;\r\n        <div class=\"column\">\r\n          <span>{{item.name}}</span>\r\n          <span>{{item.email}}</span>\r\n        </div>\r\n      </div>\r\n    </bizdoc-tag-item>\r\n  }\r\n</div>\r\n", styles: [".tag-list{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.tag-item{cursor:pointer;padding:8px}.tag-item .row{align-items:center}.tag-item.active{background:#d3d3d3}\n"], dependencies: [{ kind: "directive", type: i1$3.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: AvatarComponent, selector: "bizdoc-avatar", inputs: ["person", "showMode", "dense"], outputs: ["clickChange"] }, { kind: "component", type: TaggingItemDirective, selector: "bizdoc-tag-item", inputs: ["key", "value"], outputs: ["selected"] }, { kind: "pipe", type: i9.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: UserTaggingComponent, isStandalone: false, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div role=\"listbox\" cdkTrapFocus class=\"tag-list\">\r\n  @for (item of items | async; track item.id) {\r\n    <bizdoc-tag-item [key]='normalizedName(item.name)' [value]='item.id'\r\n      matRipple [attr.aria-label]='item.name'>\r\n      <div class=\"row\">\r\n        <bizdoc-avatar [person]=item dense></bizdoc-avatar>\r\n        &nbsp;\r\n        <div class=\"column\">\r\n          <span>{{item.name}}</span>\r\n          <span>{{item.email}}</span>\r\n        </div>\r\n      </div>\r\n    </bizdoc-tag-item>\r\n  }\r\n</div>\r\n", styles: [".tag-list{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.tag-item{cursor:pointer;padding:8px}.tag-item .row{align-items:center}.tag-item.active{background:#d3d3d3}\n"], dependencies: [{ kind: "directive", type: i1$3.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: AvatarComponent, selector: "bizdoc-avatar", inputs: ["person", "showMode", "dense"], outputs: ["clickChange"] }, { kind: "component", type: TaggingItemDirective, selector: "bizdoc-tag-item", inputs: ["key", "value"], outputs: ["selected"] }, { kind: "pipe", type: i9.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: UserTaggingComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, template: "<div role=\"listbox\" cdkTrapFocus class=\"tag-list\">\r\n  @for (item of items | async; track item.id) {\r\n    <bizdoc-tag-item [key]='item.name' [value]='item.id'\r\n      matRipple [attr.aria-label]='item.name'>\r\n      <div class=\"row\">\r\n        <bizdoc-avatar [person]=item dense></bizdoc-avatar>\r\n        &nbsp;\r\n        <div class=\"column\">\r\n          <span>{{item.name}}</span>\r\n          <span>{{item.email}}</span>\r\n        </div>\r\n      </div>\r\n    </bizdoc-tag-item>\r\n  }\r\n</div>\r\n", styles: [".tag-list{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.tag-item{cursor:pointer;padding:8px}.tag-item .row{align-items:center}.tag-item.active{background:#d3d3d3}\n"] }]
+            args: [{ standalone: false, template: "<div role=\"listbox\" cdkTrapFocus class=\"tag-list\">\r\n  @for (item of items | async; track item.id) {\r\n    <bizdoc-tag-item [key]='normalizedName(item.name)' [value]='item.id'\r\n      matRipple [attr.aria-label]='item.name'>\r\n      <div class=\"row\">\r\n        <bizdoc-avatar [person]=item dense></bizdoc-avatar>\r\n        &nbsp;\r\n        <div class=\"column\">\r\n          <span>{{item.name}}</span>\r\n          <span>{{item.email}}</span>\r\n        </div>\r\n      </div>\r\n    </bizdoc-tag-item>\r\n  }\r\n</div>\r\n", styles: [".tag-list{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.tag-item{cursor:pointer;padding:8px}.tag-item .row{align-items:center}.tag-item.active{background:#d3d3d3}\n"] }]
         }] });
 
 class FormPipe {
@@ -28899,7 +28907,7 @@ let TimelineViewComponent = class TimelineViewComponent {
                             task.duration = l.duration * 1000;
                         }
                         else
-                            task.ending = this.model.completed ? new Date(l.time) : new Date();
+                            task.ending = this.model.completed ? new Date(this.model.completed) : new Date(l.time);
                         tasks.push(task);
                         break;
                     }