@myrmidon/cadmus-part-general-ui 14.0.3 → 14.0.4

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.
@@ -43,6 +43,7 @@ import * as i5$2 from '@cisstech/nge/markdown';
43
43
  import { NgeMarkdownModule } from '@cisstech/nge/markdown';
44
44
  import { DecoratedCountsComponent } from '@myrmidon/cadmus-refs-decorated-counts';
45
45
  import { ProperNameComponent, CadmusProperNamePipe } from '@myrmidon/cadmus-refs-proper-name';
46
+ import { LookupDocReferencesComponent } from '@myrmidon/cadmus-refs-lookup';
46
47
  import { FlagSetComponent } from '@myrmidon/cadmus-ui-flag-set';
47
48
  import { NoteSetComponent } from '@myrmidon/cadmus-ui-note-set';
48
49
  import { PhysicalMeasurementSetComponent } from '@myrmidon/cadmus-mat-physical-size';
@@ -291,10 +292,10 @@ class AssertedHistoricalDateComponent {
291
292
  }
292
293
  this.date.set(this.getDate());
293
294
  }
294
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AssertedHistoricalDateComponent, deps: [{ token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
295
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: AssertedHistoricalDateComponent, isStandalone: true, selector: "cadmus-asserted-historical-date", inputs: { date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null }, tagEntries: { classPropertyName: "tagEntries", publicName: "tagEntries", isSignal: true, isRequired: false, transformFunction: null }, assertionTagEntries: { classPropertyName: "assertionTagEntries", publicName: "assertionTagEntries", isSignal: true, isRequired: false, transformFunction: null }, docReferenceTypeEntries: { classPropertyName: "docReferenceTypeEntries", publicName: "docReferenceTypeEntries", isSignal: true, isRequired: false, transformFunction: null }, docReferenceTagEntries: { classPropertyName: "docReferenceTagEntries", publicName: "docReferenceTagEntries", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { date: "dateChange", dateCancel: "dateCancel" }, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n <!-- tag (bound) -->\r\n @if (tagEntries()?.length) {\r\n <mat-form-field>\r\n <mat-label>tag</mat-label>\r\n <mat-select [formControl]=\"tag\">\r\n @for (e of tagEntries(); track e) {\r\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\r\n }\r\n </mat-select>\r\n </mat-form-field>\r\n }\r\n <!-- tag (free) -->\r\n @else {\r\n <mat-form-field>\r\n <mat-label>tag</mat-label>\r\n <input matInput [formControl]=\"tag\" />\r\n @if (tag.hasError('max-length') && (tag.dirty || tag.touched)) {\r\n <mat-error>tag too long</mat-error>\r\n }\r\n </mat-form-field>\r\n }\r\n <div>\r\n <!-- date -->\r\n <cadmus-refs-historical-date\r\n [date]=\"hd.value || undefined\"\r\n (dateChange)=\"onDateChange($event)\"\r\n />\r\n <mat-expansion-panel>\r\n <!-- assertion -->\r\n <mat-expansion-panel-header>date assertion</mat-expansion-panel-header>\r\n <cadmus-refs-assertion\r\n [assTagEntries]=\"assertionTagEntries()\"\r\n [refTypeEntries]=\"docReferenceTypeEntries()\"\r\n [refTagEntries]=\"docReferenceTagEntries()\"\r\n [assertion]=\"assertion.value || undefined\"\r\n (assertionChange)=\"onAssertionChange($event)\"\r\n />\r\n </mat-expansion-panel>\r\n </div>\r\n\r\n <!-- buttons -->\r\n <div>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Discard changes\"\r\n (click)=\"cancel()\"\r\n >\r\n <mat-icon class=\"mat-warn\">clear</mat-icon>\r\n </button>\r\n <button\r\n type=\"submit\"\r\n mat-icon-button\r\n matTooltip=\"Accept changes\"\r\n [disabled]=\"form.invalid\"\r\n >\r\n <mat-icon class=\"mat-primary\">check_circle</mat-icon>\r\n </button>\r\n </div>\r\n</form>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i4$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4$2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i6.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: "ngmodule", type: MatSelectModule }, { kind: "component", type: i7.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.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: HistoricalDateComponent, selector: "cadmus-refs-historical-date", inputs: ["date", "label", "disabled"], outputs: ["dateChange"] }, { kind: "component", type: AssertionComponent, selector: "cadmus-refs-assertion", inputs: ["assTagEntries", "refTypeEntries", "refTagEntries", "assertion", "noLookup", "noCitation", "defaultPicker"], outputs: ["assertionChange"] }] });
295
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: AssertedHistoricalDateComponent, deps: [{ token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
296
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.3", type: AssertedHistoricalDateComponent, isStandalone: true, selector: "cadmus-asserted-historical-date", inputs: { date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null }, tagEntries: { classPropertyName: "tagEntries", publicName: "tagEntries", isSignal: true, isRequired: false, transformFunction: null }, assertionTagEntries: { classPropertyName: "assertionTagEntries", publicName: "assertionTagEntries", isSignal: true, isRequired: false, transformFunction: null }, docReferenceTypeEntries: { classPropertyName: "docReferenceTypeEntries", publicName: "docReferenceTypeEntries", isSignal: true, isRequired: false, transformFunction: null }, docReferenceTagEntries: { classPropertyName: "docReferenceTagEntries", publicName: "docReferenceTagEntries", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { date: "dateChange", dateCancel: "dateCancel" }, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n <!-- tag (bound) -->\r\n @if (tagEntries()?.length) {\r\n <mat-form-field>\r\n <mat-label>tag</mat-label>\r\n <mat-select [formControl]=\"tag\">\r\n @for (e of tagEntries(); track e) {\r\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\r\n }\r\n </mat-select>\r\n </mat-form-field>\r\n }\r\n <!-- tag (free) -->\r\n @else {\r\n <mat-form-field>\r\n <mat-label>tag</mat-label>\r\n <input matInput [formControl]=\"tag\" />\r\n @if (tag.hasError('max-length') && (tag.dirty || tag.touched)) {\r\n <mat-error>tag too long</mat-error>\r\n }\r\n </mat-form-field>\r\n }\r\n <div>\r\n <!-- date -->\r\n <cadmus-refs-historical-date\r\n [date]=\"hd.value || undefined\"\r\n (dateChange)=\"onDateChange($event)\"\r\n />\r\n <mat-expansion-panel>\r\n <!-- assertion -->\r\n <mat-expansion-panel-header>date assertion</mat-expansion-panel-header>\r\n <cadmus-refs-assertion\r\n [assTagEntries]=\"assertionTagEntries()\"\r\n [refTypeEntries]=\"docReferenceTypeEntries()\"\r\n [refTagEntries]=\"docReferenceTagEntries()\"\r\n [assertion]=\"assertion.value || undefined\"\r\n (assertionChange)=\"onAssertionChange($event)\"\r\n />\r\n </mat-expansion-panel>\r\n </div>\r\n\r\n <!-- buttons -->\r\n <div>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Discard changes\"\r\n (click)=\"cancel()\"\r\n >\r\n <mat-icon class=\"mat-warn\">clear</mat-icon>\r\n </button>\r\n <button\r\n type=\"submit\"\r\n mat-icon-button\r\n matTooltip=\"Accept changes\"\r\n [disabled]=\"form.invalid\"\r\n >\r\n <mat-icon class=\"mat-primary\">check_circle</mat-icon>\r\n </button>\r\n </div>\r\n</form>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i4$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4$2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i6.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: "ngmodule", type: MatSelectModule }, { kind: "component", type: i7.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.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: HistoricalDateComponent, selector: "cadmus-refs-historical-date", inputs: ["date", "label", "disabled"], outputs: ["dateChange"] }, { kind: "component", type: AssertionComponent, selector: "cadmus-refs-assertion", inputs: ["assTagEntries", "refTypeEntries", "refTagEntries", "assertion", "noLookup", "noCitation", "defaultPicker"], outputs: ["assertionChange"] }] });
296
297
  }
297
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AssertedHistoricalDateComponent, decorators: [{
298
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: AssertedHistoricalDateComponent, decorators: [{
298
299
  type: Component,
299
300
  args: [{ selector: 'cadmus-asserted-historical-date', imports: [
300
301
  ReactiveFormsModule,
@@ -483,12 +484,12 @@ class AssertedHistoricalDatesPartComponent extends ModelEditorComponentBase {
483
484
  this.dates.markAsDirty();
484
485
  this.dates.updateValueAndValidity();
485
486
  }
486
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AssertedHistoricalDatesPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }, { token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Component });
487
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: AssertedHistoricalDatesPartComponent, isStandalone: true, selector: "cadmus-asserted-historical-dates-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n <mat-card>\r\n <mat-card-header>\r\n <div mat-card-avatar>\r\n <mat-icon>picture_in_picture</mat-icon>\r\n </div>\r\n <mat-card-title>{{\r\n (modelName() | titlecase) || \"Historical Dates\"\r\n }}</mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content>\r\n <div>\r\n <button\r\n type=\"button\"\r\n mat-flat-button\r\n color=\"primary\"\r\n [disabled]=\"maxDateCount > 0 && dates.value.length >= maxDateCount\"\r\n (click)=\"addDate()\"\r\n >\r\n <mat-icon>add_circle</mat-icon> date\r\n </button>\r\n </div>\r\n @if (dates.value.length) {\r\n <table>\r\n <thead>\r\n <tr>\r\n <th></th>\r\n <th>date</th>\r\n <th>tag</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n @for (date of dates.value; track date; let i = $index; let first =\r\n $first; let last = $last) {\r\n <tr [class.selected]=\"date === edited\">\r\n <td class=\"fit-width\">\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n color=\"primary\"\r\n matTooltip=\"Edit this date\"\r\n (click)=\"editDate(date, i)\"\r\n >\r\n <mat-icon class=\"mat-primary\">edit</mat-icon>\r\n </button>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Move this date up\"\r\n [disabled]=\"first\"\r\n (click)=\"moveDateUp(i)\"\r\n >\r\n <mat-icon>arrow_upward</mat-icon>\r\n </button>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Move this date down\"\r\n [disabled]=\"last\"\r\n (click)=\"moveDateDown(i)\"\r\n >\r\n <mat-icon>arrow_downward</mat-icon>\r\n </button>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n color=\"warn\"\r\n matTooltip=\"Delete this date\"\r\n (click)=\"deleteDate(i)\"\r\n >\r\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\r\n </button>\r\n </td>\r\n <td>{{ date | historicalDate }}</td>\r\n <td>{{ date.tag | flatLookup : tagEntries : \"id\" : \"value\" }}</td>\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n } @if (edited) {\r\n <fieldset>\r\n <mat-expansion-panel [expanded]=\"edited\" [disabled]=\"!edited\">\r\n <mat-expansion-panel-header>\r\n <mat-panel-title>Date #</mat-panel-title>\r\n </mat-expansion-panel-header>\r\n <cadmus-asserted-historical-date\r\n [date]=\"edited\"\r\n (dateChange)=\"saveDate($event!)\"\r\n [tagEntries]=\"tagEntries\"\r\n [assertionTagEntries]=\"assertionTagEntries\"\r\n [docReferenceTagEntries]=\"docReferenceTagEntries\"\r\n [docReferenceTypeEntries]=\"docReferenceTypeEntries\"\r\n (dateCancel)=\"closeDate()\"\r\n />\r\n </mat-expansion-panel>\r\n </fieldset>\r\n }\r\n </mat-card-content>\r\n <mat-card-actions>\r\n <cadmus-close-save-buttons\r\n [form]=\"form\"\r\n [noSave]=\"userLevel < 2\"\r\n (closeRequest)=\"close()\"\r\n />\r\n </mat-card-actions>\r\n </mat-card>\r\n</form>\r\n", styles: ["table{width:100%;border-collapse:collapse}tbody tr:nth-child(odd){background-color:#e2e2e2}th{text-align:left;font-weight:400;color:silver}td.fit-width{width:1px;white-space:nowrap}tr.selected{background-color:#d0d0d0!important}fieldset{border:1px solid silver;border-radius:6px;padding:6px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.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: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i5$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i5$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i5$1.MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "directive", type: i5$1.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i5$1.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i5$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i4$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i4$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: AssertedHistoricalDateComponent, selector: "cadmus-asserted-historical-date", inputs: ["date", "tagEntries", "assertionTagEntries", "docReferenceTypeEntries", "docReferenceTagEntries"], outputs: ["dateChange", "dateCancel"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: i9.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type:
487
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: AssertedHistoricalDatesPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }, { token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Component });
488
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.3", type: AssertedHistoricalDatesPartComponent, isStandalone: true, selector: "cadmus-asserted-historical-dates-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n <mat-card>\r\n <mat-card-header>\r\n <div mat-card-avatar>\r\n <mat-icon>picture_in_picture</mat-icon>\r\n </div>\r\n <mat-card-title>{{\r\n (modelName() | titlecase) || \"Historical Dates\"\r\n }}</mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content>\r\n <div>\r\n <button\r\n type=\"button\"\r\n mat-flat-button\r\n color=\"primary\"\r\n [disabled]=\"maxDateCount > 0 && dates.value.length >= maxDateCount\"\r\n (click)=\"addDate()\"\r\n >\r\n <mat-icon>add_circle</mat-icon> date\r\n </button>\r\n </div>\r\n @if (dates.value.length) {\r\n <table>\r\n <thead>\r\n <tr>\r\n <th></th>\r\n <th>date</th>\r\n <th>tag</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n @for (date of dates.value; track date; let i = $index; let first =\r\n $first; let last = $last) {\r\n <tr [class.selected]=\"date === edited\">\r\n <td class=\"fit-width\">\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n color=\"primary\"\r\n matTooltip=\"Edit this date\"\r\n (click)=\"editDate(date, i)\"\r\n >\r\n <mat-icon class=\"mat-primary\">edit</mat-icon>\r\n </button>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Move this date up\"\r\n [disabled]=\"first\"\r\n (click)=\"moveDateUp(i)\"\r\n >\r\n <mat-icon>arrow_upward</mat-icon>\r\n </button>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Move this date down\"\r\n [disabled]=\"last\"\r\n (click)=\"moveDateDown(i)\"\r\n >\r\n <mat-icon>arrow_downward</mat-icon>\r\n </button>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n color=\"warn\"\r\n matTooltip=\"Delete this date\"\r\n (click)=\"deleteDate(i)\"\r\n >\r\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\r\n </button>\r\n </td>\r\n <td>{{ date | historicalDate }}</td>\r\n <td>{{ date.tag | flatLookup : tagEntries : \"id\" : \"value\" }}</td>\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n } @if (edited) {\r\n <fieldset>\r\n <mat-expansion-panel [expanded]=\"edited\" [disabled]=\"!edited\">\r\n <mat-expansion-panel-header>\r\n <mat-panel-title>Date #</mat-panel-title>\r\n </mat-expansion-panel-header>\r\n <cadmus-asserted-historical-date\r\n [date]=\"edited\"\r\n (dateChange)=\"saveDate($event!)\"\r\n [tagEntries]=\"tagEntries\"\r\n [assertionTagEntries]=\"assertionTagEntries\"\r\n [docReferenceTagEntries]=\"docReferenceTagEntries\"\r\n [docReferenceTypeEntries]=\"docReferenceTypeEntries\"\r\n (dateCancel)=\"closeDate()\"\r\n />\r\n </mat-expansion-panel>\r\n </fieldset>\r\n }\r\n </mat-card-content>\r\n <mat-card-actions>\r\n <cadmus-close-save-buttons\r\n [form]=\"form\"\r\n [noSave]=\"userLevel < 2\"\r\n (closeRequest)=\"close()\"\r\n />\r\n </mat-card-actions>\r\n </mat-card>\r\n</form>\r\n", styles: ["table{width:100%;border-collapse:collapse}tbody tr:nth-child(odd){background-color:#e2e2e2}th{text-align:left;font-weight:400;color:silver}td.fit-width{width:1px;white-space:nowrap}tr.selected{background-color:#d0d0d0!important}fieldset{border:1px solid silver;border-radius:6px;padding:6px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.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: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i5$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i5$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i5$1.MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "directive", type: i5$1.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i5$1.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i5$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i4$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i4$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: AssertedHistoricalDateComponent, selector: "cadmus-asserted-historical-date", inputs: ["date", "tagEntries", "assertionTagEntries", "docReferenceTypeEntries", "docReferenceTagEntries"], outputs: ["dateChange", "dateCancel"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: i9.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type:
488
489
  // cadmus
489
490
  FlatLookupPipe, name: "flatLookup" }, { kind: "pipe", type: HistoricalDatePipe, name: "historicalDate" }] });
490
491
  }
491
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AssertedHistoricalDatesPartComponent, decorators: [{
492
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: AssertedHistoricalDatesPartComponent, decorators: [{
492
493
  type: Component,
493
494
  args: [{ selector: 'cadmus-asserted-historical-dates-part', imports: [
494
495
  CommonModule,
@@ -562,10 +563,10 @@ class BibAuthorsEditorComponent {
562
563
  this.authors.removeAt(i);
563
564
  }
564
565
  }
565
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: BibAuthorsEditorComponent, deps: [{ token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
566
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: BibAuthorsEditorComponent, isStandalone: true, selector: "cadmus-bib-authors-editor", inputs: { parentForm: { classPropertyName: "parentForm", publicName: "parentForm", isSignal: true, isRequired: true, transformFunction: null }, controlName: { classPropertyName: "controlName", publicName: "controlName", isSignal: true, isRequired: false, transformFunction: null }, roleEntries: { classPropertyName: "roleEntries", publicName: "roleEntries", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (parentForm()) {\n<form [formGroup]=\"parentForm()\">\n <div [formArrayName]=\"controlName()\">\n @if (!authors || !authors.length) {\n <div style=\"margin: 8px 0\">\n <button\n type=\"button\"\n mat-flat-button\n (click)=\"addAuthor()\"\n class=\"mat-primary\"\n >\n <mat-icon>add_circle</mat-icon>\n author\n </button>\n </div>\n } @for ( item of authors?.controls; track item; let i = $index; let first =\n $first; let last = $last) {\n <div>\n <!-- child form -->\n <div [formGroupName]=\"i\" class=\"form-row\">\n <!-- child actions -->\n <div>\n {{ i + 1 }}.\n <button\n mat-icon-button\n type=\"button\"\n matTooltip=\"Remove this author\"\n (click)=\"removeAuthor(i)\"\n >\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\n </button>\n <button\n mat-icon-button\n type=\"button\"\n matTooltip=\"Add author below\"\n (click)=\"addAuthorBelow(i)\"\n >\n <mat-icon class=\"mat-primary\">add_circle</mat-icon>\n </button>\n <button\n [disabled]=\"first\"\n mat-icon-button\n type=\"button\"\n matTooltip=\"Move author up\"\n (click)=\"moveAuthorUp(i)\"\n >\n <mat-icon>arrow_upward</mat-icon>\n </button>\n <button\n [disabled]=\"last\"\n mat-icon-button\n type=\"button\"\n matTooltip=\"Move author down\"\n (click)=\"moveAuthorDown(i)\"\n >\n <mat-icon>arrow_downward</mat-icon>\n </button>\n </div>\n <!-- child controls -->\n <!-- last -->\n <mat-form-field>\n <mat-label>last name</mat-label>\n <input matInput formControlName=\"lastName\" spellcheck=\"false\" />\n @if ( item.get('lastName')?.hasError('required') &&\n (item.get('lastName')?.dirty || item.get('lastName')?.touched) ) {\n <mat-error>last name required</mat-error>\n } @if ( item.get('lastName')?.hasError('maxLength') &&\n (item.get('lastName')?.dirty || item.get('lastName')?.touched) ) {\n <mat-error>too long</mat-error>\n }\n </mat-form-field>\n <!-- first -->\n <mat-form-field>\n <mat-label>first name</mat-label>\n <input matInput formControlName=\"firstName\" spellcheck=\"false\" />\n <mat-error>too long</mat-error>\n </mat-form-field>\n <!-- roleId -->\n @if (roleEntries()?.length) {\n <mat-form-field>\n <mat-label>role</mat-label>\n <mat-select formControlName=\"roleId\">\n <mat-option [value]=\"null\">(no role)</mat-option>\n @for (e of roleEntries(); track e.id) {\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\n }\n </mat-select>\n </mat-form-field>\n } @else {\n <mat-form-field>\n <mat-label>role</mat-label>\n <input matInput formControlName=\"roleId\" spellcheck=\"false\" />\n <mat-error>too long</mat-error>\n </mat-form-field>\n }\n </div>\n </div>\n }\n </div>\n</form>\n}\n", styles: [".form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-row *{flex:0 0 auto}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: 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: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: 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: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: 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: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }] });
566
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: BibAuthorsEditorComponent, deps: [{ token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
567
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.3", type: BibAuthorsEditorComponent, isStandalone: true, selector: "cadmus-bib-authors-editor", inputs: { parentForm: { classPropertyName: "parentForm", publicName: "parentForm", isSignal: true, isRequired: true, transformFunction: null }, controlName: { classPropertyName: "controlName", publicName: "controlName", isSignal: true, isRequired: false, transformFunction: null }, roleEntries: { classPropertyName: "roleEntries", publicName: "roleEntries", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (parentForm()) {\n<form [formGroup]=\"parentForm()\">\n <div [formArrayName]=\"controlName()\">\n @if (!authors || !authors.length) {\n <div style=\"margin: 8px 0\">\n <button\n type=\"button\"\n mat-flat-button\n (click)=\"addAuthor()\"\n class=\"mat-primary\"\n >\n <mat-icon>add_circle</mat-icon>\n author\n </button>\n </div>\n } @for ( item of authors?.controls; track item; let i = $index; let first =\n $first; let last = $last) {\n <div>\n <!-- child form -->\n <div [formGroupName]=\"i\" class=\"form-row\">\n <!-- child actions -->\n <div>\n {{ i + 1 }}.\n <button\n mat-icon-button\n type=\"button\"\n matTooltip=\"Remove this author\"\n (click)=\"removeAuthor(i)\"\n >\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\n </button>\n <button\n mat-icon-button\n type=\"button\"\n matTooltip=\"Add author below\"\n (click)=\"addAuthorBelow(i)\"\n >\n <mat-icon class=\"mat-primary\">add_circle</mat-icon>\n </button>\n <button\n [disabled]=\"first\"\n mat-icon-button\n type=\"button\"\n matTooltip=\"Move author up\"\n (click)=\"moveAuthorUp(i)\"\n >\n <mat-icon>arrow_upward</mat-icon>\n </button>\n <button\n [disabled]=\"last\"\n mat-icon-button\n type=\"button\"\n matTooltip=\"Move author down\"\n (click)=\"moveAuthorDown(i)\"\n >\n <mat-icon>arrow_downward</mat-icon>\n </button>\n </div>\n <!-- child controls -->\n <!-- last -->\n <mat-form-field>\n <mat-label>last name</mat-label>\n <input matInput formControlName=\"lastName\" spellcheck=\"false\" />\n @if ( item.get('lastName')?.hasError('required') &&\n (item.get('lastName')?.dirty || item.get('lastName')?.touched) ) {\n <mat-error>last name required</mat-error>\n } @if ( item.get('lastName')?.hasError('maxLength') &&\n (item.get('lastName')?.dirty || item.get('lastName')?.touched) ) {\n <mat-error>too long</mat-error>\n }\n </mat-form-field>\n <!-- first -->\n <mat-form-field>\n <mat-label>first name</mat-label>\n <input matInput formControlName=\"firstName\" spellcheck=\"false\" />\n <mat-error>too long</mat-error>\n </mat-form-field>\n <!-- roleId -->\n @if (roleEntries()?.length) {\n <mat-form-field>\n <mat-label>role</mat-label>\n <mat-select formControlName=\"roleId\">\n <mat-option [value]=\"null\">(no role)</mat-option>\n @for (e of roleEntries(); track e.id) {\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\n }\n </mat-select>\n </mat-form-field>\n } @else {\n <mat-form-field>\n <mat-label>role</mat-label>\n <input matInput formControlName=\"roleId\" spellcheck=\"false\" />\n <mat-error>too long</mat-error>\n </mat-form-field>\n }\n </div>\n </div>\n }\n </div>\n</form>\n}\n", styles: [".form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-row *{flex:0 0 auto}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: 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: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: 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: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: 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: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }] });
567
568
  }
568
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: BibAuthorsEditorComponent, decorators: [{
569
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: BibAuthorsEditorComponent, decorators: [{
569
570
  type: Component,
570
571
  args: [{ selector: 'cadmus-bib-authors-editor', imports: [
571
572
  FormsModule,
@@ -849,10 +850,10 @@ class BibliographyEntryComponent {
849
850
  }
850
851
  this.entry.set(this.getEntry());
851
852
  }
852
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: BibliographyEntryComponent, deps: [{ token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
853
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: BibliographyEntryComponent, isStandalone: true, selector: "cadmus-bibliography-entry", inputs: { entry: { classPropertyName: "entry", publicName: "entry", isSignal: true, isRequired: false, transformFunction: null }, langEntries: { classPropertyName: "langEntries", publicName: "langEntries", isSignal: true, isRequired: false, transformFunction: null }, typeEntries: { classPropertyName: "typeEntries", publicName: "typeEntries", isSignal: true, isRequired: false, transformFunction: null }, tagEntries: { classPropertyName: "tagEntries", publicName: "tagEntries", isSignal: true, isRequired: false, transformFunction: null }, roleEntries: { classPropertyName: "roleEntries", publicName: "roleEntries", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { entry: "entryChange", editorClose: "editorClose" }, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\n <mat-tab-group>\n <!-- general -->\n <mat-tab label=\"General\">\n <!-- typeId -->\n <div class=\"form-row\">\n @if (typeEntries()?.length) {\n <mat-form-field>\n <mat-label>type</mat-label>\n <mat-select formControlName=\"type\">\n @for (e of typeEntries() || []; track e) {\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\n }\n </mat-select>\n </mat-form-field>\n } @else {\n <mat-form-field>\n <mat-label>type</mat-label>\n <input\n matInput\n type=\"text\"\n spellcheck=\"false\"\n formControlName=\"type\"\n />\n @if (type.hasError('required') && (type.dirty || type.touched)) {\n <mat-error>entry type required</mat-error>\n } @if (type.hasError('maxLength') && (type.dirty || type.touched)) {\n <mat-error>too long</mat-error>\n }\n </mat-form-field>\n }\n\n <!-- tag (bound) -->\n @if (tagEntries()?.length) {\n <mat-form-field>\n <mat-label>tag</mat-label>\n <mat-select [formControl]=\"tag\">\n @for (e of tagEntries(); track e.id) {\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\n }\n </mat-select>\n </mat-form-field>\n }\n <!-- tag (free) -->\n @else {\n <mat-form-field>\n <mat-label>tag</mat-label>\n <input matInput [formControl]=\"tag\" />\n @if (tag.hasError('maxLength') && (tag.dirty || tag.touched)) {\n <mat-error>tag too long</mat-error>\n }\n </mat-form-field>\n }\n\n <!-- language (bound) -->\n @if (langEntries()?.length) {\n <mat-form-field>\n <mat-label>language</mat-label>\n <mat-select formControlName=\"language\">\n @for (e of langEntries() || []; track e.id) {\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\n }\n </mat-select>\n </mat-form-field>\n }\n <!-- language (free) -->\n @else {\n <mat-form-field>\n <mat-label>language</mat-label>\n <input matInput [formControl]=\"language\" />\n @if ( language.hasError('required') && (language.dirty ||\n language.touched) ) {\n <mat-error>required</mat-error>\n } @if ( language.hasError('pattern') && (language.dirty ||\n language.touched) ) {\n <mat-error>invalid</mat-error>\n }\n </mat-form-field>\n }\n\n <!-- key -->\n <mat-form-field>\n <mat-label>key</mat-label>\n <input matInput [formControl]=\"key\" />\n @if (key.hasError('maxLength') && (key.dirty || key.touched)) {\n <mat-error>key too long</mat-error>\n }\n </mat-form-field>\n </div>\n\n <!-- authors -->\n <fieldset>\n <legend>author(s)</legend>\n <cadmus-bib-authors-editor\n [parentForm]=\"form\"\n [controlName]=\"'authors'\"\n [roleEntries]=\"roleEntries()\"\n />\n </fieldset>\n\n <!-- title -->\n <div>\n <mat-form-field class=\"long-text\">\n <mat-label>title</mat-label>\n <input matInput type=\"text\" formControlName=\"title\" />\n @if (title.hasError('required') && (title.dirty || title.touched)) {\n <mat-error>title required</mat-error>\n } @if ( title.hasError('maxLength') && (title.dirty || title.touched)\n ) {\n <mat-error>too long</mat-error>\n }\n </mat-form-field>\n </div>\n\n <!-- note -->\n <div>\n <mat-form-field class=\"long-text\">\n <mat-label>note</mat-label>\n <textarea matInput formControlName=\"note\" rows=\"2\"></textarea>\n @if (note.hasError('maxLength') && (note.dirty || note.touched)) {\n <mat-error>too long</mat-error>\n }\n </mat-form-field>\n </div>\n </mat-tab>\n\n <!-- container -->\n <mat-tab label=\"Container\">\n <!-- contributors -->\n <cadmus-bib-authors-editor\n [parentForm]=\"form\"\n [controlName]=\"'contributors'\"\n [roleEntries]=\"roleEntries()\"\n />\n\n <!-- container -->\n <div>\n <mat-form-field class=\"long-text\">\n <mat-label>container</mat-label>\n <input matInput type=\"text\" formControlName=\"container\" />\n @if ( container.hasError('maxLength') && (container.dirty ||\n container.touched) ) {\n <mat-error>too long</mat-error>\n }\n </mat-form-field>\n </div>\n\n <!-- number -->\n <div>\n <mat-form-field>\n <mat-label>number</mat-label>\n <input\n matInput\n type=\"text\"\n spellcheck=\"false\"\n formControlName=\"number\"\n />\n @if ( number.hasError('maxLength') && (number.dirty || number.touched)\n ) {\n <mat-error>too long</mat-error>\n }\n </mat-form-field>\n\n <!-- firstPage -->\n &nbsp;\n <mat-form-field [style.width.em]=\"5\">\n <mat-label>from</mat-label>\n <input matInput type=\"number\" formControlName=\"firstPage\" />\n @if ( firstPage.hasError('min') && (firstPage.dirty ||\n firstPage.touched) ) {\n <mat-error>page less than 0</mat-error>\n } @if ( firstPage.hasError('max') && (firstPage.dirty ||\n firstPage.touched) ) {\n <mat-error>page number too big</mat-error>\n }\n </mat-form-field>\n -\n <!-- lastPage -->\n <mat-form-field [style.width.em]=\"5\">\n <mat-label>to</mat-label>\n <input matInput type=\"number\" formControlName=\"lastPage\" />\n @if ( lastPage.hasError('min') && (lastPage.dirty || lastPage.touched)\n ) {\n <mat-error>page less than 0</mat-error>\n } @if ( lastPage.hasError('max') && (lastPage.dirty ||\n lastPage.touched) ) {\n <mat-error>page number too big</mat-error>\n }\n </mat-form-field>\n </div>\n\n <div class=\"form-row\">\n <!-- publisher -->\n <mat-form-field>\n <mat-label>publisher</mat-label>\n <input matInput [formControl]=\"publisher\" />\n @if ( publisher.hasError('maxLength') && (publisher.dirty ||\n publisher.touched) ) {\n <mat-error>publisher too long</mat-error>\n }\n </mat-form-field>\n\n <!-- placePub -->\n <mat-form-field>\n <mat-label>place</mat-label>\n <input matInput type=\"text\" formControlName=\"placePub\" />\n @if ( placePub.hasError('maxLength') && (placePub.dirty ||\n placePub.touched) ) {\n <mat-error>too long</mat-error>\n }\n </mat-form-field>\n\n <!-- yearPub -->\n <mat-form-field class=\"nr\">\n <mat-label>year</mat-label>\n <input matInput type=\"number\" formControlName=\"yearPub\" />\n @if ( yearPub.hasError('min') && (yearPub.dirty || yearPub.touched) )\n {\n <mat-error>year less than 0</mat-error>\n } @if ( yearPub.hasError('max') && (yearPub.dirty || yearPub.touched)\n ) {\n <mat-error>year past the current one</mat-error>\n }\n </mat-form-field>\n\n <!-- edition -->\n <mat-form-field class=\"nr\">\n <mat-label>ed.</mat-label>\n <input matInput type=\"number\" formControlName=\"edition\" />\n @if ( edition.hasError('min') && (edition.dirty || edition.touched) )\n {\n <mat-error>edition less than 0</mat-error>\n } @if ( edition.hasError('max') && (edition.dirty || edition.touched)\n ) {\n <mat-error>edition greater than 100</mat-error>\n }\n </mat-form-field>\n </div>\n\n <!-- location -->\n <div class=\"form-row\">\n <mat-form-field>\n <mat-label>location</mat-label>\n <input\n matInput\n type=\"text\"\n formControlName=\"location\"\n spellcheck=\"false\"\n />\n @if ( location.hasError('maxLength') && (location.dirty ||\n location.touched) ) {\n <mat-error>too long</mat-error>\n }\n </mat-form-field>\n\n <!-- accessDate -->\n <mat-form-field>\n <mat-label>access date</mat-label>\n <input\n matInput\n [matDatepicker]=\"picker\"\n formControlName=\"accessDate\"\n />\n <mat-datepicker-toggle\n matSuffix\n [for]=\"picker\"\n ></mat-datepicker-toggle>\n <mat-datepicker #picker></mat-datepicker>\n </mat-form-field>\n </div>\n </mat-tab>\n\n <!-- keywords -->\n <mat-tab label=\"Keywords\">\n <form [formGroup]=\"keyForm\" (submit)=\"addKeyword()\">\n <div class=\"form-row\">\n <!-- language (bound) -->\n @if (langEntries()?.length) {\n <mat-form-field>\n <mat-label>language</mat-label>\n <mat-select formControlName=\"keyLanguage\">\n @for (e of langEntries() || []; track e.id) {\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\n }\n </mat-select>\n </mat-form-field>\n }\n <!-- language (free) -->\n @else {\n <mat-form-field>\n <mat-label>language</mat-label>\n <input matInput [formControl]=\"keyLanguage\" />\n @if ( keyLanguage.hasError('required') && (keyLanguage.dirty ||\n keyLanguage.touched) ) {\n <mat-error>required</mat-error>\n } @if ( keyLanguage.hasError('pattern') && (keyLanguage.dirty ||\n keyLanguage.touched) ) {\n <mat-error>invalid</mat-error>\n }\n </mat-form-field>\n }\n\n <!-- value -->\n <mat-form-field>\n <mat-label>value</mat-label>\n <input matInput type=\"text\" formControlName=\"keyValue\" />\n @if ( keyValue.hasError('required') && (keyValue.dirty ||\n keyValue.touched) ) {\n <mat-error>required</mat-error>\n } @if ( keyValue.hasError('maxLength') && (keyValue.dirty ||\n keyValue.touched) ) {\n <mat-error>too long</mat-error>\n }\n </mat-form-field>\n <button\n mat-flat-button\n type=\"submit\"\n [disabled]=\"keyForm.invalid\"\n matTooltip=\"Add new keyword\"\n >\n <mat-icon class=\"mat-primary\">add_circle</mat-icon> keyword\n </button>\n </div>\n </form>\n <!-- list -->\n @if (keywords.length) {\n <table>\n <thead>\n <tr>\n <th></th>\n <th>language</th>\n <th>value</th>\n </tr>\n </thead>\n <tbody>\n @for ( k of keywords; track k; let i = $index; let first = $first; let\n last = $last) {\n <tr>\n <td>\n <button\n mat-icon-button\n type=\"button\"\n matTooltip=\"Remove this keyword\"\n (click)=\"deleteKeyword(i)\"\n >\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\n </button>\n <button\n [disabled]=\"first\"\n mat-icon-button\n type=\"button\"\n matTooltip=\"Move keyword up\"\n (click)=\"moveKeywordUp(i)\"\n >\n <mat-icon>arrow_upward</mat-icon>\n </button>\n <button\n [disabled]=\"last\"\n mat-icon-button\n type=\"button\"\n matTooltip=\"Move keyword down\"\n (click)=\"moveKeywordDown(i)\"\n >\n <mat-icon>arrow_downward</mat-icon>\n </button>\n </td>\n <td>{{ k.language }}</td>\n <td>{{ k.value }}</td>\n </tr>\n }\n </tbody>\n </table>\n }\n </mat-tab>\n </mat-tab-group>\n\n <!-- buttons -->\n <div>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Cancel edit\"\n (click)=\"cancel()\"\n >\n <mat-icon class=\"mat-warn\">cancel</mat-icon>\n </button>\n <button\n type=\"submit\"\n [disabled]=\"form.invalid\"\n mat-icon-button\n matTooltip=\"Save entry\"\n >\n <mat-icon class=\"mat-primary\">check_circle</mat-icon>\n </button>\n </div>\n</form>\n", styles: [".long-text{width:90%;max-width:800px}.nr{width:6em}th{font-weight:400;color:silver}.form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-row *{flex:0 0 auto}fieldset{border:1px solid silver;border-radius:6px;padding:6px;margin-bottom:8px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: 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: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: 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: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: BibAuthorsEditorComponent, selector: "cadmus-bib-authors-editor", inputs: ["parentForm", "controlName", "roleEntries"] }, { kind: "directive", type: MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "component", type: 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: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }] });
853
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: BibliographyEntryComponent, deps: [{ token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
854
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.3", type: BibliographyEntryComponent, isStandalone: true, selector: "cadmus-bibliography-entry", inputs: { entry: { classPropertyName: "entry", publicName: "entry", isSignal: true, isRequired: false, transformFunction: null }, langEntries: { classPropertyName: "langEntries", publicName: "langEntries", isSignal: true, isRequired: false, transformFunction: null }, typeEntries: { classPropertyName: "typeEntries", publicName: "typeEntries", isSignal: true, isRequired: false, transformFunction: null }, tagEntries: { classPropertyName: "tagEntries", publicName: "tagEntries", isSignal: true, isRequired: false, transformFunction: null }, roleEntries: { classPropertyName: "roleEntries", publicName: "roleEntries", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { entry: "entryChange", editorClose: "editorClose" }, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\n <mat-tab-group>\n <!-- general -->\n <mat-tab label=\"General\">\n <!-- typeId -->\n <div class=\"form-row\">\n @if (typeEntries()?.length) {\n <mat-form-field>\n <mat-label>type</mat-label>\n <mat-select formControlName=\"type\">\n @for (e of typeEntries() || []; track e) {\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\n }\n </mat-select>\n </mat-form-field>\n } @else {\n <mat-form-field>\n <mat-label>type</mat-label>\n <input\n matInput\n type=\"text\"\n spellcheck=\"false\"\n formControlName=\"type\"\n />\n @if (type.hasError('required') && (type.dirty || type.touched)) {\n <mat-error>entry type required</mat-error>\n } @if (type.hasError('maxLength') && (type.dirty || type.touched)) {\n <mat-error>too long</mat-error>\n }\n </mat-form-field>\n }\n\n <!-- tag (bound) -->\n @if (tagEntries()?.length) {\n <mat-form-field>\n <mat-label>tag</mat-label>\n <mat-select [formControl]=\"tag\">\n @for (e of tagEntries(); track e.id) {\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\n }\n </mat-select>\n </mat-form-field>\n }\n <!-- tag (free) -->\n @else {\n <mat-form-field>\n <mat-label>tag</mat-label>\n <input matInput [formControl]=\"tag\" />\n @if (tag.hasError('maxLength') && (tag.dirty || tag.touched)) {\n <mat-error>tag too long</mat-error>\n }\n </mat-form-field>\n }\n\n <!-- language (bound) -->\n @if (langEntries()?.length) {\n <mat-form-field>\n <mat-label>language</mat-label>\n <mat-select formControlName=\"language\">\n @for (e of langEntries() || []; track e.id) {\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\n }\n </mat-select>\n </mat-form-field>\n }\n <!-- language (free) -->\n @else {\n <mat-form-field>\n <mat-label>language</mat-label>\n <input matInput [formControl]=\"language\" />\n @if ( language.hasError('required') && (language.dirty ||\n language.touched) ) {\n <mat-error>required</mat-error>\n } @if ( language.hasError('pattern') && (language.dirty ||\n language.touched) ) {\n <mat-error>invalid</mat-error>\n }\n </mat-form-field>\n }\n\n <!-- key -->\n <mat-form-field>\n <mat-label>key</mat-label>\n <input matInput [formControl]=\"key\" />\n @if (key.hasError('maxLength') && (key.dirty || key.touched)) {\n <mat-error>key too long</mat-error>\n }\n </mat-form-field>\n </div>\n\n <!-- authors -->\n <fieldset>\n <legend>author(s)</legend>\n <cadmus-bib-authors-editor\n [parentForm]=\"form\"\n [controlName]=\"'authors'\"\n [roleEntries]=\"roleEntries()\"\n />\n </fieldset>\n\n <!-- title -->\n <div>\n <mat-form-field class=\"long-text\">\n <mat-label>title</mat-label>\n <input matInput type=\"text\" formControlName=\"title\" />\n @if (title.hasError('required') && (title.dirty || title.touched)) {\n <mat-error>title required</mat-error>\n } @if ( title.hasError('maxLength') && (title.dirty || title.touched)\n ) {\n <mat-error>too long</mat-error>\n }\n </mat-form-field>\n </div>\n\n <!-- note -->\n <div>\n <mat-form-field class=\"long-text\">\n <mat-label>note</mat-label>\n <textarea matInput formControlName=\"note\" rows=\"2\"></textarea>\n @if (note.hasError('maxLength') && (note.dirty || note.touched)) {\n <mat-error>too long</mat-error>\n }\n </mat-form-field>\n </div>\n </mat-tab>\n\n <!-- container -->\n <mat-tab label=\"Container\">\n <!-- contributors -->\n <cadmus-bib-authors-editor\n [parentForm]=\"form\"\n [controlName]=\"'contributors'\"\n [roleEntries]=\"roleEntries()\"\n />\n\n <!-- container -->\n <div>\n <mat-form-field class=\"long-text\">\n <mat-label>container</mat-label>\n <input matInput type=\"text\" formControlName=\"container\" />\n @if ( container.hasError('maxLength') && (container.dirty ||\n container.touched) ) {\n <mat-error>too long</mat-error>\n }\n </mat-form-field>\n </div>\n\n <!-- number -->\n <div>\n <mat-form-field>\n <mat-label>number</mat-label>\n <input\n matInput\n type=\"text\"\n spellcheck=\"false\"\n formControlName=\"number\"\n />\n @if ( number.hasError('maxLength') && (number.dirty || number.touched)\n ) {\n <mat-error>too long</mat-error>\n }\n </mat-form-field>\n\n <!-- firstPage -->\n &nbsp;\n <mat-form-field [style.width.em]=\"5\">\n <mat-label>from</mat-label>\n <input matInput type=\"number\" formControlName=\"firstPage\" />\n @if ( firstPage.hasError('min') && (firstPage.dirty ||\n firstPage.touched) ) {\n <mat-error>page less than 0</mat-error>\n } @if ( firstPage.hasError('max') && (firstPage.dirty ||\n firstPage.touched) ) {\n <mat-error>page number too big</mat-error>\n }\n </mat-form-field>\n -\n <!-- lastPage -->\n <mat-form-field [style.width.em]=\"5\">\n <mat-label>to</mat-label>\n <input matInput type=\"number\" formControlName=\"lastPage\" />\n @if ( lastPage.hasError('min') && (lastPage.dirty || lastPage.touched)\n ) {\n <mat-error>page less than 0</mat-error>\n } @if ( lastPage.hasError('max') && (lastPage.dirty ||\n lastPage.touched) ) {\n <mat-error>page number too big</mat-error>\n }\n </mat-form-field>\n </div>\n\n <div class=\"form-row\">\n <!-- publisher -->\n <mat-form-field>\n <mat-label>publisher</mat-label>\n <input matInput [formControl]=\"publisher\" />\n @if ( publisher.hasError('maxLength') && (publisher.dirty ||\n publisher.touched) ) {\n <mat-error>publisher too long</mat-error>\n }\n </mat-form-field>\n\n <!-- placePub -->\n <mat-form-field>\n <mat-label>place</mat-label>\n <input matInput type=\"text\" formControlName=\"placePub\" />\n @if ( placePub.hasError('maxLength') && (placePub.dirty ||\n placePub.touched) ) {\n <mat-error>too long</mat-error>\n }\n </mat-form-field>\n\n <!-- yearPub -->\n <mat-form-field class=\"nr\">\n <mat-label>year</mat-label>\n <input matInput type=\"number\" formControlName=\"yearPub\" />\n @if ( yearPub.hasError('min') && (yearPub.dirty || yearPub.touched) )\n {\n <mat-error>year less than 0</mat-error>\n } @if ( yearPub.hasError('max') && (yearPub.dirty || yearPub.touched)\n ) {\n <mat-error>year past the current one</mat-error>\n }\n </mat-form-field>\n\n <!-- edition -->\n <mat-form-field class=\"nr\">\n <mat-label>ed.</mat-label>\n <input matInput type=\"number\" formControlName=\"edition\" />\n @if ( edition.hasError('min') && (edition.dirty || edition.touched) )\n {\n <mat-error>edition less than 0</mat-error>\n } @if ( edition.hasError('max') && (edition.dirty || edition.touched)\n ) {\n <mat-error>edition greater than 100</mat-error>\n }\n </mat-form-field>\n </div>\n\n <!-- location -->\n <div class=\"form-row\">\n <mat-form-field>\n <mat-label>location</mat-label>\n <input\n matInput\n type=\"text\"\n formControlName=\"location\"\n spellcheck=\"false\"\n />\n @if ( location.hasError('maxLength') && (location.dirty ||\n location.touched) ) {\n <mat-error>too long</mat-error>\n }\n </mat-form-field>\n\n <!-- accessDate -->\n <mat-form-field>\n <mat-label>access date</mat-label>\n <input\n matInput\n [matDatepicker]=\"picker\"\n formControlName=\"accessDate\"\n />\n <mat-datepicker-toggle\n matSuffix\n [for]=\"picker\"\n ></mat-datepicker-toggle>\n <mat-datepicker #picker></mat-datepicker>\n </mat-form-field>\n </div>\n </mat-tab>\n\n <!-- keywords -->\n <mat-tab label=\"Keywords\">\n <form [formGroup]=\"keyForm\" (submit)=\"addKeyword()\">\n <div class=\"form-row\">\n <!-- language (bound) -->\n @if (langEntries()?.length) {\n <mat-form-field>\n <mat-label>language</mat-label>\n <mat-select formControlName=\"keyLanguage\">\n @for (e of langEntries() || []; track e.id) {\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\n }\n </mat-select>\n </mat-form-field>\n }\n <!-- language (free) -->\n @else {\n <mat-form-field>\n <mat-label>language</mat-label>\n <input matInput [formControl]=\"keyLanguage\" />\n @if ( keyLanguage.hasError('required') && (keyLanguage.dirty ||\n keyLanguage.touched) ) {\n <mat-error>required</mat-error>\n } @if ( keyLanguage.hasError('pattern') && (keyLanguage.dirty ||\n keyLanguage.touched) ) {\n <mat-error>invalid</mat-error>\n }\n </mat-form-field>\n }\n\n <!-- value -->\n <mat-form-field>\n <mat-label>value</mat-label>\n <input matInput type=\"text\" formControlName=\"keyValue\" />\n @if ( keyValue.hasError('required') && (keyValue.dirty ||\n keyValue.touched) ) {\n <mat-error>required</mat-error>\n } @if ( keyValue.hasError('maxLength') && (keyValue.dirty ||\n keyValue.touched) ) {\n <mat-error>too long</mat-error>\n }\n </mat-form-field>\n <button\n mat-flat-button\n type=\"submit\"\n [disabled]=\"keyForm.invalid\"\n matTooltip=\"Add new keyword\"\n >\n <mat-icon class=\"mat-primary\">add_circle</mat-icon> keyword\n </button>\n </div>\n </form>\n <!-- list -->\n @if (keywords.length) {\n <table>\n <thead>\n <tr>\n <th></th>\n <th>language</th>\n <th>value</th>\n </tr>\n </thead>\n <tbody>\n @for ( k of keywords; track k; let i = $index; let first = $first; let\n last = $last) {\n <tr>\n <td>\n <button\n mat-icon-button\n type=\"button\"\n matTooltip=\"Remove this keyword\"\n (click)=\"deleteKeyword(i)\"\n >\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\n </button>\n <button\n [disabled]=\"first\"\n mat-icon-button\n type=\"button\"\n matTooltip=\"Move keyword up\"\n (click)=\"moveKeywordUp(i)\"\n >\n <mat-icon>arrow_upward</mat-icon>\n </button>\n <button\n [disabled]=\"last\"\n mat-icon-button\n type=\"button\"\n matTooltip=\"Move keyword down\"\n (click)=\"moveKeywordDown(i)\"\n >\n <mat-icon>arrow_downward</mat-icon>\n </button>\n </td>\n <td>{{ k.language }}</td>\n <td>{{ k.value }}</td>\n </tr>\n }\n </tbody>\n </table>\n }\n </mat-tab>\n </mat-tab-group>\n\n <!-- buttons -->\n <div>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Cancel edit\"\n (click)=\"cancel()\"\n >\n <mat-icon class=\"mat-warn\">cancel</mat-icon>\n </button>\n <button\n type=\"submit\"\n [disabled]=\"form.invalid\"\n mat-icon-button\n matTooltip=\"Save entry\"\n >\n <mat-icon class=\"mat-primary\">check_circle</mat-icon>\n </button>\n </div>\n</form>\n", styles: [".long-text{width:90%;max-width:800px}.nr{width:6em}th{font-weight:400;color:silver}.form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-row *{flex:0 0 auto}fieldset{border:1px solid silver;border-radius:6px;padding:6px;margin-bottom:8px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: 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: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: 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: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: BibAuthorsEditorComponent, selector: "cadmus-bib-authors-editor", inputs: ["parentForm", "controlName", "roleEntries"] }, { kind: "directive", type: MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "component", type: 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: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }] });
854
855
  }
855
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: BibliographyEntryComponent, decorators: [{
856
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: BibliographyEntryComponent, decorators: [{
856
857
  type: Component,
857
858
  args: [{ selector: 'cadmus-bibliography-entry', imports: [
858
859
  FormsModule,
@@ -1245,10 +1246,10 @@ class BibliographyPartComponent extends ModelEditorComponentBase {
1245
1246
  }
1246
1247
  return sb.join('');
1247
1248
  }
1248
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: BibliographyPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }, { token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Component });
1249
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: BibliographyPartComponent, isStandalone: true, selector: "cadmus-bibliography-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\n <mat-card appearance=\"outlined\">\n <mat-card-header>\n <div mat-card-avatar>\n <mat-icon>picture_in_picture</mat-icon>\n </div>\n <mat-card-title>{{\n (modelName() | titlecase) || \"Bibliography Part\"\n }}</mat-card-title>\n </mat-card-header>\n <mat-card-content>\n <button\n type=\"button\"\n mat-flat-button\n class=\"mat-primary\"\n (click)=\"addEntry()\"\n >\n <mat-icon>add_circle</mat-icon> entry\n </button>\n @if (entries.value.length) {\n <table>\n <thead>\n <tr>\n <th></th>\n <th>type</th>\n <th>author(s)</th>\n <th>title</th>\n </tr>\n </thead>\n <tbody>\n @for ( entry of entries.value; track entry; let i = $index; let first\n = $first; let last = $last) {\n <tr [class.selected]=\"editedEntry === entry\">\n <td class=\"fit-width\">\n <button\n mat-icon-button\n type=\"button\"\n matTooltip=\"Edit entry\"\n (click)=\"editEntry(entry, i)\"\n >\n <mat-icon class=\"mat-primary\">edit</mat-icon>\n </button>\n <button\n mat-icon-button\n type=\"button\"\n matTooltip=\"Move entry up\"\n [disabled]=\"first\"\n (click)=\"moveEntryUp(i)\"\n >\n <mat-icon>arrow_upward</mat-icon>\n </button>\n <button\n mat-icon-button\n type=\"button\"\n matTooltip=\"Move entry down\"\n [disabled]=\"last\"\n (click)=\"moveEntryDown(i)\"\n >\n <mat-icon>arrow_downward</mat-icon>\n </button>\n <button\n mat-icon-button\n type=\"button\"\n matTooltip=\"Remove this entry\"\n (click)=\"removeEntry(i)\"\n >\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\n </button>\n </td>\n <td>{{ entryTypeToString(entry.typeId) }}</td>\n <td>{{ getAuthors(entry.authors || []) }}</td>\n <td>{{ entry.title }}</td>\n </tr>\n }\n </tbody>\n </table>\n }\n <!-- entry editor -->\n <mat-expansion-panel\n id=\"editor\"\n [expanded]=\"editedEntry\"\n [disabled]=\"!editedEntry\"\n >\n <mat-expansion-panel-header>\n <mat-panel-title>\n {{ editedEntry?.title || \"entry\" }}\n </mat-panel-title>\n </mat-expansion-panel-header>\n <fieldset>\n <cadmus-bibliography-entry\n [entry]=\"editedEntry\"\n [langEntries]=\"langEntries\"\n [typeEntries]=\"typeEntries\"\n [tagEntries]=\"tagEntries\"\n [roleEntries]=\"roleEntries\"\n (editorClose)=\"closeEntry()\"\n (entryChange)=\"saveEntry($event!)\"\n />\n </fieldset>\n </mat-expansion-panel>\n </mat-card-content>\n <mat-card-actions>\n <cadmus-close-save-buttons\n [form]=\"form\"\n [noSave]=\"userLevel < 2\"\n (closeRequest)=\"close()\"\n />\n </mat-card-actions>\n </mat-card>\n</form>\n", styles: ["table{width:100%;border-collapse:collapse}tbody tr:nth-child(odd){background-color:#e2e2e2}th{text-align:left;font-weight:400;color:silver}td.fit-width{width:1px;white-space:nowrap}tr.selected{background-color:#d0d0d0!important}fieldset{border:1px solid silver;border-radius:6px;padding:6px}#editor{margin-top:8px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i4$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i4$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: 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: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: BibliographyEntryComponent, selector: "cadmus-bibliography-entry", inputs: ["entry", "langEntries", "typeEntries", "tagEntries", "roleEntries"], outputs: ["entryChange", "editorClose"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
1249
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: BibliographyPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }, { token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Component });
1250
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.3", type: BibliographyPartComponent, isStandalone: true, selector: "cadmus-bibliography-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\n <mat-card appearance=\"outlined\">\n <mat-card-header>\n <div mat-card-avatar>\n <mat-icon>picture_in_picture</mat-icon>\n </div>\n <mat-card-title>{{\n (modelName() | titlecase) || \"Bibliography Part\"\n }}</mat-card-title>\n </mat-card-header>\n <mat-card-content>\n <button\n type=\"button\"\n mat-flat-button\n class=\"mat-primary\"\n (click)=\"addEntry()\"\n >\n <mat-icon>add_circle</mat-icon> entry\n </button>\n @if (entries.value.length) {\n <table>\n <thead>\n <tr>\n <th></th>\n <th>type</th>\n <th>author(s)</th>\n <th>title</th>\n </tr>\n </thead>\n <tbody>\n @for ( entry of entries.value; track entry; let i = $index; let first\n = $first; let last = $last) {\n <tr [class.selected]=\"editedEntry === entry\">\n <td class=\"fit-width\">\n <button\n mat-icon-button\n type=\"button\"\n matTooltip=\"Edit entry\"\n (click)=\"editEntry(entry, i)\"\n >\n <mat-icon class=\"mat-primary\">edit</mat-icon>\n </button>\n <button\n mat-icon-button\n type=\"button\"\n matTooltip=\"Move entry up\"\n [disabled]=\"first\"\n (click)=\"moveEntryUp(i)\"\n >\n <mat-icon>arrow_upward</mat-icon>\n </button>\n <button\n mat-icon-button\n type=\"button\"\n matTooltip=\"Move entry down\"\n [disabled]=\"last\"\n (click)=\"moveEntryDown(i)\"\n >\n <mat-icon>arrow_downward</mat-icon>\n </button>\n <button\n mat-icon-button\n type=\"button\"\n matTooltip=\"Remove this entry\"\n (click)=\"removeEntry(i)\"\n >\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\n </button>\n </td>\n <td>{{ entryTypeToString(entry.typeId) }}</td>\n <td>{{ getAuthors(entry.authors || []) }}</td>\n <td>{{ entry.title }}</td>\n </tr>\n }\n </tbody>\n </table>\n }\n <!-- entry editor -->\n <mat-expansion-panel\n id=\"editor\"\n [expanded]=\"editedEntry\"\n [disabled]=\"!editedEntry\"\n >\n <mat-expansion-panel-header>\n <mat-panel-title>\n {{ editedEntry?.title || \"entry\" }}\n </mat-panel-title>\n </mat-expansion-panel-header>\n <fieldset>\n <cadmus-bibliography-entry\n [entry]=\"editedEntry\"\n [langEntries]=\"langEntries\"\n [typeEntries]=\"typeEntries\"\n [tagEntries]=\"tagEntries\"\n [roleEntries]=\"roleEntries\"\n (editorClose)=\"closeEntry()\"\n (entryChange)=\"saveEntry($event!)\"\n />\n </fieldset>\n </mat-expansion-panel>\n </mat-card-content>\n <mat-card-actions>\n <cadmus-close-save-buttons\n [form]=\"form\"\n [noSave]=\"userLevel < 2\"\n (closeRequest)=\"close()\"\n />\n </mat-card-actions>\n </mat-card>\n</form>\n", styles: ["table{width:100%;border-collapse:collapse}tbody tr:nth-child(odd){background-color:#e2e2e2}th{text-align:left;font-weight:400;color:silver}td.fit-width{width:1px;white-space:nowrap}tr.selected{background-color:#d0d0d0!important}fieldset{border:1px solid silver;border-radius:6px;padding:6px}#editor{margin-top:8px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i4$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i4$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: 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: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: BibliographyEntryComponent, selector: "cadmus-bibliography-entry", inputs: ["entry", "langEntries", "typeEntries", "tagEntries", "roleEntries"], outputs: ["entryChange", "editorClose"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
1250
1251
  }
1251
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: BibliographyPartComponent, decorators: [{
1252
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: BibliographyPartComponent, decorators: [{
1252
1253
  type: Component,
1253
1254
  args: [{ selector: 'cadmus-bibliography-part', imports: [
1254
1255
  FormsModule,
@@ -1421,10 +1422,10 @@ class CategoriesPartComponent extends ModelEditorComponentBase {
1421
1422
  renderLabel(label) {
1422
1423
  return renderLabelFromLastColon(label);
1423
1424
  }
1424
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: CategoriesPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
1425
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: CategoriesPartComponent, isStandalone: true, selector: "cadmus-categories-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\n <mat-card appearance=\"outlined\">\n <mat-card-header>\n <div mat-card-avatar>\n <mat-icon>picture_in_picture</mat-icon>\n </div>\n <mat-card-title\n [matBadge]=\"categories.value.length\"\n matBadgeOverlap=\"false\"\n >\n {{ (modelName() | titlecase) || \"Categories Part\" }}</mat-card-title\n >\n </mat-card-header>\n <mat-card-content>\n <div id=\"container\">\n <!-- available categories (from thesaurus) -->\n <fieldset id=\"picker\">\n <legend>available categories</legend>\n <cadmus-thesaurus-tree\n [entries]=\"entries\"\n rootLabel=\"categories\"\n [renderLabel]=\"renderLabel\"\n (entryChange)=\"onEntryChange($event)\"\n />\n </fieldset>\n\n <!-- categories -->\n @if (categories.value.length) {\n <fieldset id=\"list\">\n <legend>assigned categories</legend>\n <table>\n <tbody>\n @for (entry of categories.value; track entry; let i = $index) {\n <tr>\n <td>\n <button\n type=\"button\"\n mat-icon-button\n type=\"button\"\n matTooltip=\"Remove this category\"\n (click)=\"removeCategory(i)\"\n >\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\n </button>\n </td>\n <td [matTooltip]=\"entry.id\">{{ entry.value }}</td>\n </tr>\n }\n </tbody>\n </table>\n </fieldset>\n }\n </div>\n </mat-card-content>\n <mat-card-actions>\n <cadmus-close-save-buttons\n [form]=\"form\"\n [noSave]=\"userLevel < 2\"\n (closeRequest)=\"close()\"\n />\n </mat-card-actions>\n </mat-card>\n</form>\n", styles: [".example-tree-progress-bar{margin-left:30px}.example-tree-nested-node{padding-left:30px}mat-tree{margin-left:40px}.mat-tree-node{padding:0;background-color:#fff}.mat-nested-tree-node{top:-24px}ul,li{list-style:none;margin:0;padding:0}li.example-tree-container{border-bottom:0}ul{padding-left:40px}li{padding-left:40px;border:1px dotted grey;border-width:0 0 1px 1px;position:relative;top:-24px}li.mat-tree-node,li div{margin:0;position:relative;top:24px}li ul{border-top:1px dotted grey;margin-left:-40px;padding-left:60px}.mat-nested-tree-node:last-child ul{border-left:1px solid white;margin-left:-41px}.mat-mdc-icon-button{z-index:100}h3{border-bottom:1px solid silver}div#picker{grid-area:picker}div#list{grid-area:list}div#container{display:grid;grid-template-rows:1fr;grid-template-columns:auto auto;grid-template-areas:\"picker list\";gap:8px}@media only screen and (max-width: 959px){div#container{grid-template-rows:1fr auto;grid-template-columns:1fr;grid-template-areas:\"picker\" \"list\"}}fieldset{border:1px solid silver;border-radius:8px;padding:8px 16px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "component", type: ThesaurusTreeComponent, selector: "cadmus-thesaurus-tree", inputs: ["entries", "rootLabel", "renderLabel"], outputs: ["entryChange"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
1425
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: CategoriesPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
1426
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.3", type: CategoriesPartComponent, isStandalone: true, selector: "cadmus-categories-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\n <mat-card appearance=\"outlined\">\n <mat-card-header>\n <div mat-card-avatar>\n <mat-icon>picture_in_picture</mat-icon>\n </div>\n <mat-card-title\n [matBadge]=\"categories.value.length\"\n matBadgeOverlap=\"false\"\n >\n {{ (modelName() | titlecase) || \"Categories Part\" }}</mat-card-title\n >\n </mat-card-header>\n <mat-card-content>\n <div id=\"container\">\n <!-- available categories (from thesaurus) -->\n <fieldset id=\"picker\">\n <legend>available categories</legend>\n <cadmus-thesaurus-tree\n [entries]=\"entries\"\n rootLabel=\"categories\"\n [renderLabel]=\"renderLabel\"\n (entryChange)=\"onEntryChange($event)\"\n />\n </fieldset>\n\n <!-- categories -->\n @if (categories.value.length) {\n <fieldset id=\"list\">\n <legend>assigned categories</legend>\n <table>\n <tbody>\n @for (entry of categories.value; track entry; let i = $index) {\n <tr>\n <td>\n <button\n type=\"button\"\n mat-icon-button\n type=\"button\"\n matTooltip=\"Remove this category\"\n (click)=\"removeCategory(i)\"\n >\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\n </button>\n </td>\n <td [matTooltip]=\"entry.id\">{{ entry.value }}</td>\n </tr>\n }\n </tbody>\n </table>\n </fieldset>\n }\n </div>\n </mat-card-content>\n <mat-card-actions>\n <cadmus-close-save-buttons\n [form]=\"form\"\n [noSave]=\"userLevel < 2\"\n (closeRequest)=\"close()\"\n />\n </mat-card-actions>\n </mat-card>\n</form>\n", styles: [".example-tree-progress-bar{margin-left:30px}.example-tree-nested-node{padding-left:30px}mat-tree{margin-left:40px}.mat-tree-node{padding:0;background-color:#fff}.mat-nested-tree-node{top:-24px}ul,li{list-style:none;margin:0;padding:0}li.example-tree-container{border-bottom:0}ul{padding-left:40px}li{padding-left:40px;border:1px dotted grey;border-width:0 0 1px 1px;position:relative;top:-24px}li.mat-tree-node,li div{margin:0;position:relative;top:24px}li ul{border-top:1px dotted grey;margin-left:-40px;padding-left:60px}.mat-nested-tree-node:last-child ul{border-left:1px solid white;margin-left:-41px}.mat-mdc-icon-button{z-index:100}h3{border-bottom:1px solid silver}div#picker{grid-area:picker}div#list{grid-area:list}div#container{display:grid;grid-template-rows:1fr;grid-template-columns:auto auto;grid-template-areas:\"picker list\";gap:8px}@media only screen and (max-width: 959px){div#container{grid-template-rows:1fr auto;grid-template-columns:1fr;grid-template-areas:\"picker\" \"list\"}}fieldset{border:1px solid silver;border-radius:8px;padding:8px 16px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "component", type: ThesaurusTreeComponent, selector: "cadmus-thesaurus-tree", inputs: ["entries", "rootLabel", "renderLabel"], outputs: ["entryChange"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
1426
1427
  }
1427
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: CategoriesPartComponent, decorators: [{
1428
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: CategoriesPartComponent, decorators: [{
1428
1429
  type: Component,
1429
1430
  args: [{ selector: 'cadmus-categories-part', imports: [
1430
1431
  FormsModule,
@@ -1619,10 +1620,10 @@ class ChronologyFragmentComponent extends ModelEditorComponentBase {
1619
1620
  fr.tag = this.tag.value || undefined;
1620
1621
  return fr;
1621
1622
  }
1622
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ChronologyFragmentComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
1623
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: ChronologyFragmentComponent, isStandalone: true, selector: "cadmus-chronology-fragment", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\n <mat-card appearance=\"outlined\">\n <mat-card-header>\n <div mat-card-avatar>\n <mat-icon>picture_in_picture</mat-icon>\n </div>\n <mat-card-title>\n {{ (modelName() | titlecase) || \"Chronology Fragment\" }}\n {{ data()?.value?.location }}</mat-card-title\n >\n <mat-card-subtitle>\n {{ data()?.value?.baseText }}\n </mat-card-subtitle>\n </mat-card-header>\n\n <mat-card-content>\n <div class=\"form-row\">\n <!-- free tag -->\n @if (!tagEntries) {\n <div>\n <mat-form-field>\n <mat-label>tag</mat-label>\n <input type=\"text\" matInput formControlName=\"tag\" />\n @if (tag.hasError('maxLength') && (tag.dirty || tag.touched)) {\n <mat-error>tag too long</mat-error>\n }\n </mat-form-field>\n </div>\n }\n <!-- bound tag -->\n @else {\n <div>\n <mat-form-field>\n <mat-label>tag</mat-label>\n <mat-select formControlName=\"tag\">\n @for (e of tagEntries; track e.id) {\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\n }\n </mat-select>\n </mat-form-field>\n </div>\n }\n\n <!-- label -->\n <div>\n <mat-form-field>\n <mat-label>label</mat-label>\n <input matInput type=\"text\" formControlName=\"label\" />\n @if ( label.hasError('maxLength') && (label.dirty || label.touched)\n ) {\n <mat-error>label too long</mat-error>\n }\n </mat-form-field>\n </div>\n\n <!-- event ID -->\n <div>\n <mat-form-field>\n <mat-label>event ID</mat-label>\n <input\n matInput\n type=\"text\"\n formControlName=\"eventId\"\n spellcheck=\"false\"\n />\n @if ( eventId.hasError('maxLength') && (eventId.dirty ||\n eventId.touched) ) {\n <mat-error>event ID too long</mat-error>\n }\n </mat-form-field>\n </div>\n </div>\n\n <!-- date -->\n <div>\n <cadmus-refs-historical-date\n [date]=\"date.value || undefined\"\n (dateChange)=\"onDateChange($event!)\"\n />\n </div>\n </mat-card-content>\n\n <mat-card-actions>\n <cadmus-close-save-buttons\n [form]=\"form\"\n [noSave]=\"userLevel < 2\"\n (closeRequest)=\"close()\"\n />\n </mat-card-actions>\n </mat-card>\n</form>\n", styles: [".tab-icon{margin-right:8px}.form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-row *{flex:0 0 auto}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: 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: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: 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: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: HistoricalDateComponent, selector: "cadmus-refs-historical-date", inputs: ["date", "label", "disabled"], outputs: ["dateChange"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
1623
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: ChronologyFragmentComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
1624
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.3", type: ChronologyFragmentComponent, isStandalone: true, selector: "cadmus-chronology-fragment", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\n <mat-card appearance=\"outlined\">\n <mat-card-header>\n <div mat-card-avatar>\n <mat-icon>picture_in_picture</mat-icon>\n </div>\n <mat-card-title>\n {{ (modelName() | titlecase) || \"Chronology Fragment\" }}\n {{ data()?.value?.location }}</mat-card-title\n >\n <mat-card-subtitle>\n {{ data()?.value?.baseText }}\n </mat-card-subtitle>\n </mat-card-header>\n\n <mat-card-content>\n <div class=\"form-row\">\n <!-- free tag -->\n @if (!tagEntries) {\n <div>\n <mat-form-field>\n <mat-label>tag</mat-label>\n <input type=\"text\" matInput formControlName=\"tag\" />\n @if (tag.hasError('maxLength') && (tag.dirty || tag.touched)) {\n <mat-error>tag too long</mat-error>\n }\n </mat-form-field>\n </div>\n }\n <!-- bound tag -->\n @else {\n <div>\n <mat-form-field>\n <mat-label>tag</mat-label>\n <mat-select formControlName=\"tag\">\n @for (e of tagEntries; track e.id) {\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\n }\n </mat-select>\n </mat-form-field>\n </div>\n }\n\n <!-- label -->\n <div>\n <mat-form-field>\n <mat-label>label</mat-label>\n <input matInput type=\"text\" formControlName=\"label\" />\n @if ( label.hasError('maxLength') && (label.dirty || label.touched)\n ) {\n <mat-error>label too long</mat-error>\n }\n </mat-form-field>\n </div>\n\n <!-- event ID -->\n <div>\n <mat-form-field>\n <mat-label>event ID</mat-label>\n <input\n matInput\n type=\"text\"\n formControlName=\"eventId\"\n spellcheck=\"false\"\n />\n @if ( eventId.hasError('maxLength') && (eventId.dirty ||\n eventId.touched) ) {\n <mat-error>event ID too long</mat-error>\n }\n </mat-form-field>\n </div>\n </div>\n\n <!-- date -->\n <div>\n <cadmus-refs-historical-date\n [date]=\"date.value || undefined\"\n (dateChange)=\"onDateChange($event!)\"\n />\n </div>\n </mat-card-content>\n\n <mat-card-actions>\n <cadmus-close-save-buttons\n [form]=\"form\"\n [noSave]=\"userLevel < 2\"\n (closeRequest)=\"close()\"\n />\n </mat-card-actions>\n </mat-card>\n</form>\n", styles: [".tab-icon{margin-right:8px}.form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-row *{flex:0 0 auto}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: 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: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: 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: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: HistoricalDateComponent, selector: "cadmus-refs-historical-date", inputs: ["date", "label", "disabled"], outputs: ["dateChange"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
1624
1625
  }
1625
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ChronologyFragmentComponent, decorators: [{
1626
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: ChronologyFragmentComponent, decorators: [{
1626
1627
  type: Component,
1627
1628
  args: [{ selector: 'cadmus-chronology-fragment', imports: [
1628
1629
  FormsModule,
@@ -2032,10 +2033,10 @@ class ChronotopesPartComponent extends ModelEditorComponentBase {
2032
2033
  this.chronotopes.updateValueAndValidity();
2033
2034
  this.chronotopes.markAsDirty();
2034
2035
  }
2035
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ChronotopesPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }, { token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Component });
2036
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: ChronotopesPartComponent, isStandalone: true, selector: "cadmus-chronotopes-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\n <mat-card appearance=\"outlined\">\n <mat-card-header>\n <div mat-card-avatar>\n <mat-icon>picture_in_picture</mat-icon>\n </div>\n <mat-card-title>{{\n (modelName() | titlecase) || \"Chronotopes Part\"\n }}</mat-card-title>\n </mat-card-header>\n <mat-card-content>\n <div>\n <button\n type=\"button\"\n mat-flat-button\n class=\"mat-primary\"\n (click)=\"addChronotope()\"\n >\n <mat-icon>add_circle</mat-icon> chronotope\n </button>\n </div>\n @if (chronotopes.value.length) {\n <table>\n <thead>\n <tr>\n <th></th>\n <th>place</th>\n <th>date</th>\n </tr>\n </thead>\n <tbody>\n @for ( entry of chronotopes.value; track entry; let i = $index; let\n first = $first; let last = $last) {\n <tr [class.selected]=\"entry === editedChronotope\">\n <td class=\"fit-width\">\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Edit this chronotope\"\n (click)=\"editChronotope(entry, i)\"\n >\n <mat-icon class=\"mat-primary\">edit</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Move this chronotope up\"\n [disabled]=\"first\"\n (click)=\"moveChronotopeUp(i)\"\n >\n <mat-icon>arrow_upward</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Move this chronotope down\"\n [disabled]=\"last\"\n (click)=\"moveChronotopeDown(i)\"\n >\n <mat-icon>arrow_downward</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Delete this chronotope\"\n (click)=\"deleteChronotope(i)\"\n >\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\n </button>\n </td>\n <td>{{ entry.place?.value }}</td>\n <td>{{ entry.date | historicalDate }}</td>\n </tr>\n }\n </tbody>\n </table>\n }\n\n <mat-expansion-panel\n [expanded]=\"editedChronotope\"\n [disabled]=\"!editedChronotope\"\n >\n <mat-expansion-panel-header>\n <mat-panel-title>\n {{ (editedChronotope | assertedChronotopes) || \"chronotope\" }}\n </mat-panel-title>\n </mat-expansion-panel-header>\n <fieldset>\n <cadmus-refs-asserted-chronotope\n [tagEntries]=\"tagEntries\"\n [assTagEntries]=\"assTagEntries\"\n [refTagEntries]=\"refTagEntries\"\n [refTypeEntries]=\"refTypeEntries\"\n [chronotope]=\"editedChronotope\"\n (chronotopeChange)=\"onChronotopeChange($event!)\"\n />\n <div class=\"form-row\">\n <button type=\"button\" (click)=\"closeChronotope()\" mat-icon-button>\n <mat-icon class=\"mat-warn\">cancel</mat-icon>\n </button>\n <button type=\"button\" (click)=\"saveChronotope()\" mat-icon-button>\n <mat-icon class=\"mat-primary\">check_circle</mat-icon>\n </button>\n <span>chronotope</span>\n </div>\n </fieldset>\n </mat-expansion-panel>\n </mat-card-content>\n <mat-card-actions>\n <cadmus-close-save-buttons\n [form]=\"form\"\n [noSave]=\"userLevel < 2\"\n (closeRequest)=\"close()\"\n />\n </mat-card-actions>\n </mat-card>\n</form>\n", styles: ["table{width:100%;border-collapse:collapse}tbody tr:nth-child(odd){background-color:#e2e2e2}th{text-align:left;font-weight:400;color:silver}td.fit-width{width:1px;white-space:nowrap}tr.selected{background-color:#d0d0d0!important}fieldset{border:1px solid silver;border-radius:6px;padding:6px}#editor{margin-top:8px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i4$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i4$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: 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: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: AssertedChronotopeComponent, selector: "cadmus-refs-asserted-chronotope", inputs: ["chronotope", "tagEntries", "assTagEntries", "refTypeEntries", "refTagEntries"], outputs: ["chronotopeChange"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: HistoricalDatePipe, name: "historicalDate" }, { kind: "pipe", type: AssertedChronotopesPipe, name: "assertedChronotopes" }] });
2036
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: ChronotopesPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }, { token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Component });
2037
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.3", type: ChronotopesPartComponent, isStandalone: true, selector: "cadmus-chronotopes-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\n <mat-card appearance=\"outlined\">\n <mat-card-header>\n <div mat-card-avatar>\n <mat-icon>picture_in_picture</mat-icon>\n </div>\n <mat-card-title>{{\n (modelName() | titlecase) || \"Chronotopes Part\"\n }}</mat-card-title>\n </mat-card-header>\n <mat-card-content>\n <div>\n <button\n type=\"button\"\n mat-flat-button\n class=\"mat-primary\"\n (click)=\"addChronotope()\"\n >\n <mat-icon>add_circle</mat-icon> chronotope\n </button>\n </div>\n @if (chronotopes.value.length) {\n <table>\n <thead>\n <tr>\n <th></th>\n <th>place</th>\n <th>date</th>\n </tr>\n </thead>\n <tbody>\n @for ( entry of chronotopes.value; track entry; let i = $index; let\n first = $first; let last = $last) {\n <tr [class.selected]=\"entry === editedChronotope\">\n <td class=\"fit-width\">\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Edit this chronotope\"\n (click)=\"editChronotope(entry, i)\"\n >\n <mat-icon class=\"mat-primary\">edit</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Move this chronotope up\"\n [disabled]=\"first\"\n (click)=\"moveChronotopeUp(i)\"\n >\n <mat-icon>arrow_upward</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Move this chronotope down\"\n [disabled]=\"last\"\n (click)=\"moveChronotopeDown(i)\"\n >\n <mat-icon>arrow_downward</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Delete this chronotope\"\n (click)=\"deleteChronotope(i)\"\n >\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\n </button>\n </td>\n <td>{{ entry.place?.value }}</td>\n <td>{{ entry.date | historicalDate }}</td>\n </tr>\n }\n </tbody>\n </table>\n }\n\n <mat-expansion-panel\n [expanded]=\"editedChronotope\"\n [disabled]=\"!editedChronotope\"\n >\n <mat-expansion-panel-header>\n <mat-panel-title>\n {{ (editedChronotope | assertedChronotopes) || \"chronotope\" }}\n </mat-panel-title>\n </mat-expansion-panel-header>\n <fieldset>\n <cadmus-refs-asserted-chronotope\n [tagEntries]=\"tagEntries\"\n [assTagEntries]=\"assTagEntries\"\n [refTagEntries]=\"refTagEntries\"\n [refTypeEntries]=\"refTypeEntries\"\n [chronotope]=\"editedChronotope\"\n (chronotopeChange)=\"onChronotopeChange($event!)\"\n />\n <div class=\"form-row\">\n <button type=\"button\" (click)=\"closeChronotope()\" mat-icon-button>\n <mat-icon class=\"mat-warn\">cancel</mat-icon>\n </button>\n <button type=\"button\" (click)=\"saveChronotope()\" mat-icon-button>\n <mat-icon class=\"mat-primary\">check_circle</mat-icon>\n </button>\n <span>chronotope</span>\n </div>\n </fieldset>\n </mat-expansion-panel>\n </mat-card-content>\n <mat-card-actions>\n <cadmus-close-save-buttons\n [form]=\"form\"\n [noSave]=\"userLevel < 2\"\n (closeRequest)=\"close()\"\n />\n </mat-card-actions>\n </mat-card>\n</form>\n", styles: ["table{width:100%;border-collapse:collapse}tbody tr:nth-child(odd){background-color:#e2e2e2}th{text-align:left;font-weight:400;color:silver}td.fit-width{width:1px;white-space:nowrap}tr.selected{background-color:#d0d0d0!important}fieldset{border:1px solid silver;border-radius:6px;padding:6px}#editor{margin-top:8px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i4$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i4$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: 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: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: AssertedChronotopeComponent, selector: "cadmus-refs-asserted-chronotope", inputs: ["chronotope", "tagEntries", "assTagEntries", "refTypeEntries", "refTagEntries"], outputs: ["chronotopeChange"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: HistoricalDatePipe, name: "historicalDate" }, { kind: "pipe", type: AssertedChronotopesPipe, name: "assertedChronotopes" }] });
2037
2038
  }
2038
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ChronotopesPartComponent, decorators: [{
2039
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: ChronotopesPartComponent, decorators: [{
2039
2040
  type: Component,
2040
2041
  args: [{ selector: 'cadmus-chronotopes-part', imports: [
2041
2042
  FormsModule,
@@ -2706,10 +2707,10 @@ class CommentEditorComponent extends ModelEditorComponentBase {
2706
2707
  }
2707
2708
  return entries.length ? entries : undefined;
2708
2709
  }
2709
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: CommentEditorComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }, { token: i3$1.CadmusTextEdService }, { token: CADMUS_TEXT_ED_BINDINGS_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component });
2710
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: CommentEditorComponent, isStandalone: true, selector: "cadmus-comment-editor", providers: [CadmusTextEdService], usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\n <mat-card appearance=\"outlined\">\n <mat-card-header>\n <div mat-card-avatar>\n <mat-icon>picture_in_picture</mat-icon>\n </div>\n <mat-card-title>Comment</mat-card-title>\n </mat-card-header>\n <mat-card-content>\n <mat-tab-group>\n <mat-tab label=\"comment\">\n <!-- tag (bound) -->\n <div>\n @if (comTagEntries?.length) {\n <mat-form-field>\n <mat-label>tag</mat-label>\n <mat-select [formControl]=\"tag\">\n @for (e of comTagEntries; track e.id) {\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\n }\n </mat-select>\n </mat-form-field>\n }\n <!-- tag (free) -->\n @else {\n <mat-form-field>\n <mat-label>tag</mat-label>\n <input matInput [formControl]=\"tag\" />\n @if (tag.hasError('maxLength') && (tag.dirty || tag.touched)) {\n <mat-error>tag too long</mat-error>\n }\n </mat-form-field>\n }\n </div>\n <!-- text -->\n <div>\n <nge-monaco-editor\n style=\"--editor-height: 800px\"\n (ready)=\"onCreateEditor($event)\"\n />\n @if (text.hasError('required') && (text.touched || text.dirty)) {\n <mat-error>text required</mat-error>\n }\n </div>\n <div id=\"pvw\">\n <mat-expansion-panel>\n <mat-expansion-panel-header>preview</mat-expansion-panel-header>\n <nge-markdown [data]=\"text.value || undefined\" />\n </mat-expansion-panel>\n </div>\n </mat-tab>\n\n <mat-tab label=\"references\">\n <!-- references -->\n <fieldset>\n <legend>references</legend>\n <cadmus-refs-doc-references\n [references]=\"references.value\"\n [tagEntries]=\"refTagEntries\"\n [typeEntries]=\"refTypeEntries\"\n (referencesChange)=\"onReferencesChange($event)\"\n />\n </fieldset>\n\n <!-- links -->\n <fieldset>\n <legend>links</legend>\n <cadmus-refs-asserted-composite-ids\n [idScopeEntries]=\"idScopeEntries\"\n [idTagEntries]=\"idTagEntries\"\n [assTagEntries]=\"assTagEntries\"\n [refTypeEntries]=\"refTypeEntries\"\n [refTagEntries]=\"refTagEntries\"\n [pinByTypeMode]=\"true\"\n [canSwitchMode]=\"true\"\n [canEditTarget]=\"true\"\n [ids]=\"links.value\"\n (idsChange)=\"onIdsChange($event)\"\n />\n </fieldset>\n </mat-tab>\n\n <!-- categories -->\n @if (catEntries?.length) {\n <mat-tab label=\"categories\">\n <div id=\"container\">\n <div id=\"picker\">\n <fieldset>\n <legend>available categories</legend>\n <cadmus-thesaurus-tree\n [entries]=\"catEntries\"\n rootLabel=\"categories\"\n [renderLabel]=\"renderLabel\"\n (entryChange)=\"onCategoryChange($event)\"\n />\n </fieldset>\n </div>\n @if (categories.value.length) {\n <div id=\"list\">\n <fieldset>\n <legend>assigned categories</legend>\n <table>\n <tbody>\n @for (entry of categories.value; track entry; let i =\n $index) {\n <tr>\n <td>\n <button\n type=\"button\"\n mat-icon-button\n type=\"button\"\n matTooltip=\"Remove this category\"\n (click)=\"removeCategory(i)\"\n >\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\n </button>\n </td>\n <td [matTooltip]=\"entry.id\">{{ entry.value }}</td>\n </tr>\n }\n </tbody>\n </table>\n </fieldset>\n </div>\n }\n </div>\n </mat-tab>\n }\n\n <!-- keywords -->\n <mat-tab label=\"keywords\">\n <div formArrayName=\"keywords\">\n <div>\n <button\n type=\"button\"\n mat-flat-button\n class=\"mat-primary\"\n (click)=\"addKeyword()\"\n >\n <mat-icon>add_circle</mat-icon>\n keyword\n </button>\n </div>\n <!-- keyword -->\n @for ( item of keywords.controls; track item; let i = $index; let\n first = $first; let last = $last) {\n <div>\n <!-- child form -->\n <div [formGroupName]=\"i\" class=\"form-row\">\n <!-- child actions -->\n <span>{{ i + 1 }}.</span>\n <button\n mat-icon-button\n type=\"button\"\n matTooltip=\"Remove this keyword\"\n (click)=\"removeKeyword(i)\"\n >\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\n </button>\n <button\n [disabled]=\"first\"\n mat-icon-button\n type=\"button\"\n matTooltip=\"Move keyword up\"\n (click)=\"moveKeywordUp(i)\"\n >\n <mat-icon>arrow_upward</mat-icon>\n </button>\n <button\n [disabled]=\"last\"\n mat-icon-button\n type=\"button\"\n matTooltip=\"Move keyword down\"\n (click)=\"moveKeywordDown(i)\"\n >\n <mat-icon>arrow_downward</mat-icon>\n </button>\n <!-- child controls -->\n <!-- indexId (bound) -->\n @if (idxEntries?.length) {\n <mat-form-field>\n <mat-label>index</mat-label>\n <mat-select formControlName=\"indexId\">\n @for (e of idxEntries; track e.id) {\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\n }\n </mat-select>\n </mat-form-field>\n }\n <!-- indexId (free) -->\n @else {\n <mat-form-field>\n <mat-label>index</mat-label>\n <input matInput formControlName=\"indexId\" />\n @if ( $any(item)['controls'].indexId.errors?.maxLength &&\n ($any(item)['controls'].indexId.dirty ||\n $any(item)['controls'].indexId.touched) ) {\n <mat-error>ID too long</mat-error>\n }\n </mat-form-field>\n }\n <!-- tag (bound) -->\n @if (keyTagEntries?.length) {\n <mat-form-field>\n <mat-label>tag</mat-label>\n <mat-select formControlName=\"tag\">\n @for (e of keyTagEntries; track e.id) {\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\n }\n </mat-select>\n </mat-form-field>\n }\n <!-- tag (free) -->\n @else {\n <mat-form-field>\n <mat-label>tag</mat-label>\n <input matInput formControlName=\"tag\" />\n @if ( $any(item)['controls'].tag.errors?.maxLength &&\n ($any(item)['controls'].tag.dirty ||\n $any(item)['controls'].tag.touched) ) {\n <mat-error>tag too long</mat-error>\n }\n </mat-form-field>\n }\n <!-- language (bound) -->\n @if (langEntries?.length) {\n <mat-form-field>\n <mat-label>language</mat-label>\n <mat-select formControlName=\"language\">\n @for (e of langEntries; track e.id) {\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\n }\n </mat-select>\n @if ( $any(item)['controls'].language.errors?.required &&\n ($any(item)['controls'].language.dirty ||\n $any(item)['controls'].language.touched) ) {\n <mat-error>language required</mat-error>\n }\n </mat-form-field>\n }\n <!-- language (free) -->\n @else {\n <mat-form-field>\n <mat-label>language</mat-label>\n <input matInput formControlName=\"language\" />\n @if ( $any(item)['controls'].language.errors?.required &&\n ($any(item)['controls'].language.dirty ||\n $any(item)['controls'].language.touched) ) {\n <mat-error>language required</mat-error>\n } @if ( $any(item)['controls'].language.errors?.maxLength &&\n ($any(item)['controls'].language.dirty ||\n $any(item)['controls'].language.touched) ) {\n <mat-error>language too long</mat-error>\n }\n </mat-form-field>\n }\n <!-- value -->\n <mat-form-field>\n <mat-label>value</mat-label>\n <input matInput formControlName=\"value\" />\n @if ( $any(item)['controls'].value.errors?.required &&\n ($any(item)['controls'].value.dirty ||\n $any(item)['controls'].value.touched) ) {\n <mat-error>value required</mat-error>\n } @if ( $any(item)['controls'].value.errors?.maxLength &&\n ($any(item)['controls'].value.dirty ||\n $any(item)['controls'].value.touched) ) {\n <mat-error>value too long</mat-error>\n }\n </mat-form-field>\n <!-- note -->\n <mat-form-field>\n <mat-label>note</mat-label>\n <input matInput formControlName=\"note\" />\n @if ( $any(item)['controls'].note.errors?.maxLength &&\n ($any(item)['controls'].note.dirty ||\n $any(item)['controls'].note.touched) ) {\n <mat-error>note too long</mat-error>\n }\n </mat-form-field>\n </div>\n </div>\n }\n </div>\n </mat-tab>\n </mat-tab-group>\n </mat-card-content>\n <mat-card-actions>\n <cadmus-close-save-buttons\n [form]=\"form\"\n [noSave]=\"userLevel < 2\"\n (closeRequest)=\"close()\"\n />\n </mat-card-actions>\n </mat-card>\n</form>\n", styles: [".ind-long-text{width:100%;max-width:600px;margin-left:4em}.form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-row *{flex:0 0 auto}td.fit-width{width:1px;white-space:nowrap}fieldset{border:1px solid silver;border-radius:6px;padding:4px;margin:8px 0}legend{color:silver}div#pvw{border:1px solid silver;border-radius:6px;padding:6px;margin:16px 0}div#picker{grid-area:picker}div#list{grid-area:list}div#container{display:grid;grid-template-rows:1fr;grid-template-columns:auto auto;grid-template-areas:\"picker list\";gap:8px}@media only screen and (max-width: 959px){div#container{grid-template-rows:1fr auto;grid-template-columns:1fr;grid-template-areas:\"picker\" \"list\"}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: 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: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: 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: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: NgeMonacoModule }, { kind: "component", type: i4$3.NgeMonacoEditorComponent, selector: "nge-monaco-editor", inputs: ["autoLayout", "options"], outputs: ["ready"] }, { kind: "component", type: MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "ngmodule", type: NgeMarkdownModule }, { kind: "component", type: i5$2.NgeMarkdownComponent, selector: "nge-markdown, [nge-markdown]", inputs: ["file", "data", "theme"], outputs: ["render"] }, { kind: "component", type: DocReferencesComponent, selector: "cadmus-refs-doc-references", inputs: ["references", "typeEntries", "tagEntries"], outputs: ["referencesChange"] }, { kind: "component", type: AssertedCompositeIdsComponent, selector: "cadmus-refs-asserted-composite-ids", inputs: ["ids", "idScopeEntries", "idTagEntries", "assTagEntries", "refTypeEntries", "refTagEntries", "pinByTypeMode", "canSwitchMode", "canEditTarget", "lookupDefinitions", "defaultPartTypeKey"], outputs: ["idsChange"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: 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: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: ThesaurusTreeComponent, selector: "cadmus-thesaurus-tree", inputs: ["entries", "rootLabel", "renderLabel"], outputs: ["entryChange"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }] });
2710
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: CommentEditorComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }, { token: i3$1.CadmusTextEdService }, { token: CADMUS_TEXT_ED_BINDINGS_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component });
2711
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.3", type: CommentEditorComponent, isStandalone: true, selector: "cadmus-comment-editor", providers: [CadmusTextEdService], usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\n <mat-card appearance=\"outlined\">\n <mat-card-header>\n <div mat-card-avatar>\n <mat-icon>picture_in_picture</mat-icon>\n </div>\n <mat-card-title>Comment</mat-card-title>\n </mat-card-header>\n <mat-card-content>\n <mat-tab-group>\n <mat-tab label=\"comment\">\n <!-- tag (bound) -->\n <div>\n @if (comTagEntries?.length) {\n <mat-form-field>\n <mat-label>tag</mat-label>\n <mat-select [formControl]=\"tag\">\n @for (e of comTagEntries; track e.id) {\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\n }\n </mat-select>\n </mat-form-field>\n }\n <!-- tag (free) -->\n @else {\n <mat-form-field>\n <mat-label>tag</mat-label>\n <input matInput [formControl]=\"tag\" />\n @if (tag.hasError('maxLength') && (tag.dirty || tag.touched)) {\n <mat-error>tag too long</mat-error>\n }\n </mat-form-field>\n }\n </div>\n <!-- text -->\n <div>\n <nge-monaco-editor\n style=\"--editor-height: 800px\"\n (ready)=\"onCreateEditor($event)\"\n />\n @if (text.hasError('required') && (text.touched || text.dirty)) {\n <mat-error>text required</mat-error>\n }\n </div>\n <div id=\"pvw\">\n <mat-expansion-panel>\n <mat-expansion-panel-header>preview</mat-expansion-panel-header>\n <nge-markdown [data]=\"text.value || undefined\" />\n </mat-expansion-panel>\n </div>\n </mat-tab>\n\n <mat-tab label=\"references\">\n <!-- references -->\n <fieldset>\n <legend>references</legend>\n <cadmus-refs-doc-references\n [references]=\"references.value\"\n [tagEntries]=\"refTagEntries\"\n [typeEntries]=\"refTypeEntries\"\n (referencesChange)=\"onReferencesChange($event)\"\n />\n </fieldset>\n\n <!-- links -->\n <fieldset>\n <legend>links</legend>\n <cadmus-refs-asserted-composite-ids\n [idScopeEntries]=\"idScopeEntries\"\n [idTagEntries]=\"idTagEntries\"\n [assTagEntries]=\"assTagEntries\"\n [refTypeEntries]=\"refTypeEntries\"\n [refTagEntries]=\"refTagEntries\"\n [pinByTypeMode]=\"true\"\n [canSwitchMode]=\"true\"\n [canEditTarget]=\"true\"\n [ids]=\"links.value\"\n (idsChange)=\"onIdsChange($event)\"\n />\n </fieldset>\n </mat-tab>\n\n <!-- categories -->\n @if (catEntries?.length) {\n <mat-tab label=\"categories\">\n <div id=\"container\">\n <div id=\"picker\">\n <fieldset>\n <legend>available categories</legend>\n <cadmus-thesaurus-tree\n [entries]=\"catEntries\"\n rootLabel=\"categories\"\n [renderLabel]=\"renderLabel\"\n (entryChange)=\"onCategoryChange($event)\"\n />\n </fieldset>\n </div>\n @if (categories.value.length) {\n <div id=\"list\">\n <fieldset>\n <legend>assigned categories</legend>\n <table>\n <tbody>\n @for (entry of categories.value; track entry; let i =\n $index) {\n <tr>\n <td>\n <button\n type=\"button\"\n mat-icon-button\n type=\"button\"\n matTooltip=\"Remove this category\"\n (click)=\"removeCategory(i)\"\n >\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\n </button>\n </td>\n <td [matTooltip]=\"entry.id\">{{ entry.value }}</td>\n </tr>\n }\n </tbody>\n </table>\n </fieldset>\n </div>\n }\n </div>\n </mat-tab>\n }\n\n <!-- keywords -->\n <mat-tab label=\"keywords\">\n <div formArrayName=\"keywords\">\n <div>\n <button\n type=\"button\"\n mat-flat-button\n class=\"mat-primary\"\n (click)=\"addKeyword()\"\n >\n <mat-icon>add_circle</mat-icon>\n keyword\n </button>\n </div>\n <!-- keyword -->\n @for ( item of keywords.controls; track item; let i = $index; let\n first = $first; let last = $last) {\n <div>\n <!-- child form -->\n <div [formGroupName]=\"i\" class=\"form-row\">\n <!-- child actions -->\n <span>{{ i + 1 }}.</span>\n <button\n mat-icon-button\n type=\"button\"\n matTooltip=\"Remove this keyword\"\n (click)=\"removeKeyword(i)\"\n >\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\n </button>\n <button\n [disabled]=\"first\"\n mat-icon-button\n type=\"button\"\n matTooltip=\"Move keyword up\"\n (click)=\"moveKeywordUp(i)\"\n >\n <mat-icon>arrow_upward</mat-icon>\n </button>\n <button\n [disabled]=\"last\"\n mat-icon-button\n type=\"button\"\n matTooltip=\"Move keyword down\"\n (click)=\"moveKeywordDown(i)\"\n >\n <mat-icon>arrow_downward</mat-icon>\n </button>\n <!-- child controls -->\n <!-- indexId (bound) -->\n @if (idxEntries?.length) {\n <mat-form-field>\n <mat-label>index</mat-label>\n <mat-select formControlName=\"indexId\">\n @for (e of idxEntries; track e.id) {\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\n }\n </mat-select>\n </mat-form-field>\n }\n <!-- indexId (free) -->\n @else {\n <mat-form-field>\n <mat-label>index</mat-label>\n <input matInput formControlName=\"indexId\" />\n @if ( $any(item)['controls'].indexId.errors?.maxLength &&\n ($any(item)['controls'].indexId.dirty ||\n $any(item)['controls'].indexId.touched) ) {\n <mat-error>ID too long</mat-error>\n }\n </mat-form-field>\n }\n <!-- tag (bound) -->\n @if (keyTagEntries?.length) {\n <mat-form-field>\n <mat-label>tag</mat-label>\n <mat-select formControlName=\"tag\">\n @for (e of keyTagEntries; track e.id) {\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\n }\n </mat-select>\n </mat-form-field>\n }\n <!-- tag (free) -->\n @else {\n <mat-form-field>\n <mat-label>tag</mat-label>\n <input matInput formControlName=\"tag\" />\n @if ( $any(item)['controls'].tag.errors?.maxLength &&\n ($any(item)['controls'].tag.dirty ||\n $any(item)['controls'].tag.touched) ) {\n <mat-error>tag too long</mat-error>\n }\n </mat-form-field>\n }\n <!-- language (bound) -->\n @if (langEntries?.length) {\n <mat-form-field>\n <mat-label>language</mat-label>\n <mat-select formControlName=\"language\">\n @for (e of langEntries; track e.id) {\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\n }\n </mat-select>\n @if ( $any(item)['controls'].language.errors?.required &&\n ($any(item)['controls'].language.dirty ||\n $any(item)['controls'].language.touched) ) {\n <mat-error>language required</mat-error>\n }\n </mat-form-field>\n }\n <!-- language (free) -->\n @else {\n <mat-form-field>\n <mat-label>language</mat-label>\n <input matInput formControlName=\"language\" />\n @if ( $any(item)['controls'].language.errors?.required &&\n ($any(item)['controls'].language.dirty ||\n $any(item)['controls'].language.touched) ) {\n <mat-error>language required</mat-error>\n } @if ( $any(item)['controls'].language.errors?.maxLength &&\n ($any(item)['controls'].language.dirty ||\n $any(item)['controls'].language.touched) ) {\n <mat-error>language too long</mat-error>\n }\n </mat-form-field>\n }\n <!-- value -->\n <mat-form-field>\n <mat-label>value</mat-label>\n <input matInput formControlName=\"value\" />\n @if ( $any(item)['controls'].value.errors?.required &&\n ($any(item)['controls'].value.dirty ||\n $any(item)['controls'].value.touched) ) {\n <mat-error>value required</mat-error>\n } @if ( $any(item)['controls'].value.errors?.maxLength &&\n ($any(item)['controls'].value.dirty ||\n $any(item)['controls'].value.touched) ) {\n <mat-error>value too long</mat-error>\n }\n </mat-form-field>\n <!-- note -->\n <mat-form-field>\n <mat-label>note</mat-label>\n <input matInput formControlName=\"note\" />\n @if ( $any(item)['controls'].note.errors?.maxLength &&\n ($any(item)['controls'].note.dirty ||\n $any(item)['controls'].note.touched) ) {\n <mat-error>note too long</mat-error>\n }\n </mat-form-field>\n </div>\n </div>\n }\n </div>\n </mat-tab>\n </mat-tab-group>\n </mat-card-content>\n <mat-card-actions>\n <cadmus-close-save-buttons\n [form]=\"form\"\n [noSave]=\"userLevel < 2\"\n (closeRequest)=\"close()\"\n />\n </mat-card-actions>\n </mat-card>\n</form>\n", styles: [".ind-long-text{width:100%;max-width:600px;margin-left:4em}.form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-row *{flex:0 0 auto}td.fit-width{width:1px;white-space:nowrap}fieldset{border:1px solid silver;border-radius:6px;padding:4px;margin:8px 0}legend{color:silver}div#pvw{border:1px solid silver;border-radius:6px;padding:6px;margin:16px 0}div#picker{grid-area:picker}div#list{grid-area:list}div#container{display:grid;grid-template-rows:1fr;grid-template-columns:auto auto;grid-template-areas:\"picker list\";gap:8px}@media only screen and (max-width: 959px){div#container{grid-template-rows:1fr auto;grid-template-columns:1fr;grid-template-areas:\"picker\" \"list\"}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: 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: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: 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: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: NgeMonacoModule }, { kind: "component", type: i4$3.NgeMonacoEditorComponent, selector: "nge-monaco-editor", inputs: ["autoLayout", "options"], outputs: ["ready"] }, { kind: "component", type: MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "ngmodule", type: NgeMarkdownModule }, { kind: "component", type: i5$2.NgeMarkdownComponent, selector: "nge-markdown, [nge-markdown]", inputs: ["file", "data", "theme"], outputs: ["render"] }, { kind: "component", type: DocReferencesComponent, selector: "cadmus-refs-doc-references", inputs: ["references", "typeEntries", "tagEntries"], outputs: ["referencesChange"] }, { kind: "component", type: AssertedCompositeIdsComponent, selector: "cadmus-refs-asserted-composite-ids", inputs: ["ids", "idScopeEntries", "idTagEntries", "assTagEntries", "refTypeEntries", "refTagEntries", "pinByTypeMode", "canSwitchMode", "canEditTarget", "lookupDefinitions", "defaultPartTypeKey"], outputs: ["idsChange"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: 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: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: ThesaurusTreeComponent, selector: "cadmus-thesaurus-tree", inputs: ["entries", "rootLabel", "renderLabel"], outputs: ["entryChange"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }] });
2711
2712
  }
2712
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: CommentEditorComponent, decorators: [{
2713
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: CommentEditorComponent, decorators: [{
2713
2714
  type: Component,
2714
2715
  args: [{ selector: 'cadmus-comment-editor', imports: [
2715
2716
  FormsModule,
@@ -2900,10 +2901,10 @@ class DecoratedCountsPartComponent extends ModelEditorComponentBase {
2900
2901
  this.counts.markAsDirty();
2901
2902
  this.counts.updateValueAndValidity();
2902
2903
  }
2903
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DecoratedCountsPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
2904
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: DecoratedCountsPartComponent, isStandalone: true, selector: "cadmus-decorated-counts-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n <mat-card>\r\n <mat-card-header>\r\n <div mat-card-avatar>\r\n <mat-icon>picture_in_picture</mat-icon>\r\n </div>\r\n <mat-card-title>{{\r\n (modelName() | titlecase) || \"Decorated Counts Part\"\r\n }}</mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content>\r\n <cadmus-refs-decorated-counts\r\n [idEntries]=\"idEntries\"\r\n [tagEntries]=\"tagEntries\"\r\n [counts]=\"counts.value\"\r\n (countsChange)=\"onCountsChange($event!)\"\r\n />\r\n </mat-card-content>\r\n <mat-card-actions>\r\n <cadmus-close-save-buttons\r\n [form]=\"form\"\r\n [noSave]=\"userLevel < 2\"\r\n (closeRequest)=\"close()\"\r\n />\r\n </mat-card-actions>\r\n </mat-card>\r\n</form>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: DecoratedCountsComponent, selector: "cadmus-refs-decorated-counts", inputs: ["counts", "allowCustomId", "distinct", "idEntries", "tagEntries"], outputs: ["countsChange"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
2904
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: DecoratedCountsPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
2905
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: DecoratedCountsPartComponent, isStandalone: true, selector: "cadmus-decorated-counts-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n <mat-card>\r\n <mat-card-header>\r\n <div mat-card-avatar>\r\n <mat-icon>picture_in_picture</mat-icon>\r\n </div>\r\n <mat-card-title>{{\r\n (modelName() | titlecase) || \"Decorated Counts Part\"\r\n }}</mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content>\r\n <cadmus-refs-decorated-counts\r\n [idEntries]=\"idEntries\"\r\n [tagEntries]=\"tagEntries\"\r\n [counts]=\"counts.value\"\r\n (countsChange)=\"onCountsChange($event!)\"\r\n />\r\n </mat-card-content>\r\n <mat-card-actions>\r\n <cadmus-close-save-buttons\r\n [form]=\"form\"\r\n [noSave]=\"userLevel < 2\"\r\n (closeRequest)=\"close()\"\r\n />\r\n </mat-card-actions>\r\n </mat-card>\r\n</form>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: DecoratedCountsComponent, selector: "cadmus-refs-decorated-counts", inputs: ["counts", "allowCustomId", "distinct", "idEntries", "tagEntries"], outputs: ["countsChange"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
2905
2906
  }
2906
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DecoratedCountsPartComponent, decorators: [{
2907
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: DecoratedCountsPartComponent, decorators: [{
2907
2908
  type: Component,
2908
2909
  args: [{ selector: 'cadmus-decorated-counts-part', imports: [
2909
2910
  FormsModule,
@@ -3080,10 +3081,10 @@ class DistrictLocationPartComponent extends ModelEditorComponentBase {
3080
3081
  part.note = this.note.value?.trim() || undefined;
3081
3082
  return part;
3082
3083
  }
3083
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DistrictLocationPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
3084
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: DistrictLocationPartComponent, isStandalone: true, selector: "cadmus-district-location-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n <mat-card appearance=\"outlined\">\r\n <mat-card-header>\r\n <div mat-card-avatar>\r\n <mat-icon>picture_in_picture</mat-icon>\r\n </div>\r\n <mat-card-title>{{\r\n (modelName() | titlecase) || \"District Location Part\"\r\n }}</mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content>\r\n <!-- place -->\r\n <div>\r\n <fieldset>\r\n <legend i18n>place</legend>\r\n <cadmus-refs-proper-name\r\n [langEntries]=\"langEntries\"\r\n [typeEntries]=\"typeEntries\"\r\n [name]=\"initialName || undefined\"\r\n [hideAssertion]=\"true\"\r\n (nameChange)=\"onNameChange($event)\"\r\n />\r\n </fieldset>\r\n </div>\r\n\r\n <!-- note -->\r\n <div>\r\n <mat-form-field class=\"long-text\">\r\n <mat-label i18n>note</mat-label>\r\n <textarea matInput [formControl]=\"note\"></textarea>\r\n @if ($any(note).errors?.maxLength && (note.dirty || note.touched)) {\r\n <mat-error i18n>note too long</mat-error>\r\n }\r\n </mat-form-field>\r\n </div>\r\n </mat-card-content>\r\n <mat-card-actions>\r\n <cadmus-close-save-buttons\r\n [form]=\"form\"\r\n [noSave]=\"userLevel < 2\"\r\n (closeRequest)=\"close()\"\r\n />\r\n </mat-card-actions>\r\n </mat-card>\r\n</form>\r\n", styles: [".form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-row *{flex:0 0 auto}.long-text{width:100%;max-width:800px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: ProperNameComponent, selector: "cadmus-refs-proper-name", inputs: ["name", "typeEntries", "langEntries", "tagEntries", "assTagEntries", "refTypeEntries", "refTagEntries", "hideAssertion"], outputs: ["nameChange"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: 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: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
3084
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: DistrictLocationPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
3085
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.3", type: DistrictLocationPartComponent, isStandalone: true, selector: "cadmus-district-location-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n <mat-card appearance=\"outlined\">\r\n <mat-card-header>\r\n <div mat-card-avatar>\r\n <mat-icon>picture_in_picture</mat-icon>\r\n </div>\r\n <mat-card-title>{{\r\n (modelName() | titlecase) || \"District Location Part\"\r\n }}</mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content>\r\n <!-- place -->\r\n <div>\r\n <fieldset>\r\n <legend i18n>place</legend>\r\n <cadmus-refs-proper-name\r\n [langEntries]=\"langEntries\"\r\n [typeEntries]=\"typeEntries\"\r\n [name]=\"initialName || undefined\"\r\n [hideAssertion]=\"true\"\r\n (nameChange)=\"onNameChange($event)\"\r\n />\r\n </fieldset>\r\n </div>\r\n\r\n <!-- note -->\r\n <div>\r\n <mat-form-field class=\"long-text\">\r\n <mat-label i18n>note</mat-label>\r\n <textarea matInput [formControl]=\"note\"></textarea>\r\n @if ($any(note).errors?.maxLength && (note.dirty || note.touched)) {\r\n <mat-error i18n>note too long</mat-error>\r\n }\r\n </mat-form-field>\r\n </div>\r\n </mat-card-content>\r\n <mat-card-actions>\r\n <cadmus-close-save-buttons\r\n [form]=\"form\"\r\n [noSave]=\"userLevel < 2\"\r\n (closeRequest)=\"close()\"\r\n />\r\n </mat-card-actions>\r\n </mat-card>\r\n</form>\r\n", styles: [".form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-row *{flex:0 0 auto}.long-text{width:100%;max-width:800px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: ProperNameComponent, selector: "cadmus-refs-proper-name", inputs: ["name", "typeEntries", "langEntries", "tagEntries", "assTagEntries", "refTypeEntries", "refTagEntries", "hideAssertion"], outputs: ["nameChange"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: 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: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
3085
3086
  }
3086
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DistrictLocationPartComponent, decorators: [{
3087
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: DistrictLocationPartComponent, decorators: [{
3087
3088
  type: Component,
3088
3089
  args: [{ selector: 'cadmus-district-location-part', imports: [
3089
3090
  FormsModule,
@@ -3192,11 +3193,13 @@ const DOC_REFERENCES_PART_SCHEMA = {
3192
3193
  /**
3193
3194
  * Document references part editor.
3194
3195
  * Thesauri: doc-reference-tags, doc-reference-types (all optional).
3196
+ * You can configure doc references lookup properties via settings.
3195
3197
  */
3196
3198
  class DocReferencesPartComponent extends ModelEditorComponentBase {
3197
3199
  references;
3198
- typeEntries;
3199
- tagEntries;
3200
+ typeEntries = signal(undefined, ...(ngDevMode ? [{ debugName: "typeEntries" }] : []));
3201
+ tagEntries = signal(undefined, ...(ngDevMode ? [{ debugName: "tagEntries" }] : []));
3202
+ settings = signal(undefined, ...(ngDevMode ? [{ debugName: "settings" }] : []));
3200
3203
  constructor(authService, formBuilder) {
3201
3204
  super(authService, formBuilder);
3202
3205
  // form
@@ -3204,6 +3207,14 @@ class DocReferencesPartComponent extends ModelEditorComponentBase {
3204
3207
  validators: NgxToolsValidators.strictMinLengthValidator(1),
3205
3208
  nonNullable: true,
3206
3209
  });
3210
+ this.loadSettings();
3211
+ }
3212
+ async loadSettings() {
3213
+ const settings = (await this._appRepository?.getSettingFor(DOC_REFERENCES_PART_TYPEID, this.identity()?.roleId || undefined));
3214
+ if (settings) {
3215
+ console.log('DocReferencesPart settings', settings);
3216
+ this.settings.set(settings);
3217
+ }
3207
3218
  }
3208
3219
  ngOnInit() {
3209
3220
  super.ngOnInit();
@@ -3216,17 +3227,17 @@ class DocReferencesPartComponent extends ModelEditorComponentBase {
3216
3227
  updateThesauri(thesauri) {
3217
3228
  let key = 'doc-reference-tags';
3218
3229
  if (this.hasThesaurus(key)) {
3219
- this.tagEntries = thesauri[key].entries;
3230
+ this.tagEntries.set(thesauri[key].entries);
3220
3231
  }
3221
3232
  else {
3222
- this.tagEntries = undefined;
3233
+ this.tagEntries.set(undefined);
3223
3234
  }
3224
3235
  key = 'doc-reference-types';
3225
3236
  if (this.hasThesaurus(key)) {
3226
- this.typeEntries = thesauri[key].entries;
3237
+ this.typeEntries.set(thesauri[key].entries);
3227
3238
  }
3228
3239
  else {
3229
- this.typeEntries = undefined;
3240
+ this.typeEntries.set(undefined);
3230
3241
  }
3231
3242
  }
3232
3243
  updateForm(part) {
@@ -3255,10 +3266,10 @@ class DocReferencesPartComponent extends ModelEditorComponentBase {
3255
3266
  this.references.updateValueAndValidity();
3256
3267
  this.references.markAsDirty();
3257
3268
  }
3258
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DocReferencesPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
3259
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: DocReferencesPartComponent, isStandalone: true, selector: "cadmus-doc-references-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n <mat-card appearance=\"outlined\">\r\n <mat-card-header>\r\n <div mat-card-avatar>\r\n <mat-icon>picture_in_picture</mat-icon>\r\n </div>\r\n <mat-card-title>{{\r\n (modelName() | titlecase) || \"Document References Part\"\r\n }}</mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content>\r\n <cadmus-refs-doc-references\r\n [references]=\"references.value\"\r\n [typeEntries]=\"typeEntries\"\r\n [tagEntries]=\"tagEntries\"\r\n (referencesChange)=\"onReferencesChange($event)\"\r\n />\r\n </mat-card-content>\r\n <mat-card-actions>\r\n <cadmus-close-save-buttons\r\n [form]=\"form\"\r\n [noSave]=\"userLevel < 2\"\r\n (closeRequest)=\"close()\"\r\n />\r\n </mat-card-actions>\r\n </mat-card>\r\n</form>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: DocReferencesComponent, selector: "cadmus-refs-doc-references", inputs: ["references", "typeEntries", "tagEntries"], outputs: ["referencesChange"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
3269
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: DocReferencesPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
3270
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: DocReferencesPartComponent, isStandalone: true, selector: "cadmus-doc-references-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n <mat-card appearance=\"outlined\">\r\n <mat-card-header>\r\n <div mat-card-avatar>\r\n <mat-icon>picture_in_picture</mat-icon>\r\n </div>\r\n <mat-card-title>{{\r\n (modelName() | titlecase) || \"Document References Part\"\r\n }}</mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content>\r\n <cadmus-refs-lookup-doc-references\r\n [references]=\"references.value\"\r\n [typeEntries]=\"typeEntries()\"\r\n [tagEntries]=\"tagEntries()\"\r\n [noLookup]=\"settings()?.noLookup\"\r\n [noCitation]=\"settings()?.noCitation\"\r\n [defaultPicker]=\"settings()?.defaultPicker || 'lookup'\"\r\n (referencesChange)=\"onReferencesChange($event)\"\r\n />\r\n </mat-card-content>\r\n <mat-card-actions>\r\n <cadmus-close-save-buttons\r\n [form]=\"form\"\r\n [noSave]=\"userLevel < 2\"\r\n (closeRequest)=\"close()\"\r\n />\r\n </mat-card-actions>\r\n </mat-card>\r\n</form>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: LookupDocReferencesComponent, selector: "cadmus-refs-lookup-doc-references", inputs: ["references", "typeEntries", "tagEntries", "noLookup", "noCitation", "defaultPicker"], outputs: ["referencesChange"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
3260
3271
  }
3261
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DocReferencesPartComponent, decorators: [{
3272
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: DocReferencesPartComponent, decorators: [{
3262
3273
  type: Component,
3263
3274
  args: [{ selector: 'cadmus-doc-references-part', imports: [
3264
3275
  FormsModule,
@@ -3269,11 +3280,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
3269
3280
  MatIcon,
3270
3281
  MatCardTitle,
3271
3282
  MatCardContent,
3272
- DocReferencesComponent,
3283
+ LookupDocReferencesComponent,
3273
3284
  MatCardActions,
3274
3285
  TitleCasePipe,
3275
3286
  CloseSaveButtonsComponent,
3276
- ], template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n <mat-card appearance=\"outlined\">\r\n <mat-card-header>\r\n <div mat-card-avatar>\r\n <mat-icon>picture_in_picture</mat-icon>\r\n </div>\r\n <mat-card-title>{{\r\n (modelName() | titlecase) || \"Document References Part\"\r\n }}</mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content>\r\n <cadmus-refs-doc-references\r\n [references]=\"references.value\"\r\n [typeEntries]=\"typeEntries\"\r\n [tagEntries]=\"tagEntries\"\r\n (referencesChange)=\"onReferencesChange($event)\"\r\n />\r\n </mat-card-content>\r\n <mat-card-actions>\r\n <cadmus-close-save-buttons\r\n [form]=\"form\"\r\n [noSave]=\"userLevel < 2\"\r\n (closeRequest)=\"close()\"\r\n />\r\n </mat-card-actions>\r\n </mat-card>\r\n</form>\r\n" }]
3287
+ ], template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n <mat-card appearance=\"outlined\">\r\n <mat-card-header>\r\n <div mat-card-avatar>\r\n <mat-icon>picture_in_picture</mat-icon>\r\n </div>\r\n <mat-card-title>{{\r\n (modelName() | titlecase) || \"Document References Part\"\r\n }}</mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content>\r\n <cadmus-refs-lookup-doc-references\r\n [references]=\"references.value\"\r\n [typeEntries]=\"typeEntries()\"\r\n [tagEntries]=\"tagEntries()\"\r\n [noLookup]=\"settings()?.noLookup\"\r\n [noCitation]=\"settings()?.noCitation\"\r\n [defaultPicker]=\"settings()?.defaultPicker || 'lookup'\"\r\n (referencesChange)=\"onReferencesChange($event)\"\r\n />\r\n </mat-card-content>\r\n <mat-card-actions>\r\n <cadmus-close-save-buttons\r\n [form]=\"form\"\r\n [noSave]=\"userLevel < 2\"\r\n (closeRequest)=\"close()\"\r\n />\r\n </mat-card-actions>\r\n </mat-card>\r\n</form>\r\n" }]
3277
3288
  }], ctorParameters: () => [{ type: i1.AuthJwtService }, { type: i2.FormBuilder }] });
3278
3289
 
3279
3290
  /**
@@ -3456,10 +3467,10 @@ class ExternalIdsPartComponent extends ModelEditorComponentBase {
3456
3467
  this.ids.markAsDirty();
3457
3468
  this.ids.updateValueAndValidity();
3458
3469
  }
3459
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ExternalIdsPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
3460
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: ExternalIdsPartComponent, isStandalone: true, selector: "cadmus-refs-external-ids-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n <mat-card appearance=\"outlined\">\r\n <mat-card-header>\r\n <div mat-card-avatar>\r\n <mat-icon>picture_in_picture</mat-icon>\r\n </div>\r\n <mat-card-title>{{\r\n (modelName() | titlecase) || \"External IDs Part\"\r\n }}</mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content>\r\n <cadmus-refs-asserted-ids\r\n [idScopeEntries]=\"idScopeEntries\"\r\n [idTagEntries]=\"idTagEntries\"\r\n [assTagEntries]=\"assTagEntries\"\r\n [refTypeEntries]=\"refTypeEntries\"\r\n [refTagEntries]=\"refTagEntries\"\r\n [ids]=\"ids.value\"\r\n (idsChange)=\"onIdsChange($event)\"\r\n />\r\n </mat-card-content>\r\n <mat-card-actions>\r\n <cadmus-close-save-buttons\r\n [form]=\"form\"\r\n [noSave]=\"userLevel < 2\"\r\n (closeRequest)=\"close()\"\r\n />\r\n </mat-card-actions>\r\n </mat-card>\r\n</form>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: AssertedIdsComponent, selector: "cadmus-refs-asserted-ids", inputs: ["ids", "idScopeEntries", "idTagEntries", "assTagEntries", "refTypeEntries", "refTagEntries"], outputs: ["idsChange"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
3470
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: ExternalIdsPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
3471
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: ExternalIdsPartComponent, isStandalone: true, selector: "cadmus-refs-external-ids-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n <mat-card appearance=\"outlined\">\r\n <mat-card-header>\r\n <div mat-card-avatar>\r\n <mat-icon>picture_in_picture</mat-icon>\r\n </div>\r\n <mat-card-title>{{\r\n (modelName() | titlecase) || \"External IDs Part\"\r\n }}</mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content>\r\n <cadmus-refs-asserted-ids\r\n [idScopeEntries]=\"idScopeEntries\"\r\n [idTagEntries]=\"idTagEntries\"\r\n [assTagEntries]=\"assTagEntries\"\r\n [refTypeEntries]=\"refTypeEntries\"\r\n [refTagEntries]=\"refTagEntries\"\r\n [ids]=\"ids.value\"\r\n (idsChange)=\"onIdsChange($event)\"\r\n />\r\n </mat-card-content>\r\n <mat-card-actions>\r\n <cadmus-close-save-buttons\r\n [form]=\"form\"\r\n [noSave]=\"userLevel < 2\"\r\n (closeRequest)=\"close()\"\r\n />\r\n </mat-card-actions>\r\n </mat-card>\r\n</form>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: AssertedIdsComponent, selector: "cadmus-refs-asserted-ids", inputs: ["ids", "idScopeEntries", "idTagEntries", "assTagEntries", "refTypeEntries", "refTagEntries"], outputs: ["idsChange"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
3461
3472
  }
3462
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ExternalIdsPartComponent, decorators: [{
3473
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: ExternalIdsPartComponent, decorators: [{
3463
3474
  type: Component,
3464
3475
  args: [{ selector: 'cadmus-refs-external-ids-part', imports: [
3465
3476
  FormsModule,
@@ -3658,12 +3669,12 @@ class FlagsPartComponent extends ModelEditorComponentBase {
3658
3669
  Object.keys(filteredNotes).length > 0 ? filteredNotes : undefined;
3659
3670
  return part;
3660
3671
  }
3661
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FlagsPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
3662
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: FlagsPartComponent, isStandalone: true, selector: "cadmus-flags-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n <mat-card>\r\n <mat-card-header>\r\n <div mat-card-avatar>\r\n <mat-icon>picture_in_picture</mat-icon>\r\n </div>\r\n <mat-card-title>\r\n {{ (modelName() | titlecase) || \"Flags Part\" }}\r\n </mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content>\r\n <div>\r\n @if (flagEntries().length) {\r\n <div>\r\n <cadmus-ui-flag-set\r\n [flags]=\"featureFlags()\"\r\n [checkedIds]=\"flags.value\"\r\n (checkedIdsChange)=\"onFlagsCheckedIdsChange($event)\"\r\n />\r\n </div>\r\n } @if (settings()) {\r\n <div>\r\n <fieldset>\r\n <legend>notes</legend>\r\n <cadmus-ui-note-set\r\n [(set)]=\"notes.value\"\r\n (noteChange)=\"onNoteChange($event)\"\r\n (setChange)=\"onSetChange($event)\"\r\n />\r\n </fieldset>\r\n </div>\r\n }\r\n </div>\r\n </mat-card-content>\r\n <mat-card-actions>\r\n <cadmus-close-save-buttons\r\n [form]=\"form\"\r\n [noSave]=\"userLevel < 2\"\r\n (closeRequest)=\"close()\"\r\n />\r\n </mat-card-actions>\r\n </mat-card>\r\n</form>\r\n", styles: ["fieldset{border:1px solid silver;border-radius:4px;padding:8px;margin:8px 0}fieldset legend{color:silver}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i5$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i5$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i5$1.MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "directive", type: i5$1.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i5$1.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i5$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "component", type:
3672
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: FlagsPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
3673
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.3", type: FlagsPartComponent, isStandalone: true, selector: "cadmus-flags-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n <mat-card>\r\n <mat-card-header>\r\n <div mat-card-avatar>\r\n <mat-icon>picture_in_picture</mat-icon>\r\n </div>\r\n <mat-card-title>\r\n {{ (modelName() | titlecase) || \"Flags Part\" }}\r\n </mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content>\r\n <div>\r\n @if (flagEntries().length) {\r\n <div>\r\n <cadmus-ui-flag-set\r\n [flags]=\"featureFlags()\"\r\n [checkedIds]=\"flags.value\"\r\n (checkedIdsChange)=\"onFlagsCheckedIdsChange($event)\"\r\n />\r\n </div>\r\n } @if (settings()) {\r\n <div>\r\n <fieldset>\r\n <legend>notes</legend>\r\n <cadmus-ui-note-set\r\n [(set)]=\"notes.value\"\r\n (noteChange)=\"onNoteChange($event)\"\r\n (setChange)=\"onSetChange($event)\"\r\n />\r\n </fieldset>\r\n </div>\r\n }\r\n </div>\r\n </mat-card-content>\r\n <mat-card-actions>\r\n <cadmus-close-save-buttons\r\n [form]=\"form\"\r\n [noSave]=\"userLevel < 2\"\r\n (closeRequest)=\"close()\"\r\n />\r\n </mat-card-actions>\r\n </mat-card>\r\n</form>\r\n", styles: ["fieldset{border:1px solid silver;border-radius:4px;padding:8px;margin:8px 0}fieldset legend{color:silver}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i5$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i5$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i5$1.MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "directive", type: i5$1.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i5$1.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i5$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "component", type:
3663
3674
  // cadmus
3664
3675
  FlagSetComponent, selector: "cadmus-ui-flag-set", inputs: ["flags", "checkedIds", "allowCustom", "hideToolbar", "numbering"], outputs: ["checkedIdsChange"] }, { kind: "component", type: NoteSetComponent, selector: "cadmus-ui-note-set", inputs: ["set"], outputs: ["setChange", "noteChange"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: i9.TitleCasePipe, name: "titlecase" }] });
3665
3676
  }
3666
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FlagsPartComponent, decorators: [{
3677
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: FlagsPartComponent, decorators: [{
3667
3678
  type: Component,
3668
3679
  args: [{ selector: 'cadmus-flags-part', imports: [
3669
3680
  CommonModule,
@@ -4159,10 +4170,10 @@ class RelatedEntityComponent {
4159
4170
  }
4160
4171
  this.entity.set(this.getEntity());
4161
4172
  }
4162
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: RelatedEntityComponent, deps: [{ token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
4163
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: RelatedEntityComponent, isStandalone: true, selector: "cadmus-related-entity", inputs: { entity: { classPropertyName: "entity", publicName: "entity", isSignal: true, isRequired: false, transformFunction: null }, relationEntries: { classPropertyName: "relationEntries", publicName: "relationEntries", isSignal: true, isRequired: false, transformFunction: null }, idScopeEntries: { classPropertyName: "idScopeEntries", publicName: "idScopeEntries", isSignal: true, isRequired: false, transformFunction: null }, idTagEntries: { classPropertyName: "idTagEntries", publicName: "idTagEntries", isSignal: true, isRequired: false, transformFunction: null }, assTagEntries: { classPropertyName: "assTagEntries", publicName: "assTagEntries", isSignal: true, isRequired: false, transformFunction: null }, refTagEntries: { classPropertyName: "refTagEntries", publicName: "refTagEntries", isSignal: true, isRequired: false, transformFunction: null }, refTypeEntries: { classPropertyName: "refTypeEntries", publicName: "refTypeEntries", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { entity: "entityChange", editorClose: "editorClose" }, ngImport: i0, template: "<form [formGroup]=\"form\" class=\"form-row\" (submit)=\"save()\">\r\n <!-- relation (bound) -->\r\n @if (relationEntries()?.length) {\r\n <mat-form-field class=\"long-text\">\r\n <mat-label>relation</mat-label>\r\n <mat-select [formControl]=\"relation\">\r\n @for (e of relationEntries(); track e.id) {\r\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\r\n }\r\n </mat-select>\r\n @if ( $any(relation).errors?.required && (relation.dirty ||\r\n relation.touched) ) {\r\n <mat-error>relation required</mat-error>\r\n }\r\n </mat-form-field>\r\n }\r\n <!-- relation (free) -->\r\n @else {\r\n <mat-form-field class=\"long-text\">\r\n <mat-label>relation</mat-label>\r\n <input matInput [formControl]=\"relation\" />\r\n @if ( $any(relation).errors?.required && (relation.dirty ||\r\n relation.touched) ) {\r\n <mat-error>relation required</mat-error>\r\n } @if ( $any(relation).errors?.maxLength && (relation.dirty ||\r\n relation.touched) ) {\r\n <mat-error>relation too long</mat-error>\r\n }\r\n </mat-form-field>\r\n }\r\n\r\n <!-- id -->\r\n <cadmus-refs-asserted-composite-id\r\n [idScopeEntries]=\"idScopeEntries()\"\r\n [idTagEntries]=\"idTagEntries()\"\r\n [assTagEntries]=\"assTagEntries()\"\r\n [refTagEntries]=\"refTagEntries()\"\r\n [refTypeEntries]=\"refTypeEntries()\"\r\n [pinByTypeMode]=\"true\"\r\n [canSwitchMode]=\"true\"\r\n [canEditTarget]=\"true\"\r\n [id]=\"id.value || undefined\"\r\n (idChange)=\"onIdChange($event!)\"\r\n />\r\n\r\n <button mat-icon-button type=\"button\" (click)=\"cancel()\">\r\n <mat-icon class=\"mat-warn\">close</mat-icon>\r\n </button>\r\n <button mat-icon-button type=\"submit\" matTooltip=\"Save entity\">\r\n <mat-icon class=\"mat-primary\">check_circle</mat-icon>\r\n </button>\r\n</form>\r\n", styles: [".long-text{width:100%;max-width:800px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: 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: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: 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: "component", type: AssertedCompositeIdComponent, selector: "cadmus-refs-asserted-composite-id", inputs: ["idScopeEntries", "idTagEntries", "assTagEntries", "refTypeEntries", "refTagEntries", "id", "hasSubmit", "pinByTypeMode", "canSwitchMode", "canEditTarget", "lookupDefinitions", "defaultPartTypeKey"], outputs: ["idChange", "editorClose", "extMoreRequest"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
4173
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: RelatedEntityComponent, deps: [{ token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
4174
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.3", type: RelatedEntityComponent, isStandalone: true, selector: "cadmus-related-entity", inputs: { entity: { classPropertyName: "entity", publicName: "entity", isSignal: true, isRequired: false, transformFunction: null }, relationEntries: { classPropertyName: "relationEntries", publicName: "relationEntries", isSignal: true, isRequired: false, transformFunction: null }, idScopeEntries: { classPropertyName: "idScopeEntries", publicName: "idScopeEntries", isSignal: true, isRequired: false, transformFunction: null }, idTagEntries: { classPropertyName: "idTagEntries", publicName: "idTagEntries", isSignal: true, isRequired: false, transformFunction: null }, assTagEntries: { classPropertyName: "assTagEntries", publicName: "assTagEntries", isSignal: true, isRequired: false, transformFunction: null }, refTagEntries: { classPropertyName: "refTagEntries", publicName: "refTagEntries", isSignal: true, isRequired: false, transformFunction: null }, refTypeEntries: { classPropertyName: "refTypeEntries", publicName: "refTypeEntries", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { entity: "entityChange", editorClose: "editorClose" }, ngImport: i0, template: "<form [formGroup]=\"form\" class=\"form-row\" (submit)=\"save()\">\r\n <!-- relation (bound) -->\r\n @if (relationEntries()?.length) {\r\n <mat-form-field class=\"long-text\">\r\n <mat-label>relation</mat-label>\r\n <mat-select [formControl]=\"relation\">\r\n @for (e of relationEntries(); track e.id) {\r\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\r\n }\r\n </mat-select>\r\n @if ( $any(relation).errors?.required && (relation.dirty ||\r\n relation.touched) ) {\r\n <mat-error>relation required</mat-error>\r\n }\r\n </mat-form-field>\r\n }\r\n <!-- relation (free) -->\r\n @else {\r\n <mat-form-field class=\"long-text\">\r\n <mat-label>relation</mat-label>\r\n <input matInput [formControl]=\"relation\" />\r\n @if ( $any(relation).errors?.required && (relation.dirty ||\r\n relation.touched) ) {\r\n <mat-error>relation required</mat-error>\r\n } @if ( $any(relation).errors?.maxLength && (relation.dirty ||\r\n relation.touched) ) {\r\n <mat-error>relation too long</mat-error>\r\n }\r\n </mat-form-field>\r\n }\r\n\r\n <!-- id -->\r\n <cadmus-refs-asserted-composite-id\r\n [idScopeEntries]=\"idScopeEntries()\"\r\n [idTagEntries]=\"idTagEntries()\"\r\n [assTagEntries]=\"assTagEntries()\"\r\n [refTagEntries]=\"refTagEntries()\"\r\n [refTypeEntries]=\"refTypeEntries()\"\r\n [pinByTypeMode]=\"true\"\r\n [canSwitchMode]=\"true\"\r\n [canEditTarget]=\"true\"\r\n [id]=\"id.value || undefined\"\r\n (idChange)=\"onIdChange($event!)\"\r\n />\r\n\r\n <button mat-icon-button type=\"button\" (click)=\"cancel()\">\r\n <mat-icon class=\"mat-warn\">close</mat-icon>\r\n </button>\r\n <button mat-icon-button type=\"submit\" matTooltip=\"Save entity\">\r\n <mat-icon class=\"mat-primary\">check_circle</mat-icon>\r\n </button>\r\n</form>\r\n", styles: [".long-text{width:100%;max-width:800px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: 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: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: 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: "component", type: AssertedCompositeIdComponent, selector: "cadmus-refs-asserted-composite-id", inputs: ["idScopeEntries", "idTagEntries", "assTagEntries", "refTypeEntries", "refTagEntries", "id", "hasSubmit", "pinByTypeMode", "canSwitchMode", "canEditTarget", "lookupDefinitions", "defaultPartTypeKey"], outputs: ["idChange", "editorClose", "extMoreRequest"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
4164
4175
  }
4165
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: RelatedEntityComponent, decorators: [{
4176
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: RelatedEntityComponent, decorators: [{
4166
4177
  type: Component,
4167
4178
  args: [{ selector: 'cadmus-related-entity', imports: [
4168
4179
  FormsModule,
@@ -4439,10 +4450,10 @@ class HistoricalEventEditorComponent {
4439
4450
  }
4440
4451
  this.event.set(this.getModel());
4441
4452
  }
4442
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: HistoricalEventEditorComponent, deps: [{ token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
4443
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: HistoricalEventEditorComponent, isStandalone: true, selector: "cadmus-historical-event-editor", inputs: { event: { classPropertyName: "event", publicName: "event", isSignal: true, isRequired: false, transformFunction: null }, eventTypeEntries: { classPropertyName: "eventTypeEntries", publicName: "eventTypeEntries", isSignal: true, isRequired: false, transformFunction: null }, eventTagEntries: { classPropertyName: "eventTagEntries", publicName: "eventTagEntries", isSignal: true, isRequired: false, transformFunction: null }, relationEntries: { classPropertyName: "relationEntries", publicName: "relationEntries", isSignal: true, isRequired: false, transformFunction: null }, ctTagEntries: { classPropertyName: "ctTagEntries", publicName: "ctTagEntries", isSignal: true, isRequired: false, transformFunction: null }, idScopeEntries: { classPropertyName: "idScopeEntries", publicName: "idScopeEntries", isSignal: true, isRequired: false, transformFunction: null }, idTagEntries: { classPropertyName: "idTagEntries", publicName: "idTagEntries", isSignal: true, isRequired: false, transformFunction: null }, assTagEntries: { classPropertyName: "assTagEntries", publicName: "assTagEntries", isSignal: true, isRequired: false, transformFunction: null }, refTagEntries: { classPropertyName: "refTagEntries", publicName: "refTagEntries", isSignal: true, isRequired: false, transformFunction: null }, refTypeEntries: { classPropertyName: "refTypeEntries", publicName: "refTypeEntries", isSignal: true, isRequired: false, transformFunction: null }, eventTypeTailCut: { classPropertyName: "eventTypeTailCut", publicName: "eventTypeTailCut", isSignal: true, isRequired: false, transformFunction: null }, noLookup: { classPropertyName: "noLookup", publicName: "noLookup", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { event: "eventChange", editorClose: "editorClose" }, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n <mat-tab-group>\r\n <mat-tab label=\"general\">\r\n @if (eventTypeEntries()?.length) {\r\n <!-- bound type -->\r\n <div id=\"container\">\r\n <div id=\"ids\" class=\"form-row\">\r\n <!-- eid -->\r\n <mat-form-field>\r\n <mat-label>EID</mat-label>\r\n <input matInput [formControl]=\"eid\" />\r\n @if ($any(eid).errors?.required && (eid.dirty || eid.touched)) {\r\n <mat-error>EID required</mat-error>\r\n } @if ($any(eid).errors?.maxLength && (eid.dirty || eid.touched)) {\r\n <mat-error>EID too long</mat-error>\r\n }\r\n </mat-form-field>\r\n <!-- tag (bound) -->\r\n @if (eventTagEntries()?.length) {\r\n <mat-form-field>\r\n <mat-label>tag</mat-label>\r\n <mat-select [formControl]=\"tag\">\r\n @for (e of eventTagEntries(); track e.id) {\r\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\r\n }\r\n </mat-select>\r\n </mat-form-field>\r\n }\r\n <!-- tag (free) -->\r\n @else {\r\n <mat-form-field>\r\n <mat-label>tag</mat-label>\r\n <input matInput [formControl]=\"tag\" />\r\n @if ($any(tag).errors?.maxLength && (tag.dirty || tag.touched)) {\r\n <mat-error>tag too long</mat-error>\r\n }\r\n </mat-form-field>\r\n }\r\n </div>\r\n <!-- type (bound) -->\r\n <div id=\"type\">\r\n <fieldset>\r\n <legend>type</legend>\r\n @if (type.value) {\r\n <div class=\"sel-type\">\r\n {{\r\n type.value | flatLookup : eventTypeEntries() : \"id\" : \"value\"\r\n }}\r\n </div>\r\n } @else {\r\n <mat-error>no type</mat-error>\r\n }\r\n <cadmus-thesaurus-tree\r\n [entries]=\"eventTypeEntries()\"\r\n rootLabel=\"types\"\r\n [renderLabel]=\"renderLabel\"\r\n (entryChange)=\"onTypeEntryChange($event)\"\r\n />\r\n @if ($any(type).errors?.required && (type.dirty || type.touched)) {\r\n <mat-error>type required</mat-error>\r\n }\r\n </fieldset>\r\n </div>\r\n </div>\r\n } @else {\r\n <!-- free type -->\r\n <div class=\"form-row\">\r\n <!-- eid -->\r\n <mat-form-field>\r\n <mat-label>EID</mat-label>\r\n <input matInput [formControl]=\"eid\" />\r\n @if ($any(eid).errors?.required && (eid.dirty || eid.touched)) {\r\n <mat-error>EID required</mat-error>\r\n } @if ($any(eid).errors?.maxLength && (eid.dirty || eid.touched)) {\r\n <mat-error>EID too long</mat-error>\r\n }\r\n </mat-form-field>\r\n <!-- type (free) -->\r\n <mat-form-field>\r\n <mat-label>type</mat-label>\r\n <input matInput [formControl]=\"type\" />\r\n @if ($any(type).errors?.required && (type.dirty || type.touched)) {\r\n <mat-error>type required</mat-error>\r\n } @if ($any(type).errors?.maxLength && (type.dirty || type.touched)) {\r\n <mat-error>type too long</mat-error>\r\n }\r\n </mat-form-field>\r\n <!-- tag (bound) -->\r\n @if (eventTagEntries()?.length) {\r\n <mat-form-field>\r\n <mat-label>tag</mat-label>\r\n <mat-select [formControl]=\"tag\">\r\n @for (e of eventTagEntries(); track e.id) {\r\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\r\n }\r\n </mat-select>\r\n </mat-form-field>\r\n }\r\n <!-- tag (free) -->\r\n @else {\r\n <mat-form-field>\r\n <mat-label>tag</mat-label>\r\n <input matInput [formControl]=\"tag\" />\r\n @if ($any(tag).errors?.maxLength && (tag.dirty || tag.touched)) {\r\n <mat-error>tag too long</mat-error>\r\n }\r\n </mat-form-field>\r\n }\r\n </div>\r\n }\r\n <div>\r\n <!-- description -->\r\n <mat-form-field class=\"long-text\">\r\n <mat-label>description</mat-label>\r\n <textarea matInput [formControl]=\"description\"></textarea>\r\n @if ( $any(description).errors?.maxLength && (description.dirty ||\r\n description.touched) ) {\r\n <mat-error>description too long</mat-error>\r\n }\r\n </mat-form-field>\r\n </div>\r\n <div>\r\n <!-- note -->\r\n <mat-form-field class=\"long-text\">\r\n <mat-label>note</mat-label>\r\n <textarea matInput [formControl]=\"note\"></textarea>\r\n @if ($any(note).errors?.maxLength && (note.dirty || note.touched)) {\r\n <mat-error>note too long</mat-error>\r\n }\r\n </mat-form-field>\r\n </div>\r\n <!-- chronotopes -->\r\n <mat-expansion-panel>\r\n <mat-expansion-panel-header>chronotopes</mat-expansion-panel-header>\r\n <fieldset>\r\n <legend>chronotopes</legend>\r\n <cadmus-asserted-chronotope-set\r\n [tagEntries]=\"ctTagEntries()\"\r\n [assTagEntries]=\"assTagEntries()\"\r\n [refTagEntries]=\"refTagEntries()\"\r\n [refTypeEntries]=\"refTypeEntries()\"\r\n [chronotopes]=\"chronotopes.value || undefined\"\r\n (chronotopesChange)=\"onChronotopesChange($event!)\"\r\n />\r\n </fieldset>\r\n </mat-expansion-panel>\r\n\r\n <!-- assertion -->\r\n <mat-checkbox [formControl]=\"hasAssertion\">assertion</mat-checkbox>\r\n <mat-expansion-panel\r\n [expanded]=\"hasAssertion.value\"\r\n [disabled]=\"!hasAssertion.value\"\r\n >\r\n <fieldset>\r\n <legend>assertion</legend>\r\n <cadmus-refs-assertion\r\n [assTagEntries]=\"assTagEntries()\"\r\n [refTagEntries]=\"refTagEntries()\"\r\n [refTypeEntries]=\"refTypeEntries()\"\r\n [assertion]=\"assertion.value || undefined\"\r\n (assertionChange)=\"onAssertionChange($event)\"\r\n />\r\n </fieldset>\r\n </mat-expansion-panel>\r\n </mat-tab>\r\n\r\n <mat-tab label=\"related\">\r\n <!-- list -->\r\n <div>\r\n <button\r\n type=\"button\"\r\n mat-flat-button\r\n class=\"mat-primary\"\r\n (click)=\"addEntity()\"\r\n >\r\n <mat-icon>add_circle</mat-icon> related\r\n </button>\r\n </div>\r\n <table>\r\n <thead>\r\n <tr>\r\n <th></th>\r\n <th>relation</th>\r\n <th>ID</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n @for (e of relatedEntities.value; track e.id; let i = $index) {\r\n <tr [class.selected]=\"editedEntity === e\">\r\n <td class=\"fit-width\">\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n (click)=\"editEntity(e, i)\"\r\n matTooltip=\"Edit this entity\"\r\n >\r\n <mat-icon class=\"mat-primary\">edit</mat-icon>\r\n </button>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n (click)=\"deleteEntity(i)\"\r\n matTooltip=\"Delete this entity\"\r\n >\r\n <mat-icon class=\"mat-warn\">delete</mat-icon>\r\n </button>\r\n </td>\r\n <td>\r\n {{ e.relation | flatLookup : relationEntries() : \"id\" : \"value\" }}\r\n </td>\r\n <td>{{ e.id.target.label }}</td>\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n\r\n <!-- entity editor -->\r\n <mat-expansion-panel [disabled]=\"!editedEntity\" [expanded]=\"editedEntity\">\r\n <mat-expansion-panel-header>entity</mat-expansion-panel-header>\r\n <fieldset>\r\n <cadmus-related-entity\r\n [relationEntries]=\"currentRelEntries()\"\r\n [idScopeEntries]=\"idScopeEntries()\"\r\n [idTagEntries]=\"idTagEntries()\"\r\n [assTagEntries]=\"assTagEntries()\"\r\n [refTagEntries]=\"refTagEntries()\"\r\n [refTypeEntries]=\"refTypeEntries()\"\r\n [entity]=\"editedEntity\"\r\n (entityChange)=\"onEntityChange($event!)\"\r\n (editorClose)=\"closeEntity()\"\r\n />\r\n </fieldset>\r\n </mat-expansion-panel>\r\n </mat-tab>\r\n </mat-tab-group>\r\n\r\n <!-- buttons -->\r\n <hr />\r\n <div class=\"button-row\">\r\n <button type=\"button\" mat-icon-button (click)=\"cancel()\">\r\n <mat-icon class=\"mat-warn\">clear</mat-icon>\r\n </button>\r\n <button\r\n type=\"submit\"\r\n mat-icon-button\r\n matTooltip=\"Save event\"\r\n [disabled]=\"form.invalid || form.pristine\"\r\n >\r\n <mat-icon class=\"mat-primary\">check_circle</mat-icon>\r\n </button>\r\n <span>event</span>\r\n </div>\r\n</form>\r\n", styles: [".long-text{width:90%;max-width:800px}table{width:100%;border-collapse:collapse}tbody tr:nth-child(odd){background-color:#e2e2e2}th{text-align:left;font-weight:400;color:silver}td.fit-width{width:1px;white-space:nowrap}tr.selected{background-color:#d0d0d0!important}fieldset{border:1px solid silver;border-radius:6px;padding:6px}legend{color:silver}.sel-type{background-color:#d8d8d8;border-radius:4px;padding:6px;margin-bottom:8px}.form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-row *{flex:0 0 auto}.button-row{display:flex;align-items:center;flex-wrap:wrap}div#container{display:grid;grid-template-rows:auto;grid-template-columns:auto 1fr;grid-template-areas:\"ids type\";gap:8px;margin-bottom:8px}div#ids{grid-area:ids}div#type{grid-area:type}@media only screen and (max-width: 959px){div#container{grid-template-columns:1fr;grid-template-areas:\"ids\" \"type\"}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: 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: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: 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: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "component", type: AssertedChronotopeSetComponent, selector: "cadmus-asserted-chronotope-set", inputs: ["chronotopes", "tagEntries", "assTagEntries", "refTypeEntries", "refTagEntries"], outputs: ["chronotopesChange"] }, { kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: AssertionComponent, selector: "cadmus-refs-assertion", inputs: ["assTagEntries", "refTypeEntries", "refTagEntries", "assertion", "noLookup", "noCitation", "defaultPicker"], outputs: ["assertionChange"] }, { kind: "component", type: 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: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: RelatedEntityComponent, selector: "cadmus-related-entity", inputs: ["entity", "relationEntries", "idScopeEntries", "idTagEntries", "assTagEntries", "refTagEntries", "refTypeEntries"], outputs: ["entityChange", "editorClose"] }, { kind: "component", type: ThesaurusTreeComponent, selector: "cadmus-thesaurus-tree", inputs: ["entries", "rootLabel", "renderLabel"], outputs: ["entryChange"] }, { kind: "pipe", type: FlatLookupPipe, name: "flatLookup" }] });
4453
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: HistoricalEventEditorComponent, deps: [{ token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
4454
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.3", type: HistoricalEventEditorComponent, isStandalone: true, selector: "cadmus-historical-event-editor", inputs: { event: { classPropertyName: "event", publicName: "event", isSignal: true, isRequired: false, transformFunction: null }, eventTypeEntries: { classPropertyName: "eventTypeEntries", publicName: "eventTypeEntries", isSignal: true, isRequired: false, transformFunction: null }, eventTagEntries: { classPropertyName: "eventTagEntries", publicName: "eventTagEntries", isSignal: true, isRequired: false, transformFunction: null }, relationEntries: { classPropertyName: "relationEntries", publicName: "relationEntries", isSignal: true, isRequired: false, transformFunction: null }, ctTagEntries: { classPropertyName: "ctTagEntries", publicName: "ctTagEntries", isSignal: true, isRequired: false, transformFunction: null }, idScopeEntries: { classPropertyName: "idScopeEntries", publicName: "idScopeEntries", isSignal: true, isRequired: false, transformFunction: null }, idTagEntries: { classPropertyName: "idTagEntries", publicName: "idTagEntries", isSignal: true, isRequired: false, transformFunction: null }, assTagEntries: { classPropertyName: "assTagEntries", publicName: "assTagEntries", isSignal: true, isRequired: false, transformFunction: null }, refTagEntries: { classPropertyName: "refTagEntries", publicName: "refTagEntries", isSignal: true, isRequired: false, transformFunction: null }, refTypeEntries: { classPropertyName: "refTypeEntries", publicName: "refTypeEntries", isSignal: true, isRequired: false, transformFunction: null }, eventTypeTailCut: { classPropertyName: "eventTypeTailCut", publicName: "eventTypeTailCut", isSignal: true, isRequired: false, transformFunction: null }, noLookup: { classPropertyName: "noLookup", publicName: "noLookup", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { event: "eventChange", editorClose: "editorClose" }, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n <mat-tab-group>\r\n <mat-tab label=\"general\">\r\n @if (eventTypeEntries()?.length) {\r\n <!-- bound type -->\r\n <div id=\"container\">\r\n <div id=\"ids\" class=\"form-row\">\r\n <!-- eid -->\r\n <mat-form-field>\r\n <mat-label>EID</mat-label>\r\n <input matInput [formControl]=\"eid\" />\r\n @if ($any(eid).errors?.required && (eid.dirty || eid.touched)) {\r\n <mat-error>EID required</mat-error>\r\n } @if ($any(eid).errors?.maxLength && (eid.dirty || eid.touched)) {\r\n <mat-error>EID too long</mat-error>\r\n }\r\n </mat-form-field>\r\n <!-- tag (bound) -->\r\n @if (eventTagEntries()?.length) {\r\n <mat-form-field>\r\n <mat-label>tag</mat-label>\r\n <mat-select [formControl]=\"tag\">\r\n @for (e of eventTagEntries(); track e.id) {\r\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\r\n }\r\n </mat-select>\r\n </mat-form-field>\r\n }\r\n <!-- tag (free) -->\r\n @else {\r\n <mat-form-field>\r\n <mat-label>tag</mat-label>\r\n <input matInput [formControl]=\"tag\" />\r\n @if ($any(tag).errors?.maxLength && (tag.dirty || tag.touched)) {\r\n <mat-error>tag too long</mat-error>\r\n }\r\n </mat-form-field>\r\n }\r\n </div>\r\n <!-- type (bound) -->\r\n <div id=\"type\">\r\n <fieldset>\r\n <legend>type</legend>\r\n @if (type.value) {\r\n <div class=\"sel-type\">\r\n {{\r\n type.value | flatLookup : eventTypeEntries() : \"id\" : \"value\"\r\n }}\r\n </div>\r\n } @else {\r\n <mat-error>no type</mat-error>\r\n }\r\n <cadmus-thesaurus-tree\r\n [entries]=\"eventTypeEntries()\"\r\n rootLabel=\"types\"\r\n [renderLabel]=\"renderLabel\"\r\n (entryChange)=\"onTypeEntryChange($event)\"\r\n />\r\n @if ($any(type).errors?.required && (type.dirty || type.touched)) {\r\n <mat-error>type required</mat-error>\r\n }\r\n </fieldset>\r\n </div>\r\n </div>\r\n } @else {\r\n <!-- free type -->\r\n <div class=\"form-row\">\r\n <!-- eid -->\r\n <mat-form-field>\r\n <mat-label>EID</mat-label>\r\n <input matInput [formControl]=\"eid\" />\r\n @if ($any(eid).errors?.required && (eid.dirty || eid.touched)) {\r\n <mat-error>EID required</mat-error>\r\n } @if ($any(eid).errors?.maxLength && (eid.dirty || eid.touched)) {\r\n <mat-error>EID too long</mat-error>\r\n }\r\n </mat-form-field>\r\n <!-- type (free) -->\r\n <mat-form-field>\r\n <mat-label>type</mat-label>\r\n <input matInput [formControl]=\"type\" />\r\n @if ($any(type).errors?.required && (type.dirty || type.touched)) {\r\n <mat-error>type required</mat-error>\r\n } @if ($any(type).errors?.maxLength && (type.dirty || type.touched)) {\r\n <mat-error>type too long</mat-error>\r\n }\r\n </mat-form-field>\r\n <!-- tag (bound) -->\r\n @if (eventTagEntries()?.length) {\r\n <mat-form-field>\r\n <mat-label>tag</mat-label>\r\n <mat-select [formControl]=\"tag\">\r\n @for (e of eventTagEntries(); track e.id) {\r\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\r\n }\r\n </mat-select>\r\n </mat-form-field>\r\n }\r\n <!-- tag (free) -->\r\n @else {\r\n <mat-form-field>\r\n <mat-label>tag</mat-label>\r\n <input matInput [formControl]=\"tag\" />\r\n @if ($any(tag).errors?.maxLength && (tag.dirty || tag.touched)) {\r\n <mat-error>tag too long</mat-error>\r\n }\r\n </mat-form-field>\r\n }\r\n </div>\r\n }\r\n <div>\r\n <!-- description -->\r\n <mat-form-field class=\"long-text\">\r\n <mat-label>description</mat-label>\r\n <textarea matInput [formControl]=\"description\"></textarea>\r\n @if ( $any(description).errors?.maxLength && (description.dirty ||\r\n description.touched) ) {\r\n <mat-error>description too long</mat-error>\r\n }\r\n </mat-form-field>\r\n </div>\r\n <div>\r\n <!-- note -->\r\n <mat-form-field class=\"long-text\">\r\n <mat-label>note</mat-label>\r\n <textarea matInput [formControl]=\"note\"></textarea>\r\n @if ($any(note).errors?.maxLength && (note.dirty || note.touched)) {\r\n <mat-error>note too long</mat-error>\r\n }\r\n </mat-form-field>\r\n </div>\r\n <!-- chronotopes -->\r\n <mat-expansion-panel>\r\n <mat-expansion-panel-header>chronotopes</mat-expansion-panel-header>\r\n <fieldset>\r\n <legend>chronotopes</legend>\r\n <cadmus-asserted-chronotope-set\r\n [tagEntries]=\"ctTagEntries()\"\r\n [assTagEntries]=\"assTagEntries()\"\r\n [refTagEntries]=\"refTagEntries()\"\r\n [refTypeEntries]=\"refTypeEntries()\"\r\n [chronotopes]=\"chronotopes.value || undefined\"\r\n (chronotopesChange)=\"onChronotopesChange($event!)\"\r\n />\r\n </fieldset>\r\n </mat-expansion-panel>\r\n\r\n <!-- assertion -->\r\n <mat-checkbox [formControl]=\"hasAssertion\">assertion</mat-checkbox>\r\n <mat-expansion-panel\r\n [expanded]=\"hasAssertion.value\"\r\n [disabled]=\"!hasAssertion.value\"\r\n >\r\n <fieldset>\r\n <legend>assertion</legend>\r\n <cadmus-refs-assertion\r\n [assTagEntries]=\"assTagEntries()\"\r\n [refTagEntries]=\"refTagEntries()\"\r\n [refTypeEntries]=\"refTypeEntries()\"\r\n [assertion]=\"assertion.value || undefined\"\r\n (assertionChange)=\"onAssertionChange($event)\"\r\n />\r\n </fieldset>\r\n </mat-expansion-panel>\r\n </mat-tab>\r\n\r\n <mat-tab label=\"related\">\r\n <!-- list -->\r\n <div>\r\n <button\r\n type=\"button\"\r\n mat-flat-button\r\n class=\"mat-primary\"\r\n (click)=\"addEntity()\"\r\n >\r\n <mat-icon>add_circle</mat-icon> related\r\n </button>\r\n </div>\r\n <table>\r\n <thead>\r\n <tr>\r\n <th></th>\r\n <th>relation</th>\r\n <th>ID</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n @for (e of relatedEntities.value; track e.id; let i = $index) {\r\n <tr [class.selected]=\"editedEntity === e\">\r\n <td class=\"fit-width\">\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n (click)=\"editEntity(e, i)\"\r\n matTooltip=\"Edit this entity\"\r\n >\r\n <mat-icon class=\"mat-primary\">edit</mat-icon>\r\n </button>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n (click)=\"deleteEntity(i)\"\r\n matTooltip=\"Delete this entity\"\r\n >\r\n <mat-icon class=\"mat-warn\">delete</mat-icon>\r\n </button>\r\n </td>\r\n <td>\r\n {{ e.relation | flatLookup : relationEntries() : \"id\" : \"value\" }}\r\n </td>\r\n <td>{{ e.id.target.label }}</td>\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n\r\n <!-- entity editor -->\r\n <mat-expansion-panel [disabled]=\"!editedEntity\" [expanded]=\"editedEntity\">\r\n <mat-expansion-panel-header>entity</mat-expansion-panel-header>\r\n <fieldset>\r\n <cadmus-related-entity\r\n [relationEntries]=\"currentRelEntries()\"\r\n [idScopeEntries]=\"idScopeEntries()\"\r\n [idTagEntries]=\"idTagEntries()\"\r\n [assTagEntries]=\"assTagEntries()\"\r\n [refTagEntries]=\"refTagEntries()\"\r\n [refTypeEntries]=\"refTypeEntries()\"\r\n [entity]=\"editedEntity\"\r\n (entityChange)=\"onEntityChange($event!)\"\r\n (editorClose)=\"closeEntity()\"\r\n />\r\n </fieldset>\r\n </mat-expansion-panel>\r\n </mat-tab>\r\n </mat-tab-group>\r\n\r\n <!-- buttons -->\r\n <hr />\r\n <div class=\"button-row\">\r\n <button type=\"button\" mat-icon-button (click)=\"cancel()\">\r\n <mat-icon class=\"mat-warn\">clear</mat-icon>\r\n </button>\r\n <button\r\n type=\"submit\"\r\n mat-icon-button\r\n matTooltip=\"Save event\"\r\n [disabled]=\"form.invalid || form.pristine\"\r\n >\r\n <mat-icon class=\"mat-primary\">check_circle</mat-icon>\r\n </button>\r\n <span>event</span>\r\n </div>\r\n</form>\r\n", styles: [".long-text{width:90%;max-width:800px}table{width:100%;border-collapse:collapse}tbody tr:nth-child(odd){background-color:#e2e2e2}th{text-align:left;font-weight:400;color:silver}td.fit-width{width:1px;white-space:nowrap}tr.selected{background-color:#d0d0d0!important}fieldset{border:1px solid silver;border-radius:6px;padding:6px}legend{color:silver}.sel-type{background-color:#d8d8d8;border-radius:4px;padding:6px;margin-bottom:8px}.form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-row *{flex:0 0 auto}.button-row{display:flex;align-items:center;flex-wrap:wrap}div#container{display:grid;grid-template-rows:auto;grid-template-columns:auto 1fr;grid-template-areas:\"ids type\";gap:8px;margin-bottom:8px}div#ids{grid-area:ids}div#type{grid-area:type}@media only screen and (max-width: 959px){div#container{grid-template-columns:1fr;grid-template-areas:\"ids\" \"type\"}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: 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: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: 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: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "component", type: AssertedChronotopeSetComponent, selector: "cadmus-asserted-chronotope-set", inputs: ["chronotopes", "tagEntries", "assTagEntries", "refTypeEntries", "refTagEntries"], outputs: ["chronotopesChange"] }, { kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: AssertionComponent, selector: "cadmus-refs-assertion", inputs: ["assTagEntries", "refTypeEntries", "refTagEntries", "assertion", "noLookup", "noCitation", "defaultPicker"], outputs: ["assertionChange"] }, { kind: "component", type: 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: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: RelatedEntityComponent, selector: "cadmus-related-entity", inputs: ["entity", "relationEntries", "idScopeEntries", "idTagEntries", "assTagEntries", "refTagEntries", "refTypeEntries"], outputs: ["entityChange", "editorClose"] }, { kind: "component", type: ThesaurusTreeComponent, selector: "cadmus-thesaurus-tree", inputs: ["entries", "rootLabel", "renderLabel"], outputs: ["entryChange"] }, { kind: "pipe", type: FlatLookupPipe, name: "flatLookup" }] });
4444
4455
  }
4445
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: HistoricalEventEditorComponent, decorators: [{
4456
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: HistoricalEventEditorComponent, decorators: [{
4446
4457
  type: Component,
4447
4458
  args: [{ selector: 'cadmus-historical-event-editor', imports: [
4448
4459
  FormsModule,
@@ -4691,10 +4702,10 @@ class HistoricalDatePartComponent extends ModelEditorComponentBase {
4691
4702
  this.references.updateValueAndValidity();
4692
4703
  this.references.markAsDirty();
4693
4704
  }
4694
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: HistoricalDatePartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
4695
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: HistoricalDatePartComponent, isStandalone: true, selector: "cadmus-historical-date-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n <mat-card appearance=\"outlined\">\r\n <mat-card-header>\r\n <div mat-card-avatar>\r\n <mat-icon>picture_in_picture</mat-icon>\r\n </div>\r\n <mat-card-title>{{\r\n (modelName() | titlecase) || \"Historical Date Part\"\r\n }}</mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content>\r\n <cadmus-refs-historical-date\r\n [date]=\"date.value\"\r\n (dateChange)=\"onDateChange($event!)\"\r\n />\r\n <!-- references -->\r\n <mat-expansion-panel>\r\n <mat-expansion-panel-header>\r\n <mat-panel-title>references</mat-panel-title>\r\n </mat-expansion-panel-header>\r\n <cadmus-refs-doc-references\r\n [references]=\"references.value\"\r\n [typeEntries]=\"typeEntries\"\r\n [tagEntries]=\"tagEntries\"\r\n (referencesChange)=\"onReferencesChange($event)\"\r\n />\r\n </mat-expansion-panel>\r\n </mat-card-content>\r\n <mat-card-actions>\r\n <cadmus-close-save-buttons\r\n [form]=\"form\"\r\n [noSave]=\"userLevel < 2\"\r\n (closeRequest)=\"close()\"\r\n />\r\n </mat-card-actions>\r\n </mat-card>\r\n</form>\r\n", styles: [".tab-icon{margin-right:8px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: HistoricalDateComponent, selector: "cadmus-refs-historical-date", inputs: ["date", "label", "disabled"], outputs: ["dateChange"] }, { kind: "component", type: MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: DocReferencesComponent, selector: "cadmus-refs-doc-references", inputs: ["references", "typeEntries", "tagEntries"], outputs: ["referencesChange"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
4705
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: HistoricalDatePartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
4706
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: HistoricalDatePartComponent, isStandalone: true, selector: "cadmus-historical-date-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n <mat-card appearance=\"outlined\">\r\n <mat-card-header>\r\n <div mat-card-avatar>\r\n <mat-icon>picture_in_picture</mat-icon>\r\n </div>\r\n <mat-card-title>{{\r\n (modelName() | titlecase) || \"Historical Date Part\"\r\n }}</mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content>\r\n <cadmus-refs-historical-date\r\n [date]=\"date.value\"\r\n (dateChange)=\"onDateChange($event!)\"\r\n />\r\n <!-- references -->\r\n <mat-expansion-panel>\r\n <mat-expansion-panel-header>\r\n <mat-panel-title>references</mat-panel-title>\r\n </mat-expansion-panel-header>\r\n <cadmus-refs-doc-references\r\n [references]=\"references.value\"\r\n [typeEntries]=\"typeEntries\"\r\n [tagEntries]=\"tagEntries\"\r\n (referencesChange)=\"onReferencesChange($event)\"\r\n />\r\n </mat-expansion-panel>\r\n </mat-card-content>\r\n <mat-card-actions>\r\n <cadmus-close-save-buttons\r\n [form]=\"form\"\r\n [noSave]=\"userLevel < 2\"\r\n (closeRequest)=\"close()\"\r\n />\r\n </mat-card-actions>\r\n </mat-card>\r\n</form>\r\n", styles: [".tab-icon{margin-right:8px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: HistoricalDateComponent, selector: "cadmus-refs-historical-date", inputs: ["date", "label", "disabled"], outputs: ["dateChange"] }, { kind: "component", type: MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: DocReferencesComponent, selector: "cadmus-refs-doc-references", inputs: ["references", "typeEntries", "tagEntries"], outputs: ["referencesChange"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
4696
4707
  }
4697
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: HistoricalDatePartComponent, decorators: [{
4708
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: HistoricalDatePartComponent, decorators: [{
4698
4709
  type: Component,
4699
4710
  args: [{ selector: 'cadmus-historical-date-part', imports: [
4700
4711
  FormsModule,
@@ -4933,10 +4944,10 @@ class HistoricalEventsPartComponent extends ModelEditorComponentBase {
4933
4944
  this.events.updateValueAndValidity();
4934
4945
  this.events.markAsDirty();
4935
4946
  }
4936
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: HistoricalEventsPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }, { token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Component });
4937
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: HistoricalEventsPartComponent, isStandalone: true, selector: "cadmus-historical-events-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\n <mat-card appearance=\"outlined\">\n <mat-card-header>\n <div mat-card-avatar>\n <mat-icon>picture_in_picture</mat-icon>\n </div>\n <mat-card-title>{{\n (modelName() | titlecase) || \"Events Part\"\n }}</mat-card-title>\n </mat-card-header>\n <mat-card-content>\n <!-- events list -->\n <div>\n <button\n type=\"button\"\n mat-flat-button\n class=\"mat-primary\"\n (click)=\"addEvent()\"\n >\n <mat-icon>add_circle</mat-icon> event\n </button>\n </div>\n @if (events.value.length) {\n <table>\n <thead>\n <tr>\n <th></th>\n <th>type</th>\n <th>tag</th>\n <th>ID</th>\n <th>place/date</th>\n <th>rel.</th>\n </tr>\n </thead>\n <tbody>\n @for ( entry of events.value; track entry; let i = $index; let first =\n $first; let last = $last) {\n <tr [class.selected]=\"editedEvent === entry\">\n <td class=\"fit-width\">\n <span class=\"nr\">{{ i + 1 }}.</span>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Edit this event\"\n (click)=\"editEvent(entry, i)\"\n >\n <mat-icon class=\"mat-primary\">edit</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Move this event up\"\n [disabled]=\"first\"\n (click)=\"moveEventUp(i)\"\n >\n <mat-icon>arrow_upward</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Move this event down\"\n [disabled]=\"last\"\n (click)=\"moveEventDown(i)\"\n >\n <mat-icon>arrow_downward</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Delete this event\"\n (click)=\"deleteEvent(i)\"\n >\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\n </button>\n </td>\n <td>\n {{ entry.type | flatLookup : eventTypeEntries : \"id\" : \"value\" }}\n </td>\n <td>{{ entry.tag }}</td>\n <td>{{ entry.eid }}</td>\n <td>{{ entry.chronotopes | assertedChronotopes }}</td>\n <td>{{ entry.relatedEntities?.length || 0 }}</td>\n </tr>\n }\n </tbody>\n </table>\n }\n\n <!-- event editor -->\n <mat-expansion-panel [expanded]=\"editedEvent\" [disabled]=\"!editedEvent\">\n @if (editedEvent) {\n <mat-expansion-panel-header>\n <span class=\"edited-title\">event</span>\n <span class=\"nr\">{{ editedEventIndex + 1 }}</span>\n </mat-expansion-panel-header>\n }\n <fieldset>\n <cadmus-historical-event-editor\n [eventTagEntries]=\"eventTagEntries\"\n [eventTypeEntries]=\"eventTypeEntries\"\n [relationEntries]=\"relationEntries\"\n [ctTagEntries]=\"ctTagEntries\"\n [assTagEntries]=\"assTagEntries\"\n [refTagEntries]=\"refTagEntries\"\n [refTypeEntries]=\"refTypeEntries\"\n [idScopeEntries]=\"idScopeEntries\"\n [idTagEntries]=\"idTagEntries\"\n [event]=\"editedEvent\"\n (eventChange)=\"onEventSave($event!)\"\n (editorClose)=\"closeEvent()\"\n />\n </fieldset>\n </mat-expansion-panel>\n </mat-card-content>\n <mat-card-actions>\n <cadmus-close-save-buttons\n [form]=\"form\"\n [noSave]=\"userLevel < 2\"\n (closeRequest)=\"close()\"\n />\n </mat-card-actions>\n </mat-card>\n</form>\n", styles: ["table{width:100%;border-collapse:collapse}tbody tr:nth-child(odd){background-color:#e2e2e2}th{text-align:left;font-weight:400;color:silver}td.fit-width{width:1px;white-space:nowrap}tr.selected{background-color:#d0d0d0!important}fieldset{border:1px solid silver;border-radius:6px;padding:6px}.edited-title{color:silver;margin-right:8px}.nr{color:#fff;background-color:silver;border:1px solid #c0c0c0;border-radius:4px;padding:0 2px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: 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: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "component", type: HistoricalEventEditorComponent, selector: "cadmus-historical-event-editor", inputs: ["event", "eventTypeEntries", "eventTagEntries", "relationEntries", "ctTagEntries", "idScopeEntries", "idTagEntries", "assTagEntries", "refTagEntries", "refTypeEntries", "eventTypeTailCut", "noLookup"], outputs: ["eventChange", "editorClose"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: AssertedChronotopesPipe, name: "assertedChronotopes" }, { kind: "pipe", type: FlatLookupPipe, name: "flatLookup" }] });
4947
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: HistoricalEventsPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }, { token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Component });
4948
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.3", type: HistoricalEventsPartComponent, isStandalone: true, selector: "cadmus-historical-events-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\n <mat-card appearance=\"outlined\">\n <mat-card-header>\n <div mat-card-avatar>\n <mat-icon>picture_in_picture</mat-icon>\n </div>\n <mat-card-title>{{\n (modelName() | titlecase) || \"Events Part\"\n }}</mat-card-title>\n </mat-card-header>\n <mat-card-content>\n <!-- events list -->\n <div>\n <button\n type=\"button\"\n mat-flat-button\n class=\"mat-primary\"\n (click)=\"addEvent()\"\n >\n <mat-icon>add_circle</mat-icon> event\n </button>\n </div>\n @if (events.value.length) {\n <table>\n <thead>\n <tr>\n <th></th>\n <th>type</th>\n <th>tag</th>\n <th>ID</th>\n <th>place/date</th>\n <th>rel.</th>\n </tr>\n </thead>\n <tbody>\n @for ( entry of events.value; track entry; let i = $index; let first =\n $first; let last = $last) {\n <tr [class.selected]=\"editedEvent === entry\">\n <td class=\"fit-width\">\n <span class=\"nr\">{{ i + 1 }}.</span>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Edit this event\"\n (click)=\"editEvent(entry, i)\"\n >\n <mat-icon class=\"mat-primary\">edit</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Move this event up\"\n [disabled]=\"first\"\n (click)=\"moveEventUp(i)\"\n >\n <mat-icon>arrow_upward</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Move this event down\"\n [disabled]=\"last\"\n (click)=\"moveEventDown(i)\"\n >\n <mat-icon>arrow_downward</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Delete this event\"\n (click)=\"deleteEvent(i)\"\n >\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\n </button>\n </td>\n <td>\n {{ entry.type | flatLookup : eventTypeEntries : \"id\" : \"value\" }}\n </td>\n <td>{{ entry.tag }}</td>\n <td>{{ entry.eid }}</td>\n <td>{{ entry.chronotopes | assertedChronotopes }}</td>\n <td>{{ entry.relatedEntities?.length || 0 }}</td>\n </tr>\n }\n </tbody>\n </table>\n }\n\n <!-- event editor -->\n <mat-expansion-panel [expanded]=\"editedEvent\" [disabled]=\"!editedEvent\">\n @if (editedEvent) {\n <mat-expansion-panel-header>\n <span class=\"edited-title\">event</span>\n <span class=\"nr\">{{ editedEventIndex + 1 }}</span>\n </mat-expansion-panel-header>\n }\n <fieldset>\n <cadmus-historical-event-editor\n [eventTagEntries]=\"eventTagEntries\"\n [eventTypeEntries]=\"eventTypeEntries\"\n [relationEntries]=\"relationEntries\"\n [ctTagEntries]=\"ctTagEntries\"\n [assTagEntries]=\"assTagEntries\"\n [refTagEntries]=\"refTagEntries\"\n [refTypeEntries]=\"refTypeEntries\"\n [idScopeEntries]=\"idScopeEntries\"\n [idTagEntries]=\"idTagEntries\"\n [event]=\"editedEvent\"\n (eventChange)=\"onEventSave($event!)\"\n (editorClose)=\"closeEvent()\"\n />\n </fieldset>\n </mat-expansion-panel>\n </mat-card-content>\n <mat-card-actions>\n <cadmus-close-save-buttons\n [form]=\"form\"\n [noSave]=\"userLevel < 2\"\n (closeRequest)=\"close()\"\n />\n </mat-card-actions>\n </mat-card>\n</form>\n", styles: ["table{width:100%;border-collapse:collapse}tbody tr:nth-child(odd){background-color:#e2e2e2}th{text-align:left;font-weight:400;color:silver}td.fit-width{width:1px;white-space:nowrap}tr.selected{background-color:#d0d0d0!important}fieldset{border:1px solid silver;border-radius:6px;padding:6px}.edited-title{color:silver;margin-right:8px}.nr{color:#fff;background-color:silver;border:1px solid #c0c0c0;border-radius:4px;padding:0 2px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: 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: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "component", type: HistoricalEventEditorComponent, selector: "cadmus-historical-event-editor", inputs: ["event", "eventTypeEntries", "eventTagEntries", "relationEntries", "ctTagEntries", "idScopeEntries", "idTagEntries", "assTagEntries", "refTagEntries", "refTypeEntries", "eventTypeTailCut", "noLookup"], outputs: ["eventChange", "editorClose"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: AssertedChronotopesPipe, name: "assertedChronotopes" }, { kind: "pipe", type: FlatLookupPipe, name: "flatLookup" }] });
4938
4949
  }
4939
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: HistoricalEventsPartComponent, decorators: [{
4950
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: HistoricalEventsPartComponent, decorators: [{
4940
4951
  type: Component,
4941
4952
  args: [{ selector: 'cadmus-historical-events-part', imports: [
4942
4953
  FormsModule,
@@ -5028,10 +5039,10 @@ class IndexKeywordComponent {
5028
5039
  }
5029
5040
  this.keyword.set(this.getKeyword());
5030
5041
  }
5031
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IndexKeywordComponent, deps: [{ token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
5032
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: IndexKeywordComponent, isStandalone: true, selector: "cadmus-index-keyword", inputs: { keyword: { classPropertyName: "keyword", publicName: "keyword", isSignal: true, isRequired: false, transformFunction: null }, idxEntries: { classPropertyName: "idxEntries", publicName: "idxEntries", isSignal: true, isRequired: false, transformFunction: null }, tagEntries: { classPropertyName: "tagEntries", publicName: "tagEntries", isSignal: true, isRequired: false, transformFunction: null }, langEntries: { classPropertyName: "langEntries", publicName: "langEntries", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { keyword: "keywordChange", editorClose: "editorClose" }, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"submit()\">\n <div class=\"form-row\">\n <!-- index ID -->\n @if (idxEntries()?.length) {\n <div>\n <mat-form-field>\n <mat-label>index ID</mat-label>\n <mat-select [formControl]=\"indexId\">\n <mat-option [value]=\"''\">(default)</mat-option>\n @for (e of idxEntries(); track e.id) {\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\n }\n </mat-select>\n </mat-form-field>\n </div>\n } @else {\n <div>\n <mat-form-field>\n <mat-label>index ID</mat-label>\n <input matInput type=\"text\" [formControl]=\"indexId\" />\n @if ( indexId.hasError('maxLength') && (indexId.dirty ||\n indexId.touched) ) {\n <mat-error>index ID too long</mat-error>\n } @if ( indexId.hasError('pattern') && (indexId.dirty ||\n indexId.touched) ) {\n <mat-error>invalid index ID</mat-error>\n }\n </mat-form-field>\n </div>\n }\n\n <!-- language -->\n @if (langEntries()?.length) {\n <div>\n <mat-form-field>\n <mat-label>language</mat-label>\n <mat-select [formControl]=\"language\">\n <mat-option [value]=\"null\">(n/a)</mat-option>\n @for (e of langEntries(); track e.id) {\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\n }\n </mat-select>\n </mat-form-field>\n </div>\n } @else {\n <div>\n <mat-form-field>\n <mat-label>language</mat-label>\n <input matInput type=\"text\" [formControl]=\"language\" />\n @if ( language.hasError('pattern') && (language.dirty ||\n language.touched) ) {\n <mat-error>invalid language</mat-error>\n }\n </mat-form-field>\n </div>\n }\n\n <!-- value -->\n <div>\n <mat-form-field>\n <mat-label>value</mat-label>\n <input matInput type=\"text\" [formControl]=\"value\" autofocus />\n @if (value.hasError('maxLength') && (value.dirty || value.touched)) {\n <mat-error>value too long</mat-error>\n }\n </mat-form-field>\n </div>\n\n <!-- tag -->\n <div>\n <!-- tag (bound) -->\n @if (tagEntries()?.length) {\n <mat-form-field>\n <mat-label>tag</mat-label>\n <mat-select [formControl]=\"tag\">\n @for (e of tagEntries(); track e.id) {\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\n }\n </mat-select>\n </mat-form-field>\n }\n <!-- tag (free) -->\n @else {\n <mat-form-field>\n <mat-label>tag</mat-label>\n <input matInput [formControl]=\"tag\" />\n @if (tag.hasError('maxLength') && (tag.dirty || tag.touched)) {\n <mat-error>tag too long</mat-error>\n }\n </mat-form-field>\n }\n </div>\n\n <!-- note -->\n <div>\n <mat-form-field>\n <mat-label>note</mat-label>\n <input matInput type=\"text\" [formControl]=\"note\" />\n @if (note.hasError('maxLength') && (note.dirty || note.touched)) {\n <mat-error>note too long</mat-error>\n }\n </mat-form-field>\n </div>\n\n <!-- buttons -->\n <div>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Close keyword\"\n (click)=\"cancel()\"\n >\n <mat-icon class=\"mat-warn\">cancel</mat-icon>\n </button>\n <button\n type=\"submit\"\n [disabled]=\"form.invalid || form.pristine\"\n mat-icon-button\n matTooltip=\"Save keyword\"\n >\n <mat-icon class=\"mat-primary\">check_circle</mat-icon>\n </button>\n </div>\n </div>\n</form>\n", styles: [".form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-row *{flex:0 0 auto}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: 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: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: 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: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
5042
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: IndexKeywordComponent, deps: [{ token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
5043
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.3", type: IndexKeywordComponent, isStandalone: true, selector: "cadmus-index-keyword", inputs: { keyword: { classPropertyName: "keyword", publicName: "keyword", isSignal: true, isRequired: false, transformFunction: null }, idxEntries: { classPropertyName: "idxEntries", publicName: "idxEntries", isSignal: true, isRequired: false, transformFunction: null }, tagEntries: { classPropertyName: "tagEntries", publicName: "tagEntries", isSignal: true, isRequired: false, transformFunction: null }, langEntries: { classPropertyName: "langEntries", publicName: "langEntries", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { keyword: "keywordChange", editorClose: "editorClose" }, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"submit()\">\n <div class=\"form-row\">\n <!-- index ID -->\n @if (idxEntries()?.length) {\n <div>\n <mat-form-field>\n <mat-label>index ID</mat-label>\n <mat-select [formControl]=\"indexId\">\n <mat-option [value]=\"''\">(default)</mat-option>\n @for (e of idxEntries(); track e.id) {\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\n }\n </mat-select>\n </mat-form-field>\n </div>\n } @else {\n <div>\n <mat-form-field>\n <mat-label>index ID</mat-label>\n <input matInput type=\"text\" [formControl]=\"indexId\" />\n @if ( indexId.hasError('maxLength') && (indexId.dirty ||\n indexId.touched) ) {\n <mat-error>index ID too long</mat-error>\n } @if ( indexId.hasError('pattern') && (indexId.dirty ||\n indexId.touched) ) {\n <mat-error>invalid index ID</mat-error>\n }\n </mat-form-field>\n </div>\n }\n\n <!-- language -->\n @if (langEntries()?.length) {\n <div>\n <mat-form-field>\n <mat-label>language</mat-label>\n <mat-select [formControl]=\"language\">\n <mat-option [value]=\"null\">(n/a)</mat-option>\n @for (e of langEntries(); track e.id) {\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\n }\n </mat-select>\n </mat-form-field>\n </div>\n } @else {\n <div>\n <mat-form-field>\n <mat-label>language</mat-label>\n <input matInput type=\"text\" [formControl]=\"language\" />\n @if ( language.hasError('pattern') && (language.dirty ||\n language.touched) ) {\n <mat-error>invalid language</mat-error>\n }\n </mat-form-field>\n </div>\n }\n\n <!-- value -->\n <div>\n <mat-form-field>\n <mat-label>value</mat-label>\n <input matInput type=\"text\" [formControl]=\"value\" autofocus />\n @if (value.hasError('maxLength') && (value.dirty || value.touched)) {\n <mat-error>value too long</mat-error>\n }\n </mat-form-field>\n </div>\n\n <!-- tag -->\n <div>\n <!-- tag (bound) -->\n @if (tagEntries()?.length) {\n <mat-form-field>\n <mat-label>tag</mat-label>\n <mat-select [formControl]=\"tag\">\n @for (e of tagEntries(); track e.id) {\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\n }\n </mat-select>\n </mat-form-field>\n }\n <!-- tag (free) -->\n @else {\n <mat-form-field>\n <mat-label>tag</mat-label>\n <input matInput [formControl]=\"tag\" />\n @if (tag.hasError('maxLength') && (tag.dirty || tag.touched)) {\n <mat-error>tag too long</mat-error>\n }\n </mat-form-field>\n }\n </div>\n\n <!-- note -->\n <div>\n <mat-form-field>\n <mat-label>note</mat-label>\n <input matInput type=\"text\" [formControl]=\"note\" />\n @if (note.hasError('maxLength') && (note.dirty || note.touched)) {\n <mat-error>note too long</mat-error>\n }\n </mat-form-field>\n </div>\n\n <!-- buttons -->\n <div>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Close keyword\"\n (click)=\"cancel()\"\n >\n <mat-icon class=\"mat-warn\">cancel</mat-icon>\n </button>\n <button\n type=\"submit\"\n [disabled]=\"form.invalid || form.pristine\"\n mat-icon-button\n matTooltip=\"Save keyword\"\n >\n <mat-icon class=\"mat-primary\">check_circle</mat-icon>\n </button>\n </div>\n </div>\n</form>\n", styles: [".form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-row *{flex:0 0 auto}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: 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: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: 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: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
5033
5044
  }
5034
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IndexKeywordComponent, decorators: [{
5045
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: IndexKeywordComponent, decorators: [{
5035
5046
  type: Component,
5036
5047
  args: [{ selector: 'cadmus-index-keyword', imports: [
5037
5048
  FormsModule,
@@ -5285,10 +5296,10 @@ class IndexKeywordsPartComponent extends ModelEditorComponentBase {
5285
5296
  this.addKeyword(keyword);
5286
5297
  this.editedKeyword = undefined;
5287
5298
  }
5288
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IndexKeywordsPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
5289
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: IndexKeywordsPartComponent, isStandalone: true, selector: "cadmus-index-keywords-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n <mat-card appearance=\"outlined\">\r\n <mat-card-header>\r\n <div mat-card-avatar>\r\n <mat-icon>picture_in_picture</mat-icon>\r\n </div>\r\n <mat-card-title\r\n [matBadge]=\"keywords.value.length\"\r\n matBadgeOverlap=\"false\"\r\n >{{\r\n (modelName() | titlecase) || \"Index Keywords Part\"\r\n }}</mat-card-title\r\n >\r\n </mat-card-header>\r\n <mat-card-content>\r\n <div>\r\n <button\r\n type=\"button\"\r\n mat-flat-button\r\n class=\"mat-primary\"\r\n (click)=\"addNewKeyword()\"\r\n >\r\n <mat-icon>add_circle</mat-icon> keyword\r\n </button>\r\n </div>\r\n\r\n @if (keywords.value.length) {\r\n <div id=\"list\">\r\n <table>\r\n <thead>\r\n <tr>\r\n <th></th>\r\n <th>index</th>\r\n <th>lang.</th>\r\n <th>keyword</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n @for (k of keywords.value; track k) {\r\n <tr [class.selected]=\"editedKeyword === k\">\r\n <td class=\"fit-width\">\r\n <button\r\n mat-icon-button\r\n type=\"button\"\r\n matTooltip=\"Edit this keyword\"\r\n (click)=\"editKeyword(k)\"\r\n >\r\n <mat-icon class=\"mat-primary\">edit</mat-icon>\r\n </button>\r\n <button\r\n mat-icon-button\r\n type=\"button\"\r\n matTooltip=\"Delete this keyword\"\r\n (click)=\"deleteKeyword(k)\"\r\n >\r\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\r\n </button>\r\n </td>\r\n <td>{{ k.indexId }}</td>\r\n <td>\r\n {{ k.language | flatLookup : langEntries : \"id\" : \"value\" }}\r\n </td>\r\n <td>{{ k.value }}</td>\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n </div>\r\n } @if (editedKeyword) {\r\n <fieldset>\r\n <mat-expansion-panel\r\n [disabled]=\"!editedKeyword\"\r\n [expanded]=\"editedKeyword\"\r\n >\r\n <mat-expansion-panel-header>\r\n <mat-panel-title> keyword </mat-panel-title>\r\n </mat-expansion-panel-header>\r\n <cadmus-index-keyword\r\n [keyword]=\"editedKeyword\"\r\n [idxEntries]=\"idxEntries\"\r\n [langEntries]=\"langEntries\"\r\n [tagEntries]=\"tagEntries\"\r\n (editorClose)=\"onKeywordClose()\"\r\n (keywordChange)=\"onKeywordChange($event!)\"\r\n />\r\n </mat-expansion-panel>\r\n </fieldset>\r\n }\r\n </mat-card-content>\r\n <mat-card-actions>\r\n <cadmus-close-save-buttons\r\n [form]=\"form\"\r\n [noSave]=\"userLevel < 2\"\r\n (closeRequest)=\"close()\"\r\n />\r\n </mat-card-actions>\r\n </mat-card>\r\n</form>\r\n", styles: ["table{width:100%;border-collapse:collapse}tbody tr:nth-child(odd){background-color:#e2e2e2}th{text-align:left;font-weight:400;color:silver}td.fit-width{width:1px;white-space:nowrap}tr.selected{background-color:#d0d0d0!important}fieldset{border:1px solid silver;border-radius:6px;padding:6px}#list{margin-top:8px}fieldset{margin-top:8px;border:1px solid silver;border-radius:6px;padding:4px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: 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: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: IndexKeywordComponent, selector: "cadmus-index-keyword", inputs: ["keyword", "idxEntries", "tagEntries", "langEntries"], outputs: ["keywordChange", "editorClose"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: FlatLookupPipe, name: "flatLookup" }] });
5299
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: IndexKeywordsPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
5300
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.3", type: IndexKeywordsPartComponent, isStandalone: true, selector: "cadmus-index-keywords-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n <mat-card appearance=\"outlined\">\r\n <mat-card-header>\r\n <div mat-card-avatar>\r\n <mat-icon>picture_in_picture</mat-icon>\r\n </div>\r\n <mat-card-title\r\n [matBadge]=\"keywords.value.length\"\r\n matBadgeOverlap=\"false\"\r\n >{{\r\n (modelName() | titlecase) || \"Index Keywords Part\"\r\n }}</mat-card-title\r\n >\r\n </mat-card-header>\r\n <mat-card-content>\r\n <div>\r\n <button\r\n type=\"button\"\r\n mat-flat-button\r\n class=\"mat-primary\"\r\n (click)=\"addNewKeyword()\"\r\n >\r\n <mat-icon>add_circle</mat-icon> keyword\r\n </button>\r\n </div>\r\n\r\n @if (keywords.value.length) {\r\n <div id=\"list\">\r\n <table>\r\n <thead>\r\n <tr>\r\n <th></th>\r\n <th>index</th>\r\n <th>lang.</th>\r\n <th>keyword</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n @for (k of keywords.value; track k) {\r\n <tr [class.selected]=\"editedKeyword === k\">\r\n <td class=\"fit-width\">\r\n <button\r\n mat-icon-button\r\n type=\"button\"\r\n matTooltip=\"Edit this keyword\"\r\n (click)=\"editKeyword(k)\"\r\n >\r\n <mat-icon class=\"mat-primary\">edit</mat-icon>\r\n </button>\r\n <button\r\n mat-icon-button\r\n type=\"button\"\r\n matTooltip=\"Delete this keyword\"\r\n (click)=\"deleteKeyword(k)\"\r\n >\r\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\r\n </button>\r\n </td>\r\n <td>{{ k.indexId }}</td>\r\n <td>\r\n {{ k.language | flatLookup : langEntries : \"id\" : \"value\" }}\r\n </td>\r\n <td>{{ k.value }}</td>\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n </div>\r\n } @if (editedKeyword) {\r\n <fieldset>\r\n <mat-expansion-panel\r\n [disabled]=\"!editedKeyword\"\r\n [expanded]=\"editedKeyword\"\r\n >\r\n <mat-expansion-panel-header>\r\n <mat-panel-title> keyword </mat-panel-title>\r\n </mat-expansion-panel-header>\r\n <cadmus-index-keyword\r\n [keyword]=\"editedKeyword\"\r\n [idxEntries]=\"idxEntries\"\r\n [langEntries]=\"langEntries\"\r\n [tagEntries]=\"tagEntries\"\r\n (editorClose)=\"onKeywordClose()\"\r\n (keywordChange)=\"onKeywordChange($event!)\"\r\n />\r\n </mat-expansion-panel>\r\n </fieldset>\r\n }\r\n </mat-card-content>\r\n <mat-card-actions>\r\n <cadmus-close-save-buttons\r\n [form]=\"form\"\r\n [noSave]=\"userLevel < 2\"\r\n (closeRequest)=\"close()\"\r\n />\r\n </mat-card-actions>\r\n </mat-card>\r\n</form>\r\n", styles: ["table{width:100%;border-collapse:collapse}tbody tr:nth-child(odd){background-color:#e2e2e2}th{text-align:left;font-weight:400;color:silver}td.fit-width{width:1px;white-space:nowrap}tr.selected{background-color:#d0d0d0!important}fieldset{border:1px solid silver;border-radius:6px;padding:6px}#list{margin-top:8px}fieldset{margin-top:8px;border:1px solid silver;border-radius:6px;padding:4px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: 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: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: IndexKeywordComponent, selector: "cadmus-index-keyword", inputs: ["keyword", "idxEntries", "tagEntries", "langEntries"], outputs: ["keywordChange", "editorClose"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: FlatLookupPipe, name: "flatLookup" }] });
5290
5301
  }
5291
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IndexKeywordsPartComponent, decorators: [{
5302
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: IndexKeywordsPartComponent, decorators: [{
5292
5303
  type: Component,
5293
5304
  args: [{ selector: 'cadmus-index-keywords-part', imports: [
5294
5305
  FormsModule,
@@ -5513,10 +5524,10 @@ class KeywordsPartComponent extends ModelEditorComponentBase {
5513
5524
  this.keywords.updateValueAndValidity();
5514
5525
  this.keywords.markAsDirty();
5515
5526
  }
5516
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: KeywordsPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
5517
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: KeywordsPartComponent, isStandalone: true, selector: "cadmus-keywords-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\n <mat-card appearance=\"outlined\">\n <mat-card-header>\n <div mat-card-avatar>\n <mat-icon>picture_in_picture</mat-icon>\n </div>\n <mat-card-title\n [matBadge]=\"keywords.value.length\"\n matBadgeOverlap=\"false\"\n >{{ (modelName() | titlecase) || \"Keywords Part\" }}</mat-card-title\n >\n </mat-card-header>\n <mat-card-content>\n <!-- language -->\n <form [formGroup]=\"newForm\" (ngSubmit)=\"addKeyword()\" class=\"form-row\">\n <mat-form-field>\n <mat-label>language</mat-label>\n <mat-select [formControl]=\"newLanguage\">\n @for (t of langEntries; track t.id) {\n <mat-option [value]=\"t.id\">\n {{ t.value }}\n </mat-option>\n }\n </mat-select>\n <mat-error>select a language</mat-error>\n </mat-form-field>\n <!-- value -->\n <mat-form-field>\n <mat-label>value</mat-label>\n <input\n matInput\n autofocus\n type=\"text\"\n id=\"value\"\n [formControl]=\"newValue\"\n />\n @if ( newValue.hasError('required') && (newValue.touched ||\n newValue.dirty) ) {\n <mat-error>enter a value</mat-error>\n } @if ( newValue.hasError('maxLength') && (newValue.touched ||\n newValue.dirty) ) {\n <mat-error>value too long</mat-error>\n }\n </mat-form-field>\n <button\n mat-flat-button\n type=\"submit\"\n class=\"mat-primary\"\n [disabled]=\"newForm.invalid\"\n >\n <mat-icon>add_circle</mat-icon> keyword\n </button>\n </form>\n <hr />\n @if (keywords.valid) {\n <table>\n <thead>\n <tr>\n <th></th>\n <th>lang.</th>\n <th>keyword</th>\n </tr>\n </thead>\n <tbody>\n @for (k of keywords.value; track k) {\n <tr>\n <td>\n <button\n mat-icon-button\n type=\"button\"\n matTooltip=\"Delete this keyword\"\n (click)=\"deleteKeyword(k)\"\n >\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\n </button>\n </td>\n <td>{{ k.language }}</td>\n <td>{{ k.value }}</td>\n </tr>\n }\n </tbody>\n </table>\n }\n </mat-card-content>\n <mat-card-actions>\n <cadmus-close-save-buttons\n [form]=\"form\"\n [noSave]=\"userLevel < 2\"\n (closeRequest)=\"close()\"\n />\n </mat-card-actions>\n </mat-card>\n</form>\n", styles: ["th{text-align:left;font-weight:400;color:silver}.form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-row *{flex:0 0 auto}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: 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: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: 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: "component", type: 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: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
5527
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: KeywordsPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
5528
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.3", type: KeywordsPartComponent, isStandalone: true, selector: "cadmus-keywords-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\n <mat-card appearance=\"outlined\">\n <mat-card-header>\n <div mat-card-avatar>\n <mat-icon>picture_in_picture</mat-icon>\n </div>\n <mat-card-title\n [matBadge]=\"keywords.value.length\"\n matBadgeOverlap=\"false\"\n >{{ (modelName() | titlecase) || \"Keywords Part\" }}</mat-card-title\n >\n </mat-card-header>\n <mat-card-content>\n <!-- language -->\n <form [formGroup]=\"newForm\" (ngSubmit)=\"addKeyword()\" class=\"form-row\">\n <mat-form-field>\n <mat-label>language</mat-label>\n <mat-select [formControl]=\"newLanguage\">\n @for (t of langEntries; track t.id) {\n <mat-option [value]=\"t.id\">\n {{ t.value }}\n </mat-option>\n }\n </mat-select>\n <mat-error>select a language</mat-error>\n </mat-form-field>\n <!-- value -->\n <mat-form-field>\n <mat-label>value</mat-label>\n <input\n matInput\n autofocus\n type=\"text\"\n id=\"value\"\n [formControl]=\"newValue\"\n />\n @if ( newValue.hasError('required') && (newValue.touched ||\n newValue.dirty) ) {\n <mat-error>enter a value</mat-error>\n } @if ( newValue.hasError('maxLength') && (newValue.touched ||\n newValue.dirty) ) {\n <mat-error>value too long</mat-error>\n }\n </mat-form-field>\n <button\n mat-flat-button\n type=\"submit\"\n class=\"mat-primary\"\n [disabled]=\"newForm.invalid\"\n >\n <mat-icon>add_circle</mat-icon> keyword\n </button>\n </form>\n <hr />\n @if (keywords.valid) {\n <table>\n <thead>\n <tr>\n <th></th>\n <th>lang.</th>\n <th>keyword</th>\n </tr>\n </thead>\n <tbody>\n @for (k of keywords.value; track k) {\n <tr>\n <td>\n <button\n mat-icon-button\n type=\"button\"\n matTooltip=\"Delete this keyword\"\n (click)=\"deleteKeyword(k)\"\n >\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\n </button>\n </td>\n <td>{{ k.language }}</td>\n <td>{{ k.value }}</td>\n </tr>\n }\n </tbody>\n </table>\n }\n </mat-card-content>\n <mat-card-actions>\n <cadmus-close-save-buttons\n [form]=\"form\"\n [noSave]=\"userLevel < 2\"\n (closeRequest)=\"close()\"\n />\n </mat-card-actions>\n </mat-card>\n</form>\n", styles: ["th{text-align:left;font-weight:400;color:silver}.form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-row *{flex:0 0 auto}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: 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: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: 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: "component", type: 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: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
5518
5529
  }
5519
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: KeywordsPartComponent, decorators: [{
5530
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: KeywordsPartComponent, decorators: [{
5520
5531
  type: Component,
5521
5532
  args: [{ selector: 'cadmus-keywords-part', imports: [
5522
5533
  FormsModule,
@@ -5777,10 +5788,10 @@ class MetadataPartComponent extends ModelEditorComponentBase {
5777
5788
  }
5778
5789
  return entries;
5779
5790
  }
5780
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: MetadataPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
5781
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: MetadataPartComponent, isStandalone: true, selector: "cadmus-metadata-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n <mat-card appearance=\"outlined\">\r\n <mat-card-header>\r\n <div mat-card-avatar>\r\n <mat-icon>picture_in_picture</mat-icon>\r\n </div>\r\n <mat-card-title>{{\r\n (modelName() | titlecase) || \"Metadata Part\"\r\n }}</mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content>\r\n <div formArrayName=\"metadata\">\r\n <div>\r\n <button\r\n type=\"button\"\r\n mat-flat-button\r\n class=\"mat-primary\"\r\n (click)=\"addMetadatum()\"\r\n >\r\n <mat-icon>add_circle</mat-icon> metadatum\r\n </button>\r\n </div>\r\n @for ( g of metadata.controls; track g; let i = $index; let first =\r\n $first; let last = $last) {\r\n <div>\r\n <!-- child form -->\r\n <div [formGroupName]=\"i\" class=\"form-row\">\r\n <!-- child actions -->\r\n <span style=\"flex: 0 0 auto\">\r\n <span class=\"nr\">{{ i + 1 }}.</span>\r\n <button\r\n mat-icon-button\r\n type=\"button\"\r\n matTooltip=\"Remove this metadatum\"\r\n (click)=\"removeMetadatum(i)\"\r\n >\r\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\r\n </button>\r\n <button\r\n [disabled]=\"first\"\r\n mat-icon-button\r\n type=\"button\"\r\n matTooltip=\"Move metadatum up\"\r\n (click)=\"moveMetadatumUp(i)\"\r\n >\r\n <mat-icon>arrow_upward</mat-icon>\r\n </button>\r\n <button\r\n [disabled]=\"last\"\r\n mat-icon-button\r\n type=\"button\"\r\n matTooltip=\"Move metadatum down\"\r\n (click)=\"moveMetadatumDown(i)\"\r\n >\r\n <mat-icon>arrow_downward</mat-icon>\r\n </button>\r\n </span>\r\n <!-- child controls -->\r\n <!-- type (bound) -->\r\n @if (typeEntries?.length) {\r\n <mat-form-field class=\"type-col\">\r\n <mat-label>type</mat-label>\r\n <mat-select formControlName=\"type\">\r\n @for (e of typeEntries; track e.id) {\r\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\r\n }\r\n </mat-select>\r\n @if ( $any(g)['controls'].type.errors?.required &&\r\n ($any(g)['controls'].type.dirty ||\r\n $any(g)['controls'].type.touched) ) {\r\n <mat-error>type required</mat-error>\r\n }\r\n </mat-form-field>\r\n }\r\n <!-- type (free) -->\r\n @else {\r\n <mat-form-field class=\"type-col\">\r\n <mat-label>type</mat-label>\r\n <input matInput formControlName=\"type\" />\r\n @if ( $any(g)['controls'].type.errors?.required &&\r\n ($any(g)['controls'].type.dirty ||\r\n $any(g)['controls'].type.touched) ) {\r\n <mat-error>type required</mat-error>\r\n } @if ( $any(g)['controls'].type.errors?.maxLength &&\r\n ($any(g)['controls'].type.dirty ||\r\n $any(g)['controls'].type.touched) ) {\r\n <mat-error>type too long</mat-error>\r\n }\r\n </mat-form-field>\r\n } @if (nameEntries?.length) {\r\n <!-- name (bound) -->\r\n <mat-form-field>\r\n <mat-label>name</mat-label>\r\n <mat-select formControlName=\"name\">\r\n @for (e of nameEntries; track e.id) {\r\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\r\n }\r\n </mat-select>\r\n @if ( $any(g)['controls'].name.errors?.required &&\r\n ($any(g)['controls'].name.dirty ||\r\n $any(g)['controls'].name.touched) ) {\r\n <mat-error>name required</mat-error>\r\n }\r\n </mat-form-field>\r\n } @else {\r\n <!-- name (free) -->\r\n <mat-form-field>\r\n <mat-label>name</mat-label>\r\n <input matInput formControlName=\"name\" />\r\n <mat-hint>eid = entity ID</mat-hint>\r\n @if ( $any(g)['controls'].name.errors?.required &&\r\n ($any(g)['controls'].name.dirty ||\r\n $any(g)['controls'].name.touched) ) {\r\n <mat-error>name required</mat-error>\r\n } @if ( $any(g)['controls'].name.errors?.maxLength &&\r\n ($any(g)['controls'].name.dirty ||\r\n $any(g)['controls'].name.touched) ) {\r\n <mat-error>name too long</mat-error>\r\n }\r\n </mat-form-field>\r\n }\r\n <!-- value -->\r\n <mat-form-field>\r\n <mat-label>value</mat-label>\r\n <input matInput formControlName=\"value\" />\r\n @if ( $any(g)['controls'].value.errors?.required &&\r\n ($any(g)['controls'].value.dirty ||\r\n $any(g)['controls'].value.touched) ) {\r\n <mat-error>value required</mat-error>\r\n } @if ( $any(g)['controls'].value.errors?.maxLength &&\r\n ($any(g)['controls'].value.dirty ||\r\n $any(g)['controls'].value.touched) ) {\r\n <mat-error>value too long</mat-error>\r\n }\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n </mat-card-content>\r\n <mat-card-actions>\r\n <cadmus-close-save-buttons\r\n [form]=\"form\"\r\n [noSave]=\"userLevel < 2\"\r\n (closeRequest)=\"close()\"\r\n />\r\n </mat-card-actions>\r\n </mat-card>\r\n</form>\r\n", styles: [".form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-row *{flex:1 0 auto}.form-row .type-col{width:8em!important;flex:0 0 8em!important}.nr{color:#fff;background-color:silver;border:1px solid #c0c0c0;border-radius:4px;padding:0 2px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: 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: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: 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: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: 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: MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
5791
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: MetadataPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
5792
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.3", type: MetadataPartComponent, isStandalone: true, selector: "cadmus-metadata-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n <mat-card appearance=\"outlined\">\r\n <mat-card-header>\r\n <div mat-card-avatar>\r\n <mat-icon>picture_in_picture</mat-icon>\r\n </div>\r\n <mat-card-title>{{\r\n (modelName() | titlecase) || \"Metadata Part\"\r\n }}</mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content>\r\n <div formArrayName=\"metadata\">\r\n <div>\r\n <button\r\n type=\"button\"\r\n mat-flat-button\r\n class=\"mat-primary\"\r\n (click)=\"addMetadatum()\"\r\n >\r\n <mat-icon>add_circle</mat-icon> metadatum\r\n </button>\r\n </div>\r\n @for ( g of metadata.controls; track g; let i = $index; let first =\r\n $first; let last = $last) {\r\n <div>\r\n <!-- child form -->\r\n <div [formGroupName]=\"i\" class=\"form-row\">\r\n <!-- child actions -->\r\n <span style=\"flex: 0 0 auto\">\r\n <span class=\"nr\">{{ i + 1 }}.</span>\r\n <button\r\n mat-icon-button\r\n type=\"button\"\r\n matTooltip=\"Remove this metadatum\"\r\n (click)=\"removeMetadatum(i)\"\r\n >\r\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\r\n </button>\r\n <button\r\n [disabled]=\"first\"\r\n mat-icon-button\r\n type=\"button\"\r\n matTooltip=\"Move metadatum up\"\r\n (click)=\"moveMetadatumUp(i)\"\r\n >\r\n <mat-icon>arrow_upward</mat-icon>\r\n </button>\r\n <button\r\n [disabled]=\"last\"\r\n mat-icon-button\r\n type=\"button\"\r\n matTooltip=\"Move metadatum down\"\r\n (click)=\"moveMetadatumDown(i)\"\r\n >\r\n <mat-icon>arrow_downward</mat-icon>\r\n </button>\r\n </span>\r\n <!-- child controls -->\r\n <!-- type (bound) -->\r\n @if (typeEntries?.length) {\r\n <mat-form-field class=\"type-col\">\r\n <mat-label>type</mat-label>\r\n <mat-select formControlName=\"type\">\r\n @for (e of typeEntries; track e.id) {\r\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\r\n }\r\n </mat-select>\r\n @if ( $any(g)['controls'].type.errors?.required &&\r\n ($any(g)['controls'].type.dirty ||\r\n $any(g)['controls'].type.touched) ) {\r\n <mat-error>type required</mat-error>\r\n }\r\n </mat-form-field>\r\n }\r\n <!-- type (free) -->\r\n @else {\r\n <mat-form-field class=\"type-col\">\r\n <mat-label>type</mat-label>\r\n <input matInput formControlName=\"type\" />\r\n @if ( $any(g)['controls'].type.errors?.required &&\r\n ($any(g)['controls'].type.dirty ||\r\n $any(g)['controls'].type.touched) ) {\r\n <mat-error>type required</mat-error>\r\n } @if ( $any(g)['controls'].type.errors?.maxLength &&\r\n ($any(g)['controls'].type.dirty ||\r\n $any(g)['controls'].type.touched) ) {\r\n <mat-error>type too long</mat-error>\r\n }\r\n </mat-form-field>\r\n } @if (nameEntries?.length) {\r\n <!-- name (bound) -->\r\n <mat-form-field>\r\n <mat-label>name</mat-label>\r\n <mat-select formControlName=\"name\">\r\n @for (e of nameEntries; track e.id) {\r\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\r\n }\r\n </mat-select>\r\n @if ( $any(g)['controls'].name.errors?.required &&\r\n ($any(g)['controls'].name.dirty ||\r\n $any(g)['controls'].name.touched) ) {\r\n <mat-error>name required</mat-error>\r\n }\r\n </mat-form-field>\r\n } @else {\r\n <!-- name (free) -->\r\n <mat-form-field>\r\n <mat-label>name</mat-label>\r\n <input matInput formControlName=\"name\" />\r\n <mat-hint>eid = entity ID</mat-hint>\r\n @if ( $any(g)['controls'].name.errors?.required &&\r\n ($any(g)['controls'].name.dirty ||\r\n $any(g)['controls'].name.touched) ) {\r\n <mat-error>name required</mat-error>\r\n } @if ( $any(g)['controls'].name.errors?.maxLength &&\r\n ($any(g)['controls'].name.dirty ||\r\n $any(g)['controls'].name.touched) ) {\r\n <mat-error>name too long</mat-error>\r\n }\r\n </mat-form-field>\r\n }\r\n <!-- value -->\r\n <mat-form-field>\r\n <mat-label>value</mat-label>\r\n <input matInput formControlName=\"value\" />\r\n @if ( $any(g)['controls'].value.errors?.required &&\r\n ($any(g)['controls'].value.dirty ||\r\n $any(g)['controls'].value.touched) ) {\r\n <mat-error>value required</mat-error>\r\n } @if ( $any(g)['controls'].value.errors?.maxLength &&\r\n ($any(g)['controls'].value.dirty ||\r\n $any(g)['controls'].value.touched) ) {\r\n <mat-error>value too long</mat-error>\r\n }\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n </mat-card-content>\r\n <mat-card-actions>\r\n <cadmus-close-save-buttons\r\n [form]=\"form\"\r\n [noSave]=\"userLevel < 2\"\r\n (closeRequest)=\"close()\"\r\n />\r\n </mat-card-actions>\r\n </mat-card>\r\n</form>\r\n", styles: [".form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-row *{flex:1 0 auto}.form-row .type-col{width:8em!important;flex:0 0 8em!important}.nr{color:#fff;background-color:silver;border:1px solid #c0c0c0;border-radius:4px;padding:0 2px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: 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: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: 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: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: 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: MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
5782
5793
  }
5783
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: MetadataPartComponent, decorators: [{
5794
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: MetadataPartComponent, decorators: [{
5784
5795
  type: Component,
5785
5796
  args: [{ selector: 'cadmus-metadata-part', imports: [
5786
5797
  FormsModule,
@@ -6130,10 +6141,10 @@ class NamesPartComponent extends ModelEditorComponentBase {
6130
6141
  this.names.updateValueAndValidity();
6131
6142
  this.names.markAsDirty();
6132
6143
  }
6133
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: NamesPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }, { token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Component });
6134
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: NamesPartComponent, isStandalone: true, selector: "cadmus-names-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\n <mat-card appearance=\"outlined\">\n <mat-card-header>\n <div mat-card-avatar>\n <mat-icon>picture_in_picture</mat-icon>\n </div>\n <mat-card-title>{{\n (modelName() | titlecase) || \"Names Part\"\n }}</mat-card-title>\n </mat-card-header>\n <mat-card-content>\n <div>\n <button\n type=\"button\"\n mat-flat-button\n class=\"mat-primary\"\n (click)=\"addName()\"\n >\n <mat-icon>add_circle</mat-icon> name\n </button>\n </div>\n @if (names.value.length) {\n <table>\n <thead>\n <tr>\n <th></th>\n <th>name</th>\n <th>rank</th>\n </tr>\n </thead>\n <tbody>\n @for ( name of names.value; track name; let i = $index; let first =\n $first; let last = $last) {\n <tr [class.selected]=\"name === editedName\">\n <td class=\"fit-width\">\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Edit this name\"\n (click)=\"editName(i)\"\n >\n <mat-icon class=\"mat-primary\">edit</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Move this name up\"\n [disabled]=\"first\"\n (click)=\"moveNameUp(i)\"\n >\n <mat-icon>arrow_upward</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Move this name down\"\n [disabled]=\"last\"\n (click)=\"moveNameDown(i)\"\n >\n <mat-icon>arrow_downward</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Delete this name\"\n (click)=\"deleteName(i)\"\n >\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\n </button>\n </td>\n <td>{{ name | cadmusProperName }}</td>\n <td>{{ name.assertion?.rank || 0 }}</td>\n </tr>\n }\n </tbody>\n </table>\n }\n\n <!-- name editor -->\n @if (editedName) {\n <fieldset>\n <mat-expansion-panel [expanded]=\"editedName\">\n <mat-expansion-panel-header>\n <mat-panel-title>\n {{ editedName | cadmusProperName }}</mat-panel-title\n ></mat-expansion-panel-header\n >\n <cadmus-refs-proper-name\n [langEntries]=\"langEntries\"\n [tagEntries]=\"tagEntries\"\n [typeEntries]=\"typeEntries\"\n [assTagEntries]=\"assTagEntries\"\n [refTagEntries]=\"refTagEntries\"\n [refTypeEntries]=\"refTypeEntries\"\n [name]=\"editedName\"\n (nameChange)=\"onNameChange($event)\"\n />\n </mat-expansion-panel>\n </fieldset>\n }\n </mat-card-content>\n <mat-card-actions>\n <cadmus-close-save-buttons\n [form]=\"form\"\n [noSave]=\"userLevel < 2\"\n (closeRequest)=\"close()\"\n />\n </mat-card-actions>\n </mat-card>\n</form>\n", styles: ["table{width:100%;border-collapse:collapse}tbody tr:nth-child(odd){background-color:#e2e2e2}th{text-align:left;font-weight:400;color:silver}td.fit-width{width:1px;white-space:nowrap}tr.selected{background-color:#d0d0d0!important}fieldset{border:1px solid silver;border-radius:6px;padding:6px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: 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: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i4$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i4$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: ProperNameComponent, selector: "cadmus-refs-proper-name", inputs: ["name", "typeEntries", "langEntries", "tagEntries", "assTagEntries", "refTypeEntries", "refTagEntries", "hideAssertion"], outputs: ["nameChange"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: CadmusProperNamePipe, name: "cadmusProperName" }] });
6144
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: NamesPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }, { token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Component });
6145
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.3", type: NamesPartComponent, isStandalone: true, selector: "cadmus-names-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\n <mat-card appearance=\"outlined\">\n <mat-card-header>\n <div mat-card-avatar>\n <mat-icon>picture_in_picture</mat-icon>\n </div>\n <mat-card-title>{{\n (modelName() | titlecase) || \"Names Part\"\n }}</mat-card-title>\n </mat-card-header>\n <mat-card-content>\n <div>\n <button\n type=\"button\"\n mat-flat-button\n class=\"mat-primary\"\n (click)=\"addName()\"\n >\n <mat-icon>add_circle</mat-icon> name\n </button>\n </div>\n @if (names.value.length) {\n <table>\n <thead>\n <tr>\n <th></th>\n <th>name</th>\n <th>rank</th>\n </tr>\n </thead>\n <tbody>\n @for ( name of names.value; track name; let i = $index; let first =\n $first; let last = $last) {\n <tr [class.selected]=\"name === editedName\">\n <td class=\"fit-width\">\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Edit this name\"\n (click)=\"editName(i)\"\n >\n <mat-icon class=\"mat-primary\">edit</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Move this name up\"\n [disabled]=\"first\"\n (click)=\"moveNameUp(i)\"\n >\n <mat-icon>arrow_upward</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Move this name down\"\n [disabled]=\"last\"\n (click)=\"moveNameDown(i)\"\n >\n <mat-icon>arrow_downward</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Delete this name\"\n (click)=\"deleteName(i)\"\n >\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\n </button>\n </td>\n <td>{{ name | cadmusProperName }}</td>\n <td>{{ name.assertion?.rank || 0 }}</td>\n </tr>\n }\n </tbody>\n </table>\n }\n\n <!-- name editor -->\n @if (editedName) {\n <fieldset>\n <mat-expansion-panel [expanded]=\"editedName\">\n <mat-expansion-panel-header>\n <mat-panel-title>\n {{ editedName | cadmusProperName }}</mat-panel-title\n ></mat-expansion-panel-header\n >\n <cadmus-refs-proper-name\n [langEntries]=\"langEntries\"\n [tagEntries]=\"tagEntries\"\n [typeEntries]=\"typeEntries\"\n [assTagEntries]=\"assTagEntries\"\n [refTagEntries]=\"refTagEntries\"\n [refTypeEntries]=\"refTypeEntries\"\n [name]=\"editedName\"\n (nameChange)=\"onNameChange($event)\"\n />\n </mat-expansion-panel>\n </fieldset>\n }\n </mat-card-content>\n <mat-card-actions>\n <cadmus-close-save-buttons\n [form]=\"form\"\n [noSave]=\"userLevel < 2\"\n (closeRequest)=\"close()\"\n />\n </mat-card-actions>\n </mat-card>\n</form>\n", styles: ["table{width:100%;border-collapse:collapse}tbody tr:nth-child(odd){background-color:#e2e2e2}th{text-align:left;font-weight:400;color:silver}td.fit-width{width:1px;white-space:nowrap}tr.selected{background-color:#d0d0d0!important}fieldset{border:1px solid silver;border-radius:6px;padding:6px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: 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: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i4$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i4$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: ProperNameComponent, selector: "cadmus-refs-proper-name", inputs: ["name", "typeEntries", "langEntries", "tagEntries", "assTagEntries", "refTypeEntries", "refTagEntries", "hideAssertion"], outputs: ["nameChange"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: CadmusProperNamePipe, name: "cadmusProperName" }] });
6135
6146
  }
6136
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: NamesPartComponent, decorators: [{
6147
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: NamesPartComponent, decorators: [{
6137
6148
  type: Component,
6138
6149
  args: [{ selector: 'cadmus-names-part', imports: [
6139
6150
  FormsModule,
@@ -6340,10 +6351,10 @@ class NotePartComponent extends ModelEditorComponentBase {
6340
6351
  part.text = this.text.value?.trim() || '';
6341
6352
  return part;
6342
6353
  }
6343
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: NotePartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }, { token: i3$1.CadmusTextEdService }, { token: CADMUS_TEXT_ED_BINDINGS_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component });
6344
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: NotePartComponent, isStandalone: true, selector: "cadmus-note-part", providers: [CadmusTextEdService], usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\n <mat-card appearance=\"outlined\">\n <mat-card-header>\n <div mat-card-avatar>\n <mat-icon>picture_in_picture</mat-icon>\n </div>\n <mat-card-title>{{\n (modelName() | titlecase) || \"Note Part\"\n }}</mat-card-title>\n </mat-card-header>\n\n <mat-card-content>\n <div id=\"container\">\n <div id=\"tga\">\n @if (!tagEntries) {\n <!-- free tag -->\n <mat-form-field>\n <mat-label>tag</mat-label>\n <input\n type=\"text\"\n matInput\n [formControl]=\"tag\"\n spellcheck=\"false\"\n />\n @if (tag.hasError('maxLength') && (tag.dirty || tag.touched)) {\n <mat-error>tag too long</mat-error>\n }\n </mat-form-field>\n } @else {\n <!-- bound tag -->\n <mat-form-field>\n <mat-label>tag</mat-label>\n <mat-select [formControl]=\"tag\">\n @for (e of tagEntries; track e.id) {\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\n }\n </mat-select>\n </mat-form-field>\n }\n </div>\n\n <div id=\"content-wrapper\">\n <!-- text -->\n <div id=\"txt\">\n <nge-monaco-editor id=\"editor\" (ready)=\"onCreateEditor($event)\" />\n @if (text.hasError('required') && (text.touched || text.dirty)) {\n <mat-error>please enter some text</mat-error>\n }\n </div>\n <!-- preview -->\n <div id=\"pvw\">\n <nge-markdown [data]=\"text.value || undefined\" />\n </div>\n </div>\n </div>\n </mat-card-content>\n\n <mat-card-actions>\n <cadmus-close-save-buttons\n [form]=\"form\"\n [noSave]=\"userLevel < 2\"\n (closeRequest)=\"close()\"\n />\n </mat-card-actions>\n </mat-card>\n</form>\n", styles: ["div#container{display:flex;flex-direction:column;min-height:800px}div#tga{width:100%}div#content-wrapper{display:flex;flex-direction:row;flex:1}div#txt,div#pvw{flex:1;min-height:800px}div#editor{height:100%}div#pvw{border:1px solid silver;border-radius:6px;padding:6px;margin-left:8px}@media only screen and (max-width: 959px){div#content-wrapper{flex-direction:column}div#pvw{margin-left:0;margin-top:8px}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: 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: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: 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: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: NgeMonacoModule }, { kind: "component", type: i4$3.NgeMonacoEditorComponent, selector: "nge-monaco-editor", inputs: ["autoLayout", "options"], outputs: ["ready"] }, { kind: "ngmodule", type: NgeMarkdownModule }, { kind: "component", type: i5$2.NgeMarkdownComponent, selector: "nge-markdown, [nge-markdown]", inputs: ["file", "data", "theme"], outputs: ["render"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
6354
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: NotePartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }, { token: i3$1.CadmusTextEdService }, { token: CADMUS_TEXT_ED_BINDINGS_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component });
6355
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.3", type: NotePartComponent, isStandalone: true, selector: "cadmus-note-part", providers: [CadmusTextEdService], usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\n <mat-card appearance=\"outlined\">\n <mat-card-header>\n <div mat-card-avatar>\n <mat-icon>picture_in_picture</mat-icon>\n </div>\n <mat-card-title>{{\n (modelName() | titlecase) || \"Note Part\"\n }}</mat-card-title>\n </mat-card-header>\n\n <mat-card-content>\n <div id=\"container\">\n <div id=\"tga\">\n @if (!tagEntries) {\n <!-- free tag -->\n <mat-form-field>\n <mat-label>tag</mat-label>\n <input\n type=\"text\"\n matInput\n [formControl]=\"tag\"\n spellcheck=\"false\"\n />\n @if (tag.hasError('maxLength') && (tag.dirty || tag.touched)) {\n <mat-error>tag too long</mat-error>\n }\n </mat-form-field>\n } @else {\n <!-- bound tag -->\n <mat-form-field>\n <mat-label>tag</mat-label>\n <mat-select [formControl]=\"tag\">\n @for (e of tagEntries; track e.id) {\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\n }\n </mat-select>\n </mat-form-field>\n }\n </div>\n\n <div id=\"content-wrapper\">\n <!-- text -->\n <div id=\"txt\">\n <nge-monaco-editor id=\"editor\" (ready)=\"onCreateEditor($event)\" />\n @if (text.hasError('required') && (text.touched || text.dirty)) {\n <mat-error>please enter some text</mat-error>\n }\n </div>\n <!-- preview -->\n <div id=\"pvw\">\n <nge-markdown [data]=\"text.value || undefined\" />\n </div>\n </div>\n </div>\n </mat-card-content>\n\n <mat-card-actions>\n <cadmus-close-save-buttons\n [form]=\"form\"\n [noSave]=\"userLevel < 2\"\n (closeRequest)=\"close()\"\n />\n </mat-card-actions>\n </mat-card>\n</form>\n", styles: ["div#container{display:flex;flex-direction:column;min-height:800px}div#tga{width:100%}div#content-wrapper{display:flex;flex-direction:row;flex:1}div#txt,div#pvw{flex:1;min-height:800px}div#editor{height:100%}div#pvw{border:1px solid silver;border-radius:6px;padding:6px;margin-left:8px}@media only screen and (max-width: 959px){div#content-wrapper{flex-direction:column}div#pvw{margin-left:0;margin-top:8px}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: 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: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: 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: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: NgeMonacoModule }, { kind: "component", type: i4$3.NgeMonacoEditorComponent, selector: "nge-monaco-editor", inputs: ["autoLayout", "options"], outputs: ["ready"] }, { kind: "ngmodule", type: NgeMarkdownModule }, { kind: "component", type: i5$2.NgeMarkdownComponent, selector: "nge-markdown, [nge-markdown]", inputs: ["file", "data", "theme"], outputs: ["render"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
6345
6356
  }
6346
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: NotePartComponent, decorators: [{
6357
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: NotePartComponent, decorators: [{
6347
6358
  type: Component,
6348
6359
  args: [{ selector: 'cadmus-note-part', imports: [
6349
6360
  FormsModule,
@@ -6534,10 +6545,10 @@ class PhysicalMeasurementsPartComponent extends ModelEditorComponentBase {
6534
6545
  this.measurements.markAsDirty();
6535
6546
  this.measurements.updateValueAndValidity();
6536
6547
  }
6537
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PhysicalMeasurementsPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
6538
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: PhysicalMeasurementsPartComponent, isStandalone: true, selector: "cadmus-physical-measurements-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n <mat-card>\r\n <mat-card-header>\r\n <div mat-card-avatar>\r\n <mat-icon>picture_in_picture</mat-icon>\r\n </div>\r\n <mat-card-title>{{\r\n (modelName() | titlecase) || \"Physical Measurements Part\"\r\n }}</mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content>\r\n <cadmus-mat-physical-measurement-set\r\n [nameEntries]=\"nameEntries\"\r\n [unitEntries]=\"unitEntries || []\"\r\n [dimTagEntries]=\"dimTagEntries\"\r\n [measurements]=\"measurements.value\"\r\n (measurementsChange)=\"onMeasurementsChange($event!)\"\r\n />\r\n </mat-card-content>\r\n <mat-card-actions>\r\n <cadmus-close-save-buttons\r\n [form]=\"form\"\r\n [noSave]=\"userLevel < 2\"\r\n (closeRequest)=\"close()\"\r\n />\r\n </mat-card-actions>\r\n </mat-card>\r\n</form>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: PhysicalMeasurementSetComponent, selector: "cadmus-mat-physical-measurement-set", inputs: ["measurements", "allowCustomName", "defaultUnit", "distinct", "hideTag", "unitEntries", "dimTagEntries", "nameEntries"], outputs: ["measurementsChange"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
6548
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: PhysicalMeasurementsPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
6549
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: PhysicalMeasurementsPartComponent, isStandalone: true, selector: "cadmus-physical-measurements-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n <mat-card>\r\n <mat-card-header>\r\n <div mat-card-avatar>\r\n <mat-icon>picture_in_picture</mat-icon>\r\n </div>\r\n <mat-card-title>{{\r\n (modelName() | titlecase) || \"Physical Measurements Part\"\r\n }}</mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content>\r\n <cadmus-mat-physical-measurement-set\r\n [nameEntries]=\"nameEntries\"\r\n [unitEntries]=\"unitEntries || []\"\r\n [dimTagEntries]=\"dimTagEntries\"\r\n [measurements]=\"measurements.value\"\r\n (measurementsChange)=\"onMeasurementsChange($event!)\"\r\n />\r\n </mat-card-content>\r\n <mat-card-actions>\r\n <cadmus-close-save-buttons\r\n [form]=\"form\"\r\n [noSave]=\"userLevel < 2\"\r\n (closeRequest)=\"close()\"\r\n />\r\n </mat-card-actions>\r\n </mat-card>\r\n</form>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: PhysicalMeasurementSetComponent, selector: "cadmus-mat-physical-measurement-set", inputs: ["measurements", "allowCustomName", "defaultUnit", "distinct", "hideTag", "unitEntries", "dimTagEntries", "nameEntries"], outputs: ["measurementsChange"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
6539
6550
  }
6540
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PhysicalMeasurementsPartComponent, decorators: [{
6551
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: PhysicalMeasurementsPartComponent, decorators: [{
6541
6552
  type: Component,
6542
6553
  args: [{ selector: 'cadmus-physical-measurements-part', imports: [
6543
6554
  FormsModule,
@@ -6791,10 +6802,10 @@ class PhysicalStatesPartComponent extends ModelEditorComponentBase {
6791
6802
  this.entries.markAsDirty();
6792
6803
  this.entries.updateValueAndValidity();
6793
6804
  }
6794
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PhysicalStatesPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }, { token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Component });
6795
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: PhysicalStatesPartComponent, isStandalone: true, selector: "cadmus-physical-states-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n <mat-card>\r\n <mat-card-header>\r\n <div mat-card-avatar>\r\n <mat-icon>picture_in_picture</mat-icon>\r\n </div>\r\n <mat-card-title>{{\r\n (modelName() | titlecase) || \"Physical States Part\"\r\n }}</mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content>\r\n <div>\r\n <button\r\n type=\"button\"\r\n mat-flat-button\r\n class=\"mat-primary\"\r\n (click)=\"addState()\"\r\n >\r\n <mat-icon>add_circle</mat-icon> state\r\n </button>\r\n </div>\r\n @if (entries.value.length) {\r\n <table>\r\n <thead>\r\n <tr>\r\n <th></th>\r\n <th>type</th>\r\n <th>date</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n @for (entry of entries.value; track entry; let i = $index; let first =\r\n $first; let last = $last) {\r\n <tr [class.selected]=\"edited === entry\">\r\n <td class=\"fit-width\">\r\n <span class=\"nr\">{{ i + 1 }}.</span>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Edit this state\"\r\n (click)=\"editState(entry, i)\"\r\n >\r\n <mat-icon class=\"mat-primary\">edit</mat-icon>\r\n </button>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Move this state up\"\r\n [disabled]=\"first\"\r\n (click)=\"moveStateUp(i)\"\r\n >\r\n <mat-icon>arrow_upward</mat-icon>\r\n </button>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Move this state down\"\r\n [disabled]=\"last\"\r\n (click)=\"moveStateDown(i)\"\r\n >\r\n <mat-icon>arrow_downward</mat-icon>\r\n </button>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Delete this state\"\r\n (click)=\"deleteState(i)\"\r\n >\r\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\r\n </button>\r\n </td>\r\n <td>\r\n {{ entry.type | flatLookup : stateEntries : \"id\" : \"value\" }}\r\n </td>\r\n <td>{{ entry.date | date : \"yyyy-MM-dd\" }}</td>\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n }\r\n <mat-expansion-panel [expanded]=\"edited\" [disabled]=\"!edited\">\r\n @if (edited) {\r\n <fieldset>\r\n <mat-expansion-panel-header>\r\n <mat-panel-title>\r\n <span class=\"state-title\">state</span>\r\n <span class=\"nr\">{{ editedIndex + 1 }}</span>\r\n </mat-panel-title>\r\n </mat-expansion-panel-header>\r\n <cadmus-mat-physical-state\r\n [featEntries]=\"featEntries\"\r\n [stateEntries]=\"stateEntries\"\r\n [reporterEntries]=\"reporterEntries\"\r\n [state]=\"edited\"\r\n (stateChange)=\"saveState($event!)\"\r\n (stateCancel)=\"closeState()\"\r\n />\r\n </fieldset>\r\n }\r\n </mat-expansion-panel>\r\n </mat-card-content>\r\n <mat-card-actions>\r\n <cadmus-close-save-buttons\r\n [form]=\"form\"\r\n [noSave]=\"userLevel < 2\"\r\n (closeRequest)=\"close()\"\r\n />\r\n </mat-card-actions>\r\n </mat-card>\r\n</form>\r\n", styles: ["table{width:100%;border-collapse:collapse}tbody tr:nth-child(odd){background-color:#e2e2e2}th{text-align:left;font-weight:400;color:silver}td.fit-width{width:1px;white-space:nowrap}tr.selected{background-color:#d0d0d0!important}fieldset{border:1px solid silver;border-radius:6px;padding:6px}.state-title{color:silver;margin-right:8px}.nr{color:#fff;background-color:silver;border:1px solid #c0c0c0;border-radius:4px;padding:0 2px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i4$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i4$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: 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: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: PhysicalStateComponent, selector: "cadmus-mat-physical-state", inputs: ["state", "noRecognition", "stateEntries", "reporterEntries", "featEntries"], outputs: ["stateChange", "stateCancel"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: FlatLookupPipe, name: "flatLookup" }] });
6805
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: PhysicalStatesPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }, { token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Component });
6806
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.3", type: PhysicalStatesPartComponent, isStandalone: true, selector: "cadmus-physical-states-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n <mat-card>\r\n <mat-card-header>\r\n <div mat-card-avatar>\r\n <mat-icon>picture_in_picture</mat-icon>\r\n </div>\r\n <mat-card-title>{{\r\n (modelName() | titlecase) || \"Physical States Part\"\r\n }}</mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content>\r\n <div>\r\n <button\r\n type=\"button\"\r\n mat-flat-button\r\n class=\"mat-primary\"\r\n (click)=\"addState()\"\r\n >\r\n <mat-icon>add_circle</mat-icon> state\r\n </button>\r\n </div>\r\n @if (entries.value.length) {\r\n <table>\r\n <thead>\r\n <tr>\r\n <th></th>\r\n <th>type</th>\r\n <th>date</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n @for (entry of entries.value; track entry; let i = $index; let first =\r\n $first; let last = $last) {\r\n <tr [class.selected]=\"edited === entry\">\r\n <td class=\"fit-width\">\r\n <span class=\"nr\">{{ i + 1 }}.</span>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Edit this state\"\r\n (click)=\"editState(entry, i)\"\r\n >\r\n <mat-icon class=\"mat-primary\">edit</mat-icon>\r\n </button>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Move this state up\"\r\n [disabled]=\"first\"\r\n (click)=\"moveStateUp(i)\"\r\n >\r\n <mat-icon>arrow_upward</mat-icon>\r\n </button>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Move this state down\"\r\n [disabled]=\"last\"\r\n (click)=\"moveStateDown(i)\"\r\n >\r\n <mat-icon>arrow_downward</mat-icon>\r\n </button>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Delete this state\"\r\n (click)=\"deleteState(i)\"\r\n >\r\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\r\n </button>\r\n </td>\r\n <td>\r\n {{ entry.type | flatLookup : stateEntries : \"id\" : \"value\" }}\r\n </td>\r\n <td>{{ entry.date | date : \"yyyy-MM-dd\" }}</td>\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n }\r\n <mat-expansion-panel [expanded]=\"edited\" [disabled]=\"!edited\">\r\n @if (edited) {\r\n <fieldset>\r\n <mat-expansion-panel-header>\r\n <mat-panel-title>\r\n <span class=\"state-title\">state</span>\r\n <span class=\"nr\">{{ editedIndex + 1 }}</span>\r\n </mat-panel-title>\r\n </mat-expansion-panel-header>\r\n <cadmus-mat-physical-state\r\n [featEntries]=\"featEntries\"\r\n [stateEntries]=\"stateEntries\"\r\n [reporterEntries]=\"reporterEntries\"\r\n [state]=\"edited\"\r\n (stateChange)=\"saveState($event!)\"\r\n (stateCancel)=\"closeState()\"\r\n />\r\n </fieldset>\r\n }\r\n </mat-expansion-panel>\r\n </mat-card-content>\r\n <mat-card-actions>\r\n <cadmus-close-save-buttons\r\n [form]=\"form\"\r\n [noSave]=\"userLevel < 2\"\r\n (closeRequest)=\"close()\"\r\n />\r\n </mat-card-actions>\r\n </mat-card>\r\n</form>\r\n", styles: ["table{width:100%;border-collapse:collapse}tbody tr:nth-child(odd){background-color:#e2e2e2}th{text-align:left;font-weight:400;color:silver}td.fit-width{width:1px;white-space:nowrap}tr.selected{background-color:#d0d0d0!important}fieldset{border:1px solid silver;border-radius:6px;padding:6px}.state-title{color:silver;margin-right:8px}.nr{color:#fff;background-color:silver;border:1px solid #c0c0c0;border-radius:4px;padding:0 2px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i4$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i4$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: 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: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: PhysicalStateComponent, selector: "cadmus-mat-physical-state", inputs: ["state", "noRecognition", "stateEntries", "reporterEntries", "featEntries"], outputs: ["stateChange", "stateCancel"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: FlatLookupPipe, name: "flatLookup" }] });
6796
6807
  }
6797
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PhysicalStatesPartComponent, decorators: [{
6808
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: PhysicalStatesPartComponent, decorators: [{
6798
6809
  type: Component,
6799
6810
  args: [{ selector: 'cadmus-physical-states-part', imports: [
6800
6811
  FormsModule,
@@ -7057,10 +7068,10 @@ class PinLinksPartComponent extends ModelEditorComponentBase {
7057
7068
  this.links.updateValueAndValidity();
7058
7069
  this.links.markAsDirty();
7059
7070
  }
7060
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PinLinksPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
7061
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: PinLinksPartComponent, isStandalone: true, selector: "cadmus-pin-links-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n <mat-card>\r\n <mat-card-header>\r\n <div mat-card-avatar>\r\n <mat-icon>picture_in_picture</mat-icon>\r\n </div>\r\n <mat-card-title>{{\r\n (modelName() | titlecase) || \"Pin Links Part\"\r\n }}</mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content>\r\n <cadmus-refs-asserted-composite-ids\r\n [ids]=\"links.value || []\"\r\n [idScopeEntries]=\"idScopeEntries\"\r\n [idTagEntries]=\"idTagEntries\"\r\n [assTagEntries]=\"assTagEntries\"\r\n [refTypeEntries]=\"refTypeEntries\"\r\n [refTagEntries]=\"refTagEntries\"\r\n [pinByTypeMode]=\"true\"\r\n [canSwitchMode]=\"true\"\r\n [canEditTarget]=\"true\"\r\n (idsChange)=\"onIdsChange($event)\"\r\n />\r\n </mat-card-content>\r\n <mat-card-actions>\r\n <cadmus-close-save-buttons\r\n [form]=\"form\"\r\n [noSave]=\"userLevel < 2\"\r\n (closeRequest)=\"close()\"\r\n />\r\n </mat-card-actions>\r\n </mat-card>\r\n</form>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: AssertedCompositeIdsComponent, selector: "cadmus-refs-asserted-composite-ids", inputs: ["ids", "idScopeEntries", "idTagEntries", "assTagEntries", "refTypeEntries", "refTagEntries", "pinByTypeMode", "canSwitchMode", "canEditTarget", "lookupDefinitions", "defaultPartTypeKey"], outputs: ["idsChange"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
7071
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: PinLinksPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
7072
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: PinLinksPartComponent, isStandalone: true, selector: "cadmus-pin-links-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n <mat-card>\r\n <mat-card-header>\r\n <div mat-card-avatar>\r\n <mat-icon>picture_in_picture</mat-icon>\r\n </div>\r\n <mat-card-title>{{\r\n (modelName() | titlecase) || \"Pin Links Part\"\r\n }}</mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content>\r\n <cadmus-refs-asserted-composite-ids\r\n [ids]=\"links.value || []\"\r\n [idScopeEntries]=\"idScopeEntries\"\r\n [idTagEntries]=\"idTagEntries\"\r\n [assTagEntries]=\"assTagEntries\"\r\n [refTypeEntries]=\"refTypeEntries\"\r\n [refTagEntries]=\"refTagEntries\"\r\n [pinByTypeMode]=\"true\"\r\n [canSwitchMode]=\"true\"\r\n [canEditTarget]=\"true\"\r\n (idsChange)=\"onIdsChange($event)\"\r\n />\r\n </mat-card-content>\r\n <mat-card-actions>\r\n <cadmus-close-save-buttons\r\n [form]=\"form\"\r\n [noSave]=\"userLevel < 2\"\r\n (closeRequest)=\"close()\"\r\n />\r\n </mat-card-actions>\r\n </mat-card>\r\n</form>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: AssertedCompositeIdsComponent, selector: "cadmus-refs-asserted-composite-ids", inputs: ["ids", "idScopeEntries", "idTagEntries", "assTagEntries", "refTypeEntries", "refTagEntries", "pinByTypeMode", "canSwitchMode", "canEditTarget", "lookupDefinitions", "defaultPartTypeKey"], outputs: ["idsChange"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
7062
7073
  }
7063
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PinLinksPartComponent, decorators: [{
7074
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: PinLinksPartComponent, decorators: [{
7064
7075
  type: Component,
7065
7076
  args: [{ selector: 'cadmus-pin-links-part', imports: [
7066
7077
  FormsModule,
@@ -7290,10 +7301,10 @@ class PinLinksFragmentComponent extends ModelEditorComponentBase {
7290
7301
  this.links.updateValueAndValidity();
7291
7302
  this.links.markAsDirty();
7292
7303
  }
7293
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PinLinksFragmentComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
7294
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: PinLinksFragmentComponent, isStandalone: true, selector: "cadmus-pin-links-fragment", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n <mat-card>\r\n <mat-card-header>\r\n <div mat-card-avatar>\r\n <mat-icon>textsms</mat-icon>\r\n </div>\r\n <mat-card-title\r\n >{{ (modelName() | titlecase) || \"Pin Links Fragment\" }}\r\n </mat-card-title>\r\n </mat-card-header>\r\n\r\n <mat-card-content>\r\n <cadmus-refs-asserted-composite-ids\r\n [ids]=\"links.value || []\"\r\n [idScopeEntries]=\"idScopeEntries\"\r\n [idTagEntries]=\"idTagEntries\"\r\n [assTagEntries]=\"assTagEntries\"\r\n [refTypeEntries]=\"refTypeEntries\"\r\n [refTagEntries]=\"refTagEntries\"\r\n [pinByTypeMode]=\"true\"\r\n [canSwitchMode]=\"true\"\r\n [canEditTarget]=\"true\"\r\n (idsChange)=\"onIdsChange($event)\"\r\n />\r\n </mat-card-content>\r\n\r\n <mat-card-actions>\r\n <cadmus-close-save-buttons\r\n [form]=\"form\"\r\n [noSave]=\"userLevel < 2\"\r\n (closeRequest)=\"close()\"\r\n />\r\n </mat-card-actions>\r\n </mat-card>\r\n</form>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: AssertedCompositeIdsComponent, selector: "cadmus-refs-asserted-composite-ids", inputs: ["ids", "idScopeEntries", "idTagEntries", "assTagEntries", "refTypeEntries", "refTagEntries", "pinByTypeMode", "canSwitchMode", "canEditTarget", "lookupDefinitions", "defaultPartTypeKey"], outputs: ["idsChange"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
7304
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: PinLinksFragmentComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
7305
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: PinLinksFragmentComponent, isStandalone: true, selector: "cadmus-pin-links-fragment", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n <mat-card>\r\n <mat-card-header>\r\n <div mat-card-avatar>\r\n <mat-icon>textsms</mat-icon>\r\n </div>\r\n <mat-card-title\r\n >{{ (modelName() | titlecase) || \"Pin Links Fragment\" }}\r\n </mat-card-title>\r\n </mat-card-header>\r\n\r\n <mat-card-content>\r\n <cadmus-refs-asserted-composite-ids\r\n [ids]=\"links.value || []\"\r\n [idScopeEntries]=\"idScopeEntries\"\r\n [idTagEntries]=\"idTagEntries\"\r\n [assTagEntries]=\"assTagEntries\"\r\n [refTypeEntries]=\"refTypeEntries\"\r\n [refTagEntries]=\"refTagEntries\"\r\n [pinByTypeMode]=\"true\"\r\n [canSwitchMode]=\"true\"\r\n [canEditTarget]=\"true\"\r\n (idsChange)=\"onIdsChange($event)\"\r\n />\r\n </mat-card-content>\r\n\r\n <mat-card-actions>\r\n <cadmus-close-save-buttons\r\n [form]=\"form\"\r\n [noSave]=\"userLevel < 2\"\r\n (closeRequest)=\"close()\"\r\n />\r\n </mat-card-actions>\r\n </mat-card>\r\n</form>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: AssertedCompositeIdsComponent, selector: "cadmus-refs-asserted-composite-ids", inputs: ["ids", "idScopeEntries", "idTagEntries", "assTagEntries", "refTypeEntries", "refTagEntries", "pinByTypeMode", "canSwitchMode", "canEditTarget", "lookupDefinitions", "defaultPartTypeKey"], outputs: ["idsChange"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
7295
7306
  }
7296
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PinLinksFragmentComponent, decorators: [{
7307
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: PinLinksFragmentComponent, decorators: [{
7297
7308
  type: Component,
7298
7309
  args: [{ selector: 'cadmus-pin-links-fragment', imports: [
7299
7310
  FormsModule,
@@ -7557,10 +7568,10 @@ class TextTileComponent {
7557
7568
  this.tile.set(this.getTile());
7558
7569
  this.editing = false;
7559
7570
  }
7560
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: TextTileComponent, deps: [{ token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
7561
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: TextTileComponent, isStandalone: true, selector: "cadmus-text-tile", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, checkable: { classPropertyName: "checkable", publicName: "checkable", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, tile: { classPropertyName: "tile", publicName: "tile", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", tile: "tileChange", editData: "editData" }, viewQueries: [{ propertyName: "textElement", first: true, predicate: ["textInput"], descendants: true }], ngImport: i0, template: "@if (tile()) {\n<div\n class=\"tile\"\n [class.checked]=\"checked\"\n [class.selected]=\"selected()\"\n [style.background-color]=\"color() || 'transparent'\"\n tabindex=\"1\"\n (keydown.F2)=\"edit()\"\n (keydown.F3)=\"requestEditData()\"\n (keydown.space)=\"toggleCheckedNonEdit()\"\n>\n @if (editing) {\n <form [formGroup]=\"form\" (submit)=\"save()\">\n <mat-form-field>\n <mat-label>text [{{ tile()!.x }}]</mat-label>\n <input\n #textInput\n matInput\n type=\"text\"\n spellcheck=\"false\"\n formControlName=\"editedText\"\n (keydown.esc)=\"cancel()\"\n />\n @if ( editedText.hasError('required') && (editedText.dirty ||\n editedText.touched) ) {\n <mat-error>enter a text</mat-error>\n } @if ( editedText.hasError('maxLength') && (editedText.dirty ||\n editedText.touched) ) {\n <mat-error>text too long</mat-error>\n } @if ( editedText.hasError('pattern') && (editedText.dirty ||\n editedText.touched) ) {\n <mat-error>no whitespaces allowed</mat-error>\n }\n </mat-form-field>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Discard text\"\n (click)=\"cancel()\"\n >\n <mat-icon class=\"mat-warn\">clear</mat-icon>\n </button>\n <button\n type=\"submit\"\n [disabled]=\"form.invalid\"\n mat-icon-button\n matTooltip=\"Save text\"\n >\n <mat-icon class=\"mat-primary\">check_circle</mat-icon>\n </button>\n </form>\n } @if (!editing) {\n <ng-container style=\"display: flex; align-items: center\">\n <span class=\"text\">{{ text }}</span>\n @if (!readonly()) {\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Edit text (F2)\"\n (click)=\"edit()\"\n >\n <mat-icon class=\"mat-primary\">edit</mat-icon>\n </button>\n } @if (checkable()) {\n <mat-checkbox\n [formControl]=\"checker\"\n matTooltip=\"Toggle check\"\n ></mat-checkbox>\n }\n </ng-container>\n }\n</div>\n}\n", styles: ["div.tile{margin:2px;padding-left:4px;padding-right:4px;border:1px solid transparent;border-radius:4px}div.tile:hover{margin:2px;padding-left:4px;padding-right:4px;border:1px solid gray;border-radius:4px}div.selected{border:2px solid gray #202020}div.checked{background-color:#f0f8ff}span.text{font-weight:700;color:#202020;padding:4px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: 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: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }] });
7571
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: TextTileComponent, deps: [{ token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
7572
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.3", type: TextTileComponent, isStandalone: true, selector: "cadmus-text-tile", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, checkable: { classPropertyName: "checkable", publicName: "checkable", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, tile: { classPropertyName: "tile", publicName: "tile", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", tile: "tileChange", editData: "editData" }, viewQueries: [{ propertyName: "textElement", first: true, predicate: ["textInput"], descendants: true }], ngImport: i0, template: "@if (tile()) {\n<div\n class=\"tile\"\n [class.checked]=\"checked\"\n [class.selected]=\"selected()\"\n [style.background-color]=\"color() || 'transparent'\"\n tabindex=\"1\"\n (keydown.F2)=\"edit()\"\n (keydown.F3)=\"requestEditData()\"\n (keydown.space)=\"toggleCheckedNonEdit()\"\n>\n @if (editing) {\n <form [formGroup]=\"form\" (submit)=\"save()\">\n <mat-form-field>\n <mat-label>text [{{ tile()!.x }}]</mat-label>\n <input\n #textInput\n matInput\n type=\"text\"\n spellcheck=\"false\"\n formControlName=\"editedText\"\n (keydown.esc)=\"cancel()\"\n />\n @if ( editedText.hasError('required') && (editedText.dirty ||\n editedText.touched) ) {\n <mat-error>enter a text</mat-error>\n } @if ( editedText.hasError('maxLength') && (editedText.dirty ||\n editedText.touched) ) {\n <mat-error>text too long</mat-error>\n } @if ( editedText.hasError('pattern') && (editedText.dirty ||\n editedText.touched) ) {\n <mat-error>no whitespaces allowed</mat-error>\n }\n </mat-form-field>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Discard text\"\n (click)=\"cancel()\"\n >\n <mat-icon class=\"mat-warn\">clear</mat-icon>\n </button>\n <button\n type=\"submit\"\n [disabled]=\"form.invalid\"\n mat-icon-button\n matTooltip=\"Save text\"\n >\n <mat-icon class=\"mat-primary\">check_circle</mat-icon>\n </button>\n </form>\n } @if (!editing) {\n <ng-container style=\"display: flex; align-items: center\">\n <span class=\"text\">{{ text }}</span>\n @if (!readonly()) {\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Edit text (F2)\"\n (click)=\"edit()\"\n >\n <mat-icon class=\"mat-primary\">edit</mat-icon>\n </button>\n } @if (checkable()) {\n <mat-checkbox\n [formControl]=\"checker\"\n matTooltip=\"Toggle check\"\n ></mat-checkbox>\n }\n </ng-container>\n }\n</div>\n}\n", styles: ["div.tile{margin:2px;padding-left:4px;padding-right:4px;border:1px solid transparent;border-radius:4px}div.tile:hover{margin:2px;padding-left:4px;padding-right:4px;border:1px solid gray;border-radius:4px}div.selected{border:2px solid gray #202020}div.checked{background-color:#f0f8ff}span.text{font-weight:700;color:#202020;padding:4px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: 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: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }] });
7562
7573
  }
7563
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: TextTileComponent, decorators: [{
7574
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: TextTileComponent, decorators: [{
7564
7575
  type: Component,
7565
7576
  args: [{ selector: 'cadmus-text-tile', imports: [
7566
7577
  FormsModule,
@@ -7721,10 +7732,10 @@ class TiledDataComponent {
7721
7732
  }
7722
7733
  this.data.set(this.getData());
7723
7734
  }
7724
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: TiledDataComponent, deps: [{ token: i2.FormBuilder }, { token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Component });
7725
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: TiledDataComponent, isStandalone: true, selector: "cadmus-tiled-data", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, hiddenKeys: { classPropertyName: "hiddenKeys", publicName: "hiddenKeys", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { data: "dataChange", cancel: "cancel" }, ngImport: i0, template: "<div>\n @if (title()) {\n <h3>{{ title() }}</h3>\n }\n <form [formGroup]=\"filterForm\">\n <mat-form-field>\n <mat-label>filter</mat-label>\n <input\n matInput\n type=\"text\"\n spellcheck=\"false\"\n formControlName=\"keyFilter\"\n />\n @if (keyFilter.value) {\n <button\n type=\"button\"\n mat-button\n matSuffix\n mat-icon-button\n aria-label=\"Clear\"\n (click)=\"keyFilter.setValue('')\"\n >\n <mat-icon>close</mat-icon>\n </button>\n }\n </mat-form-field>\n </form>\n <form [formGroup]=\"form\" (submit)=\"save()\">\n <table>\n <tbody>\n @for (key of keys; track key) {\n <tr>\n @if (key.visible) {\n <td>\n <button\n type=\"button\"\n (click)=\"deleteDatum(key)\"\n mat-icon-button\n matTooltip=\"Remove this datum\"\n >\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\n </button>\n </td>\n <td class=\"key-label\">\n {{ key.value }}\n </td>\n <td>\n <mat-form-field>\n <input\n matInput\n spellcheck=\"false\"\n [formControlName]=\"key.value\"\n />\n </mat-form-field>\n </td>\n }\n </tr>\n }\n </tbody>\n </table>\n <div>\n <form [formGroup]=\"newForm\" (submit)=\"addDatum()\">\n <mat-form-field>\n <mat-label>key</mat-label>\n <input matInput type=\"text\" formControlName=\"newKey\" />\n @if ( newKey.hasError('required') && (newKey.dirty || newKey.touched)\n ) {\n <mat-error>enter a key</mat-error>\n } @if ( newKey.hasError('pattern') && (newKey.dirty || newKey.touched)\n ) {\n <mat-error>invalid key</mat-error>\n }\n </mat-form-field>\n &nbsp;\n <mat-form-field>\n <mat-label>value</mat-label>\n <input matInput type=\"text\" formControlName=\"newValue\" />\n @if ( newValue.hasError('maxLength') && (newValue.dirty ||\n newValue.touched) ) {\n <mat-error>too long</mat-error>\n }\n </mat-form-field>\n <button type=\"submit\" matTooltip=\"Add new datum\" mat-icon-button>\n <mat-icon>add_circle</mat-icon>\n </button>\n </form>\n </div>\n <div>\n <button\n type=\"button\"\n mat-icon-button\n (click)=\"close()\"\n matTooltip=\"Close without saving\"\n >\n <mat-icon class=\"mat-warn\">clear</mat-icon>\n </button>\n <button\n type=\"submit\"\n mat-button\n class=\"mat-primary\"\n [disabled]=\"form.invalid\"\n matTooltip=\"Save data\"\n >\n <mat-icon>check_circle</mat-icon>\n save data\n </button>\n </div>\n </form>\n</div>\n", styles: ["td.key-label{padding-right:8px;color:gray;font-weight:700}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: 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: "component", type: 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: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }] });
7735
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: TiledDataComponent, deps: [{ token: i2.FormBuilder }, { token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Component });
7736
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.3", type: TiledDataComponent, isStandalone: true, selector: "cadmus-tiled-data", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, hiddenKeys: { classPropertyName: "hiddenKeys", publicName: "hiddenKeys", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { data: "dataChange", cancel: "cancel" }, ngImport: i0, template: "<div>\n @if (title()) {\n <h3>{{ title() }}</h3>\n }\n <form [formGroup]=\"filterForm\">\n <mat-form-field>\n <mat-label>filter</mat-label>\n <input\n matInput\n type=\"text\"\n spellcheck=\"false\"\n formControlName=\"keyFilter\"\n />\n @if (keyFilter.value) {\n <button\n type=\"button\"\n mat-button\n matSuffix\n mat-icon-button\n aria-label=\"Clear\"\n (click)=\"keyFilter.setValue('')\"\n >\n <mat-icon>close</mat-icon>\n </button>\n }\n </mat-form-field>\n </form>\n <form [formGroup]=\"form\" (submit)=\"save()\">\n <table>\n <tbody>\n @for (key of keys; track key) {\n <tr>\n @if (key.visible) {\n <td>\n <button\n type=\"button\"\n (click)=\"deleteDatum(key)\"\n mat-icon-button\n matTooltip=\"Remove this datum\"\n >\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\n </button>\n </td>\n <td class=\"key-label\">\n {{ key.value }}\n </td>\n <td>\n <mat-form-field>\n <input\n matInput\n spellcheck=\"false\"\n [formControlName]=\"key.value\"\n />\n </mat-form-field>\n </td>\n }\n </tr>\n }\n </tbody>\n </table>\n <div>\n <form [formGroup]=\"newForm\" (submit)=\"addDatum()\">\n <mat-form-field>\n <mat-label>key</mat-label>\n <input matInput type=\"text\" formControlName=\"newKey\" />\n @if ( newKey.hasError('required') && (newKey.dirty || newKey.touched)\n ) {\n <mat-error>enter a key</mat-error>\n } @if ( newKey.hasError('pattern') && (newKey.dirty || newKey.touched)\n ) {\n <mat-error>invalid key</mat-error>\n }\n </mat-form-field>\n &nbsp;\n <mat-form-field>\n <mat-label>value</mat-label>\n <input matInput type=\"text\" formControlName=\"newValue\" />\n @if ( newValue.hasError('maxLength') && (newValue.dirty ||\n newValue.touched) ) {\n <mat-error>too long</mat-error>\n }\n </mat-form-field>\n <button type=\"submit\" matTooltip=\"Add new datum\" mat-icon-button>\n <mat-icon>add_circle</mat-icon>\n </button>\n </form>\n </div>\n <div>\n <button\n type=\"button\"\n mat-icon-button\n (click)=\"close()\"\n matTooltip=\"Close without saving\"\n >\n <mat-icon class=\"mat-warn\">clear</mat-icon>\n </button>\n <button\n type=\"submit\"\n mat-button\n class=\"mat-primary\"\n [disabled]=\"form.invalid\"\n matTooltip=\"Save data\"\n >\n <mat-icon>check_circle</mat-icon>\n save data\n </button>\n </div>\n </form>\n</div>\n", styles: ["td.key-label{padding-right:8px;color:gray;font-weight:700}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: 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: "component", type: 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: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }] });
7726
7737
  }
7727
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: TiledDataComponent, decorators: [{
7738
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: TiledDataComponent, decorators: [{
7728
7739
  type: Component,
7729
7740
  args: [{ selector: 'cadmus-tiled-data', imports: [
7730
7741
  FormsModule,
@@ -7972,10 +7983,10 @@ class TiledTextPartComponent extends ModelEditorComponentBase {
7972
7983
  return `${y},${tile.x}`;
7973
7984
  }
7974
7985
  }
7975
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: TiledTextPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }, { token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Component });
7976
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: TiledTextPartComponent, isStandalone: true, selector: "cadmus-tiled-text-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\n <mat-card appearance=\"outlined\">\n <mat-card-header>\n <div mat-card-avatar>\n <mat-icon>picture_in_picture</mat-icon>\n </div>\n <mat-card-title>{{\n (modelName() | titlecase) || \"Tiled Text Part\"\n }}</mat-card-title>\n </mat-card-header>\n\n <mat-card-content>\n <mat-tab-group [(selectedIndex)]=\"currentTabIndex\">\n <mat-tab label=\"Text\">\n <!-- citation -->\n <div>\n <mat-form-field style=\"min-width: 400px\">\n <mat-label>citation</mat-label>\n <input matInput formControlName=\"citation\" />\n @if ( citation.hasError('maxLength') && (citation.dirty ||\n citation.touched) ) {\n <mat-error></mat-error>\n }\n </mat-form-field>\n </div>\n\n <!-- rows -->\n @if (rows) {\n <div cdkDropListGroup>\n <!-- row -->\n @for ( row of rows.value; track row; let i = $index; let first =\n $first; let last = $last) {\n <div\n cdkDropList\n cdkDropListOrientation=\"horizontal\"\n (cdkDropListDropped)=\"drop($any($event), row)\"\n style=\"display: flex; flex-flow: row wrap\"\n >\n <!-- nr -->\n <span class=\"row-nr\">{{ i + 1 }}</span>\n <!-- tile -->\n @for (tile of row.tiles || []; track tile) {\n <cadmus-text-tile\n [tile]=\"tile\"\n [selected]=\"tile === selectedTile\"\n cdkDrag\n style=\"flex: 0 0 auto\"\n (click)=\"selectedTile = tile\"\n (editData)=\"editTileData(tile)\"\n (tileChange)=\"onTileChange($event!)\"\n >\n <div class=\"tile-placeholder\" *cdkDragPlaceholder></div>\n </cadmus-text-tile>\n }\n <!-- row tail buttons -->\n <div class=\"unmuted-hovering\">\n <button\n type=\"button\"\n mat-icon-button\n (click)=\"addTile(row)\"\n matTooltip=\"Append new tile\"\n >\n <mat-icon>add_circle</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n (click)=\"moveRowUp(i)\"\n [disabled]=\"first\"\n matTooltip=\"Move this row up\"\n >\n <mat-icon>arrow_upward</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n (click)=\"moveRowDown(i)\"\n [disabled]=\"last\"\n matTooltip=\"Move this row down\"\n >\n <mat-icon>arrow_downward</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Delete whole row\"\n (click)=\"deleteRow(i)\"\n >\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Edit row's data\"\n (click)=\"editRowData(row)\"\n >\n <mat-icon>list</mat-icon>\n </button>\n </div>\n </div>\n }\n </div>\n }\n <!-- bottom buttons -->\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Append new row\"\n (click)=\"addRow()\"\n >\n <mat-icon>add_circle</mat-icon>\n </button>\n <span>{{ getTileCoords() }}</span>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Edit selected tile's data\"\n [disabled]=\"!selectedTile\"\n (click)=\"editTileData(selectedTile!)\"\n >\n <mat-icon>list</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Delete the selected tile\"\n (click)=\"deleteSelectedTile()\"\n [disabled]=\"!selectedTile\"\n >\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\n </button>\n\n <mat-card-actions>\n <cadmus-close-save-buttons\n [form]=\"form\"\n [noSave]=\"userLevel < 2\"\n (closeRequest)=\"close()\"\n />\n </mat-card-actions>\n </mat-tab>\n\n @if (editedData) {\n <mat-tab label=\"Data\">\n <cadmus-tiled-data\n [data]=\"editedData\"\n [title]=\"editedDataTitle\"\n [hiddenKeys]=\"['text']\"\n (cancel)=\"closeDataEditor()\"\n (dataChange)=\"saveEditedData($event)\"\n />\n </mat-tab>\n }\n </mat-tab-group>\n </mat-card-content>\n </mat-card>\n</form>\n", styles: ["span.row-nr{color:silver;font-weight:700}div.tile-placeholder{background:#ccc;border:dotted 3px #999;min-width:60px;transition:transform .25s cubic-bezier(0,0,.2,1)}.unmuted-hovering{opacity:.2}.unmuted-hovering:hover{opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: 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: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "component", type: TextTileComponent, selector: "cadmus-text-tile", inputs: ["selected", "checkable", "readonly", "color", "checked", "tile"], outputs: ["checkedChange", "tileChange", "editData"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: TiledDataComponent, selector: "cadmus-tiled-data", inputs: ["title", "data", "hiddenKeys"], outputs: ["dataChange", "cancel"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
7986
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: TiledTextPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }, { token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Component });
7987
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.3", type: TiledTextPartComponent, isStandalone: true, selector: "cadmus-tiled-text-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\n <mat-card appearance=\"outlined\">\n <mat-card-header>\n <div mat-card-avatar>\n <mat-icon>picture_in_picture</mat-icon>\n </div>\n <mat-card-title>{{\n (modelName() | titlecase) || \"Tiled Text Part\"\n }}</mat-card-title>\n </mat-card-header>\n\n <mat-card-content>\n <mat-tab-group [(selectedIndex)]=\"currentTabIndex\">\n <mat-tab label=\"Text\">\n <!-- citation -->\n <div>\n <mat-form-field style=\"min-width: 400px\">\n <mat-label>citation</mat-label>\n <input matInput formControlName=\"citation\" />\n @if ( citation.hasError('maxLength') && (citation.dirty ||\n citation.touched) ) {\n <mat-error></mat-error>\n }\n </mat-form-field>\n </div>\n\n <!-- rows -->\n @if (rows) {\n <div cdkDropListGroup>\n <!-- row -->\n @for ( row of rows.value; track row; let i = $index; let first =\n $first; let last = $last) {\n <div\n cdkDropList\n cdkDropListOrientation=\"horizontal\"\n (cdkDropListDropped)=\"drop($any($event), row)\"\n style=\"display: flex; flex-flow: row wrap\"\n >\n <!-- nr -->\n <span class=\"row-nr\">{{ i + 1 }}</span>\n <!-- tile -->\n @for (tile of row.tiles || []; track tile) {\n <cadmus-text-tile\n [tile]=\"tile\"\n [selected]=\"tile === selectedTile\"\n cdkDrag\n style=\"flex: 0 0 auto\"\n (click)=\"selectedTile = tile\"\n (editData)=\"editTileData(tile)\"\n (tileChange)=\"onTileChange($event!)\"\n >\n <div class=\"tile-placeholder\" *cdkDragPlaceholder></div>\n </cadmus-text-tile>\n }\n <!-- row tail buttons -->\n <div class=\"unmuted-hovering\">\n <button\n type=\"button\"\n mat-icon-button\n (click)=\"addTile(row)\"\n matTooltip=\"Append new tile\"\n >\n <mat-icon>add_circle</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n (click)=\"moveRowUp(i)\"\n [disabled]=\"first\"\n matTooltip=\"Move this row up\"\n >\n <mat-icon>arrow_upward</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n (click)=\"moveRowDown(i)\"\n [disabled]=\"last\"\n matTooltip=\"Move this row down\"\n >\n <mat-icon>arrow_downward</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Delete whole row\"\n (click)=\"deleteRow(i)\"\n >\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Edit row's data\"\n (click)=\"editRowData(row)\"\n >\n <mat-icon>list</mat-icon>\n </button>\n </div>\n </div>\n }\n </div>\n }\n <!-- bottom buttons -->\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Append new row\"\n (click)=\"addRow()\"\n >\n <mat-icon>add_circle</mat-icon>\n </button>\n <span>{{ getTileCoords() }}</span>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Edit selected tile's data\"\n [disabled]=\"!selectedTile\"\n (click)=\"editTileData(selectedTile!)\"\n >\n <mat-icon>list</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Delete the selected tile\"\n (click)=\"deleteSelectedTile()\"\n [disabled]=\"!selectedTile\"\n >\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\n </button>\n\n <mat-card-actions>\n <cadmus-close-save-buttons\n [form]=\"form\"\n [noSave]=\"userLevel < 2\"\n (closeRequest)=\"close()\"\n />\n </mat-card-actions>\n </mat-tab>\n\n @if (editedData) {\n <mat-tab label=\"Data\">\n <cadmus-tiled-data\n [data]=\"editedData\"\n [title]=\"editedDataTitle\"\n [hiddenKeys]=\"['text']\"\n (cancel)=\"closeDataEditor()\"\n (dataChange)=\"saveEditedData($event)\"\n />\n </mat-tab>\n }\n </mat-tab-group>\n </mat-card-content>\n </mat-card>\n</form>\n", styles: ["span.row-nr{color:silver;font-weight:700}div.tile-placeholder{background:#ccc;border:dotted 3px #999;min-width:60px;transition:transform .25s cubic-bezier(0,0,.2,1)}.unmuted-hovering{opacity:.2}.unmuted-hovering:hover{opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: 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: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "component", type: TextTileComponent, selector: "cadmus-text-tile", inputs: ["selected", "checkable", "readonly", "color", "checked", "tile"], outputs: ["checkedChange", "tileChange", "editData"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: TiledDataComponent, selector: "cadmus-tiled-data", inputs: ["title", "data", "hiddenKeys"], outputs: ["dataChange", "cancel"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
7977
7988
  }
7978
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: TiledTextPartComponent, decorators: [{
7989
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: TiledTextPartComponent, decorators: [{
7979
7990
  type: Component,
7980
7991
  args: [{ selector: 'cadmus-tiled-text-part', imports: [
7981
7992
  FormsModule,
@@ -8241,10 +8252,10 @@ class TokenTextPartComponent extends ModelEditorComponentBase {
8241
8252
  }
8242
8253
  });
8243
8254
  }
8244
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: TokenTextPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }, { token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Component });
8245
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: TokenTextPartComponent, isStandalone: true, selector: "cadmus-token-text-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\n <mat-card appearance=\"outlined\">\n <mat-card-header>\n <div mat-card-avatar>\n <mat-icon>picture_in_picture</mat-icon>\n </div>\n <mat-card-title>{{\n (modelName() | titlecase) || \"Token Text Part\"\n }}</mat-card-title>\n </mat-card-header>\n\n <mat-card-content>\n <div id=\"container\">\n <div id=\"cit\">\n <!-- citation -->\n <mat-form-field>\n <mat-label>citation</mat-label>\n <input matInput [formControl]=\"citation\" />\n </mat-form-field>\n </div>\n\n <!-- transforms -->\n <div id=\"trs\">\n <mat-form-field>\n <mat-label>operation</mat-label>\n <mat-select [formControl]=\"transform\">\n <mat-option value=\"ws\">normalize ws</mat-option>\n <mat-option value=\"split\">split at stops</mat-option>\n </mat-select>\n </mat-form-field>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Apply the selected text transformation\"\n (click)=\"applyTransform()\"\n >\n <mat-icon class=\"mat-warn\">find_replace</mat-icon>\n </button>\n </div>\n\n <!-- text -->\n <div id=\"txt\">\n <nge-monaco-editor\n style=\"--editor-height: 800px\"\n (ready)=\"onCreateEditor($event)\"\n />\n @if (text.hasError('required') && (text.touched || text.dirty)) {\n <mat-error>please enter some text</mat-error>\n }\n </div>\n </div>\n\n <mat-card-actions>\n <cadmus-close-save-buttons\n [form]=\"form\"\n [noSave]=\"userLevel < 2\"\n (closeRequest)=\"close()\"\n />\n </mat-card-actions>\n </mat-card-content>\n </mat-card>\n</form>\n", styles: ["div#container{display:grid;grid-template-rows:auto 1fr;grid-template-columns:auto 1fr;grid-template-areas:\"cit trs\" \"txt txt\";gap:8px}div#cit{grid-area:cit}div#trs{grid-area:trs}div#txt{grid-area:txt}@media only screen and (max-width: 959px){div#container{grid-template-rows:auto auto 1fr;grid-template-columns:1fr;grid-template-areas:\"cit\" \"trs\" \"txt\"}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: 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: "component", type: 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: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: NgeMonacoModule }, { kind: "component", type: i4$3.NgeMonacoEditorComponent, selector: "nge-monaco-editor", inputs: ["autoLayout", "options"], outputs: ["ready"] }, { kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
8255
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: TokenTextPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }, { token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Component });
8256
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.3", type: TokenTextPartComponent, isStandalone: true, selector: "cadmus-token-text-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\n <mat-card appearance=\"outlined\">\n <mat-card-header>\n <div mat-card-avatar>\n <mat-icon>picture_in_picture</mat-icon>\n </div>\n <mat-card-title>{{\n (modelName() | titlecase) || \"Token Text Part\"\n }}</mat-card-title>\n </mat-card-header>\n\n <mat-card-content>\n <div id=\"container\">\n <div id=\"cit\">\n <!-- citation -->\n <mat-form-field>\n <mat-label>citation</mat-label>\n <input matInput [formControl]=\"citation\" />\n </mat-form-field>\n </div>\n\n <!-- transforms -->\n <div id=\"trs\">\n <mat-form-field>\n <mat-label>operation</mat-label>\n <mat-select [formControl]=\"transform\">\n <mat-option value=\"ws\">normalize ws</mat-option>\n <mat-option value=\"split\">split at stops</mat-option>\n </mat-select>\n </mat-form-field>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Apply the selected text transformation\"\n (click)=\"applyTransform()\"\n >\n <mat-icon class=\"mat-warn\">find_replace</mat-icon>\n </button>\n </div>\n\n <!-- text -->\n <div id=\"txt\">\n <nge-monaco-editor\n style=\"--editor-height: 800px\"\n (ready)=\"onCreateEditor($event)\"\n />\n @if (text.hasError('required') && (text.touched || text.dirty)) {\n <mat-error>please enter some text</mat-error>\n }\n </div>\n </div>\n\n <mat-card-actions>\n <cadmus-close-save-buttons\n [form]=\"form\"\n [noSave]=\"userLevel < 2\"\n (closeRequest)=\"close()\"\n />\n </mat-card-actions>\n </mat-card-content>\n </mat-card>\n</form>\n", styles: ["div#container{display:grid;grid-template-rows:auto 1fr;grid-template-columns:auto 1fr;grid-template-areas:\"cit trs\" \"txt txt\";gap:8px}div#cit{grid-area:cit}div#trs{grid-area:trs}div#txt{grid-area:txt}@media only screen and (max-width: 959px){div#container{grid-template-rows:auto auto 1fr;grid-template-columns:1fr;grid-template-areas:\"cit\" \"trs\" \"txt\"}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: 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: "component", type: 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: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: NgeMonacoModule }, { kind: "component", type: i4$3.NgeMonacoEditorComponent, selector: "nge-monaco-editor", inputs: ["autoLayout", "options"], outputs: ["ready"] }, { kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] });
8246
8257
  }
8247
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: TokenTextPartComponent, decorators: [{
8258
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: TokenTextPartComponent, decorators: [{
8248
8259
  type: Component,
8249
8260
  args: [{ selector: 'cadmus-token-text-part', imports: [
8250
8261
  FormsModule,