@myrmidon/cadmus-ui 8.1.2 → 9.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-ui.mjs +51 -51
- package/fesm2022/myrmidon-cadmus-ui.mjs.map +1 -1
- package/lib/utils.d.ts +2 -2
- package/package.json +7 -9
- package/esm2022/lib/cadmus-ui.module.mjs +0 -132
- package/esm2022/lib/components/close-save-buttons/close-save-buttons.component.mjs +0 -25
- package/esm2022/lib/components/decorated-token-text/decorated-token-text.component.mjs +0 -67
- package/esm2022/lib/components/error-list/error-list.component.mjs +0 -16
- package/esm2022/lib/components/facet-badge/facet-badge.component.mjs +0 -88
- package/esm2022/lib/components/flags-badge/flags-badge.component.mjs +0 -37
- package/esm2022/lib/components/layer-hints/layer-hints.component.mjs +0 -100
- package/esm2022/lib/components/lookup-pin/lookup-pin.component.mjs +0 -135
- package/esm2022/lib/components/model-editor-component-base.mjs +0 -211
- package/esm2022/lib/components/part-badge/part-badge.component.mjs +0 -101
- package/esm2022/lib/components/thesaurus-tree/thesaurus-tree.component.mjs +0 -220
- package/esm2022/lib/services/color.service.mjs +0 -155
- package/esm2022/lib/services/user-ref-lookup.service.mjs +0 -33
- package/esm2022/lib/utils.mjs +0 -50
- package/esm2022/lib/validators/custom-validators.mjs +0 -35
- package/esm2022/lib/validators/json-validators.mjs +0 -19
- package/esm2022/myrmidon-cadmus-ui.mjs +0 -5
- package/esm2022/public-api.mjs +0 -20
|
@@ -42,12 +42,12 @@ class CloseSaveButtonsComponent {
|
|
|
42
42
|
close() {
|
|
43
43
|
this.closeRequest.emit();
|
|
44
44
|
}
|
|
45
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
46
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
45
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: CloseSaveButtonsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
46
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: CloseSaveButtonsComponent, isStandalone: false, selector: "cadmus-close-save-buttons", inputs: { form: "form", noSave: "noSave" }, outputs: { closeRequest: "closeRequest" }, ngImport: i0, template: "@if (form) {\n<button\n type=\"button\"\n mat-raised-button\n color=\"warn\"\n class=\"mat-warn\"\n (click)=\"close()\"\n>\n <mat-icon>cancel</mat-icon>\n close\n</button>\n@if (!noSave) {\n<button\n type=\"submit\"\n [disabled]=\"form.invalid\"\n mat-raised-button\n color=\"primary\"\n class=\"mat-primary\"\n style=\"margin-left: 8px\"\n>\n <mat-icon>check_circle</mat-icon>\n save\n</button>\n} }\n", styles: [""], dependencies: [{ kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
|
|
47
47
|
}
|
|
48
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: CloseSaveButtonsComponent, decorators: [{
|
|
49
49
|
type: Component,
|
|
50
|
-
args: [{ selector: 'cadmus-close-save-buttons', template: "@if (form) {\n<button\n type=\"button\"\n mat-raised-button\n color=\"warn\"\n class=\"mat-warn\"\n (click)=\"close()\"\n>\n <mat-icon>cancel</mat-icon>\n close\n</button>\n@if (!noSave) {\n<button\n type=\"submit\"\n [disabled]=\"form.invalid\"\n mat-raised-button\n color=\"primary\"\n class=\"mat-primary\"\n style=\"margin-left: 8px\"\n>\n <mat-icon>check_circle</mat-icon>\n save\n</button>\n} }\n" }]
|
|
50
|
+
args: [{ selector: 'cadmus-close-save-buttons', standalone: false, template: "@if (form) {\n<button\n type=\"button\"\n mat-raised-button\n color=\"warn\"\n class=\"mat-warn\"\n (click)=\"close()\"\n>\n <mat-icon>cancel</mat-icon>\n close\n</button>\n@if (!noSave) {\n<button\n type=\"submit\"\n [disabled]=\"form.invalid\"\n mat-raised-button\n color=\"primary\"\n class=\"mat-primary\"\n style=\"margin-left: 8px\"\n>\n <mat-icon>check_circle</mat-icon>\n save\n</button>\n} }\n" }]
|
|
51
51
|
}], ctorParameters: () => [], propDecorators: { form: [{
|
|
52
52
|
type: Input
|
|
53
53
|
}], noSave: [{
|
|
@@ -102,12 +102,12 @@ class DecoratedTokenTextComponent {
|
|
|
102
102
|
decorate() {
|
|
103
103
|
this.text = this._textLayerService.render(this._baseText, this._locations, this._selectedLoc);
|
|
104
104
|
}
|
|
105
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
106
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
105
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: DecoratedTokenTextComponent, deps: [{ token: i1.TextLayerService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
106
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0", type: DecoratedTokenTextComponent, isStandalone: false, selector: "cadmus-decorated-token-text", inputs: { baseText: "baseText", locations: "locations", selectedLocation: "selectedLocation" }, viewQueries: [{ propertyName: "_textElement", first: true, predicate: ["textElem"], descendants: true }], ngImport: i0, template: "<div [innerHtml]=\"text | safeHtml: 'html'\" id=\"text\" #textElem></div>\r\n", styles: [":host ::ng-deep div#text{counter-reset:text-y-counter}:host ::ng-deep div#text p:before{content:counter(text-y-counter);counter-increment:text-y-counter;margin-right:6px;color:#a0a0a0}:host ::ng-deep span.fr{background-color:#ff0;border:1px solid silver;border-radius:6px;padding:0 4px}:host ::ng-deep span.fr-sel{background-color:orange;font-weight:700;border:1px solid #404040}\n"], dependencies: [{ kind: "pipe", type: i2.SafeHtmlPipe, name: "safeHtml" }] }); }
|
|
107
107
|
}
|
|
108
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
108
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: DecoratedTokenTextComponent, decorators: [{
|
|
109
109
|
type: Component,
|
|
110
|
-
args: [{ selector: 'cadmus-decorated-token-text', template: "<div [innerHtml]=\"text | safeHtml: 'html'\" id=\"text\" #textElem></div>\r\n", styles: [":host ::ng-deep div#text{counter-reset:text-y-counter}:host ::ng-deep div#text p:before{content:counter(text-y-counter);counter-increment:text-y-counter;margin-right:6px;color:#a0a0a0}:host ::ng-deep span.fr{background-color:#ff0;border:1px solid silver;border-radius:6px;padding:0 4px}:host ::ng-deep span.fr-sel{background-color:orange;font-weight:700;border:1px solid #404040}\n"] }]
|
|
110
|
+
args: [{ selector: 'cadmus-decorated-token-text', standalone: false, template: "<div [innerHtml]=\"text | safeHtml: 'html'\" id=\"text\" #textElem></div>\r\n", styles: [":host ::ng-deep div#text{counter-reset:text-y-counter}:host ::ng-deep div#text p:before{content:counter(text-y-counter);counter-increment:text-y-counter;margin-right:6px;color:#a0a0a0}:host ::ng-deep span.fr{background-color:#ff0;border:1px solid silver;border-radius:6px;padding:0 4px}:host ::ng-deep span.fr-sel{background-color:orange;font-weight:700;border:1px solid #404040}\n"] }]
|
|
111
111
|
}], ctorParameters: () => [{ type: i1.TextLayerService }], propDecorators: { _textElement: [{
|
|
112
112
|
type: ViewChild,
|
|
113
113
|
args: ['textElem']
|
|
@@ -121,14 +121,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
121
121
|
|
|
122
122
|
class ErrorListComponent {
|
|
123
123
|
constructor() { }
|
|
124
|
-
ngOnInit() {
|
|
125
|
-
}
|
|
126
|
-
static { this.ɵ
|
|
127
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: ErrorListComponent, selector: "cadmus-error-list", inputs: { errors: "errors" }, ngImport: i0, template: "@if (errors) {\n <ul>\n @for (error of errors; track error) {\n <li>{{error}}</li>\n }\n </ul>\n}\n", styles: [""] }); }
|
|
124
|
+
ngOnInit() { }
|
|
125
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: ErrorListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
126
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: ErrorListComponent, isStandalone: false, selector: "cadmus-error-list", inputs: { errors: "errors" }, ngImport: i0, template: "@if (errors) {\n <ul>\n @for (error of errors; track error) {\n <li>{{error}}</li>\n }\n </ul>\n}\n", styles: [""] }); }
|
|
128
127
|
}
|
|
129
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
128
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: ErrorListComponent, decorators: [{
|
|
130
129
|
type: Component,
|
|
131
|
-
args: [{ selector: 'cadmus-error-list', template: "@if (errors) {\n <ul>\n @for (error of errors; track error) {\n <li>{{error}}</li>\n }\n </ul>\n}\n" }]
|
|
130
|
+
args: [{ selector: 'cadmus-error-list', standalone: false, template: "@if (errors) {\n <ul>\n @for (error of errors; track error) {\n <li>{{error}}</li>\n }\n </ul>\n}\n" }]
|
|
132
131
|
}], ctorParameters: () => [], propDecorators: { errors: [{
|
|
133
132
|
type: Input
|
|
134
133
|
}] } });
|
|
@@ -276,10 +275,10 @@ class ColorService {
|
|
|
276
275
|
const rgb = this.hslToRgb(h, s, l);
|
|
277
276
|
return this.rgbToString(rgb.r, rgb.g, rgb.b);
|
|
278
277
|
}
|
|
279
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
280
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
278
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: ColorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
279
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: ColorService, providedIn: 'root' }); }
|
|
281
280
|
}
|
|
282
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
281
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: ColorService, decorators: [{
|
|
283
282
|
type: Injectable,
|
|
284
283
|
args: [{
|
|
285
284
|
providedIn: 'root',
|
|
@@ -360,12 +359,12 @@ class FacetBadgeComponent {
|
|
|
360
359
|
this.contrastColor = this._colorService.getContrastColor(this.color);
|
|
361
360
|
this.tip = this.getFacetTip(this._data?.facetId || '') ?? undefined;
|
|
362
361
|
}
|
|
363
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
364
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
362
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: FacetBadgeComponent, deps: [{ token: ColorService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
363
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0", type: FacetBadgeComponent, isStandalone: false, selector: "cadmus-facet-badge", inputs: { data: "data" }, ngImport: i0, template: "<span\r\n class=\"model-type\"\r\n [style.background-color]=\"color\"\r\n [style.color]=\"contrastColor\"\r\n matTooltip=\"{{ tip }}\"\r\n >{{ data?.facetId }}\r\n</span>\r\n", styles: ["span.model-type{padding:4px;border-radius:6px}\n"], dependencies: [{ kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
|
|
365
364
|
}
|
|
366
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
365
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: FacetBadgeComponent, decorators: [{
|
|
367
366
|
type: Component,
|
|
368
|
-
args: [{ selector: 'cadmus-facet-badge', template: "<span\r\n class=\"model-type\"\r\n [style.background-color]=\"color\"\r\n [style.color]=\"contrastColor\"\r\n matTooltip=\"{{ tip }}\"\r\n >{{ data?.facetId }}\r\n</span>\r\n", styles: ["span.model-type{padding:4px;border-radius:6px}\n"] }]
|
|
367
|
+
args: [{ selector: 'cadmus-facet-badge', standalone: false, template: "<span\r\n class=\"model-type\"\r\n [style.background-color]=\"color\"\r\n [style.color]=\"contrastColor\"\r\n matTooltip=\"{{ tip }}\"\r\n >{{ data?.facetId }}\r\n</span>\r\n", styles: ["span.model-type{padding:4px;border-radius:6px}\n"] }]
|
|
369
368
|
}], ctorParameters: () => [{ type: ColorService }], propDecorators: { data: [{
|
|
370
369
|
type: Input
|
|
371
370
|
}] } });
|
|
@@ -394,12 +393,12 @@ class FlagsBadgeComponent {
|
|
|
394
393
|
return def.id & this._data.flags;
|
|
395
394
|
});
|
|
396
395
|
}
|
|
397
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
398
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
396
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: FlagsBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
397
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: FlagsBadgeComponent, isStandalone: false, selector: "cadmus-flags-badge", inputs: { data: "data" }, ngImport: i0, template: "<div>\n @for (def of badgeFlags; track def) {\n <span\n class=\"badge-flag\"\n [style.color]=\"'#' + def.colorKey\"\n [matTooltip]=\"def.label\"\n >\n ⬤\n </span>\n }\n</div>\n", styles: ["span.badge-flag{font-size:1rem;cursor:default}\n"], dependencies: [{ kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
|
|
399
398
|
}
|
|
400
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
399
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: FlagsBadgeComponent, decorators: [{
|
|
401
400
|
type: Component,
|
|
402
|
-
args: [{ selector: 'cadmus-flags-badge', template: "<div>\n @for (def of badgeFlags; track def) {\n <span\n class=\"badge-flag\"\n [style.color]=\"'#' + def.colorKey\"\n [matTooltip]=\"def.label\"\n >\n ⬤\n </span>\n }\n</div>\n", styles: ["span.badge-flag{font-size:1rem;cursor:default}\n"] }]
|
|
401
|
+
args: [{ selector: 'cadmus-flags-badge', standalone: false, template: "<div>\n @for (def of badgeFlags; track def) {\n <span\n class=\"badge-flag\"\n [style.color]=\"'#' + def.colorKey\"\n [matTooltip]=\"def.label\"\n >\n ⬤\n </span>\n }\n</div>\n", styles: ["span.badge-flag{font-size:1rem;cursor:default}\n"] }]
|
|
403
402
|
}], ctorParameters: () => [], propDecorators: { data: [{
|
|
404
403
|
type: Input
|
|
405
404
|
}] } });
|
|
@@ -472,12 +471,12 @@ class LayerHintsComponent {
|
|
|
472
471
|
}
|
|
473
472
|
});
|
|
474
473
|
}
|
|
475
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
476
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
474
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: LayerHintsComponent, deps: [{ token: i1$1.FormBuilder }, { token: i2$2.DialogService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
475
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: LayerHintsComponent, isStandalone: false, selector: "cadmus-layer-hints", inputs: { hints: "hints", targetLocation: "targetLocation", disabled: "disabled", readonly: "readonly" }, outputs: { requestEdit: "requestEdit", requestDelete: "requestDelete", requestMove: "requestMove", requestPatch: "requestPatch" }, ngImport: i0, template: "@if (hints) {\n<form [formGroup]=\"form\" (submit)=\"emitRequestPatch()\">\n <table class=\"patches\">\n <thead>\n <tr>\n <th></th>\n <th>location</th>\n <th>description</th>\n <th>patch</th>\n </tr>\n </thead>\n <tbody>\n @for (hint of hints; track hint; let i = $index) {\n <tr>\n @if (!readonly) {\n <td>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Edit this fragment\"\n [disabled]=\"disabled\"\n >\n <mat-icon>edit</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Move this fragment to {{ targetLocation }}\"\n [disabled]=\"\n disabled || !targetLocation || targetLocation === hint.location\n \"\n (click)=\"emitRequestMove(hint)\"\n >\n <mat-icon>arrow_forward</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Delete this fragment\"\n color=\"warn\"\n [disabled]=\"disabled\"\n (click)=\"emitRequestDelete(hint)\"\n >\n <mat-icon class=\"mat-warn\">delete</mat-icon>\n </button>\n </td>\n }\n <td>{{ hint.location }}</td>\n <td>{{ hint.description }}</td>\n <td>\n @if (hint.patchOperation) {\n <mat-checkbox\n matTooltip=\"Apply this patch\"\n [disabled]=\"disabled\"\n [value]=\"(i + 1).toString()\"\n >\n {{ hint.patchOperation }}\n </mat-checkbox>\n }\n </td>\n </tr>\n }\n </tbody>\n </table>\n @if (targetLocation) {\n <div>move target: {{ targetLocation }}</div>\n }\n <button\n type=\"submit\"\n mat-raised-button\n [disabled]=\"readonly || disabled || form.invalid\"\n >\n apply patches\n </button>\n</form>\n}\n", styles: ["table.patches th{font-weight:400;color:#bdbdbd}\n"], dependencies: [{ kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i4.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: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
|
|
477
476
|
}
|
|
478
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
477
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: LayerHintsComponent, decorators: [{
|
|
479
478
|
type: Component,
|
|
480
|
-
args: [{ selector: 'cadmus-layer-hints', template: "@if (hints) {\n<form [formGroup]=\"form\" (submit)=\"emitRequestPatch()\">\n <table class=\"patches\">\n <thead>\n <tr>\n <th></th>\n <th>location</th>\n <th>description</th>\n <th>patch</th>\n </tr>\n </thead>\n <tbody>\n @for (hint of hints; track hint; let i = $index) {\n <tr>\n @if (!readonly) {\n <td>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Edit this fragment\"\n [disabled]=\"disabled\"\n >\n <mat-icon>edit</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Move this fragment to {{ targetLocation }}\"\n [disabled]=\"\n disabled || !targetLocation || targetLocation === hint.location\n \"\n (click)=\"emitRequestMove(hint)\"\n >\n <mat-icon>arrow_forward</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Delete this fragment\"\n color=\"warn\"\n [disabled]=\"disabled\"\n (click)=\"emitRequestDelete(hint)\"\n >\n <mat-icon class=\"mat-warn\">delete</mat-icon>\n </button>\n </td>\n }\n <td>{{ hint.location }}</td>\n <td>{{ hint.description }}</td>\n <td>\n @if (hint.patchOperation) {\n <mat-checkbox\n matTooltip=\"Apply this patch\"\n [disabled]=\"disabled\"\n [value]=\"(i + 1).toString()\"\n >\n {{ hint.patchOperation }}\n </mat-checkbox>\n }\n </td>\n </tr>\n }\n </tbody>\n </table>\n @if (targetLocation) {\n <div>move target: {{ targetLocation }}</div>\n }\n <button\n type=\"submit\"\n mat-raised-button\n [disabled]=\"readonly || disabled || form.invalid\"\n >\n apply patches\n </button>\n</form>\n}\n", styles: ["table.patches th{font-weight:400;color:#bdbdbd}\n"] }]
|
|
479
|
+
args: [{ selector: 'cadmus-layer-hints', standalone: false, template: "@if (hints) {\n<form [formGroup]=\"form\" (submit)=\"emitRequestPatch()\">\n <table class=\"patches\">\n <thead>\n <tr>\n <th></th>\n <th>location</th>\n <th>description</th>\n <th>patch</th>\n </tr>\n </thead>\n <tbody>\n @for (hint of hints; track hint; let i = $index) {\n <tr>\n @if (!readonly) {\n <td>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Edit this fragment\"\n [disabled]=\"disabled\"\n >\n <mat-icon>edit</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Move this fragment to {{ targetLocation }}\"\n [disabled]=\"\n disabled || !targetLocation || targetLocation === hint.location\n \"\n (click)=\"emitRequestMove(hint)\"\n >\n <mat-icon>arrow_forward</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Delete this fragment\"\n color=\"warn\"\n [disabled]=\"disabled\"\n (click)=\"emitRequestDelete(hint)\"\n >\n <mat-icon class=\"mat-warn\">delete</mat-icon>\n </button>\n </td>\n }\n <td>{{ hint.location }}</td>\n <td>{{ hint.description }}</td>\n <td>\n @if (hint.patchOperation) {\n <mat-checkbox\n matTooltip=\"Apply this patch\"\n [disabled]=\"disabled\"\n [value]=\"(i + 1).toString()\"\n >\n {{ hint.patchOperation }}\n </mat-checkbox>\n }\n </td>\n </tr>\n }\n </tbody>\n </table>\n @if (targetLocation) {\n <div>move target: {{ targetLocation }}</div>\n }\n <button\n type=\"submit\"\n mat-raised-button\n [disabled]=\"readonly || disabled || form.invalid\"\n >\n apply patches\n </button>\n</form>\n}\n", styles: ["table.patches th{font-weight:400;color:#bdbdbd}\n"] }]
|
|
481
480
|
}], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: i2$2.DialogService }], propDecorators: { hints: [{
|
|
482
481
|
type: Input
|
|
483
482
|
}], targetLocation: [{
|
|
@@ -594,12 +593,12 @@ class LookupPinComponent {
|
|
|
594
593
|
this.clear();
|
|
595
594
|
}
|
|
596
595
|
}
|
|
597
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
598
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
596
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: LookupPinComponent, deps: [{ token: i1$1.UntypedFormBuilder }, { token: i1$2.ItemService }, { token: 'indexLookupDefinitions' }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
597
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: LookupPinComponent, isStandalone: false, selector: "cadmus-lookup-pin", inputs: { initialValue: "initialValue", label: "label", limit: "limit", resetOnPick: "resetOnPick", lookupKey: "lookupKey" }, outputs: { entryChange: "entryChange" }, ngImport: i0, template: "<form [formGroup]=\"form\">\n <mat-autocomplete #lookupAuto=\"matAutocomplete\" [displayWith]=\"entryToName\">\n @for (entry of entries$ | async; track entry) {\n <mat-option [value]=\"entry\" (onSelectionChange)=\"pickEntry(entry)\">\n {{ entry?.value }}\n </mat-option>\n }\n </mat-autocomplete>\n\n <mat-form-field>\n <input\n matInput\n type=\"text\"\n [placeholder]=\"label\"\n [formControl]=\"lookup\"\n [matAutocomplete]=\"lookupAuto\"\n />\n </mat-form-field>\n <button\n type=\"button\"\n mat-icon-button\n color=\"warn\"\n (click)=\"clear()\"\n [disabled]=\"!entry\"\n matTooltip=\"Clear\"\n >\n <mat-icon class=\"mat-warn\">clear</mat-icon>\n </button>\n</form>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i3$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i3$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i4$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i8.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: i2$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i10.AsyncPipe, name: "async" }] }); }
|
|
599
598
|
}
|
|
600
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
599
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: LookupPinComponent, decorators: [{
|
|
601
600
|
type: Component,
|
|
602
|
-
args: [{ selector: 'cadmus-lookup-pin', template: "<form [formGroup]=\"form\">\n <mat-autocomplete #lookupAuto=\"matAutocomplete\" [displayWith]=\"entryToName\">\n @for (entry of entries$ | async; track entry) {\n <mat-option [value]=\"entry\" (onSelectionChange)=\"pickEntry(entry)\">\n {{ entry?.value }}\n </mat-option>\n }\n </mat-autocomplete>\n\n <mat-form-field>\n <input\n matInput\n type=\"text\"\n [placeholder]=\"label\"\n [formControl]=\"lookup\"\n [matAutocomplete]=\"lookupAuto\"\n />\n </mat-form-field>\n <button\n type=\"button\"\n mat-icon-button\n color=\"warn\"\n (click)=\"clear()\"\n [disabled]=\"!entry\"\n matTooltip=\"Clear\"\n >\n <mat-icon class=\"mat-warn\">clear</mat-icon>\n </button>\n</form>\n" }]
|
|
601
|
+
args: [{ selector: 'cadmus-lookup-pin', standalone: false, template: "<form [formGroup]=\"form\">\n <mat-autocomplete #lookupAuto=\"matAutocomplete\" [displayWith]=\"entryToName\">\n @for (entry of entries$ | async; track entry) {\n <mat-option [value]=\"entry\" (onSelectionChange)=\"pickEntry(entry)\">\n {{ entry?.value }}\n </mat-option>\n }\n </mat-autocomplete>\n\n <mat-form-field>\n <input\n matInput\n type=\"text\"\n [placeholder]=\"label\"\n [formControl]=\"lookup\"\n [matAutocomplete]=\"lookupAuto\"\n />\n </mat-form-field>\n <button\n type=\"button\"\n mat-icon-button\n color=\"warn\"\n (click)=\"clear()\"\n [disabled]=\"!entry\"\n matTooltip=\"Clear\"\n >\n <mat-icon class=\"mat-warn\">clear</mat-icon>\n </button>\n</form>\n" }]
|
|
603
602
|
}], ctorParameters: () => [{ type: i1$1.UntypedFormBuilder }, { type: i1$2.ItemService }, { type: undefined, decorators: [{
|
|
604
603
|
type: Inject,
|
|
605
604
|
args: ['indexLookupDefinitions']
|
|
@@ -698,12 +697,12 @@ class PartBadgeComponent {
|
|
|
698
697
|
}
|
|
699
698
|
this.contrastColor = this._colorService.getContrastColor(this.color);
|
|
700
699
|
}
|
|
701
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
702
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
700
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: PartBadgeComponent, deps: [{ token: i1$2.FacetService }, { token: ColorService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
701
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: PartBadgeComponent, isStandalone: false, selector: "cadmus-part-badge", inputs: { badgeType: "badgeType", typeThesaurus: "typeThesaurus", facetDefinition: "facetDefinition", partTypeIds: "partTypeIds" }, ngImport: i0, template: "@if (badgeType !== 2) {\n <span class=\"part-badge\"\n [style.background-color]=\"color\"\n [style.color]=\"contrastColor\"\n >\n {{ typeName }}\n </span>\n}\n@if (badgeType !== 1 && roleName) {\n <span class=\"role-badge\">\n {{ roleName }}\n </span>\n}\n", styles: [".part-badge{padding:4px;border-radius:6px}.role-badge{padding:4px;border:1px solid silver;border-radius:6px}\n"] }); }
|
|
703
702
|
}
|
|
704
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
703
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: PartBadgeComponent, decorators: [{
|
|
705
704
|
type: Component,
|
|
706
|
-
args: [{ selector: 'cadmus-part-badge', template: "@if (badgeType !== 2) {\n <span class=\"part-badge\"\n [style.background-color]=\"color\"\n [style.color]=\"contrastColor\"\n >\n {{ typeName }}\n </span>\n}\n@if (badgeType !== 1 && roleName) {\n <span class=\"role-badge\">\n {{ roleName }}\n </span>\n}\n", styles: [".part-badge{padding:4px;border-radius:6px}.role-badge{padding:4px;border:1px solid silver;border-radius:6px}\n"] }]
|
|
705
|
+
args: [{ selector: 'cadmus-part-badge', standalone: false, template: "@if (badgeType !== 2) {\n <span class=\"part-badge\"\n [style.background-color]=\"color\"\n [style.color]=\"contrastColor\"\n >\n {{ typeName }}\n </span>\n}\n@if (badgeType !== 1 && roleName) {\n <span class=\"role-badge\">\n {{ roleName }}\n </span>\n}\n", styles: [".part-badge{padding:4px;border-radius:6px}.role-badge{padding:4px;border:1px solid silver;border-radius:6px}\n"] }]
|
|
707
706
|
}], ctorParameters: () => [{ type: i1$2.FacetService }, { type: ColorService }], propDecorators: { badgeType: [{
|
|
708
707
|
type: Input
|
|
709
708
|
}], typeThesaurus: [{
|
|
@@ -906,12 +905,12 @@ class ThesaurusTreeComponent {
|
|
|
906
905
|
}
|
|
907
906
|
return this.foundNodes?.length > 0 && this.foundNodes.indexOf(node) > -1;
|
|
908
907
|
}
|
|
909
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
910
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
908
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: ThesaurusTreeComponent, deps: [{ token: i1$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
909
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: ThesaurusTreeComponent, isStandalone: false, selector: "cadmus-thesaurus-tree", inputs: { entries: "entries", rootLabel: "rootLabel", renderLabel: "renderLabel" }, outputs: { entryChange: "entryChange" }, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"find()\">\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Expand all\"\n (click)=\"expandAll()\"\n >\n <mat-icon>unfold_more</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Collapse all\"\n (click)=\"collapseAll()\"\n >\n <mat-icon>unfold_less</mat-icon>\n </button>\n <mat-form-field>\n <mat-label>find</mat-label>\n <input matInput [formControl]=\"filter\" />\n <button\n type=\"button\"\n matSuffix\n mat-icon-button\n color=\"warn\"\n (click)=\"resetFilter()\"\n >\n <mat-icon class=\"mat-warn\">clear</mat-icon>\n </button>\n </mat-form-field>\n @if (foundNodes) {\n <span\n [ngClass]=\"{\n 'found-count': foundNodes.length,\n 'not-found-count': foundNodes.length === 0\n }\"\n >{{ foundNodes.length }}</span\n >\n }\n</form>\n<mat-tree\n [dataSource]=\"treeDataSource\"\n [treeControl]=\"treeControl\"\n class=\"th-tree\"\n>\n <!-- leaf node -->\n <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodeToggle>\n <li>\n <div class=\"mat-tree-node\">\n <a\n mat-button\n (click)=\"onTreeNodeClick(node)\"\n [class.hilite]=\"isFoundNode(node)\"\n >\n {{ node.label }}\n </a>\n </div>\n </li>\n </mat-tree-node>\n\n <!-- root node -->\n <mat-nested-tree-node *matTreeNodeDef=\"let node; when: isRoot\">\n <div class=\"mat-tree-node\">\n <button\n type=\"button\"\n mat-icon-button\n matTreeNodeToggle\n [attr.aria-label]=\"'Toggle ' + node.label\"\n >\n <mat-icon>\n {{ treeControl.isExpanded(node) ? \"expand_more\" : \"chevron_right\" }}\n </mat-icon>\n </button>\n {{ node.label }}\n </div>\n <ul class=\"tree-nested-node\">\n @if (treeControl.isExpanded(node)) {\n <div>\n <ng-container matTreeNodeOutlet></ng-container>\n </div>\n }\n </ul>\n </mat-nested-tree-node>\n\n <!-- parent node -->\n <mat-nested-tree-node *matTreeNodeDef=\"let node; when: hasChildren\">\n <li class=\"tree-container\">\n <div class=\"mat-tree-node\">\n <button\n type=\"button\"\n mat-icon-button\n matTreeNodeToggle\n [attr.aria-label]=\"'Toggle ' + node.label\"\n >\n <mat-icon>\n {{ treeControl.isExpanded(node) ? \"expand_more\" : \"chevron_right\" }}\n </mat-icon>\n </button>\n <a mat-button (click)=\"onTreeNodeClick(node)\">\n {{ node.label }}\n </a>\n </div>\n <ul class=\"tree-nested-node\">\n @if (treeControl.isExpanded(node)) {\n <div>\n <ng-container matTreeNodeOutlet></ng-container>\n </div>\n }\n </ul>\n </li>\n </mat-nested-tree-node>\n</mat-tree>\n", styles: [".th-tree-progress-bar{margin-left:30px}.th-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.th-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}span.found-count{margin:0 4px;padding:2px 4px;color:#fff;background-color:#0cc078;border-radius:6px}span.not-found-count{margin:0 4px;padding:2px 4px;color:#fff;background-color:#fb6962;border-radius:6px}.hilite{background-color:#fdfd96}\n"], dependencies: [{ kind: "directive", type: i10.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i3.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { 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.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i8.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: i7.MatNestedTreeNode, selector: "mat-nested-tree-node", inputs: ["matNestedTreeNode", "disabled", "tabIndex"], outputs: ["activation", "expandedChange"], exportAs: ["matNestedTreeNode"] }, { kind: "directive", type: i7.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i7.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i7.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i7.MatTreeNode, selector: "mat-tree-node", inputs: ["tabIndex", "disabled"], outputs: ["activation", "expandedChange"], exportAs: ["matTreeNode"] }, { kind: "directive", type: i7.MatTreeNodeOutlet, selector: "[matTreeNodeOutlet]" }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
|
|
911
910
|
}
|
|
912
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
911
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: ThesaurusTreeComponent, decorators: [{
|
|
913
912
|
type: Component,
|
|
914
|
-
args: [{ selector: 'cadmus-thesaurus-tree', template: "<form [formGroup]=\"form\" (submit)=\"find()\">\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Expand all\"\n (click)=\"expandAll()\"\n >\n <mat-icon>unfold_more</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Collapse all\"\n (click)=\"collapseAll()\"\n >\n <mat-icon>unfold_less</mat-icon>\n </button>\n <mat-form-field>\n <mat-label>find</mat-label>\n <input matInput [formControl]=\"filter\" />\n <button\n type=\"button\"\n matSuffix\n mat-icon-button\n color=\"warn\"\n (click)=\"resetFilter()\"\n >\n <mat-icon class=\"mat-warn\">clear</mat-icon>\n </button>\n </mat-form-field>\n @if (foundNodes) {\n <span\n [ngClass]=\"{\n 'found-count': foundNodes.length,\n 'not-found-count': foundNodes.length === 0\n }\"\n >{{ foundNodes.length }}</span\n >\n }\n</form>\n<mat-tree\n [dataSource]=\"treeDataSource\"\n [treeControl]=\"treeControl\"\n class=\"th-tree\"\n>\n <!-- leaf node -->\n <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodeToggle>\n <li>\n <div class=\"mat-tree-node\">\n <a\n mat-button\n (click)=\"onTreeNodeClick(node)\"\n [class.hilite]=\"isFoundNode(node)\"\n >\n {{ node.label }}\n </a>\n </div>\n </li>\n </mat-tree-node>\n\n <!-- root node -->\n <mat-nested-tree-node *matTreeNodeDef=\"let node; when: isRoot\">\n <div class=\"mat-tree-node\">\n <button\n type=\"button\"\n mat-icon-button\n matTreeNodeToggle\n [attr.aria-label]=\"'Toggle ' + node.label\"\n >\n <mat-icon>\n {{ treeControl.isExpanded(node) ? \"expand_more\" : \"chevron_right\" }}\n </mat-icon>\n </button>\n {{ node.label }}\n </div>\n <ul class=\"tree-nested-node\">\n @if (treeControl.isExpanded(node)) {\n <div>\n <ng-container matTreeNodeOutlet></ng-container>\n </div>\n }\n </ul>\n </mat-nested-tree-node>\n\n <!-- parent node -->\n <mat-nested-tree-node *matTreeNodeDef=\"let node; when: hasChildren\">\n <li class=\"tree-container\">\n <div class=\"mat-tree-node\">\n <button\n type=\"button\"\n mat-icon-button\n matTreeNodeToggle\n [attr.aria-label]=\"'Toggle ' + node.label\"\n >\n <mat-icon>\n {{ treeControl.isExpanded(node) ? \"expand_more\" : \"chevron_right\" }}\n </mat-icon>\n </button>\n <a mat-button (click)=\"onTreeNodeClick(node)\">\n {{ node.label }}\n </a>\n </div>\n <ul class=\"tree-nested-node\">\n @if (treeControl.isExpanded(node)) {\n <div>\n <ng-container matTreeNodeOutlet></ng-container>\n </div>\n }\n </ul>\n </li>\n </mat-nested-tree-node>\n</mat-tree>\n", styles: [".th-tree-progress-bar{margin-left:30px}.th-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.th-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}span.found-count{margin:0 4px;padding:2px 4px;color:#fff;background-color:#0cc078;border-radius:6px}span.not-found-count{margin:0 4px;padding:2px 4px;color:#fff;background-color:#fb6962;border-radius:6px}.hilite{background-color:#fdfd96}\n"] }]
|
|
913
|
+
args: [{ selector: 'cadmus-thesaurus-tree', standalone: false, template: "<form [formGroup]=\"form\" (submit)=\"find()\">\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Expand all\"\n (click)=\"expandAll()\"\n >\n <mat-icon>unfold_more</mat-icon>\n </button>\n <button\n type=\"button\"\n mat-icon-button\n matTooltip=\"Collapse all\"\n (click)=\"collapseAll()\"\n >\n <mat-icon>unfold_less</mat-icon>\n </button>\n <mat-form-field>\n <mat-label>find</mat-label>\n <input matInput [formControl]=\"filter\" />\n <button\n type=\"button\"\n matSuffix\n mat-icon-button\n color=\"warn\"\n (click)=\"resetFilter()\"\n >\n <mat-icon class=\"mat-warn\">clear</mat-icon>\n </button>\n </mat-form-field>\n @if (foundNodes) {\n <span\n [ngClass]=\"{\n 'found-count': foundNodes.length,\n 'not-found-count': foundNodes.length === 0\n }\"\n >{{ foundNodes.length }}</span\n >\n }\n</form>\n<mat-tree\n [dataSource]=\"treeDataSource\"\n [treeControl]=\"treeControl\"\n class=\"th-tree\"\n>\n <!-- leaf node -->\n <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodeToggle>\n <li>\n <div class=\"mat-tree-node\">\n <a\n mat-button\n (click)=\"onTreeNodeClick(node)\"\n [class.hilite]=\"isFoundNode(node)\"\n >\n {{ node.label }}\n </a>\n </div>\n </li>\n </mat-tree-node>\n\n <!-- root node -->\n <mat-nested-tree-node *matTreeNodeDef=\"let node; when: isRoot\">\n <div class=\"mat-tree-node\">\n <button\n type=\"button\"\n mat-icon-button\n matTreeNodeToggle\n [attr.aria-label]=\"'Toggle ' + node.label\"\n >\n <mat-icon>\n {{ treeControl.isExpanded(node) ? \"expand_more\" : \"chevron_right\" }}\n </mat-icon>\n </button>\n {{ node.label }}\n </div>\n <ul class=\"tree-nested-node\">\n @if (treeControl.isExpanded(node)) {\n <div>\n <ng-container matTreeNodeOutlet></ng-container>\n </div>\n }\n </ul>\n </mat-nested-tree-node>\n\n <!-- parent node -->\n <mat-nested-tree-node *matTreeNodeDef=\"let node; when: hasChildren\">\n <li class=\"tree-container\">\n <div class=\"mat-tree-node\">\n <button\n type=\"button\"\n mat-icon-button\n matTreeNodeToggle\n [attr.aria-label]=\"'Toggle ' + node.label\"\n >\n <mat-icon>\n {{ treeControl.isExpanded(node) ? \"expand_more\" : \"chevron_right\" }}\n </mat-icon>\n </button>\n <a mat-button (click)=\"onTreeNodeClick(node)\">\n {{ node.label }}\n </a>\n </div>\n <ul class=\"tree-nested-node\">\n @if (treeControl.isExpanded(node)) {\n <div>\n <ng-container matTreeNodeOutlet></ng-container>\n </div>\n }\n </ul>\n </li>\n </mat-nested-tree-node>\n</mat-tree>\n", styles: [".th-tree-progress-bar{margin-left:30px}.th-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.th-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}span.found-count{margin:0 4px;padding:2px 4px;color:#fff;background-color:#0cc078;border-radius:6px}span.not-found-count{margin:0 4px;padding:2px 4px;color:#fff;background-color:#fb6962;border-radius:6px}.hilite{background-color:#fdfd96}\n"] }]
|
|
915
914
|
}], ctorParameters: () => [{ type: i1$1.FormBuilder }], propDecorators: { entries: [{
|
|
916
915
|
type: Input
|
|
917
916
|
}], rootLabel: [{
|
|
@@ -1104,13 +1103,14 @@ class ModelEditorComponentBase {
|
|
|
1104
1103
|
// the form is no more dirty
|
|
1105
1104
|
this.form.markAsPristine();
|
|
1106
1105
|
}
|
|
1107
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1108
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1106
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: ModelEditorComponentBase, deps: [{ token: i1$3.AuthJwtService }, { token: i1$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1107
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0", type: ModelEditorComponentBase, isStandalone: false, selector: "ng-component", inputs: { identity: "identity", data: "data", disabled: "disabled" }, outputs: { dataChange: "dataChange", dirtyChange: "dirtyChange", editorClose: "editorClose" }, ngImport: i0, template: '', isInline: true }); }
|
|
1109
1108
|
}
|
|
1110
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1109
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: ModelEditorComponentBase, decorators: [{
|
|
1111
1110
|
type: Component,
|
|
1112
1111
|
args: [{
|
|
1113
1112
|
template: '',
|
|
1113
|
+
standalone: false
|
|
1114
1114
|
}]
|
|
1115
1115
|
}], ctorParameters: () => [{ type: i1$3.AuthJwtService }, { type: i1$1.FormBuilder }], propDecorators: { identity: [{
|
|
1116
1116
|
type: Input
|
|
@@ -1199,10 +1199,10 @@ class UserRefLookupService {
|
|
|
1199
1199
|
getName(item) {
|
|
1200
1200
|
return item?.userName;
|
|
1201
1201
|
}
|
|
1202
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1203
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1202
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: UserRefLookupService, deps: [{ token: i1$2.UserService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1203
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: UserRefLookupService, providedIn: 'root' }); }
|
|
1204
1204
|
}
|
|
1205
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1205
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: UserRefLookupService, decorators: [{
|
|
1206
1206
|
type: Injectable,
|
|
1207
1207
|
args: [{
|
|
1208
1208
|
providedIn: 'root',
|
|
@@ -1259,8 +1259,8 @@ const extractPristineChanges = (control) => {
|
|
|
1259
1259
|
};
|
|
1260
1260
|
|
|
1261
1261
|
class CadmusUiModule {
|
|
1262
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1263
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1262
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: CadmusUiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1263
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0", ngImport: i0, type: CadmusUiModule, declarations: [CloseSaveButtonsComponent,
|
|
1264
1264
|
DecoratedTokenTextComponent,
|
|
1265
1265
|
ErrorListComponent,
|
|
1266
1266
|
FacetBadgeComponent,
|
|
@@ -1294,7 +1294,7 @@ class CadmusUiModule {
|
|
|
1294
1294
|
LookupPinComponent,
|
|
1295
1295
|
PartBadgeComponent,
|
|
1296
1296
|
ThesaurusTreeComponent] }); }
|
|
1297
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1297
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: CadmusUiModule, imports: [CommonModule,
|
|
1298
1298
|
FormsModule,
|
|
1299
1299
|
RouterModule,
|
|
1300
1300
|
ReactiveFormsModule,
|
|
@@ -1313,7 +1313,7 @@ class CadmusUiModule {
|
|
|
1313
1313
|
CadmusCoreModule,
|
|
1314
1314
|
RefLookupComponent] }); }
|
|
1315
1315
|
}
|
|
1316
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1316
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: CadmusUiModule, decorators: [{
|
|
1317
1317
|
type: NgModule,
|
|
1318
1318
|
args: [{
|
|
1319
1319
|
imports: [
|