@arsedizioni/ars-utils 21.2.199 → 21.2.200
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.
|
@@ -2501,7 +2501,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
2501
2501
|
], template: "<div class=\"dialog-info\">\r\n @if (f.form.invalid) {\r\n <span class=\"dialog-info-error\">Ci sono ancora dei campi obbligatori (*) non compilati.</span>\r\n } @else {\r\n <span class=\"dialog-info-ok\">Tutti i campi obbligatori (*) sono compilati.</span>\r\n }\r\n</div>\r\n<h2 mat-dialog-title [innerHTML]=\"dialogTitle | safeHtml\"></h2>\r\n<mat-dialog-content>\r\n <form name=\"form\" #f=\"ngForm\" novalidate>\r\n <div fxLayout=\"column\" class=\"spaced\">\r\n @if (availableTeams() && availableTeams().length > 1) {\r\n <mat-form-field>\r\n <mat-label>Team</mat-label>\r\n <mat-select [(ngModel)]=\"selectedTeam\" #team=\"ngModel\" name=\"team\" required [disabled]=\"!isNew()\">\r\n @for (t of availableTeams(); track $index;) {\r\n <mat-option [value]=\"t\">\r\n {{t.name}}\r\n </mat-option>\r\n }\r\n </mat-select>\r\n @if (team.invalid) {\r\n <mat-error>Obbligatorio.</mat-error>\r\n }\r\n </mat-form-field>\r\n }\r\n <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\" fxFill>\r\n <div fxFlex=\"29\" fxFlex.xs=\"100\">\r\n <mat-form-field class=\"wide\">\r\n <mat-label>Colore</mat-label>\r\n <mat-select name=\"color\" [(ngModel)]=\"item.color\" #color=\"ngModel\" name=\"color\" required>\r\n <mat-select-trigger>\r\n @if (item.color) {\r\n <span style=\"display:inline-flex;align-items:center;gap:8px;\">\r\n <span [style.background]=\"item.color\" style=\"width:14px;height:14px;border-radius:50%;display:inline-block;flex-shrink:0;\"></span>\r\n {{ colorName(item.color) }}\r\n </span>\r\n }\r\n </mat-select-trigger>\r\n @for (c of colors; track c) {\r\n <mat-option [value]=\"c.value\">\r\n <span style=\"display:inline-flex;align-items:center;gap:8px;\">\r\n <span [style.background]=\"c.value\"\r\n style=\"width:16px;height:16px;border-radius:50%;display:inline-block;\"></span>\r\n {{ c.name }}\r\n </span>\r\n </mat-option>\r\n }\r\n </mat-select>\r\n @if (color.invalid) {\r\n <mat-error>Obbligatorio.</mat-error>\r\n }\r\n </mat-form-field>\r\n </div>\r\n <div fxFlex=\"69\" fxFlex.xs=\"100\">\r\n <mat-form-field class=\"wide\">\r\n <mat-label>Nome</mat-label>\r\n <input matInput name=\"name\" [(ngModel)]=\"item.name\" #name=\"ngModel\" maxlength=\"100\" required />\r\n @if (name.invalid) {\r\n <mat-error>Obbligatorio.</mat-error>\r\n }\r\n <mat-hint align=\"end\">{{name.value?.length || 0}}/100 </mat-hint>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n\r\n <mat-form-field>\r\n <mat-label>Note</mat-label>\r\n <textarea matInput [(ngModel)]=\"item.note\" name=\"note\" maxlength=\"1000\" #text=\"ngModel\" cdkTextareaAutosize\r\n cdkAutosizeMinRows=\"1\" cdkAutosizeMaxRows=\"10\"></textarea>\r\n <mat-hint align=\"end\">{{text.value?.length || 0}}/1000 </mat-hint>\r\n </mat-form-field>\r\n </div>\r\n\r\n </form>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n <div fxLayoutAlign=\"end\" fxFill>\r\n <button mat-flat-button [disabled]=\"f.form.invalid\" (click)=\"ok()\">Salva</button>\r\n <button mat-stroked-button [mat-dialog-close]=\"true\">Annulla</button>\r\n </div>\r\n </div>\r\n</mat-dialog-actions>" }]
|
|
2502
2502
|
}], propDecorators: { done: [{ type: i0.Output, args: ["done"] }] } });
|
|
2503
2503
|
|
|
2504
|
-
class
|
|
2504
|
+
class ClipperContactEditComponent {
|
|
2505
2505
|
constructor() {
|
|
2506
2506
|
this.clipperService = inject(ClipperService);
|
|
2507
2507
|
this.dialogService = inject(DialogService);
|
|
@@ -2573,10 +2573,10 @@ class ContactEditComponent {
|
|
|
2573
2573
|
});
|
|
2574
2574
|
}
|
|
2575
2575
|
}
|
|
2576
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type:
|
|
2577
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type:
|
|
2576
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ClipperContactEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2577
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: ClipperContactEditComponent, isStandalone: true, selector: "ng-component", outputs: { done: "done" }, host: { attributes: { "Bind": SystemUtils.generateUUID() } }, viewQueries: [{ propertyName: "f", first: true, predicate: ["f"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"dialog-info\">\r\n @if (f.form.invalid) {\r\n <span class=\"dialog-info-red\">Ci sono ancora dei campi obbligatori (*) non\r\n compilati o con errori.</span>\r\n } @else {\r\n <span class=\"dialog-info-green\">Tutti i campi obbligatori (*) sono compilati senza errori.</span>\r\n }\r\n</div>\r\n<h2 mat-dialog-title>{{dialogTitle}}</h2>\r\n<div mat-dialog-content class=\" no-spaced\">\r\n <form name=\"form\" #f=\"ngForm\" novalidate>\r\n <div fxLayout=\"column\" class=\"spaced\">\r\n @if (availableTeams() && availableTeams().length > 1) {\r\n <mat-form-field>\r\n <mat-label>Team</mat-label>\r\n <mat-select [(ngModel)]=\"selectedTeam\" #team=\"ngModel\" name=\"team\" required [disabled]=\"!isNew()\">\r\n @for (t of availableTeams(); track $index;) {\r\n <mat-option [value]=\"t\">\r\n {{t.name}}\r\n </mat-option>\r\n }\r\n </mat-select>\r\n @if (team.invalid) {\r\n <mat-error>Obbligatorio.</mat-error>\r\n }\r\n </mat-form-field>\r\n }\r\n <mat-form-field>\r\n <mat-label>Nome</mat-label>\r\n <input matInput [(ngModel)]=\"item.name\" name=\"name\" #name=\"ngModel\" required maxlength=\"100\" />\r\n <mat-hint align=\"end\">{{name.value?.length || 0}}/100 </mat-hint>\r\n @if (name.invalid) {\r\n <mat-error>Obbligatorio.</mat-error>\r\n }\r\n </mat-form-field>\r\n <mat-form-field>\r\n <mat-label>Elenco email...</mat-label>\r\n <textarea matInput [(ngModel)]=\"item.emails\" name=\"emails\" #emails=\"ngModel\" maxlength=\"1000\"\r\n emails cdkTextareaAutosize></textarea>\r\n <mat-hint align=\"start\">Separati da punto e virgola</mat-hint>\r\n <mat-hint align=\"end\">{{emails.value?.length || 0}}/1000 </mat-hint>\r\n @if (emails.invalid) {\r\n <mat-error>Non valido</mat-error>\r\n }\r\n </mat-form-field>\r\n\r\n </div>\r\n </form>\r\n</div>\r\n<div mat-dialog-actions>\r\n <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxFill>\r\n <button mat-flat-button color=\"primary\" [disabled]=\"f.form.invalid || f.form.pristine\"\r\n (click)=\"save()\">Salva</button>\r\n <button mat-stroked-button [mat-dialog-close]=\"true\" color=\"primary\">Chiudi</button>\r\n </div>\r\n</div>", styles: [".mat-mdc-option,.mat-option-text{height:32px!important;line-height:32px!important;font-size:small}\n"], dependencies: [{ kind: "ngmodule", type: ArsCoreModule }, { kind: "directive", type: i1$2.EmailsValidatorDirective, selector: "[emails]" }, { kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FlexModule$1 }, { kind: "directive", type: i1.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i5$2.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i7$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i7$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2578
2578
|
}
|
|
2579
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type:
|
|
2579
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ClipperContactEditComponent, decorators: [{
|
|
2580
2580
|
type: Component,
|
|
2581
2581
|
args: [{ host: { 'Bind': SystemUtils.generateUUID() }, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
2582
2582
|
ArsCoreModule,
|
|
@@ -2594,7 +2594,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
2594
2594
|
], template: "<div class=\"dialog-info\">\r\n @if (f.form.invalid) {\r\n <span class=\"dialog-info-red\">Ci sono ancora dei campi obbligatori (*) non\r\n compilati o con errori.</span>\r\n } @else {\r\n <span class=\"dialog-info-green\">Tutti i campi obbligatori (*) sono compilati senza errori.</span>\r\n }\r\n</div>\r\n<h2 mat-dialog-title>{{dialogTitle}}</h2>\r\n<div mat-dialog-content class=\" no-spaced\">\r\n <form name=\"form\" #f=\"ngForm\" novalidate>\r\n <div fxLayout=\"column\" class=\"spaced\">\r\n @if (availableTeams() && availableTeams().length > 1) {\r\n <mat-form-field>\r\n <mat-label>Team</mat-label>\r\n <mat-select [(ngModel)]=\"selectedTeam\" #team=\"ngModel\" name=\"team\" required [disabled]=\"!isNew()\">\r\n @for (t of availableTeams(); track $index;) {\r\n <mat-option [value]=\"t\">\r\n {{t.name}}\r\n </mat-option>\r\n }\r\n </mat-select>\r\n @if (team.invalid) {\r\n <mat-error>Obbligatorio.</mat-error>\r\n }\r\n </mat-form-field>\r\n }\r\n <mat-form-field>\r\n <mat-label>Nome</mat-label>\r\n <input matInput [(ngModel)]=\"item.name\" name=\"name\" #name=\"ngModel\" required maxlength=\"100\" />\r\n <mat-hint align=\"end\">{{name.value?.length || 0}}/100 </mat-hint>\r\n @if (name.invalid) {\r\n <mat-error>Obbligatorio.</mat-error>\r\n }\r\n </mat-form-field>\r\n <mat-form-field>\r\n <mat-label>Elenco email...</mat-label>\r\n <textarea matInput [(ngModel)]=\"item.emails\" name=\"emails\" #emails=\"ngModel\" maxlength=\"1000\"\r\n emails cdkTextareaAutosize></textarea>\r\n <mat-hint align=\"start\">Separati da punto e virgola</mat-hint>\r\n <mat-hint align=\"end\">{{emails.value?.length || 0}}/1000 </mat-hint>\r\n @if (emails.invalid) {\r\n <mat-error>Non valido</mat-error>\r\n }\r\n </mat-form-field>\r\n\r\n </div>\r\n </form>\r\n</div>\r\n<div mat-dialog-actions>\r\n <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxFill>\r\n <button mat-flat-button color=\"primary\" [disabled]=\"f.form.invalid || f.form.pristine\"\r\n (click)=\"save()\">Salva</button>\r\n <button mat-stroked-button [mat-dialog-close]=\"true\" color=\"primary\">Chiudi</button>\r\n </div>\r\n</div>", styles: [".mat-mdc-option,.mat-option-text{height:32px!important;line-height:32px!important;font-size:small}\n"] }]
|
|
2595
2595
|
}], propDecorators: { f: [{ type: i0.ViewChild, args: ['f', { isSignal: true }] }], done: [{ type: i0.Output, args: ["done"] }] } });
|
|
2596
2596
|
|
|
2597
|
-
class
|
|
2597
|
+
class ClipperContactsSelector {
|
|
2598
2598
|
static Show(injector, canAppend, canEdit, onSelect) {
|
|
2599
2599
|
return runInInjectionContext(injector, () => {
|
|
2600
2600
|
const dialogService = inject(ApplicationDialogService);
|
|
@@ -2623,7 +2623,7 @@ class ContactsSelector {
|
|
|
2623
2623
|
}
|
|
2624
2624
|
});
|
|
2625
2625
|
d?.componentInstance.append.subscribe(result => {
|
|
2626
|
-
const d2 = dialogService.open(
|
|
2626
|
+
const d2 = dialogService.open(ClipperContactEditComponent, {
|
|
2627
2627
|
ariaLabel: 'crea contatto',
|
|
2628
2628
|
autoFocus: false,
|
|
2629
2629
|
restoreFocus: false,
|
|
@@ -2663,7 +2663,7 @@ class ContactsSelector {
|
|
|
2663
2663
|
});
|
|
2664
2664
|
});
|
|
2665
2665
|
d?.componentInstance.edit.subscribe(result => {
|
|
2666
|
-
const d2 = dialogService.open(
|
|
2666
|
+
const d2 = dialogService.open(ClipperContactEditComponent, {
|
|
2667
2667
|
ariaLabel: 'modifica contatto',
|
|
2668
2668
|
autoFocus: false,
|
|
2669
2669
|
restoreFocus: false,
|
|
@@ -2965,7 +2965,7 @@ class ClipperPropertyBadgeComponent {
|
|
|
2965
2965
|
});
|
|
2966
2966
|
d?.componentInstance.populate
|
|
2967
2967
|
.subscribe(data => {
|
|
2968
|
-
|
|
2968
|
+
ClipperContactsSelector.Show(this.injector, true, true, (contacts) => {
|
|
2969
2969
|
if (contacts && contacts.selectedItems && contacts.selectedItems.length > 0) {
|
|
2970
2970
|
let recipients = "";
|
|
2971
2971
|
contacts.selectedItems.forEach((c) => {
|
|
@@ -4928,5 +4928,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
4928
4928
|
* Generated bundle index. Do not edit.
|
|
4929
4929
|
*/
|
|
4930
4930
|
|
|
4931
|
-
export { ClipperBrowserComponent, ClipperBrowserDialogComponent, ClipperDocumentComponent, ClipperDocumentIndexComponent, ClipperDocumentManager, ClipperDocumentMenuComponent, ClipperDocumentsUtils, ClipperPropertyBadgeComponent, ClipperPropertyEditComponent, ClipperReferencesComponent, ClipperSearchCalendarComponent, ClipperSearchFacetsComponent, ClipperSearchFreeTextHelpComponent, ClipperSearchFreeTextQueryBuilderComponent, ClipperSearchResultItemComponent, ClipperSearchResultItemDisplayMode, ClipperSearchResultManager
|
|
4931
|
+
export { ClipperBrowserComponent, ClipperBrowserDialogComponent, ClipperContactEditComponent, ClipperContactsSelector, ClipperDocumentComponent, ClipperDocumentIndexComponent, ClipperDocumentManager, ClipperDocumentMenuComponent, ClipperDocumentsUtils, ClipperPropertyBadgeComponent, ClipperPropertyEditComponent, ClipperReferencesComponent, ClipperSearchCalendarComponent, ClipperSearchFacetsComponent, ClipperSearchFreeTextHelpComponent, ClipperSearchFreeTextQueryBuilderComponent, ClipperSearchResultItemComponent, ClipperSearchResultItemDisplayMode, ClipperSearchResultManager };
|
|
4932
4932
|
//# sourceMappingURL=arsedizioni-ars-utils-clipper.ui.mjs.map
|