@myrmidon/cadmus-part-general-ui 12.0.2 → 14.0.0
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.
- package/fesm2022/myrmidon-cadmus-part-general-ui.mjs +177 -181
- package/fesm2022/myrmidon-cadmus-part-general-ui.mjs.map +1 -1
- package/index.d.ts +4038 -3
- package/package.json +14 -14
- package/lib/asserted-historical-date/asserted-historical-date.component.d.ts +0 -27
- package/lib/asserted-historical-dates-part/asserted-historical-dates-part.component.d.ts +0 -41
- package/lib/asserted-historical-dates-part.d.ts +0 -167
- package/lib/bib-authors-editor/bib-authors-editor.component.d.ts +0 -23
- package/lib/bibliography-entry/bibliography-entry.component.d.ts +0 -59
- package/lib/bibliography-part/bibliography-part.component.d.ts +0 -41
- package/lib/bibliography-part.d.ts +0 -199
- package/lib/categories-part/categories-part.component.d.ts +0 -26
- package/lib/categories-part.d.ts +0 -60
- package/lib/chronology-fragment/chronology-fragment.component.d.ts +0 -30
- package/lib/chronology-fragment.d.ts +0 -105
- package/lib/chronotopes-part/chronotopes-part.component.d.ts +0 -41
- package/lib/chronotopes-part.d.ts +0 -224
- package/lib/comment-editor/comment-editor.component.d.ts +0 -75
- package/lib/comment-fragment.d.ts +0 -95
- package/lib/comment-part.d.ts +0 -190
- package/lib/decorated-counts-part/decorated-counts-part.component.d.ts +0 -27
- package/lib/decorated-counts-part.d.ts +0 -78
- package/lib/district-location-part/district-location-part.component.d.ts +0 -29
- package/lib/district-location-part.d.ts +0 -88
- package/lib/doc-references-part/doc-references-part.component.d.ts +0 -27
- package/lib/doc-references-part.d.ts +0 -78
- package/lib/external-ids-part/external-ids-part.component.d.ts +0 -32
- package/lib/external-ids-part.d.ts +0 -78
- package/lib/historical-date-part/historical-date-part.component.d.ts +0 -26
- package/lib/historical-date-part.d.ts +0 -146
- package/lib/historical-event-editor/historical-event-editor.component.d.ts +0 -103
- package/lib/historical-events-part/historical-events-part.component.d.ts +0 -75
- package/lib/historical-events-part.d.ts +0 -405
- package/lib/index-keyword/index-keyword.component.d.ts +0 -24
- package/lib/index-keywords-part/index-keywords-part.component.d.ts +0 -34
- package/lib/index-keywords-part.d.ts +0 -88
- package/lib/keywords-part/keywords-part.component.d.ts +0 -30
- package/lib/keywords-part.d.ts +0 -73
- package/lib/metadata-part/metadata-part.component.d.ts +0 -40
- package/lib/metadata-part.d.ts +0 -82
- package/lib/names-part/names-part.component.d.ts +0 -52
- package/lib/names-part.d.ts +0 -127
- package/lib/note-part/note-part.component.d.ts +0 -34
- package/lib/note-part.d.ts +0 -61
- package/lib/physical-measurements-part/physical-measurements-part.component.d.ts +0 -28
- package/lib/physical-measurements-part.d.ts +0 -78
- package/lib/physical-states-part/physical-states-part.component.d.ts +0 -39
- package/lib/physical-states-part.d.ts +0 -84
- package/lib/pin-links-fragment/pin-links-fragment.component.d.ts +0 -41
- package/lib/pin-links-fragment.d.ts +0 -111
- package/lib/pin-links-part/pin-links-part.component.d.ts +0 -41
- package/lib/pin-links-part.d.ts +0 -139
- package/lib/related-entity/related-entity.component.d.ts +0 -44
- package/lib/text-tile/text-tile.component.d.ts +0 -34
- package/lib/tiled-data/tiled-data.component.d.ts +0 -43
- package/lib/tiled-text-part/tiled-text-part.component.d.ts +0 -71
- package/lib/tiled-text-part.d.ts +0 -127
- package/lib/token-text-part/token-text-part.component.d.ts +0 -35
- package/lib/token-text-part.d.ts +0 -85
- package/public-api.d.ts +0 -55
|
@@ -1,17 +1,15 @@
|
|
|
1
|
-
import * as i4$2 from '@angular/common';
|
|
2
|
-
import { CommonModule, TitleCasePipe, DatePipe } from '@angular/common';
|
|
3
1
|
import * as i0 from '@angular/core';
|
|
4
2
|
import { model, output, input, effect, Component, Inject, Optional, ViewChild } from '@angular/core';
|
|
5
3
|
import * as i2 from '@angular/forms';
|
|
6
4
|
import { Validators, ReactiveFormsModule, FormsModule } from '@angular/forms';
|
|
7
|
-
import * as
|
|
5
|
+
import * as i4 from '@angular/material/button';
|
|
8
6
|
import { MatButtonModule, MatButton, MatIconButton } from '@angular/material/button';
|
|
9
7
|
import { MatCheckboxModule, MatCheckbox } from '@angular/material/checkbox';
|
|
10
|
-
import * as i4 from '@angular/material/expansion';
|
|
8
|
+
import * as i4$1 from '@angular/material/expansion';
|
|
11
9
|
import { MatExpansionModule, MatExpansionPanel, MatExpansionPanelHeader, MatExpansionPanelTitle } from '@angular/material/expansion';
|
|
12
|
-
import * as i4$
|
|
10
|
+
import * as i4$2 from '@angular/material/form-field';
|
|
13
11
|
import { MatFormFieldModule, MatFormField, MatLabel, MatError, MatSuffix, MatHint } from '@angular/material/form-field';
|
|
14
|
-
import * as i5
|
|
12
|
+
import * as i5 from '@angular/material/icon';
|
|
15
13
|
import { MatIconModule, MatIcon } from '@angular/material/icon';
|
|
16
14
|
import * as i6 from '@angular/material/input';
|
|
17
15
|
import { MatInputModule, MatInput } from '@angular/material/input';
|
|
@@ -21,7 +19,9 @@ import * as i8 from '@angular/material/tooltip';
|
|
|
21
19
|
import { MatTooltipModule, MatTooltip } from '@angular/material/tooltip';
|
|
22
20
|
import { AssertionComponent } from '@myrmidon/cadmus-refs-assertion';
|
|
23
21
|
import { HistoricalDateComponent, HistoricalDate, HistoricalDatePipe } from '@myrmidon/cadmus-refs-historical-date';
|
|
24
|
-
import * as
|
|
22
|
+
import * as i9 from '@angular/common';
|
|
23
|
+
import { CommonModule, TitleCasePipe, DatePipe } from '@angular/common';
|
|
24
|
+
import * as i5$1 from '@angular/material/card';
|
|
25
25
|
import { MatCardModule, MatCard, MatCardHeader, MatCardAvatar, MatCardTitle, MatCardContent, MatCardActions, MatCardSubtitle } from '@angular/material/card';
|
|
26
26
|
import { NgxToolsValidators, FlatLookupPipe } from '@myrmidon/ngx-tools';
|
|
27
27
|
import { ModelEditorComponentBase, CloseSaveButtonsComponent, renderLabelFromLastColon, ThesaurusTreeComponent } from '@myrmidon/cadmus-ui';
|
|
@@ -223,20 +223,20 @@ const ASSERTED_HISTORICAL_DATES_PART_SCHEMA = {
|
|
|
223
223
|
};
|
|
224
224
|
|
|
225
225
|
class AssertedHistoricalDateComponent {
|
|
226
|
-
date = model();
|
|
226
|
+
date = model(...(ngDevMode ? [undefined, { debugName: "date" }] : []));
|
|
227
227
|
dateCancel = output();
|
|
228
228
|
tag;
|
|
229
229
|
hd;
|
|
230
230
|
assertion;
|
|
231
231
|
form;
|
|
232
232
|
// asserted-historical-dates-tags
|
|
233
|
-
tagEntries = input();
|
|
233
|
+
tagEntries = input(...(ngDevMode ? [undefined, { debugName: "tagEntries" }] : []));
|
|
234
234
|
// assertion-tags
|
|
235
|
-
assertionTagEntries = input();
|
|
235
|
+
assertionTagEntries = input(...(ngDevMode ? [undefined, { debugName: "assertionTagEntries" }] : []));
|
|
236
236
|
// doc-reference-types
|
|
237
|
-
docReferenceTypeEntries = input();
|
|
237
|
+
docReferenceTypeEntries = input(...(ngDevMode ? [undefined, { debugName: "docReferenceTypeEntries" }] : []));
|
|
238
238
|
// doc-reference-tags
|
|
239
|
-
docReferenceTagEntries = input();
|
|
239
|
+
docReferenceTagEntries = input(...(ngDevMode ? [undefined, { debugName: "docReferenceTagEntries" }] : []));
|
|
240
240
|
constructor(formBuilder) {
|
|
241
241
|
// form
|
|
242
242
|
this.tag = formBuilder.control(null);
|
|
@@ -289,13 +289,12 @@ class AssertedHistoricalDateComponent {
|
|
|
289
289
|
}
|
|
290
290
|
this.date.set(this.getDate());
|
|
291
291
|
}
|
|
292
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
293
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
292
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: AssertedHistoricalDateComponent, deps: [{ token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
293
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", 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"], outputs: ["assertionChange"] }] });
|
|
294
294
|
}
|
|
295
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
295
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: AssertedHistoricalDateComponent, decorators: [{
|
|
296
296
|
type: Component,
|
|
297
297
|
args: [{ selector: 'cadmus-asserted-historical-date', imports: [
|
|
298
|
-
CommonModule,
|
|
299
298
|
ReactiveFormsModule,
|
|
300
299
|
MatButtonModule,
|
|
301
300
|
MatCheckboxModule,
|
|
@@ -306,7 +305,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
306
305
|
MatSelectModule,
|
|
307
306
|
MatTooltipModule,
|
|
308
307
|
HistoricalDateComponent,
|
|
309
|
-
AssertionComponent
|
|
308
|
+
AssertionComponent
|
|
310
309
|
], 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" }]
|
|
311
310
|
}], ctorParameters: () => [{ type: i2.FormBuilder }] });
|
|
312
311
|
|
|
@@ -482,12 +481,12 @@ class AssertedHistoricalDatesPartComponent extends ModelEditorComponentBase {
|
|
|
482
481
|
this.dates.markAsDirty();
|
|
483
482
|
this.dates.updateValueAndValidity();
|
|
484
483
|
}
|
|
485
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
486
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
484
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: AssertedHistoricalDatesPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }, { token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Component });
|
|
485
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", 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
486
|
// cadmus
|
|
488
|
-
FlatLookupPipe, name: "flatLookup" }, { kind: "pipe", type: HistoricalDatePipe, name: "historicalDate" }
|
|
487
|
+
FlatLookupPipe, name: "flatLookup" }, { kind: "pipe", type: HistoricalDatePipe, name: "historicalDate" }] });
|
|
489
488
|
}
|
|
490
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
489
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: AssertedHistoricalDatesPartComponent, decorators: [{
|
|
491
490
|
type: Component,
|
|
492
491
|
args: [{ selector: 'cadmus-asserted-historical-dates-part', imports: [
|
|
493
492
|
CommonModule,
|
|
@@ -510,10 +509,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
510
509
|
|
|
511
510
|
class BibAuthorsEditorComponent {
|
|
512
511
|
_formBuilder;
|
|
513
|
-
parentForm = input.required();
|
|
514
|
-
controlName = input('authors');
|
|
512
|
+
parentForm = input.required(...(ngDevMode ? [{ debugName: "parentForm" }] : []));
|
|
513
|
+
controlName = input('authors', ...(ngDevMode ? [{ debugName: "controlName" }] : []));
|
|
515
514
|
// bibliography-author-roles
|
|
516
|
-
roleEntries = input();
|
|
515
|
+
roleEntries = input(...(ngDevMode ? [undefined, { debugName: "roleEntries" }] : []));
|
|
517
516
|
authors;
|
|
518
517
|
constructor(_formBuilder) {
|
|
519
518
|
this._formBuilder = _formBuilder;
|
|
@@ -561,10 +560,10 @@ class BibAuthorsEditorComponent {
|
|
|
561
560
|
this.authors.removeAt(i);
|
|
562
561
|
}
|
|
563
562
|
}
|
|
564
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
565
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
563
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: BibAuthorsEditorComponent, deps: [{ token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
564
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", 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()) {\r\n<form [formGroup]=\"parentForm()\">\r\n <div [formArrayName]=\"controlName()\">\r\n @if (!authors || !authors.length) {\r\n <div style=\"margin: 8px 0\">\r\n <button\r\n type=\"button\"\r\n mat-flat-button\r\n (click)=\"addAuthor()\"\r\n class=\"mat-primary\"\r\n >\r\n <mat-icon>add_circle</mat-icon>\r\n author\r\n </button>\r\n </div>\r\n } @for ( item of authors?.controls; track item; 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 <div>\r\n {{ i + 1 }}.\r\n <button\r\n mat-icon-button\r\n type=\"button\"\r\n matTooltip=\"Remove this author\"\r\n (click)=\"removeAuthor(i)\"\r\n >\r\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\r\n </button>\r\n <button\r\n mat-icon-button\r\n type=\"button\"\r\n matTooltip=\"Add author below\"\r\n (click)=\"addAuthorBelow(i)\"\r\n >\r\n <mat-icon class=\"mat-primary\">add_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 author up\"\r\n (click)=\"moveAuthorUp(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 author down\"\r\n (click)=\"moveAuthorDown(i)\"\r\n >\r\n <mat-icon>arrow_downward</mat-icon>\r\n </button>\r\n </div>\r\n <!-- child controls -->\r\n <!-- last -->\r\n <mat-form-field>\r\n <mat-label>last name</mat-label>\r\n <input matInput formControlName=\"lastName\" spellcheck=\"false\" />\r\n @if ( item.get('lastName')?.hasError('required') &&\r\n (item.get('lastName')?.dirty || item.get('lastName')?.touched) ) {\r\n <mat-error>last name required</mat-error>\r\n } @if ( item.get('lastName')?.hasError('maxLength') &&\r\n (item.get('lastName')?.dirty || item.get('lastName')?.touched) ) {\r\n <mat-error>too long</mat-error>\r\n }\r\n </mat-form-field>\r\n <!-- first -->\r\n <mat-form-field>\r\n <mat-label>first name</mat-label>\r\n <input matInput formControlName=\"firstName\" spellcheck=\"false\" />\r\n <mat-error>too long</mat-error>\r\n </mat-form-field>\r\n <!-- roleId -->\r\n @if (roleEntries()?.length) {\r\n <mat-form-field>\r\n <mat-label>role</mat-label>\r\n <mat-select formControlName=\"roleId\">\r\n <mat-option [value]=\"null\">(no role)</mat-option>\r\n @for (e of roleEntries(); 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 } @else {\r\n <mat-form-field>\r\n <mat-label>role</mat-label>\r\n <input matInput formControlName=\"roleId\" spellcheck=\"false\" />\r\n <mat-error>too long</mat-error>\r\n </mat-form-field>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</form>\r\n}\r\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
565
|
}
|
|
567
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
566
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: BibAuthorsEditorComponent, decorators: [{
|
|
568
567
|
type: Component,
|
|
569
568
|
args: [{ selector: 'cadmus-bib-authors-editor', imports: [
|
|
570
569
|
FormsModule,
|
|
@@ -579,7 +578,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
579
578
|
MatError,
|
|
580
579
|
MatSelect,
|
|
581
580
|
MatOption,
|
|
582
|
-
], 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"] }]
|
|
581
|
+
], template: "@if (parentForm()) {\r\n<form [formGroup]=\"parentForm()\">\r\n <div [formArrayName]=\"controlName()\">\r\n @if (!authors || !authors.length) {\r\n <div style=\"margin: 8px 0\">\r\n <button\r\n type=\"button\"\r\n mat-flat-button\r\n (click)=\"addAuthor()\"\r\n class=\"mat-primary\"\r\n >\r\n <mat-icon>add_circle</mat-icon>\r\n author\r\n </button>\r\n </div>\r\n } @for ( item of authors?.controls; track item; 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 <div>\r\n {{ i + 1 }}.\r\n <button\r\n mat-icon-button\r\n type=\"button\"\r\n matTooltip=\"Remove this author\"\r\n (click)=\"removeAuthor(i)\"\r\n >\r\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\r\n </button>\r\n <button\r\n mat-icon-button\r\n type=\"button\"\r\n matTooltip=\"Add author below\"\r\n (click)=\"addAuthorBelow(i)\"\r\n >\r\n <mat-icon class=\"mat-primary\">add_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 author up\"\r\n (click)=\"moveAuthorUp(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 author down\"\r\n (click)=\"moveAuthorDown(i)\"\r\n >\r\n <mat-icon>arrow_downward</mat-icon>\r\n </button>\r\n </div>\r\n <!-- child controls -->\r\n <!-- last -->\r\n <mat-form-field>\r\n <mat-label>last name</mat-label>\r\n <input matInput formControlName=\"lastName\" spellcheck=\"false\" />\r\n @if ( item.get('lastName')?.hasError('required') &&\r\n (item.get('lastName')?.dirty || item.get('lastName')?.touched) ) {\r\n <mat-error>last name required</mat-error>\r\n } @if ( item.get('lastName')?.hasError('maxLength') &&\r\n (item.get('lastName')?.dirty || item.get('lastName')?.touched) ) {\r\n <mat-error>too long</mat-error>\r\n }\r\n </mat-form-field>\r\n <!-- first -->\r\n <mat-form-field>\r\n <mat-label>first name</mat-label>\r\n <input matInput formControlName=\"firstName\" spellcheck=\"false\" />\r\n <mat-error>too long</mat-error>\r\n </mat-form-field>\r\n <!-- roleId -->\r\n @if (roleEntries()?.length) {\r\n <mat-form-field>\r\n <mat-label>role</mat-label>\r\n <mat-select formControlName=\"roleId\">\r\n <mat-option [value]=\"null\">(no role)</mat-option>\r\n @for (e of roleEntries(); 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 } @else {\r\n <mat-form-field>\r\n <mat-label>role</mat-label>\r\n <input matInput formControlName=\"roleId\" spellcheck=\"false\" />\r\n <mat-error>too long</mat-error>\r\n </mat-form-field>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</form>\r\n}\r\n", styles: [".form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-row *{flex:0 0 auto}\n"] }]
|
|
583
582
|
}], ctorParameters: () => [{ type: i2.FormBuilder }] });
|
|
584
583
|
|
|
585
584
|
/**
|
|
@@ -589,15 +588,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
589
588
|
class BibliographyEntryComponent {
|
|
590
589
|
_formBuilder;
|
|
591
590
|
_sub;
|
|
592
|
-
entry = model();
|
|
591
|
+
entry = model(...(ngDevMode ? [undefined, { debugName: "entry" }] : []));
|
|
593
592
|
// bibliography-languages
|
|
594
|
-
langEntries = input();
|
|
593
|
+
langEntries = input(...(ngDevMode ? [undefined, { debugName: "langEntries" }] : []));
|
|
595
594
|
// bibliography-types
|
|
596
|
-
typeEntries = input();
|
|
595
|
+
typeEntries = input(...(ngDevMode ? [undefined, { debugName: "typeEntries" }] : []));
|
|
597
596
|
// bibliography-tags
|
|
598
|
-
tagEntries = input();
|
|
597
|
+
tagEntries = input(...(ngDevMode ? [undefined, { debugName: "tagEntries" }] : []));
|
|
599
598
|
// bibliography-author-roles
|
|
600
|
-
roleEntries = input();
|
|
599
|
+
roleEntries = input(...(ngDevMode ? [undefined, { debugName: "roleEntries" }] : []));
|
|
601
600
|
editorClose = output();
|
|
602
601
|
// form - general
|
|
603
602
|
key;
|
|
@@ -848,10 +847,10 @@ class BibliographyEntryComponent {
|
|
|
848
847
|
}
|
|
849
848
|
this.entry.set(this.getEntry());
|
|
850
849
|
}
|
|
851
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
852
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", 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 \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[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { 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]", exportAs: ["matButton"] }] });
|
|
850
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: BibliographyEntryComponent, deps: [{ token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
851
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", 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()\">\r\n <mat-tab-group>\r\n <!-- general -->\r\n <mat-tab label=\"General\">\r\n <!-- typeId -->\r\n <div class=\"form-row\">\r\n @if (typeEntries()?.length) {\r\n <mat-form-field>\r\n <mat-label>type</mat-label>\r\n <mat-select formControlName=\"type\">\r\n @for (e of typeEntries() || []; 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 } @else {\r\n <mat-form-field>\r\n <mat-label>type</mat-label>\r\n <input\r\n matInput\r\n type=\"text\"\r\n spellcheck=\"false\"\r\n formControlName=\"type\"\r\n />\r\n @if (type.hasError('required') && (type.dirty || type.touched)) {\r\n <mat-error>entry type required</mat-error>\r\n } @if (type.hasError('maxLength') && (type.dirty || type.touched)) {\r\n <mat-error>too long</mat-error>\r\n }\r\n </mat-form-field>\r\n }\r\n\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.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 (tag.hasError('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\r\n <!-- language (bound) -->\r\n @if (langEntries()?.length) {\r\n <mat-form-field>\r\n <mat-label>language</mat-label>\r\n <mat-select formControlName=\"language\">\r\n @for (e of langEntries() || []; 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 <!-- language (free) -->\r\n @else {\r\n <mat-form-field>\r\n <mat-label>language</mat-label>\r\n <input matInput [formControl]=\"language\" />\r\n @if ( language.hasError('required') && (language.dirty ||\r\n language.touched) ) {\r\n <mat-error>required</mat-error>\r\n } @if ( language.hasError('pattern') && (language.dirty ||\r\n language.touched) ) {\r\n <mat-error>invalid</mat-error>\r\n }\r\n </mat-form-field>\r\n }\r\n\r\n <!-- key -->\r\n <mat-form-field>\r\n <mat-label>key</mat-label>\r\n <input matInput [formControl]=\"key\" />\r\n @if (key.hasError('maxLength') && (key.dirty || key.touched)) {\r\n <mat-error>key too long</mat-error>\r\n }\r\n </mat-form-field>\r\n </div>\r\n\r\n <!-- authors -->\r\n <fieldset>\r\n <legend>author(s)</legend>\r\n <cadmus-bib-authors-editor\r\n [parentForm]=\"form\"\r\n [controlName]=\"'authors'\"\r\n [roleEntries]=\"roleEntries()\"\r\n />\r\n </fieldset>\r\n\r\n <!-- title -->\r\n <div>\r\n <mat-form-field class=\"long-text\">\r\n <mat-label>title</mat-label>\r\n <input matInput type=\"text\" formControlName=\"title\" />\r\n @if (title.hasError('required') && (title.dirty || title.touched)) {\r\n <mat-error>title required</mat-error>\r\n } @if ( title.hasError('maxLength') && (title.dirty || title.touched)\r\n ) {\r\n <mat-error>too long</mat-error>\r\n }\r\n </mat-form-field>\r\n </div>\r\n\r\n <!-- note -->\r\n <div>\r\n <mat-form-field class=\"long-text\">\r\n <mat-label>note</mat-label>\r\n <textarea matInput formControlName=\"note\" rows=\"2\"></textarea>\r\n @if (note.hasError('maxLength') && (note.dirty || note.touched)) {\r\n <mat-error>too long</mat-error>\r\n }\r\n </mat-form-field>\r\n </div>\r\n </mat-tab>\r\n\r\n <!-- container -->\r\n <mat-tab label=\"Container\">\r\n <!-- contributors -->\r\n <cadmus-bib-authors-editor\r\n [parentForm]=\"form\"\r\n [controlName]=\"'contributors'\"\r\n [roleEntries]=\"roleEntries()\"\r\n />\r\n\r\n <!-- container -->\r\n <div>\r\n <mat-form-field class=\"long-text\">\r\n <mat-label>container</mat-label>\r\n <input matInput type=\"text\" formControlName=\"container\" />\r\n @if ( container.hasError('maxLength') && (container.dirty ||\r\n container.touched) ) {\r\n <mat-error>too long</mat-error>\r\n }\r\n </mat-form-field>\r\n </div>\r\n\r\n <!-- number -->\r\n <div>\r\n <mat-form-field>\r\n <mat-label>number</mat-label>\r\n <input\r\n matInput\r\n type=\"text\"\r\n spellcheck=\"false\"\r\n formControlName=\"number\"\r\n />\r\n @if ( number.hasError('maxLength') && (number.dirty || number.touched)\r\n ) {\r\n <mat-error>too long</mat-error>\r\n }\r\n </mat-form-field>\r\n\r\n <!-- firstPage -->\r\n \r\n <mat-form-field [style.width.em]=\"5\">\r\n <mat-label>from</mat-label>\r\n <input matInput type=\"number\" formControlName=\"firstPage\" />\r\n @if ( firstPage.hasError('min') && (firstPage.dirty ||\r\n firstPage.touched) ) {\r\n <mat-error>page less than 0</mat-error>\r\n } @if ( firstPage.hasError('max') && (firstPage.dirty ||\r\n firstPage.touched) ) {\r\n <mat-error>page number too big</mat-error>\r\n }\r\n </mat-form-field>\r\n -\r\n <!-- lastPage -->\r\n <mat-form-field [style.width.em]=\"5\">\r\n <mat-label>to</mat-label>\r\n <input matInput type=\"number\" formControlName=\"lastPage\" />\r\n @if ( lastPage.hasError('min') && (lastPage.dirty || lastPage.touched)\r\n ) {\r\n <mat-error>page less than 0</mat-error>\r\n } @if ( lastPage.hasError('max') && (lastPage.dirty ||\r\n lastPage.touched) ) {\r\n <mat-error>page number too big</mat-error>\r\n }\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class=\"form-row\">\r\n <!-- publisher -->\r\n <mat-form-field>\r\n <mat-label>publisher</mat-label>\r\n <input matInput [formControl]=\"publisher\" />\r\n @if ( publisher.hasError('maxLength') && (publisher.dirty ||\r\n publisher.touched) ) {\r\n <mat-error>publisher too long</mat-error>\r\n }\r\n </mat-form-field>\r\n\r\n <!-- placePub -->\r\n <mat-form-field>\r\n <mat-label>place</mat-label>\r\n <input matInput type=\"text\" formControlName=\"placePub\" />\r\n @if ( placePub.hasError('maxLength') && (placePub.dirty ||\r\n placePub.touched) ) {\r\n <mat-error>too long</mat-error>\r\n }\r\n </mat-form-field>\r\n\r\n <!-- yearPub -->\r\n <mat-form-field class=\"nr\">\r\n <mat-label>year</mat-label>\r\n <input matInput type=\"number\" formControlName=\"yearPub\" />\r\n @if ( yearPub.hasError('min') && (yearPub.dirty || yearPub.touched) )\r\n {\r\n <mat-error>year less than 0</mat-error>\r\n } @if ( yearPub.hasError('max') && (yearPub.dirty || yearPub.touched)\r\n ) {\r\n <mat-error>year past the current one</mat-error>\r\n }\r\n </mat-form-field>\r\n\r\n <!-- edition -->\r\n <mat-form-field class=\"nr\">\r\n <mat-label>ed.</mat-label>\r\n <input matInput type=\"number\" formControlName=\"edition\" />\r\n @if ( edition.hasError('min') && (edition.dirty || edition.touched) )\r\n {\r\n <mat-error>edition less than 0</mat-error>\r\n } @if ( edition.hasError('max') && (edition.dirty || edition.touched)\r\n ) {\r\n <mat-error>edition greater than 100</mat-error>\r\n }\r\n </mat-form-field>\r\n </div>\r\n\r\n <!-- location -->\r\n <div class=\"form-row\">\r\n <mat-form-field>\r\n <mat-label>location</mat-label>\r\n <input\r\n matInput\r\n type=\"text\"\r\n formControlName=\"location\"\r\n spellcheck=\"false\"\r\n />\r\n @if ( location.hasError('maxLength') && (location.dirty ||\r\n location.touched) ) {\r\n <mat-error>too long</mat-error>\r\n }\r\n </mat-form-field>\r\n\r\n <!-- accessDate -->\r\n <mat-form-field>\r\n <mat-label>access date</mat-label>\r\n <input\r\n matInput\r\n [matDatepicker]=\"picker\"\r\n formControlName=\"accessDate\"\r\n />\r\n <mat-datepicker-toggle\r\n matSuffix\r\n [for]=\"picker\"\r\n ></mat-datepicker-toggle>\r\n <mat-datepicker #picker></mat-datepicker>\r\n </mat-form-field>\r\n </div>\r\n </mat-tab>\r\n\r\n <!-- keywords -->\r\n <mat-tab label=\"Keywords\">\r\n <form [formGroup]=\"keyForm\" (submit)=\"addKeyword()\">\r\n <div class=\"form-row\">\r\n <!-- language (bound) -->\r\n @if (langEntries()?.length) {\r\n <mat-form-field>\r\n <mat-label>language</mat-label>\r\n <mat-select formControlName=\"keyLanguage\">\r\n @for (e of langEntries() || []; 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 <!-- language (free) -->\r\n @else {\r\n <mat-form-field>\r\n <mat-label>language</mat-label>\r\n <input matInput [formControl]=\"keyLanguage\" />\r\n @if ( keyLanguage.hasError('required') && (keyLanguage.dirty ||\r\n keyLanguage.touched) ) {\r\n <mat-error>required</mat-error>\r\n } @if ( keyLanguage.hasError('pattern') && (keyLanguage.dirty ||\r\n keyLanguage.touched) ) {\r\n <mat-error>invalid</mat-error>\r\n }\r\n </mat-form-field>\r\n }\r\n\r\n <!-- value -->\r\n <mat-form-field>\r\n <mat-label>value</mat-label>\r\n <input matInput type=\"text\" formControlName=\"keyValue\" />\r\n @if ( keyValue.hasError('required') && (keyValue.dirty ||\r\n keyValue.touched) ) {\r\n <mat-error>required</mat-error>\r\n } @if ( keyValue.hasError('maxLength') && (keyValue.dirty ||\r\n keyValue.touched) ) {\r\n <mat-error>too long</mat-error>\r\n }\r\n </mat-form-field>\r\n <button\r\n mat-flat-button\r\n type=\"submit\"\r\n [disabled]=\"keyForm.invalid\"\r\n matTooltip=\"Add new keyword\"\r\n >\r\n <mat-icon class=\"mat-primary\">add_circle</mat-icon> keyword\r\n </button>\r\n </div>\r\n </form>\r\n <!-- list -->\r\n @if (keywords.length) {\r\n <table>\r\n <thead>\r\n <tr>\r\n <th></th>\r\n <th>language</th>\r\n <th>value</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n @for ( k of keywords; track k; let i = $index; let first = $first; let\r\n last = $last) {\r\n <tr>\r\n <td>\r\n <button\r\n mat-icon-button\r\n type=\"button\"\r\n matTooltip=\"Remove this keyword\"\r\n (click)=\"deleteKeyword(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 keyword up\"\r\n (click)=\"moveKeywordUp(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 keyword down\"\r\n (click)=\"moveKeywordDown(i)\"\r\n >\r\n <mat-icon>arrow_downward</mat-icon>\r\n </button>\r\n </td>\r\n <td>{{ k.language }}</td>\r\n <td>{{ k.value }}</td>\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n }\r\n </mat-tab>\r\n </mat-tab-group>\r\n\r\n <!-- buttons -->\r\n <div>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Cancel edit\"\r\n (click)=\"cancel()\"\r\n >\r\n <mat-icon class=\"mat-warn\">cancel</mat-icon>\r\n </button>\r\n <button\r\n type=\"submit\"\r\n [disabled]=\"form.invalid\"\r\n mat-icon-button\r\n matTooltip=\"Save entry\"\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: [".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
852
|
}
|
|
854
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
853
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: BibliographyEntryComponent, decorators: [{
|
|
855
854
|
type: Component,
|
|
856
855
|
args: [{ selector: 'cadmus-bibliography-entry', imports: [
|
|
857
856
|
FormsModule,
|
|
@@ -873,7 +872,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
873
872
|
MatTooltip,
|
|
874
873
|
MatIcon,
|
|
875
874
|
MatIconButton,
|
|
876
|
-
], 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 \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"] }]
|
|
875
|
+
], template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n <mat-tab-group>\r\n <!-- general -->\r\n <mat-tab label=\"General\">\r\n <!-- typeId -->\r\n <div class=\"form-row\">\r\n @if (typeEntries()?.length) {\r\n <mat-form-field>\r\n <mat-label>type</mat-label>\r\n <mat-select formControlName=\"type\">\r\n @for (e of typeEntries() || []; 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 } @else {\r\n <mat-form-field>\r\n <mat-label>type</mat-label>\r\n <input\r\n matInput\r\n type=\"text\"\r\n spellcheck=\"false\"\r\n formControlName=\"type\"\r\n />\r\n @if (type.hasError('required') && (type.dirty || type.touched)) {\r\n <mat-error>entry type required</mat-error>\r\n } @if (type.hasError('maxLength') && (type.dirty || type.touched)) {\r\n <mat-error>too long</mat-error>\r\n }\r\n </mat-form-field>\r\n }\r\n\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.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 (tag.hasError('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\r\n <!-- language (bound) -->\r\n @if (langEntries()?.length) {\r\n <mat-form-field>\r\n <mat-label>language</mat-label>\r\n <mat-select formControlName=\"language\">\r\n @for (e of langEntries() || []; 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 <!-- language (free) -->\r\n @else {\r\n <mat-form-field>\r\n <mat-label>language</mat-label>\r\n <input matInput [formControl]=\"language\" />\r\n @if ( language.hasError('required') && (language.dirty ||\r\n language.touched) ) {\r\n <mat-error>required</mat-error>\r\n } @if ( language.hasError('pattern') && (language.dirty ||\r\n language.touched) ) {\r\n <mat-error>invalid</mat-error>\r\n }\r\n </mat-form-field>\r\n }\r\n\r\n <!-- key -->\r\n <mat-form-field>\r\n <mat-label>key</mat-label>\r\n <input matInput [formControl]=\"key\" />\r\n @if (key.hasError('maxLength') && (key.dirty || key.touched)) {\r\n <mat-error>key too long</mat-error>\r\n }\r\n </mat-form-field>\r\n </div>\r\n\r\n <!-- authors -->\r\n <fieldset>\r\n <legend>author(s)</legend>\r\n <cadmus-bib-authors-editor\r\n [parentForm]=\"form\"\r\n [controlName]=\"'authors'\"\r\n [roleEntries]=\"roleEntries()\"\r\n />\r\n </fieldset>\r\n\r\n <!-- title -->\r\n <div>\r\n <mat-form-field class=\"long-text\">\r\n <mat-label>title</mat-label>\r\n <input matInput type=\"text\" formControlName=\"title\" />\r\n @if (title.hasError('required') && (title.dirty || title.touched)) {\r\n <mat-error>title required</mat-error>\r\n } @if ( title.hasError('maxLength') && (title.dirty || title.touched)\r\n ) {\r\n <mat-error>too long</mat-error>\r\n }\r\n </mat-form-field>\r\n </div>\r\n\r\n <!-- note -->\r\n <div>\r\n <mat-form-field class=\"long-text\">\r\n <mat-label>note</mat-label>\r\n <textarea matInput formControlName=\"note\" rows=\"2\"></textarea>\r\n @if (note.hasError('maxLength') && (note.dirty || note.touched)) {\r\n <mat-error>too long</mat-error>\r\n }\r\n </mat-form-field>\r\n </div>\r\n </mat-tab>\r\n\r\n <!-- container -->\r\n <mat-tab label=\"Container\">\r\n <!-- contributors -->\r\n <cadmus-bib-authors-editor\r\n [parentForm]=\"form\"\r\n [controlName]=\"'contributors'\"\r\n [roleEntries]=\"roleEntries()\"\r\n />\r\n\r\n <!-- container -->\r\n <div>\r\n <mat-form-field class=\"long-text\">\r\n <mat-label>container</mat-label>\r\n <input matInput type=\"text\" formControlName=\"container\" />\r\n @if ( container.hasError('maxLength') && (container.dirty ||\r\n container.touched) ) {\r\n <mat-error>too long</mat-error>\r\n }\r\n </mat-form-field>\r\n </div>\r\n\r\n <!-- number -->\r\n <div>\r\n <mat-form-field>\r\n <mat-label>number</mat-label>\r\n <input\r\n matInput\r\n type=\"text\"\r\n spellcheck=\"false\"\r\n formControlName=\"number\"\r\n />\r\n @if ( number.hasError('maxLength') && (number.dirty || number.touched)\r\n ) {\r\n <mat-error>too long</mat-error>\r\n }\r\n </mat-form-field>\r\n\r\n <!-- firstPage -->\r\n \r\n <mat-form-field [style.width.em]=\"5\">\r\n <mat-label>from</mat-label>\r\n <input matInput type=\"number\" formControlName=\"firstPage\" />\r\n @if ( firstPage.hasError('min') && (firstPage.dirty ||\r\n firstPage.touched) ) {\r\n <mat-error>page less than 0</mat-error>\r\n } @if ( firstPage.hasError('max') && (firstPage.dirty ||\r\n firstPage.touched) ) {\r\n <mat-error>page number too big</mat-error>\r\n }\r\n </mat-form-field>\r\n -\r\n <!-- lastPage -->\r\n <mat-form-field [style.width.em]=\"5\">\r\n <mat-label>to</mat-label>\r\n <input matInput type=\"number\" formControlName=\"lastPage\" />\r\n @if ( lastPage.hasError('min') && (lastPage.dirty || lastPage.touched)\r\n ) {\r\n <mat-error>page less than 0</mat-error>\r\n } @if ( lastPage.hasError('max') && (lastPage.dirty ||\r\n lastPage.touched) ) {\r\n <mat-error>page number too big</mat-error>\r\n }\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class=\"form-row\">\r\n <!-- publisher -->\r\n <mat-form-field>\r\n <mat-label>publisher</mat-label>\r\n <input matInput [formControl]=\"publisher\" />\r\n @if ( publisher.hasError('maxLength') && (publisher.dirty ||\r\n publisher.touched) ) {\r\n <mat-error>publisher too long</mat-error>\r\n }\r\n </mat-form-field>\r\n\r\n <!-- placePub -->\r\n <mat-form-field>\r\n <mat-label>place</mat-label>\r\n <input matInput type=\"text\" formControlName=\"placePub\" />\r\n @if ( placePub.hasError('maxLength') && (placePub.dirty ||\r\n placePub.touched) ) {\r\n <mat-error>too long</mat-error>\r\n }\r\n </mat-form-field>\r\n\r\n <!-- yearPub -->\r\n <mat-form-field class=\"nr\">\r\n <mat-label>year</mat-label>\r\n <input matInput type=\"number\" formControlName=\"yearPub\" />\r\n @if ( yearPub.hasError('min') && (yearPub.dirty || yearPub.touched) )\r\n {\r\n <mat-error>year less than 0</mat-error>\r\n } @if ( yearPub.hasError('max') && (yearPub.dirty || yearPub.touched)\r\n ) {\r\n <mat-error>year past the current one</mat-error>\r\n }\r\n </mat-form-field>\r\n\r\n <!-- edition -->\r\n <mat-form-field class=\"nr\">\r\n <mat-label>ed.</mat-label>\r\n <input matInput type=\"number\" formControlName=\"edition\" />\r\n @if ( edition.hasError('min') && (edition.dirty || edition.touched) )\r\n {\r\n <mat-error>edition less than 0</mat-error>\r\n } @if ( edition.hasError('max') && (edition.dirty || edition.touched)\r\n ) {\r\n <mat-error>edition greater than 100</mat-error>\r\n }\r\n </mat-form-field>\r\n </div>\r\n\r\n <!-- location -->\r\n <div class=\"form-row\">\r\n <mat-form-field>\r\n <mat-label>location</mat-label>\r\n <input\r\n matInput\r\n type=\"text\"\r\n formControlName=\"location\"\r\n spellcheck=\"false\"\r\n />\r\n @if ( location.hasError('maxLength') && (location.dirty ||\r\n location.touched) ) {\r\n <mat-error>too long</mat-error>\r\n }\r\n </mat-form-field>\r\n\r\n <!-- accessDate -->\r\n <mat-form-field>\r\n <mat-label>access date</mat-label>\r\n <input\r\n matInput\r\n [matDatepicker]=\"picker\"\r\n formControlName=\"accessDate\"\r\n />\r\n <mat-datepicker-toggle\r\n matSuffix\r\n [for]=\"picker\"\r\n ></mat-datepicker-toggle>\r\n <mat-datepicker #picker></mat-datepicker>\r\n </mat-form-field>\r\n </div>\r\n </mat-tab>\r\n\r\n <!-- keywords -->\r\n <mat-tab label=\"Keywords\">\r\n <form [formGroup]=\"keyForm\" (submit)=\"addKeyword()\">\r\n <div class=\"form-row\">\r\n <!-- language (bound) -->\r\n @if (langEntries()?.length) {\r\n <mat-form-field>\r\n <mat-label>language</mat-label>\r\n <mat-select formControlName=\"keyLanguage\">\r\n @for (e of langEntries() || []; 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 <!-- language (free) -->\r\n @else {\r\n <mat-form-field>\r\n <mat-label>language</mat-label>\r\n <input matInput [formControl]=\"keyLanguage\" />\r\n @if ( keyLanguage.hasError('required') && (keyLanguage.dirty ||\r\n keyLanguage.touched) ) {\r\n <mat-error>required</mat-error>\r\n } @if ( keyLanguage.hasError('pattern') && (keyLanguage.dirty ||\r\n keyLanguage.touched) ) {\r\n <mat-error>invalid</mat-error>\r\n }\r\n </mat-form-field>\r\n }\r\n\r\n <!-- value -->\r\n <mat-form-field>\r\n <mat-label>value</mat-label>\r\n <input matInput type=\"text\" formControlName=\"keyValue\" />\r\n @if ( keyValue.hasError('required') && (keyValue.dirty ||\r\n keyValue.touched) ) {\r\n <mat-error>required</mat-error>\r\n } @if ( keyValue.hasError('maxLength') && (keyValue.dirty ||\r\n keyValue.touched) ) {\r\n <mat-error>too long</mat-error>\r\n }\r\n </mat-form-field>\r\n <button\r\n mat-flat-button\r\n type=\"submit\"\r\n [disabled]=\"keyForm.invalid\"\r\n matTooltip=\"Add new keyword\"\r\n >\r\n <mat-icon class=\"mat-primary\">add_circle</mat-icon> keyword\r\n </button>\r\n </div>\r\n </form>\r\n <!-- list -->\r\n @if (keywords.length) {\r\n <table>\r\n <thead>\r\n <tr>\r\n <th></th>\r\n <th>language</th>\r\n <th>value</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n @for ( k of keywords; track k; let i = $index; let first = $first; let\r\n last = $last) {\r\n <tr>\r\n <td>\r\n <button\r\n mat-icon-button\r\n type=\"button\"\r\n matTooltip=\"Remove this keyword\"\r\n (click)=\"deleteKeyword(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 keyword up\"\r\n (click)=\"moveKeywordUp(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 keyword down\"\r\n (click)=\"moveKeywordDown(i)\"\r\n >\r\n <mat-icon>arrow_downward</mat-icon>\r\n </button>\r\n </td>\r\n <td>{{ k.language }}</td>\r\n <td>{{ k.value }}</td>\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n }\r\n </mat-tab>\r\n </mat-tab-group>\r\n\r\n <!-- buttons -->\r\n <div>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Cancel edit\"\r\n (click)=\"cancel()\"\r\n >\r\n <mat-icon class=\"mat-warn\">cancel</mat-icon>\r\n </button>\r\n <button\r\n type=\"submit\"\r\n [disabled]=\"form.invalid\"\r\n mat-icon-button\r\n matTooltip=\"Save entry\"\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: [".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"] }]
|
|
877
876
|
}], ctorParameters: () => [{ type: i2.FormBuilder }] });
|
|
878
877
|
|
|
879
878
|
/**
|
|
@@ -1244,10 +1243,10 @@ class BibliographyPartComponent extends ModelEditorComponentBase {
|
|
|
1244
1243
|
}
|
|
1245
1244
|
return sb.join('');
|
|
1246
1245
|
}
|
|
1247
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1248
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1246
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: BibliographyPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }, { token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1247
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: BibliographyPartComponent, isStandalone: true, selector: "cadmus-bibliography-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) || \"Bibliography Part\"\r\n }}</mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content>\r\n <button\r\n type=\"button\"\r\n mat-flat-button\r\n class=\"mat-primary\"\r\n (click)=\"addEntry()\"\r\n >\r\n <mat-icon>add_circle</mat-icon> entry\r\n </button>\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>author(s)</th>\r\n <th>title</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]=\"editedEntry === entry\">\r\n <td class=\"fit-width\">\r\n <button\r\n mat-icon-button\r\n type=\"button\"\r\n matTooltip=\"Edit entry\"\r\n (click)=\"editEntry(entry, i)\"\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=\"Move entry up\"\r\n [disabled]=\"first\"\r\n (click)=\"moveEntryUp(i)\"\r\n >\r\n <mat-icon>arrow_upward</mat-icon>\r\n </button>\r\n <button\r\n mat-icon-button\r\n type=\"button\"\r\n matTooltip=\"Move entry down\"\r\n [disabled]=\"last\"\r\n (click)=\"moveEntryDown(i)\"\r\n >\r\n <mat-icon>arrow_downward</mat-icon>\r\n </button>\r\n <button\r\n mat-icon-button\r\n type=\"button\"\r\n matTooltip=\"Remove this entry\"\r\n (click)=\"removeEntry(i)\"\r\n >\r\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\r\n </button>\r\n </td>\r\n <td>{{ entryTypeToString(entry.typeId) }}</td>\r\n <td>{{ getAuthors(entry.authors || []) }}</td>\r\n <td>{{ entry.title }}</td>\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n }\r\n <!-- entry editor -->\r\n <mat-expansion-panel\r\n id=\"editor\"\r\n [expanded]=\"editedEntry\"\r\n [disabled]=\"!editedEntry\"\r\n >\r\n <mat-expansion-panel-header>\r\n <mat-panel-title>\r\n {{ editedEntry?.title || \"entry\" }}\r\n </mat-panel-title>\r\n </mat-expansion-panel-header>\r\n <fieldset>\r\n <cadmus-bibliography-entry\r\n [entry]=\"editedEntry\"\r\n [langEntries]=\"langEntries\"\r\n [typeEntries]=\"typeEntries\"\r\n [tagEntries]=\"tagEntries\"\r\n [roleEntries]=\"roleEntries\"\r\n (editorClose)=\"closeEntry()\"\r\n (entryChange)=\"saveEntry($event!)\"\r\n />\r\n </fieldset>\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}#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
1248
|
}
|
|
1250
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1249
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: BibliographyPartComponent, decorators: [{
|
|
1251
1250
|
type: Component,
|
|
1252
1251
|
args: [{ selector: 'cadmus-bibliography-part', imports: [
|
|
1253
1252
|
FormsModule,
|
|
@@ -1266,7 +1265,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
1266
1265
|
TitleCasePipe,
|
|
1267
1266
|
BibliographyEntryComponent,
|
|
1268
1267
|
CloseSaveButtonsComponent,
|
|
1269
|
-
], 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"] }]
|
|
1268
|
+
], 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) || \"Bibliography Part\"\r\n }}</mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content>\r\n <button\r\n type=\"button\"\r\n mat-flat-button\r\n class=\"mat-primary\"\r\n (click)=\"addEntry()\"\r\n >\r\n <mat-icon>add_circle</mat-icon> entry\r\n </button>\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>author(s)</th>\r\n <th>title</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]=\"editedEntry === entry\">\r\n <td class=\"fit-width\">\r\n <button\r\n mat-icon-button\r\n type=\"button\"\r\n matTooltip=\"Edit entry\"\r\n (click)=\"editEntry(entry, i)\"\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=\"Move entry up\"\r\n [disabled]=\"first\"\r\n (click)=\"moveEntryUp(i)\"\r\n >\r\n <mat-icon>arrow_upward</mat-icon>\r\n </button>\r\n <button\r\n mat-icon-button\r\n type=\"button\"\r\n matTooltip=\"Move entry down\"\r\n [disabled]=\"last\"\r\n (click)=\"moveEntryDown(i)\"\r\n >\r\n <mat-icon>arrow_downward</mat-icon>\r\n </button>\r\n <button\r\n mat-icon-button\r\n type=\"button\"\r\n matTooltip=\"Remove this entry\"\r\n (click)=\"removeEntry(i)\"\r\n >\r\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\r\n </button>\r\n </td>\r\n <td>{{ entryTypeToString(entry.typeId) }}</td>\r\n <td>{{ getAuthors(entry.authors || []) }}</td>\r\n <td>{{ entry.title }}</td>\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n }\r\n <!-- entry editor -->\r\n <mat-expansion-panel\r\n id=\"editor\"\r\n [expanded]=\"editedEntry\"\r\n [disabled]=\"!editedEntry\"\r\n >\r\n <mat-expansion-panel-header>\r\n <mat-panel-title>\r\n {{ editedEntry?.title || \"entry\" }}\r\n </mat-panel-title>\r\n </mat-expansion-panel-header>\r\n <fieldset>\r\n <cadmus-bibliography-entry\r\n [entry]=\"editedEntry\"\r\n [langEntries]=\"langEntries\"\r\n [typeEntries]=\"typeEntries\"\r\n [tagEntries]=\"tagEntries\"\r\n [roleEntries]=\"roleEntries\"\r\n (editorClose)=\"closeEntry()\"\r\n (entryChange)=\"saveEntry($event!)\"\r\n />\r\n </fieldset>\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}#editor{margin-top:8px}\n"] }]
|
|
1270
1269
|
}], ctorParameters: () => [{ type: i1.AuthJwtService }, { type: i2.FormBuilder }, { type: i3.DialogService }] });
|
|
1271
1270
|
|
|
1272
1271
|
/**
|
|
@@ -1420,10 +1419,10 @@ class CategoriesPartComponent extends ModelEditorComponentBase {
|
|
|
1420
1419
|
renderLabel(label) {
|
|
1421
1420
|
return renderLabelFromLastColon(label);
|
|
1422
1421
|
}
|
|
1423
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1424
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1422
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: CategoriesPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
1423
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: CategoriesPartComponent, isStandalone: true, selector: "cadmus-categories-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]=\"categories.value.length\"\r\n matBadgeOverlap=\"false\"\r\n >\r\n {{ (modelName() | titlecase) || \"Categories Part\" }}</mat-card-title\r\n >\r\n </mat-card-header>\r\n <mat-card-content>\r\n <div id=\"container\">\r\n <!-- available categories (from thesaurus) -->\r\n <fieldset id=\"picker\">\r\n <legend>available categories</legend>\r\n <cadmus-thesaurus-tree\r\n [entries]=\"entries\"\r\n rootLabel=\"categories\"\r\n [renderLabel]=\"renderLabel\"\r\n (entryChange)=\"onEntryChange($event)\"\r\n />\r\n </fieldset>\r\n\r\n <!-- categories -->\r\n @if (categories.value.length) {\r\n <fieldset id=\"list\">\r\n <legend>assigned categories</legend>\r\n <table>\r\n <tbody>\r\n @for (entry of categories.value; track entry; let i = $index) {\r\n <tr>\r\n <td>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n type=\"button\"\r\n matTooltip=\"Remove this category\"\r\n (click)=\"removeCategory(i)\"\r\n >\r\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\r\n </button>\r\n </td>\r\n <td [matTooltip]=\"entry.id\">{{ entry.value }}</td>\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n </fieldset>\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: [".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
1424
|
}
|
|
1426
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1425
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: CategoriesPartComponent, decorators: [{
|
|
1427
1426
|
type: Component,
|
|
1428
1427
|
args: [{ selector: 'cadmus-categories-part', imports: [
|
|
1429
1428
|
FormsModule,
|
|
@@ -1441,7 +1440,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
1441
1440
|
TitleCasePipe,
|
|
1442
1441
|
CloseSaveButtonsComponent,
|
|
1443
1442
|
ThesaurusTreeComponent,
|
|
1444
|
-
], 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"] }]
|
|
1443
|
+
], 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]=\"categories.value.length\"\r\n matBadgeOverlap=\"false\"\r\n >\r\n {{ (modelName() | titlecase) || \"Categories Part\" }}</mat-card-title\r\n >\r\n </mat-card-header>\r\n <mat-card-content>\r\n <div id=\"container\">\r\n <!-- available categories (from thesaurus) -->\r\n <fieldset id=\"picker\">\r\n <legend>available categories</legend>\r\n <cadmus-thesaurus-tree\r\n [entries]=\"entries\"\r\n rootLabel=\"categories\"\r\n [renderLabel]=\"renderLabel\"\r\n (entryChange)=\"onEntryChange($event)\"\r\n />\r\n </fieldset>\r\n\r\n <!-- categories -->\r\n @if (categories.value.length) {\r\n <fieldset id=\"list\">\r\n <legend>assigned categories</legend>\r\n <table>\r\n <tbody>\r\n @for (entry of categories.value; track entry; let i = $index) {\r\n <tr>\r\n <td>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n type=\"button\"\r\n matTooltip=\"Remove this category\"\r\n (click)=\"removeCategory(i)\"\r\n >\r\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\r\n </button>\r\n </td>\r\n <td [matTooltip]=\"entry.id\">{{ entry.value }}</td>\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n </fieldset>\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: [".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"] }]
|
|
1445
1444
|
}], ctorParameters: () => [{ type: i1.AuthJwtService }, { type: i2.FormBuilder }] });
|
|
1446
1445
|
|
|
1447
1446
|
const CHRONOLOGY_FRAGMENT_TYPEID = 'fr.it.vedph.chronology';
|
|
@@ -1618,10 +1617,10 @@ class ChronologyFragmentComponent extends ModelEditorComponentBase {
|
|
|
1618
1617
|
fr.tag = this.tag.value || undefined;
|
|
1619
1618
|
return fr;
|
|
1620
1619
|
}
|
|
1621
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1622
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1620
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ChronologyFragmentComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
1621
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: ChronologyFragmentComponent, isStandalone: true, selector: "cadmus-chronology-fragment", 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) || \"Chronology Fragment\" }}\r\n {{ data()?.value?.location }}</mat-card-title\r\n >\r\n <mat-card-subtitle>\r\n {{ data()?.value?.baseText }}\r\n </mat-card-subtitle>\r\n </mat-card-header>\r\n\r\n <mat-card-content>\r\n <div class=\"form-row\">\r\n <!-- free tag -->\r\n @if (!tagEntries) {\r\n <div>\r\n <mat-form-field>\r\n <mat-label>tag</mat-label>\r\n <input type=\"text\" matInput formControlName=\"tag\" />\r\n @if (tag.hasError('maxLength') && (tag.dirty || tag.touched)) {\r\n <mat-error>tag too long</mat-error>\r\n }\r\n </mat-form-field>\r\n </div>\r\n }\r\n <!-- bound tag -->\r\n @else {\r\n <div>\r\n <mat-form-field>\r\n <mat-label>tag</mat-label>\r\n <mat-select formControlName=\"tag\">\r\n @for (e of tagEntries; 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 </div>\r\n }\r\n\r\n <!-- label -->\r\n <div>\r\n <mat-form-field>\r\n <mat-label>label</mat-label>\r\n <input matInput type=\"text\" formControlName=\"label\" />\r\n @if ( label.hasError('maxLength') && (label.dirty || label.touched)\r\n ) {\r\n <mat-error>label too long</mat-error>\r\n }\r\n </mat-form-field>\r\n </div>\r\n\r\n <!-- event ID -->\r\n <div>\r\n <mat-form-field>\r\n <mat-label>event ID</mat-label>\r\n <input\r\n matInput\r\n type=\"text\"\r\n formControlName=\"eventId\"\r\n spellcheck=\"false\"\r\n />\r\n @if ( eventId.hasError('maxLength') && (eventId.dirty ||\r\n eventId.touched) ) {\r\n <mat-error>event ID too long</mat-error>\r\n }\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n\r\n <!-- date -->\r\n <div>\r\n <cadmus-refs-historical-date\r\n [date]=\"date.value || undefined\"\r\n (dateChange)=\"onDateChange($event!)\"\r\n />\r\n </div>\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: [".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
1622
|
}
|
|
1624
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1623
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ChronologyFragmentComponent, decorators: [{
|
|
1625
1624
|
type: Component,
|
|
1626
1625
|
args: [{ selector: 'cadmus-chronology-fragment', imports: [
|
|
1627
1626
|
FormsModule,
|
|
@@ -1643,7 +1642,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
1643
1642
|
MatCardActions,
|
|
1644
1643
|
TitleCasePipe,
|
|
1645
1644
|
CloseSaveButtonsComponent,
|
|
1646
|
-
], 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"] }]
|
|
1645
|
+
], 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) || \"Chronology Fragment\" }}\r\n {{ data()?.value?.location }}</mat-card-title\r\n >\r\n <mat-card-subtitle>\r\n {{ data()?.value?.baseText }}\r\n </mat-card-subtitle>\r\n </mat-card-header>\r\n\r\n <mat-card-content>\r\n <div class=\"form-row\">\r\n <!-- free tag -->\r\n @if (!tagEntries) {\r\n <div>\r\n <mat-form-field>\r\n <mat-label>tag</mat-label>\r\n <input type=\"text\" matInput formControlName=\"tag\" />\r\n @if (tag.hasError('maxLength') && (tag.dirty || tag.touched)) {\r\n <mat-error>tag too long</mat-error>\r\n }\r\n </mat-form-field>\r\n </div>\r\n }\r\n <!-- bound tag -->\r\n @else {\r\n <div>\r\n <mat-form-field>\r\n <mat-label>tag</mat-label>\r\n <mat-select formControlName=\"tag\">\r\n @for (e of tagEntries; 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 </div>\r\n }\r\n\r\n <!-- label -->\r\n <div>\r\n <mat-form-field>\r\n <mat-label>label</mat-label>\r\n <input matInput type=\"text\" formControlName=\"label\" />\r\n @if ( label.hasError('maxLength') && (label.dirty || label.touched)\r\n ) {\r\n <mat-error>label too long</mat-error>\r\n }\r\n </mat-form-field>\r\n </div>\r\n\r\n <!-- event ID -->\r\n <div>\r\n <mat-form-field>\r\n <mat-label>event ID</mat-label>\r\n <input\r\n matInput\r\n type=\"text\"\r\n formControlName=\"eventId\"\r\n spellcheck=\"false\"\r\n />\r\n @if ( eventId.hasError('maxLength') && (eventId.dirty ||\r\n eventId.touched) ) {\r\n <mat-error>event ID too long</mat-error>\r\n }\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n\r\n <!-- date -->\r\n <div>\r\n <cadmus-refs-historical-date\r\n [date]=\"date.value || undefined\"\r\n (dateChange)=\"onDateChange($event!)\"\r\n />\r\n </div>\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: [".tab-icon{margin-right:8px}.form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-row *{flex:0 0 auto}\n"] }]
|
|
1647
1646
|
}], ctorParameters: () => [{ type: i1.AuthJwtService }, { type: i2.FormBuilder }] });
|
|
1648
1647
|
|
|
1649
1648
|
/**
|
|
@@ -2031,10 +2030,10 @@ class ChronotopesPartComponent extends ModelEditorComponentBase {
|
|
|
2031
2030
|
this.chronotopes.updateValueAndValidity();
|
|
2032
2031
|
this.chronotopes.markAsDirty();
|
|
2033
2032
|
}
|
|
2034
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2035
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2033
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ChronotopesPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }, { token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2034
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: ChronotopesPartComponent, isStandalone: true, selector: "cadmus-chronotopes-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) || \"Chronotopes 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)=\"addChronotope()\"\r\n >\r\n <mat-icon>add_circle</mat-icon> chronotope\r\n </button>\r\n </div>\r\n @if (chronotopes.value.length) {\r\n <table>\r\n <thead>\r\n <tr>\r\n <th></th>\r\n <th>place</th>\r\n <th>date</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n @for ( entry of chronotopes.value; track entry; let i = $index; let\r\n first = $first; let last = $last) {\r\n <tr [class.selected]=\"entry === editedChronotope\">\r\n <td class=\"fit-width\">\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Edit this chronotope\"\r\n (click)=\"editChronotope(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 chronotope up\"\r\n [disabled]=\"first\"\r\n (click)=\"moveChronotopeUp(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 chronotope down\"\r\n [disabled]=\"last\"\r\n (click)=\"moveChronotopeDown(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 chronotope\"\r\n (click)=\"deleteChronotope(i)\"\r\n >\r\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\r\n </button>\r\n </td>\r\n <td>{{ entry.place?.value }}</td>\r\n <td>{{ entry.date | historicalDate }}</td>\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n }\r\n\r\n <mat-expansion-panel\r\n [expanded]=\"editedChronotope\"\r\n [disabled]=\"!editedChronotope\"\r\n >\r\n <mat-expansion-panel-header>\r\n <mat-panel-title>\r\n {{ (editedChronotope | assertedChronotopes) || \"chronotope\" }}\r\n </mat-panel-title>\r\n </mat-expansion-panel-header>\r\n <fieldset>\r\n <cadmus-refs-asserted-chronotope\r\n [tagEntries]=\"tagEntries\"\r\n [assTagEntries]=\"assTagEntries\"\r\n [refTagEntries]=\"refTagEntries\"\r\n [refTypeEntries]=\"refTypeEntries\"\r\n [chronotope]=\"editedChronotope\"\r\n (chronotopeChange)=\"onChronotopeChange($event!)\"\r\n />\r\n <div class=\"form-row\">\r\n <button type=\"button\" (click)=\"closeChronotope()\" mat-icon-button>\r\n <mat-icon class=\"mat-warn\">cancel</mat-icon>\r\n </button>\r\n <button type=\"button\" (click)=\"saveChronotope()\" mat-icon-button>\r\n <mat-icon class=\"mat-primary\">check_circle</mat-icon>\r\n </button>\r\n <span>chronotope</span>\r\n </div>\r\n </fieldset>\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}#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
2035
|
}
|
|
2037
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2036
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ChronotopesPartComponent, decorators: [{
|
|
2038
2037
|
type: Component,
|
|
2039
2038
|
args: [{ selector: 'cadmus-chronotopes-part', imports: [
|
|
2040
2039
|
FormsModule,
|
|
@@ -2055,7 +2054,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
2055
2054
|
HistoricalDatePipe,
|
|
2056
2055
|
AssertedChronotopesPipe,
|
|
2057
2056
|
CloseSaveButtonsComponent,
|
|
2058
|
-
], 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"] }]
|
|
2057
|
+
], 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) || \"Chronotopes 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)=\"addChronotope()\"\r\n >\r\n <mat-icon>add_circle</mat-icon> chronotope\r\n </button>\r\n </div>\r\n @if (chronotopes.value.length) {\r\n <table>\r\n <thead>\r\n <tr>\r\n <th></th>\r\n <th>place</th>\r\n <th>date</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n @for ( entry of chronotopes.value; track entry; let i = $index; let\r\n first = $first; let last = $last) {\r\n <tr [class.selected]=\"entry === editedChronotope\">\r\n <td class=\"fit-width\">\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Edit this chronotope\"\r\n (click)=\"editChronotope(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 chronotope up\"\r\n [disabled]=\"first\"\r\n (click)=\"moveChronotopeUp(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 chronotope down\"\r\n [disabled]=\"last\"\r\n (click)=\"moveChronotopeDown(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 chronotope\"\r\n (click)=\"deleteChronotope(i)\"\r\n >\r\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\r\n </button>\r\n </td>\r\n <td>{{ entry.place?.value }}</td>\r\n <td>{{ entry.date | historicalDate }}</td>\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n }\r\n\r\n <mat-expansion-panel\r\n [expanded]=\"editedChronotope\"\r\n [disabled]=\"!editedChronotope\"\r\n >\r\n <mat-expansion-panel-header>\r\n <mat-panel-title>\r\n {{ (editedChronotope | assertedChronotopes) || \"chronotope\" }}\r\n </mat-panel-title>\r\n </mat-expansion-panel-header>\r\n <fieldset>\r\n <cadmus-refs-asserted-chronotope\r\n [tagEntries]=\"tagEntries\"\r\n [assTagEntries]=\"assTagEntries\"\r\n [refTagEntries]=\"refTagEntries\"\r\n [refTypeEntries]=\"refTypeEntries\"\r\n [chronotope]=\"editedChronotope\"\r\n (chronotopeChange)=\"onChronotopeChange($event!)\"\r\n />\r\n <div class=\"form-row\">\r\n <button type=\"button\" (click)=\"closeChronotope()\" mat-icon-button>\r\n <mat-icon class=\"mat-warn\">cancel</mat-icon>\r\n </button>\r\n <button type=\"button\" (click)=\"saveChronotope()\" mat-icon-button>\r\n <mat-icon class=\"mat-primary\">check_circle</mat-icon>\r\n </button>\r\n <span>chronotope</span>\r\n </div>\r\n </fieldset>\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}#editor{margin-top:8px}\n"] }]
|
|
2059
2058
|
}], ctorParameters: () => [{ type: i1.AuthJwtService }, { type: i2.FormBuilder }, { type: i3.DialogService }] });
|
|
2060
2059
|
|
|
2061
2060
|
/**
|
|
@@ -2737,12 +2736,10 @@ class CommentEditorComponent extends ModelEditorComponentBase {
|
|
|
2737
2736
|
}
|
|
2738
2737
|
return entries.length ? entries : undefined;
|
|
2739
2738
|
}
|
|
2740
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2741
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: CommentEditorComponent, isStandalone: true, selector: "cadmus-comment-editor", providers: [
|
|
2742
|
-
CadmusTextEdService
|
|
2743
|
-
], 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]=\"pinByTypeMode\"\n [canSwitchMode]=\"canSwitchMode\"\n [canEditTarget]=\"canEditTarget\"\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", "internalDefault"], outputs: ["idsChange"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { 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"] }] });
|
|
2739
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", 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 });
|
|
2740
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: CommentEditorComponent, isStandalone: true, selector: "cadmus-comment-editor", providers: [CadmusTextEdService], 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>Comment</mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content>\r\n <mat-tab-group>\r\n <mat-tab label=\"comment\">\r\n <!-- tag (bound) -->\r\n <div>\r\n @if (comTagEntries?.length) {\r\n <mat-form-field>\r\n <mat-label>tag</mat-label>\r\n <mat-select [formControl]=\"tag\">\r\n @for (e of comTagEntries; 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 (tag.hasError('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 <!-- text -->\r\n <div>\r\n <nge-monaco-editor\r\n style=\"--editor-height: 800px\"\r\n (ready)=\"onCreateEditor($event)\"\r\n />\r\n @if (text.hasError('required') && (text.touched || text.dirty)) {\r\n <mat-error>text required</mat-error>\r\n }\r\n </div>\r\n <div id=\"pvw\">\r\n <mat-expansion-panel>\r\n <mat-expansion-panel-header>preview</mat-expansion-panel-header>\r\n <nge-markdown [data]=\"text.value || undefined\" />\r\n </mat-expansion-panel>\r\n </div>\r\n </mat-tab>\r\n\r\n <mat-tab label=\"references\">\r\n <!-- references -->\r\n <fieldset>\r\n <legend>references</legend>\r\n <cadmus-refs-doc-references\r\n [references]=\"references.value\"\r\n [tagEntries]=\"refTagEntries\"\r\n [typeEntries]=\"refTypeEntries\"\r\n (referencesChange)=\"onReferencesChange($event)\"\r\n />\r\n </fieldset>\r\n\r\n <!-- links -->\r\n <fieldset>\r\n <legend>links</legend>\r\n <cadmus-refs-asserted-composite-ids\r\n [idScopeEntries]=\"idScopeEntries\"\r\n [idTagEntries]=\"idTagEntries\"\r\n [assTagEntries]=\"assTagEntries\"\r\n [refTypeEntries]=\"refTypeEntries\"\r\n [refTagEntries]=\"refTagEntries\"\r\n [pinByTypeMode]=\"pinByTypeMode\"\r\n [canSwitchMode]=\"canSwitchMode\"\r\n [canEditTarget]=\"canEditTarget\"\r\n [ids]=\"links.value\"\r\n (idsChange)=\"onIdsChange($event)\"\r\n />\r\n </fieldset>\r\n </mat-tab>\r\n\r\n <!-- categories -->\r\n @if (catEntries?.length) {\r\n <mat-tab label=\"categories\">\r\n <div id=\"container\">\r\n <div id=\"picker\">\r\n <fieldset>\r\n <legend>available categories</legend>\r\n <cadmus-thesaurus-tree\r\n [entries]=\"catEntries\"\r\n rootLabel=\"categories\"\r\n [renderLabel]=\"renderLabel\"\r\n (entryChange)=\"onCategoryChange($event)\"\r\n />\r\n </fieldset>\r\n </div>\r\n @if (categories.value.length) {\r\n <div id=\"list\">\r\n <fieldset>\r\n <legend>assigned categories</legend>\r\n <table>\r\n <tbody>\r\n @for (entry of categories.value; track entry; let i =\r\n $index) {\r\n <tr>\r\n <td>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n type=\"button\"\r\n matTooltip=\"Remove this category\"\r\n (click)=\"removeCategory(i)\"\r\n >\r\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\r\n </button>\r\n </td>\r\n <td [matTooltip]=\"entry.id\">{{ entry.value }}</td>\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n </fieldset>\r\n </div>\r\n }\r\n </div>\r\n </mat-tab>\r\n }\r\n\r\n <!-- keywords -->\r\n <mat-tab label=\"keywords\">\r\n <div formArrayName=\"keywords\">\r\n <div>\r\n <button\r\n type=\"button\"\r\n mat-flat-button\r\n class=\"mat-primary\"\r\n (click)=\"addKeyword()\"\r\n >\r\n <mat-icon>add_circle</mat-icon>\r\n keyword\r\n </button>\r\n </div>\r\n <!-- keyword -->\r\n @for ( item of keywords.controls; track item; let i = $index; let\r\n first = $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>{{ i + 1 }}.</span>\r\n <button\r\n mat-icon-button\r\n type=\"button\"\r\n matTooltip=\"Remove this keyword\"\r\n (click)=\"removeKeyword(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 keyword up\"\r\n (click)=\"moveKeywordUp(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 keyword down\"\r\n (click)=\"moveKeywordDown(i)\"\r\n >\r\n <mat-icon>arrow_downward</mat-icon>\r\n </button>\r\n <!-- child controls -->\r\n <!-- indexId (bound) -->\r\n @if (idxEntries?.length) {\r\n <mat-form-field>\r\n <mat-label>index</mat-label>\r\n <mat-select formControlName=\"indexId\">\r\n @for (e of idxEntries; 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 <!-- indexId (free) -->\r\n @else {\r\n <mat-form-field>\r\n <mat-label>index</mat-label>\r\n <input matInput formControlName=\"indexId\" />\r\n @if ( $any(item)['controls'].indexId.errors?.maxLength &&\r\n ($any(item)['controls'].indexId.dirty ||\r\n $any(item)['controls'].indexId.touched) ) {\r\n <mat-error>ID too long</mat-error>\r\n }\r\n </mat-form-field>\r\n }\r\n <!-- tag (bound) -->\r\n @if (keyTagEntries?.length) {\r\n <mat-form-field>\r\n <mat-label>tag</mat-label>\r\n <mat-select formControlName=\"tag\">\r\n @for (e of keyTagEntries; 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 formControlName=\"tag\" />\r\n @if ( $any(item)['controls'].tag.errors?.maxLength &&\r\n ($any(item)['controls'].tag.dirty ||\r\n $any(item)['controls'].tag.touched) ) {\r\n <mat-error>tag too long</mat-error>\r\n }\r\n </mat-form-field>\r\n }\r\n <!-- language (bound) -->\r\n @if (langEntries?.length) {\r\n <mat-form-field>\r\n <mat-label>language</mat-label>\r\n <mat-select formControlName=\"language\">\r\n @for (e of langEntries; track e.id) {\r\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\r\n }\r\n </mat-select>\r\n @if ( $any(item)['controls'].language.errors?.required &&\r\n ($any(item)['controls'].language.dirty ||\r\n $any(item)['controls'].language.touched) ) {\r\n <mat-error>language required</mat-error>\r\n }\r\n </mat-form-field>\r\n }\r\n <!-- language (free) -->\r\n @else {\r\n <mat-form-field>\r\n <mat-label>language</mat-label>\r\n <input matInput formControlName=\"language\" />\r\n @if ( $any(item)['controls'].language.errors?.required &&\r\n ($any(item)['controls'].language.dirty ||\r\n $any(item)['controls'].language.touched) ) {\r\n <mat-error>language required</mat-error>\r\n } @if ( $any(item)['controls'].language.errors?.maxLength &&\r\n ($any(item)['controls'].language.dirty ||\r\n $any(item)['controls'].language.touched) ) {\r\n <mat-error>language 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(item)['controls'].value.errors?.required &&\r\n ($any(item)['controls'].value.dirty ||\r\n $any(item)['controls'].value.touched) ) {\r\n <mat-error>value required</mat-error>\r\n } @if ( $any(item)['controls'].value.errors?.maxLength &&\r\n ($any(item)['controls'].value.dirty ||\r\n $any(item)['controls'].value.touched) ) {\r\n <mat-error>value too long</mat-error>\r\n }\r\n </mat-form-field>\r\n <!-- note -->\r\n <mat-form-field>\r\n <mat-label>note</mat-label>\r\n <input matInput formControlName=\"note\" />\r\n @if ( $any(item)['controls'].note.errors?.maxLength &&\r\n ($any(item)['controls'].note.dirty ||\r\n $any(item)['controls'].note.touched) ) {\r\n <mat-error>note 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-tab>\r\n </mat-tab-group>\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: [".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"] }] });
|
|
2744
2741
|
}
|
|
2745
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2742
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: CommentEditorComponent, decorators: [{
|
|
2746
2743
|
type: Component,
|
|
2747
2744
|
args: [{ selector: 'cadmus-comment-editor', imports: [
|
|
2748
2745
|
FormsModule,
|
|
@@ -2773,9 +2770,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
2773
2770
|
MatCardActions,
|
|
2774
2771
|
ThesaurusTreeComponent,
|
|
2775
2772
|
CloseSaveButtonsComponent,
|
|
2776
|
-
], providers: [
|
|
2777
|
-
CadmusTextEdService
|
|
2778
|
-
], 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]=\"pinByTypeMode\"\n [canSwitchMode]=\"canSwitchMode\"\n [canEditTarget]=\"canEditTarget\"\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"] }]
|
|
2773
|
+
], providers: [CadmusTextEdService], 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>Comment</mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content>\r\n <mat-tab-group>\r\n <mat-tab label=\"comment\">\r\n <!-- tag (bound) -->\r\n <div>\r\n @if (comTagEntries?.length) {\r\n <mat-form-field>\r\n <mat-label>tag</mat-label>\r\n <mat-select [formControl]=\"tag\">\r\n @for (e of comTagEntries; 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 (tag.hasError('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 <!-- text -->\r\n <div>\r\n <nge-monaco-editor\r\n style=\"--editor-height: 800px\"\r\n (ready)=\"onCreateEditor($event)\"\r\n />\r\n @if (text.hasError('required') && (text.touched || text.dirty)) {\r\n <mat-error>text required</mat-error>\r\n }\r\n </div>\r\n <div id=\"pvw\">\r\n <mat-expansion-panel>\r\n <mat-expansion-panel-header>preview</mat-expansion-panel-header>\r\n <nge-markdown [data]=\"text.value || undefined\" />\r\n </mat-expansion-panel>\r\n </div>\r\n </mat-tab>\r\n\r\n <mat-tab label=\"references\">\r\n <!-- references -->\r\n <fieldset>\r\n <legend>references</legend>\r\n <cadmus-refs-doc-references\r\n [references]=\"references.value\"\r\n [tagEntries]=\"refTagEntries\"\r\n [typeEntries]=\"refTypeEntries\"\r\n (referencesChange)=\"onReferencesChange($event)\"\r\n />\r\n </fieldset>\r\n\r\n <!-- links -->\r\n <fieldset>\r\n <legend>links</legend>\r\n <cadmus-refs-asserted-composite-ids\r\n [idScopeEntries]=\"idScopeEntries\"\r\n [idTagEntries]=\"idTagEntries\"\r\n [assTagEntries]=\"assTagEntries\"\r\n [refTypeEntries]=\"refTypeEntries\"\r\n [refTagEntries]=\"refTagEntries\"\r\n [pinByTypeMode]=\"pinByTypeMode\"\r\n [canSwitchMode]=\"canSwitchMode\"\r\n [canEditTarget]=\"canEditTarget\"\r\n [ids]=\"links.value\"\r\n (idsChange)=\"onIdsChange($event)\"\r\n />\r\n </fieldset>\r\n </mat-tab>\r\n\r\n <!-- categories -->\r\n @if (catEntries?.length) {\r\n <mat-tab label=\"categories\">\r\n <div id=\"container\">\r\n <div id=\"picker\">\r\n <fieldset>\r\n <legend>available categories</legend>\r\n <cadmus-thesaurus-tree\r\n [entries]=\"catEntries\"\r\n rootLabel=\"categories\"\r\n [renderLabel]=\"renderLabel\"\r\n (entryChange)=\"onCategoryChange($event)\"\r\n />\r\n </fieldset>\r\n </div>\r\n @if (categories.value.length) {\r\n <div id=\"list\">\r\n <fieldset>\r\n <legend>assigned categories</legend>\r\n <table>\r\n <tbody>\r\n @for (entry of categories.value; track entry; let i =\r\n $index) {\r\n <tr>\r\n <td>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n type=\"button\"\r\n matTooltip=\"Remove this category\"\r\n (click)=\"removeCategory(i)\"\r\n >\r\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\r\n </button>\r\n </td>\r\n <td [matTooltip]=\"entry.id\">{{ entry.value }}</td>\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n </fieldset>\r\n </div>\r\n }\r\n </div>\r\n </mat-tab>\r\n }\r\n\r\n <!-- keywords -->\r\n <mat-tab label=\"keywords\">\r\n <div formArrayName=\"keywords\">\r\n <div>\r\n <button\r\n type=\"button\"\r\n mat-flat-button\r\n class=\"mat-primary\"\r\n (click)=\"addKeyword()\"\r\n >\r\n <mat-icon>add_circle</mat-icon>\r\n keyword\r\n </button>\r\n </div>\r\n <!-- keyword -->\r\n @for ( item of keywords.controls; track item; let i = $index; let\r\n first = $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>{{ i + 1 }}.</span>\r\n <button\r\n mat-icon-button\r\n type=\"button\"\r\n matTooltip=\"Remove this keyword\"\r\n (click)=\"removeKeyword(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 keyword up\"\r\n (click)=\"moveKeywordUp(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 keyword down\"\r\n (click)=\"moveKeywordDown(i)\"\r\n >\r\n <mat-icon>arrow_downward</mat-icon>\r\n </button>\r\n <!-- child controls -->\r\n <!-- indexId (bound) -->\r\n @if (idxEntries?.length) {\r\n <mat-form-field>\r\n <mat-label>index</mat-label>\r\n <mat-select formControlName=\"indexId\">\r\n @for (e of idxEntries; 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 <!-- indexId (free) -->\r\n @else {\r\n <mat-form-field>\r\n <mat-label>index</mat-label>\r\n <input matInput formControlName=\"indexId\" />\r\n @if ( $any(item)['controls'].indexId.errors?.maxLength &&\r\n ($any(item)['controls'].indexId.dirty ||\r\n $any(item)['controls'].indexId.touched) ) {\r\n <mat-error>ID too long</mat-error>\r\n }\r\n </mat-form-field>\r\n }\r\n <!-- tag (bound) -->\r\n @if (keyTagEntries?.length) {\r\n <mat-form-field>\r\n <mat-label>tag</mat-label>\r\n <mat-select formControlName=\"tag\">\r\n @for (e of keyTagEntries; 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 formControlName=\"tag\" />\r\n @if ( $any(item)['controls'].tag.errors?.maxLength &&\r\n ($any(item)['controls'].tag.dirty ||\r\n $any(item)['controls'].tag.touched) ) {\r\n <mat-error>tag too long</mat-error>\r\n }\r\n </mat-form-field>\r\n }\r\n <!-- language (bound) -->\r\n @if (langEntries?.length) {\r\n <mat-form-field>\r\n <mat-label>language</mat-label>\r\n <mat-select formControlName=\"language\">\r\n @for (e of langEntries; track e.id) {\r\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\r\n }\r\n </mat-select>\r\n @if ( $any(item)['controls'].language.errors?.required &&\r\n ($any(item)['controls'].language.dirty ||\r\n $any(item)['controls'].language.touched) ) {\r\n <mat-error>language required</mat-error>\r\n }\r\n </mat-form-field>\r\n }\r\n <!-- language (free) -->\r\n @else {\r\n <mat-form-field>\r\n <mat-label>language</mat-label>\r\n <input matInput formControlName=\"language\" />\r\n @if ( $any(item)['controls'].language.errors?.required &&\r\n ($any(item)['controls'].language.dirty ||\r\n $any(item)['controls'].language.touched) ) {\r\n <mat-error>language required</mat-error>\r\n } @if ( $any(item)['controls'].language.errors?.maxLength &&\r\n ($any(item)['controls'].language.dirty ||\r\n $any(item)['controls'].language.touched) ) {\r\n <mat-error>language 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(item)['controls'].value.errors?.required &&\r\n ($any(item)['controls'].value.dirty ||\r\n $any(item)['controls'].value.touched) ) {\r\n <mat-error>value required</mat-error>\r\n } @if ( $any(item)['controls'].value.errors?.maxLength &&\r\n ($any(item)['controls'].value.dirty ||\r\n $any(item)['controls'].value.touched) ) {\r\n <mat-error>value too long</mat-error>\r\n }\r\n </mat-form-field>\r\n <!-- note -->\r\n <mat-form-field>\r\n <mat-label>note</mat-label>\r\n <input matInput formControlName=\"note\" />\r\n @if ( $any(item)['controls'].note.errors?.maxLength &&\r\n ($any(item)['controls'].note.dirty ||\r\n $any(item)['controls'].note.touched) ) {\r\n <mat-error>note 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-tab>\r\n </mat-tab-group>\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: [".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"] }]
|
|
2779
2774
|
}], ctorParameters: () => [{ type: i1.AuthJwtService }, { type: i2.FormBuilder }, { type: i3$1.CadmusTextEdService }, { type: undefined, decorators: [{
|
|
2780
2775
|
type: Inject,
|
|
2781
2776
|
args: [CADMUS_TEXT_ED_BINDINGS_TOKEN]
|
|
@@ -2935,10 +2930,10 @@ class DecoratedCountsPartComponent extends ModelEditorComponentBase {
|
|
|
2935
2930
|
this.counts.markAsDirty();
|
|
2936
2931
|
this.counts.updateValueAndValidity();
|
|
2937
2932
|
}
|
|
2938
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2939
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2933
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: DecoratedCountsPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
2934
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", 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" }] });
|
|
2940
2935
|
}
|
|
2941
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2936
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: DecoratedCountsPartComponent, decorators: [{
|
|
2942
2937
|
type: Component,
|
|
2943
2938
|
args: [{ selector: 'cadmus-decorated-counts-part', imports: [
|
|
2944
2939
|
FormsModule,
|
|
@@ -3115,10 +3110,10 @@ class DistrictLocationPartComponent extends ModelEditorComponentBase {
|
|
|
3115
3110
|
part.note = this.note.value?.trim() || undefined;
|
|
3116
3111
|
return part;
|
|
3117
3112
|
}
|
|
3118
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3119
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3113
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: DistrictLocationPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
3114
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", 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" }] });
|
|
3120
3115
|
}
|
|
3121
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3116
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: DistrictLocationPartComponent, decorators: [{
|
|
3122
3117
|
type: Component,
|
|
3123
3118
|
args: [{ selector: 'cadmus-district-location-part', imports: [
|
|
3124
3119
|
FormsModule,
|
|
@@ -3290,10 +3285,10 @@ class DocReferencesPartComponent extends ModelEditorComponentBase {
|
|
|
3290
3285
|
this.references.updateValueAndValidity();
|
|
3291
3286
|
this.references.markAsDirty();
|
|
3292
3287
|
}
|
|
3293
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3294
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3288
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: DocReferencesPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
3289
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", 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" }] });
|
|
3295
3290
|
}
|
|
3296
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3291
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: DocReferencesPartComponent, decorators: [{
|
|
3297
3292
|
type: Component,
|
|
3298
3293
|
args: [{ selector: 'cadmus-doc-references-part', imports: [
|
|
3299
3294
|
FormsModule,
|
|
@@ -3491,10 +3486,10 @@ class ExternalIdsPartComponent extends ModelEditorComponentBase {
|
|
|
3491
3486
|
this.ids.markAsDirty();
|
|
3492
3487
|
this.ids.updateValueAndValidity();
|
|
3493
3488
|
}
|
|
3494
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3495
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3489
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ExternalIdsPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
3490
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", 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" }] });
|
|
3496
3491
|
}
|
|
3497
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3492
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ExternalIdsPartComponent, decorators: [{
|
|
3498
3493
|
type: Component,
|
|
3499
3494
|
args: [{ selector: 'cadmus-refs-external-ids-part', imports: [
|
|
3500
3495
|
FormsModule,
|
|
@@ -3917,33 +3912,33 @@ const HISTORICAL_EVENTS_PART_SCHEMA = {
|
|
|
3917
3912
|
* Related entity component to edit the entity related to a historical event.
|
|
3918
3913
|
*/
|
|
3919
3914
|
class RelatedEntityComponent {
|
|
3920
|
-
entity = model();
|
|
3915
|
+
entity = model(...(ngDevMode ? [undefined, { debugName: "entity" }] : []));
|
|
3921
3916
|
// relation entries
|
|
3922
|
-
relationEntries = input();
|
|
3923
|
-
idScopeEntries = input();
|
|
3917
|
+
relationEntries = input(...(ngDevMode ? [undefined, { debugName: "relationEntries" }] : []));
|
|
3918
|
+
idScopeEntries = input(...(ngDevMode ? [undefined, { debugName: "idScopeEntries" }] : []));
|
|
3924
3919
|
/**
|
|
3925
3920
|
* Thesaurus asserted-id-tags.
|
|
3926
3921
|
*/
|
|
3927
|
-
idTagEntries = input();
|
|
3922
|
+
idTagEntries = input(...(ngDevMode ? [undefined, { debugName: "idTagEntries" }] : []));
|
|
3928
3923
|
/**
|
|
3929
3924
|
* Thesaurus assertion-tags.
|
|
3930
3925
|
*/
|
|
3931
|
-
assTagEntries = input();
|
|
3926
|
+
assTagEntries = input(...(ngDevMode ? [undefined, { debugName: "assTagEntries" }] : []));
|
|
3932
3927
|
/**
|
|
3933
3928
|
* Thesaurus doc-reference-tags.
|
|
3934
3929
|
*/
|
|
3935
|
-
refTagEntries = input();
|
|
3930
|
+
refTagEntries = input(...(ngDevMode ? [undefined, { debugName: "refTagEntries" }] : []));
|
|
3936
3931
|
/**
|
|
3937
3932
|
* Thesaurus doc-reference-types.
|
|
3938
3933
|
*/
|
|
3939
|
-
refTypeEntries = input();
|
|
3934
|
+
refTypeEntries = input(...(ngDevMode ? [undefined, { debugName: "refTypeEntries" }] : []));
|
|
3940
3935
|
// settings for lookup
|
|
3941
3936
|
// by-type: true/false
|
|
3942
|
-
pinByTypeMode = input();
|
|
3937
|
+
pinByTypeMode = input(...(ngDevMode ? [undefined, { debugName: "pinByTypeMode" }] : []));
|
|
3943
3938
|
// switch-mode: true/false
|
|
3944
|
-
canSwitchMode = input();
|
|
3939
|
+
canSwitchMode = input(...(ngDevMode ? [undefined, { debugName: "canSwitchMode" }] : []));
|
|
3945
3940
|
// edit-target: true/false
|
|
3946
|
-
canEditTarget = input();
|
|
3941
|
+
canEditTarget = input(...(ngDevMode ? [undefined, { debugName: "canEditTarget" }] : []));
|
|
3947
3942
|
editorClose = output();
|
|
3948
3943
|
// form
|
|
3949
3944
|
relation;
|
|
@@ -3995,10 +3990,10 @@ class RelatedEntityComponent {
|
|
|
3995
3990
|
}
|
|
3996
3991
|
this.entity.set(this.getEntity());
|
|
3997
3992
|
}
|
|
3998
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3999
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3993
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: RelatedEntityComponent, deps: [{ token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
3994
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", 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 }, pinByTypeMode: { classPropertyName: "pinByTypeMode", publicName: "pinByTypeMode", isSignal: true, isRequired: false, transformFunction: null }, canSwitchMode: { classPropertyName: "canSwitchMode", publicName: "canSwitchMode", isSignal: true, isRequired: false, transformFunction: null }, canEditTarget: { classPropertyName: "canEditTarget", publicName: "canEditTarget", 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>\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>\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]=\"pinByTypeMode()\"\r\n [canSwitchMode]=\"canSwitchMode()\"\r\n [canEditTarget]=\"canEditTarget()\"\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: [""], 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"] }] });
|
|
4000
3995
|
}
|
|
4001
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3996
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: RelatedEntityComponent, decorators: [{
|
|
4002
3997
|
type: Component,
|
|
4003
3998
|
args: [{ selector: 'cadmus-related-entity', imports: [
|
|
4004
3999
|
FormsModule,
|
|
@@ -4013,7 +4008,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
4013
4008
|
MatIconButton,
|
|
4014
4009
|
MatIcon,
|
|
4015
4010
|
MatTooltip,
|
|
4016
|
-
], template: "<form [formGroup]=\"form\" class=\"form-row\" (submit)=\"save()\">\n <!-- relation (bound) -->\n @if (relationEntries()?.length) {\n <mat-form-field>\n <mat-label>relation</mat-label>\n <mat-select [formControl]=\"relation\">\n @for (e of relationEntries(); track e.id) {\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\n }\n </mat-select>\n @if ( $any(relation).errors?.required && (relation.dirty ||\n relation.touched) ) {\n <mat-error>relation required</mat-error>\n }\n </mat-form-field>\n }\n <!-- relation (free) -->\n @else {\n <mat-form-field>\n <mat-label>relation</mat-label>\n <input matInput [formControl]=\"relation\" />\n @if ( $any(relation).errors?.required && (relation.dirty ||\n relation.touched) ) {\n <mat-error>relation required</mat-error>\n } @if ( $any(relation).errors?.maxLength && (relation.dirty ||\n relation.touched) ) {\n <mat-error>relation too long</mat-error>\n }\n </mat-form-field>\n }\n\n <!-- id -->\n <cadmus-refs-asserted-composite-id\n [idScopeEntries]=\"idScopeEntries()\"\n [idTagEntries]=\"idTagEntries()\"\n [assTagEntries]=\"assTagEntries()\"\n [refTagEntries]=\"refTagEntries()\"\n [refTypeEntries]=\"refTypeEntries()\"\n [pinByTypeMode]=\"pinByTypeMode()\"\n [canSwitchMode]=\"canSwitchMode()\"\n [canEditTarget]=\"canEditTarget()\"\n [id]=\"id.value || undefined\"\
|
|
4011
|
+
], template: "<form [formGroup]=\"form\" class=\"form-row\" (submit)=\"save()\">\r\n <!-- relation (bound) -->\r\n @if (relationEntries()?.length) {\r\n <mat-form-field>\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>\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]=\"pinByTypeMode()\"\r\n [canSwitchMode]=\"canSwitchMode()\"\r\n [canEditTarget]=\"canEditTarget()\"\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" }]
|
|
4017
4012
|
}], ctorParameters: () => [{ type: i2.FormBuilder }] });
|
|
4018
4013
|
|
|
4019
4014
|
const RELATION_SEP = ':';
|
|
@@ -4025,51 +4020,51 @@ class HistoricalEventEditorComponent {
|
|
|
4025
4020
|
/**
|
|
4026
4021
|
* The event being edited.
|
|
4027
4022
|
*/
|
|
4028
|
-
event = model();
|
|
4023
|
+
event = model(...(ngDevMode ? [undefined, { debugName: "event" }] : []));
|
|
4029
4024
|
/**
|
|
4030
4025
|
* Thesaurus event-types (hierarchical).
|
|
4031
4026
|
*/
|
|
4032
|
-
eventTypeEntries = input();
|
|
4027
|
+
eventTypeEntries = input(...(ngDevMode ? [undefined, { debugName: "eventTypeEntries" }] : []));
|
|
4033
4028
|
/**
|
|
4034
4029
|
* Thesaurus event-tags.
|
|
4035
4030
|
*/
|
|
4036
|
-
eventTagEntries = input();
|
|
4031
|
+
eventTagEntries = input(...(ngDevMode ? [undefined, { debugName: "eventTagEntries" }] : []));
|
|
4037
4032
|
/**
|
|
4038
4033
|
* Thesaurus event-relations (pseudo-hierarchical; the
|
|
4039
4034
|
* separator used is : rather than .).
|
|
4040
4035
|
*/
|
|
4041
|
-
relationEntries = input();
|
|
4036
|
+
relationEntries = input(...(ngDevMode ? [undefined, { debugName: "relationEntries" }] : []));
|
|
4042
4037
|
/**
|
|
4043
4038
|
* Thesaurus chronotope-tags.
|
|
4044
4039
|
*/
|
|
4045
|
-
ctTagEntries = input();
|
|
4040
|
+
ctTagEntries = input(...(ngDevMode ? [undefined, { debugName: "ctTagEntries" }] : []));
|
|
4046
4041
|
/**
|
|
4047
4042
|
* Thesaurus asserted-id-scopes.
|
|
4048
4043
|
*/
|
|
4049
|
-
idScopeEntries = input();
|
|
4044
|
+
idScopeEntries = input(...(ngDevMode ? [undefined, { debugName: "idScopeEntries" }] : []));
|
|
4050
4045
|
/**
|
|
4051
4046
|
* Thesaurus asserted-id-tags.
|
|
4052
4047
|
*/
|
|
4053
|
-
idTagEntries = input();
|
|
4048
|
+
idTagEntries = input(...(ngDevMode ? [undefined, { debugName: "idTagEntries" }] : []));
|
|
4054
4049
|
/**
|
|
4055
4050
|
* Thesaurus assertion-tags.
|
|
4056
4051
|
*/
|
|
4057
|
-
assTagEntries = input();
|
|
4052
|
+
assTagEntries = input(...(ngDevMode ? [undefined, { debugName: "assTagEntries" }] : []));
|
|
4058
4053
|
/**
|
|
4059
4054
|
* Thesaurus doc-reference-tags.
|
|
4060
4055
|
*/
|
|
4061
|
-
refTagEntries = input();
|
|
4056
|
+
refTagEntries = input(...(ngDevMode ? [undefined, { debugName: "refTagEntries" }] : []));
|
|
4062
4057
|
/**
|
|
4063
4058
|
* Thesaurus doc-reference-types.
|
|
4064
4059
|
*/
|
|
4065
|
-
refTypeEntries = input();
|
|
4060
|
+
refTypeEntries = input(...(ngDevMode ? [undefined, { debugName: "refTypeEntries" }] : []));
|
|
4066
4061
|
/*
|
|
4067
4062
|
* Thesaurus pin-link-settings; these include:
|
|
4068
4063
|
* - by-type: true/false
|
|
4069
4064
|
* - switch-mode: true/false
|
|
4070
4065
|
* - edit-target: true/false
|
|
4071
4066
|
*/
|
|
4072
|
-
setTagEntries = input();
|
|
4067
|
+
setTagEntries = input(...(ngDevMode ? [undefined, { debugName: "setTagEntries" }] : []));
|
|
4073
4068
|
/**
|
|
4074
4069
|
* The number of event type portions to cut from the event type ID when
|
|
4075
4070
|
* building the prefix used to filter the corresponding relations IDs.
|
|
@@ -4080,18 +4075,18 @@ class HistoricalEventEditorComponent {
|
|
|
4080
4075
|
* "person" and "birth", remove the last 1 tail(s), thus getting "person",
|
|
4081
4076
|
* join back the portions and append a final colon, generating "person:".
|
|
4082
4077
|
*/
|
|
4083
|
-
eventTypeTailCut = input(0);
|
|
4078
|
+
eventTypeTailCut = input(0, ...(ngDevMode ? [{ debugName: "eventTypeTailCut" }] : []));
|
|
4084
4079
|
// settings for lookup
|
|
4085
4080
|
// by-type: true/false
|
|
4086
|
-
pinByTypeMode = input();
|
|
4081
|
+
pinByTypeMode = input(...(ngDevMode ? [undefined, { debugName: "pinByTypeMode" }] : []));
|
|
4087
4082
|
// switch-mode: true/false
|
|
4088
|
-
canSwitchMode = input();
|
|
4083
|
+
canSwitchMode = input(...(ngDevMode ? [undefined, { debugName: "canSwitchMode" }] : []));
|
|
4089
4084
|
// edit-target: true/false
|
|
4090
|
-
canEditTarget = input();
|
|
4085
|
+
canEditTarget = input(...(ngDevMode ? [undefined, { debugName: "canEditTarget" }] : []));
|
|
4091
4086
|
/**
|
|
4092
4087
|
* True to disable ID lookup via scoped pin lookup.
|
|
4093
4088
|
*/
|
|
4094
|
-
noLookup = input();
|
|
4089
|
+
noLookup = input(...(ngDevMode ? [undefined, { debugName: "noLookup" }] : []));
|
|
4095
4090
|
editorClose = output();
|
|
4096
4091
|
// event
|
|
4097
4092
|
eid;
|
|
@@ -4287,10 +4282,10 @@ class HistoricalEventEditorComponent {
|
|
|
4287
4282
|
}
|
|
4288
4283
|
this.event.set(this.getModel());
|
|
4289
4284
|
}
|
|
4290
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4291
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", 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 }, setTagEntries: { classPropertyName: "setTagEntries", publicName: "setTagEntries", isSignal: true, isRequired: false, transformFunction: null }, eventTypeTailCut: { classPropertyName: "eventTypeTailCut", publicName: "eventTypeTailCut", isSignal: true, isRequired: false, transformFunction: null }, pinByTypeMode: { classPropertyName: "pinByTypeMode", publicName: "pinByTypeMode", isSignal: true, isRequired: false, transformFunction: null }, canSwitchMode: { classPropertyName: "canSwitchMode", publicName: "canSwitchMode", isSignal: true, isRequired: false, transformFunction: null }, canEditTarget: { classPropertyName: "canEditTarget", publicName: "canEditTarget", 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()\">\n <mat-tab-group>\n <mat-tab label=\"general\">\n @if (eventTypeEntries()?.length) {\n <!-- bound type -->\n <div id=\"container\">\n <div id=\"ids\" class=\"form-row\">\n <!-- eid -->\n <mat-form-field>\n <mat-label>EID</mat-label>\n <input matInput [formControl]=\"eid\" />\n @if ($any(eid).errors?.required && (eid.dirty || eid.touched)) {\n <mat-error>EID required</mat-error>\n } @if ($any(eid).errors?.maxLength && (eid.dirty || eid.touched)) {\n <mat-error>EID too long</mat-error>\n }\n </mat-form-field>\n <!-- tag (bound) -->\n @if (eventTagEntries()?.length) {\n <mat-form-field>\n <mat-label>tag</mat-label>\n <mat-select [formControl]=\"tag\">\n @for (e of eventTagEntries(); 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 ($any(tag).errors?.maxLength && (tag.dirty || tag.touched)) {\n <mat-error>tag too long</mat-error>\n }\n </mat-form-field>\n }\n </div>\n <!-- type (bound) -->\n <div id=\"type\">\n <fieldset>\n <legend>type</legend>\n @if (type.value) {\n <div class=\"sel-type\">\n {{\n type.value | flatLookup : eventTypeEntries() : \"id\" : \"value\"\n }}\n </div>\n } @else {\n <mat-error>no type</mat-error>\n }\n <cadmus-thesaurus-tree\n [entries]=\"eventTypeEntries()\"\n rootLabel=\"types\"\n [renderLabel]=\"renderLabel\"\n (entryChange)=\"onTypeEntryChange($event)\"\n />\n @if ($any(type).errors?.required && (type.dirty || type.touched)) {\n <mat-error>type required</mat-error>\n }\n </fieldset>\n </div>\n </div>\n } @else {\n <!-- free type -->\n <div class=\"form-row\">\n <!-- eid -->\n <mat-form-field>\n <mat-label>EID</mat-label>\n <input matInput [formControl]=\"eid\" />\n @if ($any(eid).errors?.required && (eid.dirty || eid.touched)) {\n <mat-error>EID required</mat-error>\n } @if ($any(eid).errors?.maxLength && (eid.dirty || eid.touched)) {\n <mat-error>EID too long</mat-error>\n }\n </mat-form-field>\n <!-- type (free) -->\n <mat-form-field>\n <mat-label>type</mat-label>\n <input matInput [formControl]=\"type\" />\n @if ($any(type).errors?.required && (type.dirty || type.touched)) {\n <mat-error>type required</mat-error>\n } @if ($any(type).errors?.maxLength && (type.dirty || type.touched)) {\n <mat-error>type too long</mat-error>\n }\n </mat-form-field>\n <!-- tag (bound) -->\n @if (eventTagEntries()?.length) {\n <mat-form-field>\n <mat-label>tag</mat-label>\n <mat-select [formControl]=\"tag\">\n @for (e of eventTagEntries(); 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 ($any(tag).errors?.maxLength && (tag.dirty || tag.touched)) {\n <mat-error>tag too long</mat-error>\n }\n </mat-form-field>\n }\n </div>\n }\n <div>\n <!-- description -->\n <mat-form-field class=\"long-text\">\n <mat-label>description</mat-label>\n <textarea matInput [formControl]=\"description\"></textarea>\n @if ( $any(description).errors?.maxLength && (description.dirty ||\n description.touched) ) {\n <mat-error>description too long</mat-error>\n }\n </mat-form-field>\n </div>\n <div>\n <!-- note -->\n <mat-form-field class=\"long-text\">\n <mat-label>note</mat-label>\n <textarea matInput [formControl]=\"note\"></textarea>\n @if ($any(note).errors?.maxLength && (note.dirty || note.touched)) {\n <mat-error>note too long</mat-error>\n }\n </mat-form-field>\n </div>\n <!-- chronotopes -->\n <mat-expansion-panel>\n <mat-expansion-panel-header>chronotopes</mat-expansion-panel-header>\n <fieldset>\n <legend>chronotopes</legend>\n <cadmus-asserted-chronotope-set\n [tagEntries]=\"ctTagEntries()\"\n [assTagEntries]=\"assTagEntries()\"\n [refTagEntries]=\"refTagEntries()\"\n [refTypeEntries]=\"refTypeEntries()\"\n [chronotopes]=\"chronotopes.value || undefined\"\n (chronotopesChange)=\"onChronotopesChange($event!)\"\n />\n </fieldset>\n </mat-expansion-panel>\n\n <!-- assertion -->\n <mat-checkbox [formControl]=\"hasAssertion\">assertion</mat-checkbox>\n <mat-expansion-panel\n [expanded]=\"hasAssertion.value\"\n [disabled]=\"!hasAssertion.value\"\n >\n <fieldset>\n <legend>assertion</legend>\n <cadmus-refs-assertion\n [assTagEntries]=\"assTagEntries()\"\n [refTagEntries]=\"refTagEntries()\"\n [refTypeEntries]=\"refTypeEntries()\"\n [assertion]=\"assertion.value || undefined\"\n (assertionChange)=\"onAssertionChange($event)\"\n />\n </fieldset>\n </mat-expansion-panel>\n </mat-tab>\n\n <mat-tab label=\"related\">\n <!-- list -->\n <div>\n <button\n type=\"button\"\n mat-flat-button\n class=\"mat-primary\"\n (click)=\"addEntity()\"\n >\n <mat-icon>add_circle</mat-icon> related\n </button>\n </div>\n <table>\n <thead>\n <tr>\n <th></th>\n <th>relation</th>\n <th>ID</th>\n </tr>\n </thead>\n <tbody>\n @for (e of relatedEntities.value; track e.id; let i = $index) {\n <tr [class.selected]=\"editedEntity === e\">\n <td class=\"fit-width\">\n <button\n type=\"button\"\n mat-icon-button\n (click)=\"editEntity(e, i)\"\n matTooltip=\"Edit this entity\"\n >\n <mat-icon class=\"mat-primary\">edit</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n (click)=\"deleteEntity(i)\"\n matTooltip=\"Delete this entity\"\n >\n <mat-icon class=\"mat-warn\">delete</mat-icon>\n </button>\n </td>\n <td>\n {{ e.relation | flatLookup : relationEntries() : \"id\" : \"value\" }}\n </td>\n <td>{{ e.id.target.label }}</td>\n </tr>\n }\n </tbody>\n </table>\n\n <!-- entity editor -->\n <mat-expansion-panel [disabled]=\"!editedEntity\" [expanded]=\"editedEntity\">\n <mat-expansion-panel-header>entity</mat-expansion-panel-header>\n <fieldset>\n <cadmus-related-entity\n [relationEntries]=\"currentRelEntries\"\n [idScopeEntries]=\"idScopeEntries()\"\n [idTagEntries]=\"idTagEntries()\"\n [assTagEntries]=\"assTagEntries()\"\n [refTagEntries]=\"refTagEntries()\"\n [refTypeEntries]=\"refTypeEntries()\"\n [pinByTypeMode]=\"pinByTypeMode()\"\n [canSwitchMode]=\"canSwitchMode()\"\n [canEditTarget]=\"canEditTarget()\"\n [entity]=\"editedEntity\"\n (entityChange)=\"onEntityChange($event!)\"\n (editorClose)=\"closeEntity()\"\n />\n </fieldset>\n </mat-expansion-panel>\n </mat-tab>\n </mat-tab-group>\n\n <!-- buttons -->\n <hr />\n <div class=\"button-row\">\n <button type=\"button\" mat-icon-button (click)=\"cancel()\">\n <mat-icon class=\"mat-warn\">clear</mat-icon>\n </button>\n <button\n type=\"submit\"\n mat-icon-button\n matTooltip=\"Save event\"\n [disabled]=\"form.invalid || form.pristine\"\n >\n <mat-icon class=\"mat-primary\">check_circle</mat-icon>\n </button>\n <span>event</span>\n </div>\n</form>\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"], outputs: ["assertionChange"] }, { kind: "component", type: MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { 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", "pinByTypeMode", "canSwitchMode", "canEditTarget"], outputs: ["entityChange", "editorClose"] }, { kind: "pipe", type: FlatLookupPipe, name: "flatLookup" }, { kind: "component", type: ThesaurusTreeComponent, selector: "cadmus-thesaurus-tree", inputs: ["entries", "rootLabel", "renderLabel"], outputs: ["entryChange"] }] });
|
|
4285
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: HistoricalEventEditorComponent, deps: [{ token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
4286
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", 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 }, setTagEntries: { classPropertyName: "setTagEntries", publicName: "setTagEntries", isSignal: true, isRequired: false, transformFunction: null }, eventTypeTailCut: { classPropertyName: "eventTypeTailCut", publicName: "eventTypeTailCut", isSignal: true, isRequired: false, transformFunction: null }, pinByTypeMode: { classPropertyName: "pinByTypeMode", publicName: "pinByTypeMode", isSignal: true, isRequired: false, transformFunction: null }, canSwitchMode: { classPropertyName: "canSwitchMode", publicName: "canSwitchMode", isSignal: true, isRequired: false, transformFunction: null }, canEditTarget: { classPropertyName: "canEditTarget", publicName: "canEditTarget", 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 [pinByTypeMode]=\"pinByTypeMode()\"\r\n [canSwitchMode]=\"canSwitchMode()\"\r\n [canEditTarget]=\"canEditTarget()\"\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"], 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", "pinByTypeMode", "canSwitchMode", "canEditTarget"], outputs: ["entityChange", "editorClose"] }, { kind: "component", type: ThesaurusTreeComponent, selector: "cadmus-thesaurus-tree", inputs: ["entries", "rootLabel", "renderLabel"], outputs: ["entryChange"] }, { kind: "pipe", type: FlatLookupPipe, name: "flatLookup" }] });
|
|
4292
4287
|
}
|
|
4293
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4288
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: HistoricalEventEditorComponent, decorators: [{
|
|
4294
4289
|
type: Component,
|
|
4295
4290
|
args: [{ selector: 'cadmus-historical-event-editor', imports: [
|
|
4296
4291
|
FormsModule,
|
|
@@ -4315,7 +4310,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
4315
4310
|
RelatedEntityComponent,
|
|
4316
4311
|
FlatLookupPipe,
|
|
4317
4312
|
ThesaurusTreeComponent,
|
|
4318
|
-
], template: "<form [formGroup]=\"form\" (submit)=\"save()\">\n <mat-tab-group>\n <mat-tab label=\"general\">\n @if (eventTypeEntries()?.length) {\n <!-- bound type -->\n <div id=\"container\">\n <div id=\"ids\" class=\"form-row\">\n <!-- eid -->\n <mat-form-field>\n <mat-label>EID</mat-label>\n <input matInput [formControl]=\"eid\" />\n @if ($any(eid).errors?.required && (eid.dirty || eid.touched)) {\n <mat-error>EID required</mat-error>\n } @if ($any(eid).errors?.maxLength && (eid.dirty || eid.touched)) {\n <mat-error>EID too long</mat-error>\n }\n </mat-form-field>\n <!-- tag (bound) -->\n @if (eventTagEntries()?.length) {\n <mat-form-field>\n <mat-label>tag</mat-label>\n <mat-select [formControl]=\"tag\">\n @for (e of eventTagEntries(); 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 ($any(tag).errors?.maxLength && (tag.dirty || tag.touched)) {\n <mat-error>tag too long</mat-error>\n }\n </mat-form-field>\n }\n </div>\n <!-- type (bound) -->\n <div id=\"type\">\n <fieldset>\n <legend>type</legend>\n @if (type.value) {\n <div class=\"sel-type\">\n {{\n type.value | flatLookup : eventTypeEntries() : \"id\" : \"value\"\n }}\n </div>\n } @else {\n <mat-error>no type</mat-error>\n }\n <cadmus-thesaurus-tree\n [entries]=\"eventTypeEntries()\"\n rootLabel=\"types\"\n [renderLabel]=\"renderLabel\"\n (entryChange)=\"onTypeEntryChange($event)\"\n />\n @if ($any(type).errors?.required && (type.dirty || type.touched)) {\n <mat-error>type required</mat-error>\n }\n </fieldset>\n </div>\n </div>\n } @else {\n <!-- free type -->\n <div class=\"form-row\">\n <!-- eid -->\n <mat-form-field>\n <mat-label>EID</mat-label>\n <input matInput [formControl]=\"eid\" />\n @if ($any(eid).errors?.required && (eid.dirty || eid.touched)) {\n <mat-error>EID required</mat-error>\n } @if ($any(eid).errors?.maxLength && (eid.dirty || eid.touched)) {\n <mat-error>EID too long</mat-error>\n }\n </mat-form-field>\n <!-- type (free) -->\n <mat-form-field>\n <mat-label>type</mat-label>\n <input matInput [formControl]=\"type\" />\n @if ($any(type).errors?.required && (type.dirty || type.touched)) {\n <mat-error>type required</mat-error>\n } @if ($any(type).errors?.maxLength && (type.dirty || type.touched)) {\n <mat-error>type too long</mat-error>\n }\n </mat-form-field>\n <!-- tag (bound) -->\n @if (eventTagEntries()?.length) {\n <mat-form-field>\n <mat-label>tag</mat-label>\n <mat-select [formControl]=\"tag\">\n @for (e of eventTagEntries(); 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 ($any(tag).errors?.maxLength && (tag.dirty || tag.touched)) {\n <mat-error>tag too long</mat-error>\n }\n </mat-form-field>\n }\n </div>\n }\n <div>\n <!-- description -->\n <mat-form-field class=\"long-text\">\n <mat-label>description</mat-label>\n <textarea matInput [formControl]=\"description\"></textarea>\n @if ( $any(description).errors?.maxLength && (description.dirty ||\n description.touched) ) {\n <mat-error>description too long</mat-error>\n }\n </mat-form-field>\n </div>\n <div>\n <!-- note -->\n <mat-form-field class=\"long-text\">\n <mat-label>note</mat-label>\n <textarea matInput [formControl]=\"note\"></textarea>\n @if ($any(note).errors?.maxLength && (note.dirty || note.touched)) {\n <mat-error>note too long</mat-error>\n }\n </mat-form-field>\n </div>\n <!-- chronotopes -->\n <mat-expansion-panel>\n <mat-expansion-panel-header>chronotopes</mat-expansion-panel-header>\n <fieldset>\n <legend>chronotopes</legend>\n <cadmus-asserted-chronotope-set\n [tagEntries]=\"ctTagEntries()\"\n [assTagEntries]=\"assTagEntries()\"\n [refTagEntries]=\"refTagEntries()\"\n [refTypeEntries]=\"refTypeEntries()\"\n [chronotopes]=\"chronotopes.value || undefined\"\n (chronotopesChange)=\"onChronotopesChange($event!)\"\n />\n </fieldset>\n </mat-expansion-panel>\n\n <!-- assertion -->\n <mat-checkbox [formControl]=\"hasAssertion\">assertion</mat-checkbox>\n <mat-expansion-panel\n [expanded]=\"hasAssertion.value\"\n [disabled]=\"!hasAssertion.value\"\n >\n <fieldset>\n <legend>assertion</legend>\n <cadmus-refs-assertion\n [assTagEntries]=\"assTagEntries()\"\n [refTagEntries]=\"refTagEntries()\"\n [refTypeEntries]=\"refTypeEntries()\"\n [assertion]=\"assertion.value || undefined\"\n (assertionChange)=\"onAssertionChange($event)\"\n />\n </fieldset>\n </mat-expansion-panel>\n </mat-tab>\n\n <mat-tab label=\"related\">\n <!-- list -->\n <div>\n <button\n type=\"button\"\n mat-flat-button\n class=\"mat-primary\"\n (click)=\"addEntity()\"\n >\n <mat-icon>add_circle</mat-icon> related\n </button>\n </div>\n <table>\n <thead>\n <tr>\n <th></th>\n <th>relation</th>\n <th>ID</th>\n </tr>\n </thead>\n <tbody>\n @for (e of relatedEntities.value; track e.id; let i = $index) {\n <tr [class.selected]=\"editedEntity === e\">\n <td class=\"fit-width\">\n <button\n type=\"button\"\n mat-icon-button\n (click)=\"editEntity(e, i)\"\n matTooltip=\"Edit this entity\"\n >\n <mat-icon class=\"mat-primary\">edit</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n (click)=\"deleteEntity(i)\"\n matTooltip=\"Delete this entity\"\n >\n <mat-icon class=\"mat-warn\">delete</mat-icon>\n </button>\n </td>\n <td>\n {{ e.relation | flatLookup : relationEntries() : \"id\" : \"value\" }}\n </td>\n <td>{{ e.id.target.label }}</td>\n </tr>\n }\n </tbody>\n </table>\n\n <!-- entity editor -->\n <mat-expansion-panel [disabled]=\"!editedEntity\" [expanded]=\"editedEntity\">\n <mat-expansion-panel-header>entity</mat-expansion-panel-header>\n <fieldset>\n <cadmus-related-entity\n [relationEntries]=\"currentRelEntries\"\n [idScopeEntries]=\"idScopeEntries()\"\n [idTagEntries]=\"idTagEntries()\"\n [assTagEntries]=\"assTagEntries()\"\n [refTagEntries]=\"refTagEntries()\"\n [refTypeEntries]=\"refTypeEntries()\"\n [pinByTypeMode]=\"pinByTypeMode()\"\n [canSwitchMode]=\"canSwitchMode()\"\n [canEditTarget]=\"canEditTarget()\"\n [entity]=\"editedEntity\"\n (entityChange)=\"onEntityChange($event!)\"\n (editorClose)=\"closeEntity()\"\n />\n </fieldset>\n </mat-expansion-panel>\n </mat-tab>\n </mat-tab-group>\n\n <!-- buttons -->\n <hr />\n <div class=\"button-row\">\n <button type=\"button\" mat-icon-button (click)=\"cancel()\">\n <mat-icon class=\"mat-warn\">clear</mat-icon>\n </button>\n <button\n type=\"submit\"\n mat-icon-button\n matTooltip=\"Save event\"\n [disabled]=\"form.invalid || form.pristine\"\n >\n <mat-icon class=\"mat-primary\">check_circle</mat-icon>\n </button>\n <span>event</span>\n </div>\n</form>\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"] }]
|
|
4313
|
+
], 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 [pinByTypeMode]=\"pinByTypeMode()\"\r\n [canSwitchMode]=\"canSwitchMode()\"\r\n [canEditTarget]=\"canEditTarget()\"\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"] }]
|
|
4319
4314
|
}], ctorParameters: () => [{ type: i2.FormBuilder }] });
|
|
4320
4315
|
|
|
4321
4316
|
/**
|
|
@@ -4539,10 +4534,10 @@ class HistoricalDatePartComponent extends ModelEditorComponentBase {
|
|
|
4539
4534
|
this.references.updateValueAndValidity();
|
|
4540
4535
|
this.references.markAsDirty();
|
|
4541
4536
|
}
|
|
4542
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4543
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
4537
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: HistoricalDatePartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
4538
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", 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" }] });
|
|
4544
4539
|
}
|
|
4545
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4540
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: HistoricalDatePartComponent, decorators: [{
|
|
4546
4541
|
type: Component,
|
|
4547
4542
|
args: [{ selector: 'cadmus-historical-date-part', imports: [
|
|
4548
4543
|
FormsModule,
|
|
@@ -4808,10 +4803,10 @@ class HistoricalEventsPartComponent extends ModelEditorComponentBase {
|
|
|
4808
4803
|
this.events.updateValueAndValidity();
|
|
4809
4804
|
this.events.markAsDirty();
|
|
4810
4805
|
}
|
|
4811
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4812
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
4806
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: HistoricalEventsPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }, { token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4807
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: HistoricalEventsPartComponent, isStandalone: true, selector: "cadmus-historical-events-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) || \"Events Part\"\r\n }}</mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content>\r\n <!-- events list -->\r\n <div>\r\n <button\r\n type=\"button\"\r\n mat-flat-button\r\n class=\"mat-primary\"\r\n (click)=\"addEvent()\"\r\n >\r\n <mat-icon>add_circle</mat-icon> event\r\n </button>\r\n </div>\r\n @if (events.value.length) {\r\n <table>\r\n <thead>\r\n <tr>\r\n <th></th>\r\n <th>type</th>\r\n <th>tag</th>\r\n <th>ID</th>\r\n <th>place/date</th>\r\n <th>rel.</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n @for ( entry of events.value; track entry; let i = $index; let first =\r\n $first; let last = $last) {\r\n <tr [class.selected]=\"editedEvent === 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 event\"\r\n (click)=\"editEvent(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 event up\"\r\n [disabled]=\"first\"\r\n (click)=\"moveEventUp(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 event down\"\r\n [disabled]=\"last\"\r\n (click)=\"moveEventDown(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 event\"\r\n (click)=\"deleteEvent(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 : eventTypeEntries : \"id\" : \"value\" }}\r\n </td>\r\n <td>{{ entry.tag }}</td>\r\n <td>{{ entry.eid }}</td>\r\n <td>{{ entry.chronotopes | assertedChronotopes }}</td>\r\n <td>{{ entry.relatedEntities?.length || 0 }}</td>\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n }\r\n\r\n <!-- event editor -->\r\n <mat-expansion-panel [expanded]=\"editedEvent\" [disabled]=\"!editedEvent\">\r\n @if (editedEvent) {\r\n <mat-expansion-panel-header>\r\n <span class=\"edited-title\">event</span>\r\n <span class=\"nr\">{{ editedEventIndex + 1 }}</span>\r\n </mat-expansion-panel-header>\r\n }\r\n <fieldset>\r\n <cadmus-historical-event-editor\r\n [eventTagEntries]=\"eventTagEntries\"\r\n [eventTypeEntries]=\"eventTypeEntries\"\r\n [relationEntries]=\"relationEntries\"\r\n [ctTagEntries]=\"ctTagEntries\"\r\n [assTagEntries]=\"assTagEntries\"\r\n [refTagEntries]=\"refTagEntries\"\r\n [refTypeEntries]=\"refTypeEntries\"\r\n [idScopeEntries]=\"idScopeEntries\"\r\n [idTagEntries]=\"idTagEntries\"\r\n [pinByTypeMode]=\"pinByTypeMode\"\r\n [canSwitchMode]=\"canSwitchMode\"\r\n [canEditTarget]=\"canEditTarget\"\r\n [event]=\"editedEvent\"\r\n (eventChange)=\"onEventSave($event!)\"\r\n (editorClose)=\"closeEvent()\"\r\n />\r\n </fieldset>\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}.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", "setTagEntries", "eventTypeTailCut", "pinByTypeMode", "canSwitchMode", "canEditTarget", "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" }] });
|
|
4813
4808
|
}
|
|
4814
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4809
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: HistoricalEventsPartComponent, decorators: [{
|
|
4815
4810
|
type: Component,
|
|
4816
4811
|
args: [{ selector: 'cadmus-historical-events-part', imports: [
|
|
4817
4812
|
FormsModule,
|
|
@@ -4833,14 +4828,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
4833
4828
|
AssertedChronotopesPipe,
|
|
4834
4829
|
FlatLookupPipe,
|
|
4835
4830
|
CloseSaveButtonsComponent,
|
|
4836
|
-
], 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 [pinByTypeMode]=\"pinByTypeMode\"\n [canSwitchMode]=\"canSwitchMode\"\n [canEditTarget]=\"canEditTarget\"\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"] }]
|
|
4831
|
+
], 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) || \"Events Part\"\r\n }}</mat-card-title>\r\n </mat-card-header>\r\n <mat-card-content>\r\n <!-- events list -->\r\n <div>\r\n <button\r\n type=\"button\"\r\n mat-flat-button\r\n class=\"mat-primary\"\r\n (click)=\"addEvent()\"\r\n >\r\n <mat-icon>add_circle</mat-icon> event\r\n </button>\r\n </div>\r\n @if (events.value.length) {\r\n <table>\r\n <thead>\r\n <tr>\r\n <th></th>\r\n <th>type</th>\r\n <th>tag</th>\r\n <th>ID</th>\r\n <th>place/date</th>\r\n <th>rel.</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n @for ( entry of events.value; track entry; let i = $index; let first =\r\n $first; let last = $last) {\r\n <tr [class.selected]=\"editedEvent === 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 event\"\r\n (click)=\"editEvent(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 event up\"\r\n [disabled]=\"first\"\r\n (click)=\"moveEventUp(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 event down\"\r\n [disabled]=\"last\"\r\n (click)=\"moveEventDown(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 event\"\r\n (click)=\"deleteEvent(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 : eventTypeEntries : \"id\" : \"value\" }}\r\n </td>\r\n <td>{{ entry.tag }}</td>\r\n <td>{{ entry.eid }}</td>\r\n <td>{{ entry.chronotopes | assertedChronotopes }}</td>\r\n <td>{{ entry.relatedEntities?.length || 0 }}</td>\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n }\r\n\r\n <!-- event editor -->\r\n <mat-expansion-panel [expanded]=\"editedEvent\" [disabled]=\"!editedEvent\">\r\n @if (editedEvent) {\r\n <mat-expansion-panel-header>\r\n <span class=\"edited-title\">event</span>\r\n <span class=\"nr\">{{ editedEventIndex + 1 }}</span>\r\n </mat-expansion-panel-header>\r\n }\r\n <fieldset>\r\n <cadmus-historical-event-editor\r\n [eventTagEntries]=\"eventTagEntries\"\r\n [eventTypeEntries]=\"eventTypeEntries\"\r\n [relationEntries]=\"relationEntries\"\r\n [ctTagEntries]=\"ctTagEntries\"\r\n [assTagEntries]=\"assTagEntries\"\r\n [refTagEntries]=\"refTagEntries\"\r\n [refTypeEntries]=\"refTypeEntries\"\r\n [idScopeEntries]=\"idScopeEntries\"\r\n [idTagEntries]=\"idTagEntries\"\r\n [pinByTypeMode]=\"pinByTypeMode\"\r\n [canSwitchMode]=\"canSwitchMode\"\r\n [canEditTarget]=\"canEditTarget\"\r\n [event]=\"editedEvent\"\r\n (eventChange)=\"onEventSave($event!)\"\r\n (editorClose)=\"closeEvent()\"\r\n />\r\n </fieldset>\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}.edited-title{color:silver;margin-right:8px}.nr{color:#fff;background-color:silver;border:1px solid #c0c0c0;border-radius:4px;padding:0 2px}\n"] }]
|
|
4837
4832
|
}], ctorParameters: () => [{ type: i1.AuthJwtService }, { type: i2.FormBuilder }, { type: i3.DialogService }] });
|
|
4838
4833
|
|
|
4839
4834
|
class IndexKeywordComponent {
|
|
4840
|
-
keyword = model();
|
|
4841
|
-
idxEntries = input();
|
|
4842
|
-
tagEntries = input();
|
|
4843
|
-
langEntries = input();
|
|
4835
|
+
keyword = model(...(ngDevMode ? [undefined, { debugName: "keyword" }] : []));
|
|
4836
|
+
idxEntries = input(...(ngDevMode ? [undefined, { debugName: "idxEntries" }] : []));
|
|
4837
|
+
tagEntries = input(...(ngDevMode ? [undefined, { debugName: "tagEntries" }] : []));
|
|
4838
|
+
langEntries = input(...(ngDevMode ? [undefined, { debugName: "langEntries" }] : []));
|
|
4844
4839
|
editorClose = output();
|
|
4845
4840
|
indexId;
|
|
4846
4841
|
language;
|
|
@@ -4903,10 +4898,10 @@ class IndexKeywordComponent {
|
|
|
4903
4898
|
}
|
|
4904
4899
|
this.keyword.set(this.getKeyword());
|
|
4905
4900
|
}
|
|
4906
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4907
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
4901
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: IndexKeywordComponent, deps: [{ token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
4902
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", 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()\">\r\n <div class=\"form-row\">\r\n <!-- index ID -->\r\n @if (idxEntries()?.length) {\r\n <div>\r\n <mat-form-field>\r\n <mat-label>index ID</mat-label>\r\n <mat-select [formControl]=\"indexId\">\r\n <mat-option [value]=\"''\">(default)</mat-option>\r\n @for (e of idxEntries(); 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 </div>\r\n } @else {\r\n <div>\r\n <mat-form-field>\r\n <mat-label>index ID</mat-label>\r\n <input matInput type=\"text\" [formControl]=\"indexId\" />\r\n @if ( indexId.hasError('maxLength') && (indexId.dirty ||\r\n indexId.touched) ) {\r\n <mat-error>index ID too long</mat-error>\r\n } @if ( indexId.hasError('pattern') && (indexId.dirty ||\r\n indexId.touched) ) {\r\n <mat-error>invalid index ID</mat-error>\r\n }\r\n </mat-form-field>\r\n </div>\r\n }\r\n\r\n <!-- language -->\r\n @if (langEntries()?.length) {\r\n <div>\r\n <mat-form-field>\r\n <mat-label>language</mat-label>\r\n <mat-select [formControl]=\"language\">\r\n <mat-option [value]=\"null\">(n/a)</mat-option>\r\n @for (e of langEntries(); 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 </div>\r\n } @else {\r\n <div>\r\n <mat-form-field>\r\n <mat-label>language</mat-label>\r\n <input matInput type=\"text\" [formControl]=\"language\" />\r\n @if ( language.hasError('pattern') && (language.dirty ||\r\n language.touched) ) {\r\n <mat-error>invalid language</mat-error>\r\n }\r\n </mat-form-field>\r\n </div>\r\n }\r\n\r\n <!-- value -->\r\n <div>\r\n <mat-form-field>\r\n <mat-label>value</mat-label>\r\n <input matInput type=\"text\" [formControl]=\"value\" autofocus />\r\n @if (value.hasError('maxLength') && (value.dirty || value.touched)) {\r\n <mat-error>value too long</mat-error>\r\n }\r\n </mat-form-field>\r\n </div>\r\n\r\n <!-- tag -->\r\n <div>\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.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 (tag.hasError('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 <!-- note -->\r\n <div>\r\n <mat-form-field>\r\n <mat-label>note</mat-label>\r\n <input matInput type=\"text\" [formControl]=\"note\" />\r\n @if (note.hasError('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\r\n <!-- buttons -->\r\n <div>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Close keyword\"\r\n (click)=\"cancel()\"\r\n >\r\n <mat-icon class=\"mat-warn\">cancel</mat-icon>\r\n </button>\r\n <button\r\n type=\"submit\"\r\n [disabled]=\"form.invalid || form.pristine\"\r\n mat-icon-button\r\n matTooltip=\"Save keyword\"\r\n >\r\n <mat-icon class=\"mat-primary\">check_circle</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n</form>\r\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"] }] });
|
|
4908
4903
|
}
|
|
4909
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4904
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: IndexKeywordComponent, decorators: [{
|
|
4910
4905
|
type: Component,
|
|
4911
4906
|
args: [{ selector: 'cadmus-index-keyword', imports: [
|
|
4912
4907
|
FormsModule,
|
|
@@ -4920,7 +4915,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
4920
4915
|
MatIconButton,
|
|
4921
4916
|
MatTooltip,
|
|
4922
4917
|
MatIcon,
|
|
4923
|
-
], 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"] }]
|
|
4918
|
+
], template: "<form [formGroup]=\"form\" (submit)=\"submit()\">\r\n <div class=\"form-row\">\r\n <!-- index ID -->\r\n @if (idxEntries()?.length) {\r\n <div>\r\n <mat-form-field>\r\n <mat-label>index ID</mat-label>\r\n <mat-select [formControl]=\"indexId\">\r\n <mat-option [value]=\"''\">(default)</mat-option>\r\n @for (e of idxEntries(); 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 </div>\r\n } @else {\r\n <div>\r\n <mat-form-field>\r\n <mat-label>index ID</mat-label>\r\n <input matInput type=\"text\" [formControl]=\"indexId\" />\r\n @if ( indexId.hasError('maxLength') && (indexId.dirty ||\r\n indexId.touched) ) {\r\n <mat-error>index ID too long</mat-error>\r\n } @if ( indexId.hasError('pattern') && (indexId.dirty ||\r\n indexId.touched) ) {\r\n <mat-error>invalid index ID</mat-error>\r\n }\r\n </mat-form-field>\r\n </div>\r\n }\r\n\r\n <!-- language -->\r\n @if (langEntries()?.length) {\r\n <div>\r\n <mat-form-field>\r\n <mat-label>language</mat-label>\r\n <mat-select [formControl]=\"language\">\r\n <mat-option [value]=\"null\">(n/a)</mat-option>\r\n @for (e of langEntries(); 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 </div>\r\n } @else {\r\n <div>\r\n <mat-form-field>\r\n <mat-label>language</mat-label>\r\n <input matInput type=\"text\" [formControl]=\"language\" />\r\n @if ( language.hasError('pattern') && (language.dirty ||\r\n language.touched) ) {\r\n <mat-error>invalid language</mat-error>\r\n }\r\n </mat-form-field>\r\n </div>\r\n }\r\n\r\n <!-- value -->\r\n <div>\r\n <mat-form-field>\r\n <mat-label>value</mat-label>\r\n <input matInput type=\"text\" [formControl]=\"value\" autofocus />\r\n @if (value.hasError('maxLength') && (value.dirty || value.touched)) {\r\n <mat-error>value too long</mat-error>\r\n }\r\n </mat-form-field>\r\n </div>\r\n\r\n <!-- tag -->\r\n <div>\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.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 (tag.hasError('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 <!-- note -->\r\n <div>\r\n <mat-form-field>\r\n <mat-label>note</mat-label>\r\n <input matInput type=\"text\" [formControl]=\"note\" />\r\n @if (note.hasError('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\r\n <!-- buttons -->\r\n <div>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Close keyword\"\r\n (click)=\"cancel()\"\r\n >\r\n <mat-icon class=\"mat-warn\">cancel</mat-icon>\r\n </button>\r\n <button\r\n type=\"submit\"\r\n [disabled]=\"form.invalid || form.pristine\"\r\n mat-icon-button\r\n matTooltip=\"Save keyword\"\r\n >\r\n <mat-icon class=\"mat-primary\">check_circle</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n</form>\r\n", styles: [".form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-row *{flex:0 0 auto}\n"] }]
|
|
4924
4919
|
}], ctorParameters: () => [{ type: i2.FormBuilder }] });
|
|
4925
4920
|
|
|
4926
4921
|
/**
|
|
@@ -5160,10 +5155,10 @@ class IndexKeywordsPartComponent extends ModelEditorComponentBase {
|
|
|
5160
5155
|
this.addKeyword(keyword);
|
|
5161
5156
|
this.editedKeyword = undefined;
|
|
5162
5157
|
}
|
|
5163
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5164
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
5158
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: IndexKeywordsPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
5159
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", 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" }] });
|
|
5165
5160
|
}
|
|
5166
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5161
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: IndexKeywordsPartComponent, decorators: [{
|
|
5167
5162
|
type: Component,
|
|
5168
5163
|
args: [{ selector: 'cadmus-index-keywords-part', imports: [
|
|
5169
5164
|
FormsModule,
|
|
@@ -5182,10 +5177,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
5182
5177
|
MatExpansionPanelHeader,
|
|
5183
5178
|
MatExpansionPanelTitle,
|
|
5184
5179
|
TitleCasePipe,
|
|
5180
|
+
FlatLookupPipe,
|
|
5185
5181
|
IndexKeywordComponent,
|
|
5186
5182
|
MatCardActions,
|
|
5187
5183
|
CloseSaveButtonsComponent,
|
|
5188
|
-
], 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 >{{\n (modelName() | titlecase) || \"Index Keywords Part\"\n }}</mat-card-title\n >\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)=\"addNewKeyword()\"\n >\n <mat-icon>add_circle</mat-icon> keyword\n </button>\n </div>\n\n @if (keywords.value.length) {\n <div id=\"list\">\n <table>\n <thead>\n <tr>\n <th></th>\n <th>index</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 [class.selected]=\"editedKeyword === k\">\n <td class=\"fit-width\">\n <button\n mat-icon-button\n type=\"button\"\n matTooltip=\"Edit this keyword\"\n (click)=\"editKeyword(k)\"\n >\n <mat-icon class=\"mat-primary\">edit</mat-icon>\n </button>\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.indexId }}</td>\n <td
|
|
5184
|
+
], 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"] }]
|
|
5189
5185
|
}], ctorParameters: () => [{ type: i1.AuthJwtService }, { type: i2.FormBuilder }] });
|
|
5190
5186
|
|
|
5191
5187
|
/**
|
|
@@ -5387,10 +5383,10 @@ class KeywordsPartComponent extends ModelEditorComponentBase {
|
|
|
5387
5383
|
this.keywords.updateValueAndValidity();
|
|
5388
5384
|
this.keywords.markAsDirty();
|
|
5389
5385
|
}
|
|
5390
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5391
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
5386
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: KeywordsPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
5387
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: KeywordsPartComponent, isStandalone: true, selector: "cadmus-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 >{{ (modelName() | titlecase) || \"Keywords Part\" }}</mat-card-title\r\n >\r\n </mat-card-header>\r\n <mat-card-content>\r\n <!-- language -->\r\n <form [formGroup]=\"newForm\" (ngSubmit)=\"addKeyword()\" class=\"form-row\">\r\n <mat-form-field>\r\n <mat-label>language</mat-label>\r\n <mat-select [formControl]=\"newLanguage\">\r\n @for (t of langEntries; track t.id) {\r\n <mat-option [value]=\"t.id\">\r\n {{ t.value }}\r\n </mat-option>\r\n }\r\n </mat-select>\r\n <mat-error>select a language</mat-error>\r\n </mat-form-field>\r\n <!-- value -->\r\n <mat-form-field>\r\n <mat-label>value</mat-label>\r\n <input\r\n matInput\r\n autofocus\r\n type=\"text\"\r\n id=\"value\"\r\n [formControl]=\"newValue\"\r\n />\r\n @if ( newValue.hasError('required') && (newValue.touched ||\r\n newValue.dirty) ) {\r\n <mat-error>enter a value</mat-error>\r\n } @if ( newValue.hasError('maxLength') && (newValue.touched ||\r\n newValue.dirty) ) {\r\n <mat-error>value too long</mat-error>\r\n }\r\n </mat-form-field>\r\n <button\r\n mat-flat-button\r\n type=\"submit\"\r\n class=\"mat-primary\"\r\n [disabled]=\"newForm.invalid\"\r\n >\r\n <mat-icon>add_circle</mat-icon> keyword\r\n </button>\r\n </form>\r\n <hr />\r\n @if (keywords.valid) {\r\n <table>\r\n <thead>\r\n <tr>\r\n <th></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>\r\n <td>\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.language }}</td>\r\n <td>{{ k.value }}</td>\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\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: ["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" }] });
|
|
5392
5388
|
}
|
|
5393
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5389
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: KeywordsPartComponent, decorators: [{
|
|
5394
5390
|
type: Component,
|
|
5395
5391
|
args: [{ selector: 'cadmus-keywords-part', imports: [
|
|
5396
5392
|
FormsModule,
|
|
@@ -5414,7 +5410,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
5414
5410
|
MatCardActions,
|
|
5415
5411
|
TitleCasePipe,
|
|
5416
5412
|
CloseSaveButtonsComponent,
|
|
5417
|
-
], 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"] }]
|
|
5413
|
+
], 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 >{{ (modelName() | titlecase) || \"Keywords Part\" }}</mat-card-title\r\n >\r\n </mat-card-header>\r\n <mat-card-content>\r\n <!-- language -->\r\n <form [formGroup]=\"newForm\" (ngSubmit)=\"addKeyword()\" class=\"form-row\">\r\n <mat-form-field>\r\n <mat-label>language</mat-label>\r\n <mat-select [formControl]=\"newLanguage\">\r\n @for (t of langEntries; track t.id) {\r\n <mat-option [value]=\"t.id\">\r\n {{ t.value }}\r\n </mat-option>\r\n }\r\n </mat-select>\r\n <mat-error>select a language</mat-error>\r\n </mat-form-field>\r\n <!-- value -->\r\n <mat-form-field>\r\n <mat-label>value</mat-label>\r\n <input\r\n matInput\r\n autofocus\r\n type=\"text\"\r\n id=\"value\"\r\n [formControl]=\"newValue\"\r\n />\r\n @if ( newValue.hasError('required') && (newValue.touched ||\r\n newValue.dirty) ) {\r\n <mat-error>enter a value</mat-error>\r\n } @if ( newValue.hasError('maxLength') && (newValue.touched ||\r\n newValue.dirty) ) {\r\n <mat-error>value too long</mat-error>\r\n }\r\n </mat-form-field>\r\n <button\r\n mat-flat-button\r\n type=\"submit\"\r\n class=\"mat-primary\"\r\n [disabled]=\"newForm.invalid\"\r\n >\r\n <mat-icon>add_circle</mat-icon> keyword\r\n </button>\r\n </form>\r\n <hr />\r\n @if (keywords.valid) {\r\n <table>\r\n <thead>\r\n <tr>\r\n <th></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>\r\n <td>\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.language }}</td>\r\n <td>{{ k.value }}</td>\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\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: ["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"] }]
|
|
5418
5414
|
}], ctorParameters: () => [{ type: i1.AuthJwtService }, { type: i2.FormBuilder }] });
|
|
5419
5415
|
|
|
5420
5416
|
/**
|
|
@@ -5651,10 +5647,10 @@ class MetadataPartComponent extends ModelEditorComponentBase {
|
|
|
5651
5647
|
}
|
|
5652
5648
|
return entries;
|
|
5653
5649
|
}
|
|
5654
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5655
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: MetadataPartComponent, isStandalone: true, selector: "cadmus-metadata-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) || \"Metadata Part\"\n }}</mat-card-title>\n </mat-card-header>\n <mat-card-content>\n <div formArrayName=\"metadata\">\n <div>\n <button\n type=\"button\"\n mat-flat-button\n class=\"mat-primary\"\n (click)=\"addMetadatum()\"\n >\n <mat-icon>add_circle</mat-icon> metadatum\n </button>\n </div>\n @for ( g of metadata.controls; track g; 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 <span style=\"flex: 0 0 auto\">\n <span class=\"nr\">{{ i + 1 }}.</span>\n <button\n mat-icon-button\n type=\"button\"\n matTooltip=\"Remove this metadatum\"\n (click)=\"removeMetadatum(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 metadatum up\"\n (click)=\"moveMetadatumUp(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 metadatum down\"\n (click)=\"moveMetadatumDown(i)\"\n >\n <mat-icon>arrow_downward</mat-icon>\n </button>\n </span>\n <!-- child controls -->\n <!-- type (bound) -->\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.id) {\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\n }\n </mat-select>\n @if ( $any(g)['controls'].type.errors?.required &&\n ($any(g)['controls'].type.dirty ||\n $any(g)['controls'].type.touched) ) {\n <mat-error>type required</mat-error>\n }\n </mat-form-field>\n }\n <!-- type (free) -->\n @else {\n <mat-form-field>\n <mat-label>type</mat-label>\n <input matInput formControlName=\"type\" />\n @if ( $any(g)['controls'].type.errors?.required &&\n ($any(g)['controls'].type.dirty ||\n $any(g)['controls'].type.touched) ) {\n <mat-error>type required</mat-error>\n } @if ( $any(g)['controls'].type.errors?.maxLength &&\n ($any(g)['controls'].type.dirty ||\n $any(g)['controls'].type.touched) ) {\n <mat-error>type too long</mat-error>\n }\n </mat-form-field>\n } @if (nameEntries?.length) {\n <!-- name (bound) -->\n <mat-form-field>\n <mat-label>name</mat-label>\n <mat-select formControlName=\"name\">\n @for (e of nameEntries; track e.id) {\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\n }\n </mat-select>\n @if ( $any(g)['controls'].name.errors?.required &&\n ($any(g)['controls'].name.dirty ||\n $any(g)['controls'].name.touched) ) {\n <mat-error>name required</mat-error>\n }\n </mat-form-field>\n } @else {\n <!-- name (free) -->\n <mat-form-field>\n <mat-label>name</mat-label>\n <input matInput formControlName=\"name\" />\n <mat-hint>eid = entity ID</mat-hint>\n @if ( $any(g)['controls'].name.errors?.required &&\n ($any(g)['controls'].name.dirty ||\n $any(g)['controls'].name.touched) ) {\n <mat-error>name required</mat-error>\n } @if ( $any(g)['controls'].name.errors?.maxLength &&\n ($any(g)['controls'].name.dirty ||\n $any(g)['controls'].name.touched) ) {\n <mat-error>name 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(g)['controls'].value.errors?.required &&\n ($any(g)['controls'].value.dirty ||\n $any(g)['controls'].value.touched) ) {\n <mat-error>value required</mat-error>\n } @if ( $any(g)['controls'].value.errors?.maxLength &&\n ($any(g)['controls'].value.dirty ||\n $any(g)['controls'].value.touched) ) {\n <mat-error>value too long</mat-error>\n }\n </mat-form-field>\n </div>\n </div>\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: [".form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-row *{flex:1 0 auto}.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[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { 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: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }] });
|
|
5650
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: MetadataPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
5651
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", 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" }] });
|
|
5656
5652
|
}
|
|
5657
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5653
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: MetadataPartComponent, decorators: [{
|
|
5658
5654
|
type: Component,
|
|
5659
5655
|
args: [{ selector: 'cadmus-metadata-part', imports: [
|
|
5660
5656
|
FormsModule,
|
|
@@ -5678,7 +5674,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
5678
5674
|
MatCardActions,
|
|
5679
5675
|
TitleCasePipe,
|
|
5680
5676
|
CloseSaveButtonsComponent,
|
|
5681
|
-
], 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) || \"Metadata Part\"\n }}</mat-card-title>\n </mat-card-header>\n <mat-card-content>\n <div formArrayName=\"metadata\">\n <div>\n <button\n type=\"button\"\n mat-flat-button\n class=\"mat-primary\"\n (click)=\"addMetadatum()\"\n >\n <mat-icon>add_circle</mat-icon> metadatum\n </button>\n </div>\n @for ( g of metadata.controls; track g; 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 <span style=\"flex: 0 0 auto\">\n <span class=\"nr\">{{ i + 1 }}.</span>\n <button\n mat-icon-button\n type=\"button\"\n matTooltip=\"Remove this metadatum\"\n (click)=\"removeMetadatum(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 metadatum up\"\n (click)=\"moveMetadatumUp(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 metadatum down\"\n (click)=\"moveMetadatumDown(i)\"\n >\n <mat-icon>arrow_downward</mat-icon>\n </button>\n </span>\n <!-- child controls -->\n <!-- type (bound) -->\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.id) {\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\n }\n </mat-select>\n @if ( $any(g)['controls'].type.errors?.required &&\n ($any(g)['controls'].type.dirty ||\n $any(g)['controls'].type.touched) ) {\n <mat-error>type required</mat-error>\n }\n </mat-form-field>\n }\n <!-- type (free) -->\n @else {\n <mat-form-field>\n <mat-label>type</mat-label>\n <input matInput formControlName=\"type\" />\n @if ( $any(g)['controls'].type.errors?.required &&\n ($any(g)['controls'].type.dirty ||\n $any(g)['controls'].type.touched) ) {\n <mat-error>type required</mat-error>\n } @if ( $any(g)['controls'].type.errors?.maxLength &&\n ($any(g)['controls'].type.dirty ||\n $any(g)['controls'].type.touched) ) {\n <mat-error>type too long</mat-error>\n }\n </mat-form-field>\n } @if (nameEntries?.length) {\n <!-- name (bound) -->\n <mat-form-field>\n <mat-label>name</mat-label>\n <mat-select formControlName=\"name\">\n @for (e of nameEntries; track e.id) {\n <mat-option [value]=\"e.id\">{{ e.value }}</mat-option>\n }\n </mat-select>\n @if ( $any(g)['controls'].name.errors?.required &&\n ($any(g)['controls'].name.dirty ||\n $any(g)['controls'].name.touched) ) {\n <mat-error>name required</mat-error>\n }\n </mat-form-field>\n } @else {\n <!-- name (free) -->\n <mat-form-field>\n <mat-label>name</mat-label>\n <input matInput formControlName=\"name\" />\n <mat-hint>eid = entity ID</mat-hint>\n @if ( $any(g)['controls'].name.errors?.required &&\n ($any(g)['controls'].name.dirty ||\n $any(g)['controls'].name.touched) ) {\n <mat-error>name required</mat-error>\n } @if ( $any(g)['controls'].name.errors?.maxLength &&\n ($any(g)['controls'].name.dirty ||\n $any(g)['controls'].name.touched) ) {\n <mat-error>name 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(g)['controls'].value.errors?.required &&\n ($any(g)['controls'].value.dirty ||\n $any(g)['controls'].value.touched) ) {\n <mat-error>value required</mat-error>\n } @if ( $any(g)['controls'].value.errors?.maxLength &&\n ($any(g)['controls'].value.dirty ||\n $any(g)['controls'].value.touched) ) {\n <mat-error>value too long</mat-error>\n }\n </mat-form-field>\n </div>\n </div>\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: [".form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-row *{flex:1 0 auto}.nr{color:#fff;background-color:silver;border:1px solid #c0c0c0;border-radius:4px;padding:0 2px}\n"] }]
|
|
5677
|
+
], 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"] }]
|
|
5682
5678
|
}], ctorParameters: () => [{ type: i1.AuthJwtService }, { type: i2.FormBuilder }] });
|
|
5683
5679
|
|
|
5684
5680
|
/**
|
|
@@ -6004,10 +6000,10 @@ class NamesPartComponent extends ModelEditorComponentBase {
|
|
|
6004
6000
|
this.names.updateValueAndValidity();
|
|
6005
6001
|
this.names.markAsDirty();
|
|
6006
6002
|
}
|
|
6007
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6008
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
6003
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: NamesPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }, { token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Component });
|
|
6004
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: NamesPartComponent, isStandalone: true, selector: "cadmus-names-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) || \"Names 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)=\"addName()\"\r\n >\r\n <mat-icon>add_circle</mat-icon> name\r\n </button>\r\n </div>\r\n @if (names.value.length) {\r\n <table>\r\n <thead>\r\n <tr>\r\n <th></th>\r\n <th>name</th>\r\n <th>rank</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n @for ( name of names.value; track name; let i = $index; let first =\r\n $first; let last = $last) {\r\n <tr [class.selected]=\"name === editedName\">\r\n <td class=\"fit-width\">\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Edit this name\"\r\n (click)=\"editName(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 name up\"\r\n [disabled]=\"first\"\r\n (click)=\"moveNameUp(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 name down\"\r\n [disabled]=\"last\"\r\n (click)=\"moveNameDown(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 name\"\r\n (click)=\"deleteName(i)\"\r\n >\r\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\r\n </button>\r\n </td>\r\n <td>{{ name | cadmusProperName }}</td>\r\n <td>{{ name.assertion?.rank || 0 }}</td>\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n }\r\n\r\n <!-- name editor -->\r\n @if (editedName) {\r\n <fieldset>\r\n <mat-expansion-panel [expanded]=\"editedName\">\r\n <mat-expansion-panel-header>\r\n <mat-panel-title>\r\n {{ editedName | cadmusProperName }}</mat-panel-title\r\n ></mat-expansion-panel-header\r\n >\r\n <cadmus-refs-proper-name\r\n [langEntries]=\"langEntries\"\r\n [tagEntries]=\"tagEntries\"\r\n [typeEntries]=\"typeEntries\"\r\n [assTagEntries]=\"assTagEntries\"\r\n [refTagEntries]=\"refTagEntries\"\r\n [refTypeEntries]=\"refTypeEntries\"\r\n [name]=\"editedName\"\r\n (nameChange)=\"onNameChange($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}\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" }] });
|
|
6009
6005
|
}
|
|
6010
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6006
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: NamesPartComponent, decorators: [{
|
|
6011
6007
|
type: Component,
|
|
6012
6008
|
args: [{ selector: 'cadmus-names-part', imports: [
|
|
6013
6009
|
FormsModule,
|
|
@@ -6027,7 +6023,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
6027
6023
|
TitleCasePipe,
|
|
6028
6024
|
CadmusProperNamePipe,
|
|
6029
6025
|
CloseSaveButtonsComponent,
|
|
6030
|
-
], 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"] }]
|
|
6026
|
+
], 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) || \"Names 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)=\"addName()\"\r\n >\r\n <mat-icon>add_circle</mat-icon> name\r\n </button>\r\n </div>\r\n @if (names.value.length) {\r\n <table>\r\n <thead>\r\n <tr>\r\n <th></th>\r\n <th>name</th>\r\n <th>rank</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n @for ( name of names.value; track name; let i = $index; let first =\r\n $first; let last = $last) {\r\n <tr [class.selected]=\"name === editedName\">\r\n <td class=\"fit-width\">\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Edit this name\"\r\n (click)=\"editName(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 name up\"\r\n [disabled]=\"first\"\r\n (click)=\"moveNameUp(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 name down\"\r\n [disabled]=\"last\"\r\n (click)=\"moveNameDown(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 name\"\r\n (click)=\"deleteName(i)\"\r\n >\r\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\r\n </button>\r\n </td>\r\n <td>{{ name | cadmusProperName }}</td>\r\n <td>{{ name.assertion?.rank || 0 }}</td>\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n }\r\n\r\n <!-- name editor -->\r\n @if (editedName) {\r\n <fieldset>\r\n <mat-expansion-panel [expanded]=\"editedName\">\r\n <mat-expansion-panel-header>\r\n <mat-panel-title>\r\n {{ editedName | cadmusProperName }}</mat-panel-title\r\n ></mat-expansion-panel-header\r\n >\r\n <cadmus-refs-proper-name\r\n [langEntries]=\"langEntries\"\r\n [tagEntries]=\"tagEntries\"\r\n [typeEntries]=\"typeEntries\"\r\n [assTagEntries]=\"assTagEntries\"\r\n [refTagEntries]=\"refTagEntries\"\r\n [refTypeEntries]=\"refTypeEntries\"\r\n [name]=\"editedName\"\r\n (nameChange)=\"onNameChange($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}\n"] }]
|
|
6031
6027
|
}], ctorParameters: () => [{ type: i1.AuthJwtService }, { type: i2.FormBuilder }, { type: i3.DialogService }] });
|
|
6032
6028
|
|
|
6033
6029
|
/**
|
|
@@ -6214,10 +6210,10 @@ class NotePartComponent extends ModelEditorComponentBase {
|
|
|
6214
6210
|
part.text = this.text.value?.trim() || '';
|
|
6215
6211
|
return part;
|
|
6216
6212
|
}
|
|
6217
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6218
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
6213
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", 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 });
|
|
6214
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: NotePartComponent, isStandalone: true, selector: "cadmus-note-part", providers: [CadmusTextEdService], 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) || \"Note Part\"\r\n }}</mat-card-title>\r\n </mat-card-header>\r\n\r\n <mat-card-content>\r\n <div id=\"container\">\r\n <div id=\"tga\">\r\n @if (!tagEntries) {\r\n <!-- free tag -->\r\n <mat-form-field>\r\n <mat-label>tag</mat-label>\r\n <input\r\n type=\"text\"\r\n matInput\r\n [formControl]=\"tag\"\r\n spellcheck=\"false\"\r\n />\r\n @if (tag.hasError('maxLength') && (tag.dirty || tag.touched)) {\r\n <mat-error>tag too long</mat-error>\r\n }\r\n </mat-form-field>\r\n } @else {\r\n <!-- bound tag -->\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.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 </div>\r\n\r\n <div id=\"content-wrapper\">\r\n <!-- text -->\r\n <div id=\"txt\">\r\n <nge-monaco-editor id=\"editor\" (ready)=\"onCreateEditor($event)\" />\r\n @if (text.hasError('required') && (text.touched || text.dirty)) {\r\n <mat-error>please enter some text</mat-error>\r\n }\r\n </div>\r\n <!-- preview -->\r\n <div id=\"pvw\">\r\n <nge-markdown [data]=\"text.value || undefined\" />\r\n </div>\r\n </div>\r\n </div>\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: ["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" }] });
|
|
6219
6215
|
}
|
|
6220
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6216
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: NotePartComponent, decorators: [{
|
|
6221
6217
|
type: Component,
|
|
6222
6218
|
args: [{ selector: 'cadmus-note-part', imports: [
|
|
6223
6219
|
FormsModule,
|
|
@@ -6239,7 +6235,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
6239
6235
|
NgeMarkdownModule,
|
|
6240
6236
|
MatCardActions,
|
|
6241
6237
|
CloseSaveButtonsComponent,
|
|
6242
|
-
], providers: [CadmusTextEdService], 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"] }]
|
|
6238
|
+
], providers: [CadmusTextEdService], 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) || \"Note Part\"\r\n }}</mat-card-title>\r\n </mat-card-header>\r\n\r\n <mat-card-content>\r\n <div id=\"container\">\r\n <div id=\"tga\">\r\n @if (!tagEntries) {\r\n <!-- free tag -->\r\n <mat-form-field>\r\n <mat-label>tag</mat-label>\r\n <input\r\n type=\"text\"\r\n matInput\r\n [formControl]=\"tag\"\r\n spellcheck=\"false\"\r\n />\r\n @if (tag.hasError('maxLength') && (tag.dirty || tag.touched)) {\r\n <mat-error>tag too long</mat-error>\r\n }\r\n </mat-form-field>\r\n } @else {\r\n <!-- bound tag -->\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.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 </div>\r\n\r\n <div id=\"content-wrapper\">\r\n <!-- text -->\r\n <div id=\"txt\">\r\n <nge-monaco-editor id=\"editor\" (ready)=\"onCreateEditor($event)\" />\r\n @if (text.hasError('required') && (text.touched || text.dirty)) {\r\n <mat-error>please enter some text</mat-error>\r\n }\r\n </div>\r\n <!-- preview -->\r\n <div id=\"pvw\">\r\n <nge-markdown [data]=\"text.value || undefined\" />\r\n </div>\r\n </div>\r\n </div>\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: ["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"] }]
|
|
6243
6239
|
}], ctorParameters: () => [{ type: i1.AuthJwtService }, { type: i2.FormBuilder }, { type: i3$1.CadmusTextEdService }, { type: undefined, decorators: [{
|
|
6244
6240
|
type: Inject,
|
|
6245
6241
|
args: [CADMUS_TEXT_ED_BINDINGS_TOKEN]
|
|
@@ -6408,10 +6404,10 @@ class PhysicalMeasurementsPartComponent extends ModelEditorComponentBase {
|
|
|
6408
6404
|
this.measurements.markAsDirty();
|
|
6409
6405
|
this.measurements.updateValueAndValidity();
|
|
6410
6406
|
}
|
|
6411
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6412
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
6407
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: PhysicalMeasurementsPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
6408
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", 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" }] });
|
|
6413
6409
|
}
|
|
6414
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6410
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: PhysicalMeasurementsPartComponent, decorators: [{
|
|
6415
6411
|
type: Component,
|
|
6416
6412
|
args: [{ selector: 'cadmus-physical-measurements-part', imports: [
|
|
6417
6413
|
FormsModule,
|
|
@@ -6665,10 +6661,10 @@ class PhysicalStatesPartComponent extends ModelEditorComponentBase {
|
|
|
6665
6661
|
this.entries.markAsDirty();
|
|
6666
6662
|
this.entries.updateValueAndValidity();
|
|
6667
6663
|
}
|
|
6668
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6669
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
6664
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: PhysicalStatesPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }, { token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Component });
|
|
6665
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", 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" }] });
|
|
6670
6666
|
}
|
|
6671
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6667
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: PhysicalStatesPartComponent, decorators: [{
|
|
6672
6668
|
type: Component,
|
|
6673
6669
|
args: [{ selector: 'cadmus-physical-states-part', imports: [
|
|
6674
6670
|
FormsModule,
|
|
@@ -6963,10 +6959,10 @@ class PinLinksPartComponent extends ModelEditorComponentBase {
|
|
|
6963
6959
|
this.links.updateValueAndValidity();
|
|
6964
6960
|
this.links.markAsDirty();
|
|
6965
6961
|
}
|
|
6966
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6967
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
6962
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: PinLinksPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
6963
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", 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]=\"pinByTypeMode\"\r\n [canSwitchMode]=\"canSwitchMode\"\r\n [canEditTarget]=\"canEditTarget\"\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" }] });
|
|
6968
6964
|
}
|
|
6969
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6965
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: PinLinksPartComponent, decorators: [{
|
|
6970
6966
|
type: Component,
|
|
6971
6967
|
args: [{ selector: 'cadmus-pin-links-part', imports: [
|
|
6972
6968
|
FormsModule,
|
|
@@ -6981,7 +6977,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
6981
6977
|
AssertedCompositeIdsComponent,
|
|
6982
6978
|
MatCardActions,
|
|
6983
6979
|
CloseSaveButtonsComponent,
|
|
6984
|
-
], 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]=\"pinByTypeMode\"\r\n [canSwitchMode]=\"canSwitchMode\"\r\n [canEditTarget]=\"canEditTarget\"\r\n
|
|
6980
|
+
], 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]=\"pinByTypeMode\"\r\n [canSwitchMode]=\"canSwitchMode\"\r\n [canEditTarget]=\"canEditTarget\"\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" }]
|
|
6985
6981
|
}], ctorParameters: () => [{ type: i1.AuthJwtService }, { type: i2.FormBuilder }] });
|
|
6986
6982
|
|
|
6987
6983
|
const PIN_LINKS_FRAGMENT_TYPEID = 'fr.it.vedph.pin-links';
|
|
@@ -7221,10 +7217,10 @@ class PinLinksFragmentComponent extends ModelEditorComponentBase {
|
|
|
7221
7217
|
this.links.updateValueAndValidity();
|
|
7222
7218
|
this.links.markAsDirty();
|
|
7223
7219
|
}
|
|
7224
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7225
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
7220
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: PinLinksFragmentComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
7221
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", 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]=\"pinByTypeMode\"\r\n [canSwitchMode]=\"canSwitchMode\"\r\n [canEditTarget]=\"canEditTarget\"\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" }] });
|
|
7226
7222
|
}
|
|
7227
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7223
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: PinLinksFragmentComponent, decorators: [{
|
|
7228
7224
|
type: Component,
|
|
7229
7225
|
args: [{ selector: 'cadmus-pin-links-fragment', imports: [
|
|
7230
7226
|
FormsModule,
|
|
@@ -7239,7 +7235,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
7239
7235
|
MatCardActions,
|
|
7240
7236
|
TitleCasePipe,
|
|
7241
7237
|
CloseSaveButtonsComponent,
|
|
7242
|
-
], 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]=\"pinByTypeMode\"\r\n [canSwitchMode]=\"canSwitchMode\"\r\n [canEditTarget]=\"canEditTarget\"\r\n
|
|
7238
|
+
], 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]=\"pinByTypeMode\"\r\n [canSwitchMode]=\"canSwitchMode\"\r\n [canEditTarget]=\"canEditTarget\"\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" }]
|
|
7243
7239
|
}], ctorParameters: () => [{ type: i1.AuthJwtService }, { type: i2.FormBuilder }] });
|
|
7244
7240
|
|
|
7245
7241
|
/**
|
|
@@ -7384,12 +7380,12 @@ class TextTileComponent {
|
|
|
7384
7380
|
_sub;
|
|
7385
7381
|
_checkedChangeFrozen;
|
|
7386
7382
|
textElement;
|
|
7387
|
-
selected = input();
|
|
7388
|
-
checkable = input();
|
|
7389
|
-
readonly = input();
|
|
7390
|
-
color = input();
|
|
7391
|
-
checked = model(false);
|
|
7392
|
-
tile = model();
|
|
7383
|
+
selected = input(...(ngDevMode ? [undefined, { debugName: "selected" }] : []));
|
|
7384
|
+
checkable = input(...(ngDevMode ? [undefined, { debugName: "checkable" }] : []));
|
|
7385
|
+
readonly = input(...(ngDevMode ? [undefined, { debugName: "readonly" }] : []));
|
|
7386
|
+
color = input(...(ngDevMode ? [undefined, { debugName: "color" }] : []));
|
|
7387
|
+
checked = model(false, ...(ngDevMode ? [{ debugName: "checked" }] : []));
|
|
7388
|
+
tile = model(...(ngDevMode ? [undefined, { debugName: "tile" }] : []));
|
|
7393
7389
|
editData = output();
|
|
7394
7390
|
editedText;
|
|
7395
7391
|
checker;
|
|
@@ -7488,10 +7484,10 @@ class TextTileComponent {
|
|
|
7488
7484
|
this.tile.set(this.getTile());
|
|
7489
7485
|
this.editing = false;
|
|
7490
7486
|
}
|
|
7491
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7492
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
7487
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: TextTileComponent, deps: [{ token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
7488
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", 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()) {\r\n<div\r\n class=\"tile\"\r\n [class.checked]=\"checked\"\r\n [class.selected]=\"selected()\"\r\n [style.background-color]=\"color() || 'transparent'\"\r\n tabindex=\"1\"\r\n (keydown.F2)=\"edit()\"\r\n (keydown.F3)=\"requestEditData()\"\r\n (keydown.space)=\"toggleCheckedNonEdit()\"\r\n>\r\n @if (editing) {\r\n <form [formGroup]=\"form\" (submit)=\"save()\">\r\n <mat-form-field>\r\n <mat-label>text [{{ tile()!.x }}]</mat-label>\r\n <input\r\n #textInput\r\n matInput\r\n type=\"text\"\r\n spellcheck=\"false\"\r\n formControlName=\"editedText\"\r\n (keydown.esc)=\"cancel()\"\r\n />\r\n @if ( editedText.hasError('required') && (editedText.dirty ||\r\n editedText.touched) ) {\r\n <mat-error>enter a text</mat-error>\r\n } @if ( editedText.hasError('maxLength') && (editedText.dirty ||\r\n editedText.touched) ) {\r\n <mat-error>text too long</mat-error>\r\n } @if ( editedText.hasError('pattern') && (editedText.dirty ||\r\n editedText.touched) ) {\r\n <mat-error>no whitespaces allowed</mat-error>\r\n }\r\n </mat-form-field>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Discard text\"\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 [disabled]=\"form.invalid\"\r\n mat-icon-button\r\n matTooltip=\"Save text\"\r\n >\r\n <mat-icon class=\"mat-primary\">check_circle</mat-icon>\r\n </button>\r\n </form>\r\n } @if (!editing) {\r\n <ng-container style=\"display: flex; align-items: center\">\r\n <span class=\"text\">{{ text }}</span>\r\n @if (!readonly()) {\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Edit text (F2)\"\r\n (click)=\"edit()\"\r\n >\r\n <mat-icon class=\"mat-primary\">edit</mat-icon>\r\n </button>\r\n } @if (checkable()) {\r\n <mat-checkbox\r\n [formControl]=\"checker\"\r\n matTooltip=\"Toggle check\"\r\n ></mat-checkbox>\r\n }\r\n </ng-container>\r\n }\r\n</div>\r\n}\r\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"] }] });
|
|
7493
7489
|
}
|
|
7494
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7490
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: TextTileComponent, decorators: [{
|
|
7495
7491
|
type: Component,
|
|
7496
7492
|
args: [{ selector: 'cadmus-text-tile', imports: [
|
|
7497
7493
|
FormsModule,
|
|
@@ -7504,7 +7500,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
7504
7500
|
MatTooltip,
|
|
7505
7501
|
MatIcon,
|
|
7506
7502
|
MatCheckbox,
|
|
7507
|
-
], 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"] }]
|
|
7503
|
+
], template: "@if (tile()) {\r\n<div\r\n class=\"tile\"\r\n [class.checked]=\"checked\"\r\n [class.selected]=\"selected()\"\r\n [style.background-color]=\"color() || 'transparent'\"\r\n tabindex=\"1\"\r\n (keydown.F2)=\"edit()\"\r\n (keydown.F3)=\"requestEditData()\"\r\n (keydown.space)=\"toggleCheckedNonEdit()\"\r\n>\r\n @if (editing) {\r\n <form [formGroup]=\"form\" (submit)=\"save()\">\r\n <mat-form-field>\r\n <mat-label>text [{{ tile()!.x }}]</mat-label>\r\n <input\r\n #textInput\r\n matInput\r\n type=\"text\"\r\n spellcheck=\"false\"\r\n formControlName=\"editedText\"\r\n (keydown.esc)=\"cancel()\"\r\n />\r\n @if ( editedText.hasError('required') && (editedText.dirty ||\r\n editedText.touched) ) {\r\n <mat-error>enter a text</mat-error>\r\n } @if ( editedText.hasError('maxLength') && (editedText.dirty ||\r\n editedText.touched) ) {\r\n <mat-error>text too long</mat-error>\r\n } @if ( editedText.hasError('pattern') && (editedText.dirty ||\r\n editedText.touched) ) {\r\n <mat-error>no whitespaces allowed</mat-error>\r\n }\r\n </mat-form-field>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Discard text\"\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 [disabled]=\"form.invalid\"\r\n mat-icon-button\r\n matTooltip=\"Save text\"\r\n >\r\n <mat-icon class=\"mat-primary\">check_circle</mat-icon>\r\n </button>\r\n </form>\r\n } @if (!editing) {\r\n <ng-container style=\"display: flex; align-items: center\">\r\n <span class=\"text\">{{ text }}</span>\r\n @if (!readonly()) {\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Edit text (F2)\"\r\n (click)=\"edit()\"\r\n >\r\n <mat-icon class=\"mat-primary\">edit</mat-icon>\r\n </button>\r\n } @if (checkable()) {\r\n <mat-checkbox\r\n [formControl]=\"checker\"\r\n matTooltip=\"Toggle check\"\r\n ></mat-checkbox>\r\n }\r\n </ng-container>\r\n }\r\n</div>\r\n}\r\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"] }]
|
|
7508
7504
|
}], ctorParameters: () => [{ type: i2.FormBuilder }], propDecorators: { textElement: [{
|
|
7509
7505
|
type: ViewChild,
|
|
7510
7506
|
args: ['textInput']
|
|
@@ -7521,9 +7517,9 @@ class TiledDataComponent {
|
|
|
7521
7517
|
_sub;
|
|
7522
7518
|
_hiddenData;
|
|
7523
7519
|
keys;
|
|
7524
|
-
title = input();
|
|
7525
|
-
data = model({});
|
|
7526
|
-
hiddenKeys = input([]);
|
|
7520
|
+
title = input(...(ngDevMode ? [undefined, { debugName: "title" }] : []));
|
|
7521
|
+
data = model({}, ...(ngDevMode ? [{ debugName: "data" }] : []));
|
|
7522
|
+
hiddenKeys = input([], ...(ngDevMode ? [{ debugName: "hiddenKeys" }] : []));
|
|
7527
7523
|
cancel = output();
|
|
7528
7524
|
keyFilter;
|
|
7529
7525
|
filterForm;
|
|
@@ -7652,10 +7648,10 @@ class TiledDataComponent {
|
|
|
7652
7648
|
}
|
|
7653
7649
|
this.data.set(this.getData());
|
|
7654
7650
|
}
|
|
7655
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7656
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
7651
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: TiledDataComponent, deps: [{ token: i2.FormBuilder }, { token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Component });
|
|
7652
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", 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>\r\n @if (title()) {\r\n <h3>{{ title() }}</h3>\r\n }\r\n <form [formGroup]=\"filterForm\">\r\n <mat-form-field>\r\n <mat-label>filter</mat-label>\r\n <input\r\n matInput\r\n type=\"text\"\r\n spellcheck=\"false\"\r\n formControlName=\"keyFilter\"\r\n />\r\n @if (keyFilter.value) {\r\n <button\r\n type=\"button\"\r\n mat-button\r\n matSuffix\r\n mat-icon-button\r\n aria-label=\"Clear\"\r\n (click)=\"keyFilter.setValue('')\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n }\r\n </mat-form-field>\r\n </form>\r\n <form [formGroup]=\"form\" (submit)=\"save()\">\r\n <table>\r\n <tbody>\r\n @for (key of keys; track key) {\r\n <tr>\r\n @if (key.visible) {\r\n <td>\r\n <button\r\n type=\"button\"\r\n (click)=\"deleteDatum(key)\"\r\n mat-icon-button\r\n matTooltip=\"Remove this datum\"\r\n >\r\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\r\n </button>\r\n </td>\r\n <td class=\"key-label\">\r\n {{ key.value }}\r\n </td>\r\n <td>\r\n <mat-form-field>\r\n <input\r\n matInput\r\n spellcheck=\"false\"\r\n [formControlName]=\"key.value\"\r\n />\r\n </mat-form-field>\r\n </td>\r\n }\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n <div>\r\n <form [formGroup]=\"newForm\" (submit)=\"addDatum()\">\r\n <mat-form-field>\r\n <mat-label>key</mat-label>\r\n <input matInput type=\"text\" formControlName=\"newKey\" />\r\n @if ( newKey.hasError('required') && (newKey.dirty || newKey.touched)\r\n ) {\r\n <mat-error>enter a key</mat-error>\r\n } @if ( newKey.hasError('pattern') && (newKey.dirty || newKey.touched)\r\n ) {\r\n <mat-error>invalid key</mat-error>\r\n }\r\n </mat-form-field>\r\n \r\n <mat-form-field>\r\n <mat-label>value</mat-label>\r\n <input matInput type=\"text\" formControlName=\"newValue\" />\r\n @if ( newValue.hasError('maxLength') && (newValue.dirty ||\r\n newValue.touched) ) {\r\n <mat-error>too long</mat-error>\r\n }\r\n </mat-form-field>\r\n <button type=\"submit\" matTooltip=\"Add new datum\" mat-icon-button>\r\n <mat-icon>add_circle</mat-icon>\r\n </button>\r\n </form>\r\n </div>\r\n <div>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n (click)=\"close()\"\r\n matTooltip=\"Close without saving\"\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-button\r\n class=\"mat-primary\"\r\n [disabled]=\"form.invalid\"\r\n matTooltip=\"Save data\"\r\n >\r\n <mat-icon>check_circle</mat-icon>\r\n save data\r\n </button>\r\n </div>\r\n </form>\r\n</div>\r\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"] }] });
|
|
7657
7653
|
}
|
|
7658
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7654
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: TiledDataComponent, decorators: [{
|
|
7659
7655
|
type: Component,
|
|
7660
7656
|
args: [{ selector: 'cadmus-tiled-data', imports: [
|
|
7661
7657
|
FormsModule,
|
|
@@ -7669,7 +7665,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
7669
7665
|
MatIcon,
|
|
7670
7666
|
MatTooltip,
|
|
7671
7667
|
MatError,
|
|
7672
|
-
], 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 \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"] }]
|
|
7668
|
+
], template: "<div>\r\n @if (title()) {\r\n <h3>{{ title() }}</h3>\r\n }\r\n <form [formGroup]=\"filterForm\">\r\n <mat-form-field>\r\n <mat-label>filter</mat-label>\r\n <input\r\n matInput\r\n type=\"text\"\r\n spellcheck=\"false\"\r\n formControlName=\"keyFilter\"\r\n />\r\n @if (keyFilter.value) {\r\n <button\r\n type=\"button\"\r\n mat-button\r\n matSuffix\r\n mat-icon-button\r\n aria-label=\"Clear\"\r\n (click)=\"keyFilter.setValue('')\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n }\r\n </mat-form-field>\r\n </form>\r\n <form [formGroup]=\"form\" (submit)=\"save()\">\r\n <table>\r\n <tbody>\r\n @for (key of keys; track key) {\r\n <tr>\r\n @if (key.visible) {\r\n <td>\r\n <button\r\n type=\"button\"\r\n (click)=\"deleteDatum(key)\"\r\n mat-icon-button\r\n matTooltip=\"Remove this datum\"\r\n >\r\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\r\n </button>\r\n </td>\r\n <td class=\"key-label\">\r\n {{ key.value }}\r\n </td>\r\n <td>\r\n <mat-form-field>\r\n <input\r\n matInput\r\n spellcheck=\"false\"\r\n [formControlName]=\"key.value\"\r\n />\r\n </mat-form-field>\r\n </td>\r\n }\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n <div>\r\n <form [formGroup]=\"newForm\" (submit)=\"addDatum()\">\r\n <mat-form-field>\r\n <mat-label>key</mat-label>\r\n <input matInput type=\"text\" formControlName=\"newKey\" />\r\n @if ( newKey.hasError('required') && (newKey.dirty || newKey.touched)\r\n ) {\r\n <mat-error>enter a key</mat-error>\r\n } @if ( newKey.hasError('pattern') && (newKey.dirty || newKey.touched)\r\n ) {\r\n <mat-error>invalid key</mat-error>\r\n }\r\n </mat-form-field>\r\n \r\n <mat-form-field>\r\n <mat-label>value</mat-label>\r\n <input matInput type=\"text\" formControlName=\"newValue\" />\r\n @if ( newValue.hasError('maxLength') && (newValue.dirty ||\r\n newValue.touched) ) {\r\n <mat-error>too long</mat-error>\r\n }\r\n </mat-form-field>\r\n <button type=\"submit\" matTooltip=\"Add new datum\" mat-icon-button>\r\n <mat-icon>add_circle</mat-icon>\r\n </button>\r\n </form>\r\n </div>\r\n <div>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n (click)=\"close()\"\r\n matTooltip=\"Close without saving\"\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-button\r\n class=\"mat-primary\"\r\n [disabled]=\"form.invalid\"\r\n matTooltip=\"Save data\"\r\n >\r\n <mat-icon>check_circle</mat-icon>\r\n save data\r\n </button>\r\n </div>\r\n </form>\r\n</div>\r\n", styles: ["td.key-label{padding-right:8px;color:gray;font-weight:700}\n"] }]
|
|
7673
7669
|
}], ctorParameters: () => [{ type: i2.FormBuilder }, { type: i3.DialogService }] });
|
|
7674
7670
|
|
|
7675
7671
|
class TiledTextPartComponent extends ModelEditorComponentBase {
|
|
@@ -7903,10 +7899,10 @@ class TiledTextPartComponent extends ModelEditorComponentBase {
|
|
|
7903
7899
|
return `${y},${tile.x}`;
|
|
7904
7900
|
}
|
|
7905
7901
|
}
|
|
7906
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7907
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", 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"], 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]", exportAs: ["matButton"] }, { 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: "pipe", type: TitleCasePipe, name: "titlecase" }, { 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"] }] });
|
|
7902
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: TiledTextPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }, { token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Component });
|
|
7903
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: TiledTextPartComponent, isStandalone: true, selector: "cadmus-tiled-text-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) || \"Tiled Text Part\"\r\n }}</mat-card-title>\r\n </mat-card-header>\r\n\r\n <mat-card-content>\r\n <mat-tab-group [(selectedIndex)]=\"currentTabIndex\">\r\n <mat-tab label=\"Text\">\r\n <!-- citation -->\r\n <div>\r\n <mat-form-field style=\"min-width: 400px\">\r\n <mat-label>citation</mat-label>\r\n <input matInput formControlName=\"citation\" />\r\n @if ( citation.hasError('maxLength') && (citation.dirty ||\r\n citation.touched) ) {\r\n <mat-error></mat-error>\r\n }\r\n </mat-form-field>\r\n </div>\r\n\r\n <!-- rows -->\r\n @if (rows) {\r\n <div cdkDropListGroup>\r\n <!-- row -->\r\n @for ( row of rows.value; track row; let i = $index; let first =\r\n $first; let last = $last) {\r\n <div\r\n cdkDropList\r\n cdkDropListOrientation=\"horizontal\"\r\n (cdkDropListDropped)=\"drop($any($event), row)\"\r\n style=\"display: flex; flex-flow: row wrap\"\r\n >\r\n <!-- nr -->\r\n <span class=\"row-nr\">{{ i + 1 }}</span>\r\n <!-- tile -->\r\n @for (tile of row.tiles || []; track tile) {\r\n <cadmus-text-tile\r\n [tile]=\"tile\"\r\n [selected]=\"tile === selectedTile\"\r\n cdkDrag\r\n style=\"flex: 0 0 auto\"\r\n (click)=\"selectedTile = tile\"\r\n (editData)=\"editTileData(tile)\"\r\n (tileChange)=\"onTileChange($event!)\"\r\n >\r\n <div class=\"tile-placeholder\" *cdkDragPlaceholder></div>\r\n </cadmus-text-tile>\r\n }\r\n <!-- row tail buttons -->\r\n <div class=\"unmuted-hovering\">\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n (click)=\"addTile(row)\"\r\n matTooltip=\"Append new tile\"\r\n >\r\n <mat-icon>add_circle</mat-icon>\r\n </button>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n (click)=\"moveRowUp(i)\"\r\n [disabled]=\"first\"\r\n matTooltip=\"Move this row up\"\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 (click)=\"moveRowDown(i)\"\r\n [disabled]=\"last\"\r\n matTooltip=\"Move this row down\"\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 whole row\"\r\n (click)=\"deleteRow(i)\"\r\n >\r\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\r\n </button>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Edit row's data\"\r\n (click)=\"editRowData(row)\"\r\n >\r\n <mat-icon>list</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n }\r\n <!-- bottom buttons -->\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Append new row\"\r\n (click)=\"addRow()\"\r\n >\r\n <mat-icon>add_circle</mat-icon>\r\n </button>\r\n <span>{{ getTileCoords() }}</span>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Edit selected tile's data\"\r\n [disabled]=\"!selectedTile\"\r\n (click)=\"editTileData(selectedTile!)\"\r\n >\r\n <mat-icon>list</mat-icon>\r\n </button>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Delete the selected tile\"\r\n (click)=\"deleteSelectedTile()\"\r\n [disabled]=\"!selectedTile\"\r\n >\r\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\r\n </button>\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-tab>\r\n\r\n @if (editedData) {\r\n <mat-tab label=\"Data\">\r\n <cadmus-tiled-data\r\n [data]=\"editedData\"\r\n [title]=\"editedDataTitle\"\r\n [hiddenKeys]=\"['text']\"\r\n (cancel)=\"closeDataEditor()\"\r\n (dataChange)=\"saveEditedData($event)\"\r\n />\r\n </mat-tab>\r\n }\r\n </mat-tab-group>\r\n </mat-card-content>\r\n </mat-card>\r\n</form>\r\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" }] });
|
|
7908
7904
|
}
|
|
7909
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7905
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: TiledTextPartComponent, decorators: [{
|
|
7910
7906
|
type: Component,
|
|
7911
7907
|
args: [{ selector: 'cadmus-tiled-text-part', imports: [
|
|
7912
7908
|
FormsModule,
|
|
@@ -7934,7 +7930,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
7934
7930
|
TitleCasePipe,
|
|
7935
7931
|
TiledDataComponent,
|
|
7936
7932
|
CloseSaveButtonsComponent,
|
|
7937
|
-
], 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"] }]
|
|
7933
|
+
], 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) || \"Tiled Text Part\"\r\n }}</mat-card-title>\r\n </mat-card-header>\r\n\r\n <mat-card-content>\r\n <mat-tab-group [(selectedIndex)]=\"currentTabIndex\">\r\n <mat-tab label=\"Text\">\r\n <!-- citation -->\r\n <div>\r\n <mat-form-field style=\"min-width: 400px\">\r\n <mat-label>citation</mat-label>\r\n <input matInput formControlName=\"citation\" />\r\n @if ( citation.hasError('maxLength') && (citation.dirty ||\r\n citation.touched) ) {\r\n <mat-error></mat-error>\r\n }\r\n </mat-form-field>\r\n </div>\r\n\r\n <!-- rows -->\r\n @if (rows) {\r\n <div cdkDropListGroup>\r\n <!-- row -->\r\n @for ( row of rows.value; track row; let i = $index; let first =\r\n $first; let last = $last) {\r\n <div\r\n cdkDropList\r\n cdkDropListOrientation=\"horizontal\"\r\n (cdkDropListDropped)=\"drop($any($event), row)\"\r\n style=\"display: flex; flex-flow: row wrap\"\r\n >\r\n <!-- nr -->\r\n <span class=\"row-nr\">{{ i + 1 }}</span>\r\n <!-- tile -->\r\n @for (tile of row.tiles || []; track tile) {\r\n <cadmus-text-tile\r\n [tile]=\"tile\"\r\n [selected]=\"tile === selectedTile\"\r\n cdkDrag\r\n style=\"flex: 0 0 auto\"\r\n (click)=\"selectedTile = tile\"\r\n (editData)=\"editTileData(tile)\"\r\n (tileChange)=\"onTileChange($event!)\"\r\n >\r\n <div class=\"tile-placeholder\" *cdkDragPlaceholder></div>\r\n </cadmus-text-tile>\r\n }\r\n <!-- row tail buttons -->\r\n <div class=\"unmuted-hovering\">\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n (click)=\"addTile(row)\"\r\n matTooltip=\"Append new tile\"\r\n >\r\n <mat-icon>add_circle</mat-icon>\r\n </button>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n (click)=\"moveRowUp(i)\"\r\n [disabled]=\"first\"\r\n matTooltip=\"Move this row up\"\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 (click)=\"moveRowDown(i)\"\r\n [disabled]=\"last\"\r\n matTooltip=\"Move this row down\"\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 whole row\"\r\n (click)=\"deleteRow(i)\"\r\n >\r\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\r\n </button>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Edit row's data\"\r\n (click)=\"editRowData(row)\"\r\n >\r\n <mat-icon>list</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n }\r\n <!-- bottom buttons -->\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Append new row\"\r\n (click)=\"addRow()\"\r\n >\r\n <mat-icon>add_circle</mat-icon>\r\n </button>\r\n <span>{{ getTileCoords() }}</span>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Edit selected tile's data\"\r\n [disabled]=\"!selectedTile\"\r\n (click)=\"editTileData(selectedTile!)\"\r\n >\r\n <mat-icon>list</mat-icon>\r\n </button>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Delete the selected tile\"\r\n (click)=\"deleteSelectedTile()\"\r\n [disabled]=\"!selectedTile\"\r\n >\r\n <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\r\n </button>\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-tab>\r\n\r\n @if (editedData) {\r\n <mat-tab label=\"Data\">\r\n <cadmus-tiled-data\r\n [data]=\"editedData\"\r\n [title]=\"editedDataTitle\"\r\n [hiddenKeys]=\"['text']\"\r\n (cancel)=\"closeDataEditor()\"\r\n (dataChange)=\"saveEditedData($event)\"\r\n />\r\n </mat-tab>\r\n }\r\n </mat-tab-group>\r\n </mat-card-content>\r\n </mat-card>\r\n</form>\r\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"] }]
|
|
7938
7934
|
}], ctorParameters: () => [{ type: i1.AuthJwtService }, { type: i2.FormBuilder }, { type: i3.DialogService }] });
|
|
7939
7935
|
|
|
7940
7936
|
/**
|
|
@@ -8172,10 +8168,10 @@ class TokenTextPartComponent extends ModelEditorComponentBase {
|
|
|
8172
8168
|
}
|
|
8173
8169
|
});
|
|
8174
8170
|
}
|
|
8175
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8176
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
8171
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: TokenTextPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }, { token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Component });
|
|
8172
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: TokenTextPartComponent, isStandalone: true, selector: "cadmus-token-text-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) || \"Token Text Part\"\r\n }}</mat-card-title>\r\n </mat-card-header>\r\n\r\n <mat-card-content>\r\n <div id=\"container\">\r\n <div id=\"cit\">\r\n <!-- citation -->\r\n <mat-form-field>\r\n <mat-label>citation</mat-label>\r\n <input matInput [formControl]=\"citation\" />\r\n </mat-form-field>\r\n </div>\r\n\r\n <!-- transforms -->\r\n <div id=\"trs\">\r\n <mat-form-field>\r\n <mat-label>operation</mat-label>\r\n <mat-select [formControl]=\"transform\">\r\n <mat-option value=\"ws\">normalize ws</mat-option>\r\n <mat-option value=\"split\">split at stops</mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Apply the selected text transformation\"\r\n (click)=\"applyTransform()\"\r\n >\r\n <mat-icon class=\"mat-warn\">find_replace</mat-icon>\r\n </button>\r\n </div>\r\n\r\n <!-- text -->\r\n <div id=\"txt\">\r\n <nge-monaco-editor\r\n style=\"--editor-height: 800px\"\r\n (ready)=\"onCreateEditor($event)\"\r\n />\r\n @if (text.hasError('required') && (text.touched || text.dirty)) {\r\n <mat-error>please enter some text</mat-error>\r\n }\r\n </div>\r\n </div>\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-content>\r\n </mat-card>\r\n</form>\r\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" }] });
|
|
8177
8173
|
}
|
|
8178
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8174
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: TokenTextPartComponent, decorators: [{
|
|
8179
8175
|
type: Component,
|
|
8180
8176
|
args: [{ selector: 'cadmus-token-text-part', imports: [
|
|
8181
8177
|
FormsModule,
|
|
@@ -8198,7 +8194,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
8198
8194
|
MatCardActions,
|
|
8199
8195
|
TitleCasePipe,
|
|
8200
8196
|
CloseSaveButtonsComponent,
|
|
8201
|
-
], 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"] }]
|
|
8197
|
+
], 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) || \"Token Text Part\"\r\n }}</mat-card-title>\r\n </mat-card-header>\r\n\r\n <mat-card-content>\r\n <div id=\"container\">\r\n <div id=\"cit\">\r\n <!-- citation -->\r\n <mat-form-field>\r\n <mat-label>citation</mat-label>\r\n <input matInput [formControl]=\"citation\" />\r\n </mat-form-field>\r\n </div>\r\n\r\n <!-- transforms -->\r\n <div id=\"trs\">\r\n <mat-form-field>\r\n <mat-label>operation</mat-label>\r\n <mat-select [formControl]=\"transform\">\r\n <mat-option value=\"ws\">normalize ws</mat-option>\r\n <mat-option value=\"split\">split at stops</mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n <button\r\n type=\"button\"\r\n mat-icon-button\r\n matTooltip=\"Apply the selected text transformation\"\r\n (click)=\"applyTransform()\"\r\n >\r\n <mat-icon class=\"mat-warn\">find_replace</mat-icon>\r\n </button>\r\n </div>\r\n\r\n <!-- text -->\r\n <div id=\"txt\">\r\n <nge-monaco-editor\r\n style=\"--editor-height: 800px\"\r\n (ready)=\"onCreateEditor($event)\"\r\n />\r\n @if (text.hasError('required') && (text.touched || text.dirty)) {\r\n <mat-error>please enter some text</mat-error>\r\n }\r\n </div>\r\n </div>\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-content>\r\n </mat-card>\r\n</form>\r\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"] }]
|
|
8202
8198
|
}], ctorParameters: () => [{ type: i1.AuthJwtService }, { type: i2.FormBuilder }, { type: i3.DialogService }] });
|
|
8203
8199
|
|
|
8204
8200
|
/*
|