dolfo-angular 1.199.0 → 1.201.0

package/fesm2022/dolfo-angular.mjs

@@ -508,6 +508,7 @@ class AutocompleteComponent extends BaseFormInput {
     autocompleteInput;
     config;
     minChars = 3;
+    resultTemplate;
     onFocus = new EventEmitter();
     onBlur = new EventEmitter();
     options = signal([], ...(ngDevMode ? [{ debugName: "options" }] : []));
@@ -594,7 +595,7 @@ class AutocompleteComponent extends BaseFormInput {
             this.onChange.emit(this.input.value);
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: AutocompleteComponent, isStandalone: false, selector: "dolfo-autocomplete", inputs: { config: "config", minChars: "minChars" }, outputs: { onFocus: "onFocus", onBlur: "onBlur" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: AutocompleteComponent, isStandalone: false, selector: "dolfo-autocomplete", inputs: { config: "config", minChars: "minChars", resultTemplate: "resultTemplate" }, outputs: { onFocus: "onFocus", onBlur: "onBlur" }, providers: [
             { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => AutocompleteComponent), multi: true },
             { provide: NG_VALIDATORS, useExisting: forwardRef(() => AutocompleteComponent), multi: true },
             { provide: BaseFormInput, useExisting: AutocompleteComponent }
@@ -618,12 +619,16 @@ class AutocompleteComponent extends BaseFormInput {
 
                 @for(opt of options(); track opt.value; let idx = $index){
                     <div class="combobox-option" [class.selected]="isSelected(opt)" [class.focused]="currentFocus() === idx" (click)="$event.stopPropagation(); setOption(opt)">
-                        <span>{{ opt.label }}</span>
+                        @if(resultTemplate){
+                            <ng-container [ngTemplateOutlet]="resultTemplate" [ngTemplateOutletContext]="{ item: opt }"></ng-container>
+                        }@else {
+                            <span>{{ opt.label }}</span>
+                        }
                     </div>
                 }
             </div>
         </div>
-    </dolfo-input-container>`, isInline: true, dependencies: [{ kind: "component", type: InputContainerComponent, selector: "dolfo-input-container" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    </dolfo-input-container>`, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: InputContainerComponent, selector: "dolfo-input-container" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AutocompleteComponent, decorators: [{
             type: Component,
@@ -649,7 +654,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
 
                 @for(opt of options(); track opt.value; let idx = $index){
                     <div class="combobox-option" [class.selected]="isSelected(opt)" [class.focused]="currentFocus() === idx" (click)="$event.stopPropagation(); setOption(opt)">
-                        <span>{{ opt.label }}</span>
+                        @if(resultTemplate){
+                            <ng-container [ngTemplateOutlet]="resultTemplate" [ngTemplateOutletContext]="{ item: opt }"></ng-container>
+                        }@else {
+                            <span>{{ opt.label }}</span>
+                        }
                     </div>
                 }
             </div>
@@ -674,6 +683,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
                 args: [{ required: true }]
             }], minChars: [{
                 type: Input
+            }], resultTemplate: [{
+                type: Input
             }], onFocus: [{
                 type: Output
             }], onBlur: [{
@@ -1486,7 +1497,7 @@ class DialogComponent extends Formable {
         @if(footer){
             <dolfo-dialog-footer [buttons]="footer"></dolfo-dialog-footer>
         }
-    </dolfo-dialog-layout>`, isInline: true, dependencies: [{ kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: InputTextComponent, selector: "dolfo-input-text", inputs: ["type", "placeHolder"], outputs: ["onFocus", "onBlur"] }, { kind: "component", type: ComboboxComponent, selector: "dolfo-combobox", inputs: ["options", "placeHolder", "multiple"], outputs: ["onFocus", "onBlur"] }, { kind: "component", type: DatepickerComponent, selector: "dolfo-datepicker", inputs: ["selectTime"], outputs: ["onFocus", "onBlur"] }, { kind: "component", type: AutocompleteComponent, selector: "dolfo-autocomplete", inputs: ["config", "minChars"], outputs: ["onFocus", "onBlur"] }, { kind: "component", type: InputRadioComponent, selector: "dolfo-input-radio", inputs: ["options"] }, { kind: "component", type: DialogContentComponent, selector: "dolfo-dialog-content" }, { kind: "component", type: DialogHeaderComponent, selector: "dolfo-dialog-header", inputs: ["title", "icon", "showCloseX"] }, { kind: "component", type: DialogFooterComponent, selector: "dolfo-dialog-footer", inputs: ["buttons"] }, { kind: "component", type: DialogLayoutComponent, selector: "dolfo-dialog-layout", inputs: ["width"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    </dolfo-dialog-layout>`, isInline: true, dependencies: [{ kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: InputTextComponent, selector: "dolfo-input-text", inputs: ["type", "placeHolder"], outputs: ["onFocus", "onBlur"] }, { kind: "component", type: ComboboxComponent, selector: "dolfo-combobox", inputs: ["options", "placeHolder", "multiple"], outputs: ["onFocus", "onBlur"] }, { kind: "component", type: DatepickerComponent, selector: "dolfo-datepicker", inputs: ["selectTime"], outputs: ["onFocus", "onBlur"] }, { kind: "component", type: AutocompleteComponent, selector: "dolfo-autocomplete", inputs: ["config", "minChars", "resultTemplate"], outputs: ["onFocus", "onBlur"] }, { kind: "component", type: InputRadioComponent, selector: "dolfo-input-radio", inputs: ["options"] }, { kind: "component", type: DialogContentComponent, selector: "dolfo-dialog-content" }, { kind: "component", type: DialogHeaderComponent, selector: "dolfo-dialog-header", inputs: ["title", "icon", "showCloseX"] }, { kind: "component", type: DialogFooterComponent, selector: "dolfo-dialog-footer", inputs: ["buttons"] }, { kind: "component", type: DialogLayoutComponent, selector: "dolfo-dialog-layout", inputs: ["width"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DialogComponent, decorators: [{
             type: Component,
@@ -1650,6 +1661,7 @@ class PopoverComponent extends Subscriptable {
     content;
     elementRef;
     direction;
+    context;
     destroyFn = inject(POPOVER_DESTROY_TOKEN);
     checkCount = 0;
     currentDirection$ = new BehaviorSubject(null);
@@ -1714,12 +1726,12 @@ class PopoverComponent extends Subscriptable {
     isTemplate = () => this.content instanceof TemplateRef;
     getContentTemplate = () => this.content;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: PopoverComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: PopoverComponent, isStandalone: false, selector: "dolfo-popover", inputs: { content: "content", elementRef: "elementRef", direction: "direction" }, viewQueries: [{ propertyName: "tooltipRef", first: true, predicate: ["tooltipRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: `<div class="tooltip popover" #tooltipRef [ngStyle]="{
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: PopoverComponent, isStandalone: false, selector: "dolfo-popover", inputs: { content: "content", elementRef: "elementRef", direction: "direction", context: "context" }, viewQueries: [{ propertyName: "tooltipRef", first: true, predicate: ["tooltipRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: `<div class="tooltip popover" #tooltipRef [ngStyle]="{
         left: (x$ | async) + 'px',
         top: (y$ | async) + 'px'
     }" [ngClass]="currentDirection$ | async" [class.show]="completed$ | async">
         @if(isTemplate()){
-            <ng-container [ngTemplateOutlet]="getContentTemplate()"></ng-container>
+            <ng-container [ngTemplateOutlet]="getContentTemplate()" [ngTemplateOutletContext]="context"></ng-container>
         }@else{
             <div [innerHTML]="getContentStr()"></div>
         }
@@ -1735,7 +1747,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
         top: (y$ | async) + 'px'
     }" [ngClass]="currentDirection$ | async" [class.show]="completed$ | async">
         @if(isTemplate()){
-            <ng-container [ngTemplateOutlet]="getContentTemplate()"></ng-container>
+            <ng-container [ngTemplateOutlet]="getContentTemplate()" [ngTemplateOutletContext]="context"></ng-container>
         }@else{
             <div [innerHTML]="getContentStr()"></div>
         }
@@ -1754,6 +1766,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
             }], direction: [{
                 type: Input,
                 args: [{ required: true }]
+            }], context: [{
+                type: Input
             }] } });
 
 const TOOLTIP_DESTROY_TOKEN = new InjectionToken("TOOLTIP_DESTROY_TOKEN");
@@ -1999,6 +2013,7 @@ class PopoverDirective extends Subscriptable {
     el;
     ps;
     content;
+    context;
     direction = "top";
     constructor(el, ps) {
         super();
@@ -2010,11 +2025,12 @@ class PopoverDirective extends Subscriptable {
         this.addSubscription(fromEvent(this.el.nativeElement, "click").pipe(filter(() => !!this.content)).subscribe(() => this.ps.showPopover({
             content: this.content,
             elementRef: this.el,
-            direction: this.direction
+            direction: this.direction,
+            context: this.context
         })));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: PopoverDirective, deps: [{ token: i0.ElementRef }, { token: PopoverService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: PopoverDirective, isStandalone: false, selector: "[dolfoPopover]", inputs: { content: ["dolfoPopover", "content"], direction: "direction" }, usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: PopoverDirective, isStandalone: false, selector: "[dolfoPopover]", inputs: { content: ["dolfoPopover", "content"], context: ["dolfoPopoverContext", "context"], direction: "direction" }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: PopoverDirective, decorators: [{
             type: Directive,
@@ -2025,6 +2041,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: PopoverService }], propDecorators: { content: [{
                 type: Input,
                 args: [{ required: true, alias: "dolfoPopover" }]
+            }], context: [{
+                type: Input,
+                args: [{ alias: "dolfoPopoverContext" }]
             }], direction: [{
                 type: Input
             }] } });