@myrmidon/cadmus-part-lexicography-word-senses 0.0.1

package/fesm2022/myrmidon-cadmus-part-lexicography-word-senses.mjs

@@ -0,0 +1,859 @@
+import * as i9$2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { model, output, input, effect, Inject, Optional, Component, signal } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { Validators, ReactiveFormsModule } from '@angular/forms';
+import * as i4 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import * as i5 from '@angular/material/expansion';
+import { MatExpansionModule } from '@angular/material/expansion';
+import * as i5$1 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i7 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i7$1 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import { MatSelectModule } from '@angular/material/select';
+import * as i8 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import * as i9 from '@cisstech/nge/monaco';
+import { NgeMonacoModule } from '@cisstech/nge/monaco';
+import * as i10 from '@cisstech/nge/markdown';
+import { NgeMarkdownModule } from '@cisstech/nge/markdown';
+import { ThesEntriesPickerComponent, ModelEditorComponentBase, CloseSaveButtonsComponent } from '@myrmidon/cadmus-ui';
+import * as i2 from '@myrmidon/cadmus-text-ed';
+import { CADMUS_TEXT_ED_BINDINGS_TOKEN } from '@myrmidon/cadmus-text-ed';
+import * as i9$1 from '@angular/material/tabs';
+import { MatTabsModule } from '@angular/material/tabs';
+import { EllipsisPipe, FlatLookupPipe, NgxToolsValidators, deepCopy } from '@myrmidon/ngx-tools';
+import { AssertedCompositeIdsComponent } from '@myrmidon/cadmus-refs-asserted-ids';
+import * as i2$1 from '@myrmidon/ngx-mat-tools';
+import * as i5$2 from '@angular/material/card';
+import { MatCardModule } from '@angular/material/card';
+import * as i1$1 from '@myrmidon/auth-jwt-login';
+import * as i4$1 from '@myrmidon/cadmus-state';
+import { EditPartFeatureBase } from '@myrmidon/cadmus-state';
+import { CurrentItemBarComponent } from '@myrmidon/cadmus-ui-pg';
+import * as i1$2 from '@angular/router';
+import * as i2$2 from '@angular/material/snack-bar';
+import * as i3 from '@myrmidon/cadmus-api';
+
+/**
+ * The type ID used to identify the LexWordSensesPart type.
+ */
+const LEX_WORD_SENSES_PART_TYPEID = 'it.vedph.lexicography.word-senses';
+/**
+ * JSON schema for the LexWordSenses part.
+ * You can use the JSON schema tool at https://jsonschema.net/.
+ */
+const LEX_WORD_SENSES_PART_SCHEMA = {
+    $schema: 'http://json-schema.org/draft-07/schema#',
+    $id: 'www.vedph.it/cadmus/parts/lexicography/' + LEX_WORD_SENSES_PART_TYPEID + '.json',
+    type: 'object',
+    title: 'LexWordSensesPart',
+    required: [
+        'id',
+        'itemId',
+        'typeId',
+        'timeCreated',
+        'creatorId',
+        'timeModified',
+        'userId',
+        'senses',
+    ],
+    properties: {
+        timeCreated: {
+            type: 'string',
+            pattern: '^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}.\\d+Z$',
+        },
+        creatorId: {
+            type: 'string',
+        },
+        timeModified: {
+            type: 'string',
+            pattern: '^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}.\\d+Z$',
+        },
+        userId: {
+            type: 'string',
+        },
+        id: {
+            type: 'string',
+            pattern: '^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$',
+        },
+        itemId: {
+            type: 'string',
+            pattern: '^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$',
+        },
+        typeId: {
+            type: 'string',
+            pattern: '^[a-z][-0-9a-z._]*$',
+        },
+        roleId: {
+            type: ['string', 'null'],
+            pattern: '^([a-z][-0-9a-z._]*)?$',
+        },
+        senses: {
+            type: 'array',
+            minItems: 1,
+            items: {
+                type: 'object',
+                required: ['definition'],
+                properties: {
+                    eid: {
+                        type: 'string',
+                    },
+                    tags: {
+                        type: 'array',
+                        items: { type: 'string' },
+                    },
+                    definition: {
+                        type: 'string',
+                    },
+                    note: {
+                        type: 'string',
+                    },
+                    relatedIds: {
+                        type: 'array',
+                        items: {
+                            type: 'object',
+                            required: ['target'],
+                            properties: {
+                                // PinTarget
+                                target: {
+                                    type: 'object',
+                                    required: ['gid', 'label'],
+                                    properties: {
+                                        gid: { type: 'string' },
+                                        label: { type: 'string' },
+                                        itemId: { type: 'string' },
+                                        partId: { type: 'string' },
+                                        partTypeId: { type: 'string' },
+                                        roleId: { type: 'string' },
+                                        name: { type: 'string' },
+                                        value: { type: 'string' },
+                                    },
+                                    additionalProperties: false,
+                                },
+                                tag: { type: 'string' },
+                                scope: { type: 'string' },
+                                // Assertion
+                                assertion: {
+                                    type: 'object',
+                                    required: ['rank'],
+                                    properties: {
+                                        tag: { type: 'string' },
+                                        rank: { type: 'number' },
+                                        note: { type: 'string' },
+                                        references: {
+                                            type: 'array',
+                                            items: {
+                                                type: 'object',
+                                                required: ['citation'],
+                                                properties: {
+                                                    type: { type: 'string' },
+                                                    tag: { type: 'string' },
+                                                    citation: { type: 'string' },
+                                                    note: { type: 'string' },
+                                                },
+                                                additionalProperties: false,
+                                            },
+                                        },
+                                    },
+                                    additionalProperties: false,
+                                },
+                            },
+                            additionalProperties: false,
+                        },
+                    },
+                },
+                additionalProperties: false,
+            },
+        },
+    },
+};
+
+class WordSenseExampleEditor {
+    _editService;
+    _editorBindings;
+    // Monaco
+    _disposables = [];
+    _textModel;
+    _textEditor;
+    _explanationModel;
+    _explanationEditor;
+    example = model(...(ngDevMode ? [undefined, { debugName: "example" }] : []));
+    cancelEdit = output();
+    // lex-word-sense-tags
+    tagEntries = input(...(ngDevMode ? [undefined, { debugName: "tagEntries" }] : []));
+    tags;
+    citation;
+    text;
+    explanation;
+    note;
+    form;
+    constructor(formBuilder, _editService, _editorBindings) {
+        this._editService = _editService;
+        this._editorBindings = _editorBindings;
+        // form
+        this.tags = formBuilder.control([], { nonNullable: true });
+        this.citation = formBuilder.control(null, {
+            nonNullable: true,
+            validators: Validators.maxLength(500),
+        });
+        this.text = formBuilder.control('', {
+            nonNullable: true,
+            validators: [Validators.required, Validators.maxLength(1000)],
+        });
+        this.explanation = formBuilder.control(null, {
+            nonNullable: true,
+            validators: Validators.maxLength(1000),
+        });
+        this.note = formBuilder.control(null, {
+            nonNullable: true,
+            validators: Validators.maxLength(1000),
+        });
+        this.form = formBuilder.group({
+            tags: this.tags,
+            citation: this.citation,
+            text: this.text,
+            explanation: this.explanation,
+            note: this.note,
+        });
+        // when model changes, update form
+        effect(() => {
+            const data = this.example();
+            this.updateForm(data);
+        });
+    }
+    ngOnDestroy() {
+        this._disposables.forEach((d) => d.dispose());
+    }
+    async applyEdit(selector, editor) {
+        if (!editor) {
+            return;
+        }
+        const selection = editor.getSelection();
+        const text = selection ? editor.getModel().getValueInRange(selection) : '';
+        const result = await this._editService.edit({
+            selector,
+            text: text,
+        });
+        editor.executeEdits('my-source', [
+            {
+                range: selection,
+                text: result.text,
+                forceMoveMarkers: true,
+            },
+        ]);
+    }
+    onCreateTextEditor(editor) {
+        editor.updateOptions({
+            minimap: {
+                side: 'right',
+            },
+            wordWrap: 'on',
+            automaticLayout: true,
+        });
+        this._textModel =
+            this._textModel || monaco.editor.createModel(this.text?.value || '', 'markdown');
+        editor.setModel(this._textModel);
+        this._textEditor = editor;
+        this._disposables.push(this._textModel.onDidChangeContent((e) => {
+            this.text.setValue(this._textModel.getValue());
+            this.text.markAsDirty();
+            this.text.updateValueAndValidity();
+        }));
+        // plugins
+        if (this._editorBindings) {
+            Object.keys(this._editorBindings).forEach((key) => {
+                const n = parseInt(key, 10);
+                console.log('Binding ' + n + ' to ' + this._editorBindings[key]);
+                this._textEditor.addCommand(n, () => {
+                    this.applyEdit(this._editorBindings[key], this._textEditor);
+                });
+            });
+        }
+    }
+    onCreateExplanationEditor(editor) {
+        editor.updateOptions({
+            minimap: {
+                enabled: false,
+            },
+            wordWrap: 'on',
+            automaticLayout: true,
+        });
+        this._explanationModel =
+            this._explanationModel ||
+                monaco.editor.createModel(this.explanation?.value || '', 'markdown');
+        editor.setModel(this._explanationModel);
+        this._explanationEditor = editor;
+        this._disposables.push(this._explanationModel.onDidChangeContent((e) => {
+            this.explanation.setValue(this._explanationModel.getValue());
+            this.explanation.markAsDirty();
+            this.explanation.updateValueAndValidity();
+        }));
+        // plugins
+        if (this._editorBindings) {
+            Object.keys(this._editorBindings).forEach((key) => {
+                const n = parseInt(key, 10);
+                console.log('Binding ' + n + ' to ' + this._editorBindings[key]);
+                this._explanationEditor.addCommand(n, () => {
+                    this.applyEdit(this._editorBindings[key], this._explanationEditor);
+                });
+            });
+        }
+    }
+    mapIdToEntry(id, entries) {
+        if (!id)
+            return null;
+        if (!entries)
+            return { id, value: id };
+        return entries.find((e) => e.id === id) || { id, value: id };
+    }
+    mapIdToEntries(ids, entries) {
+        if (!entries)
+            return ids.map((id) => ({ id, value: id }));
+        return ids.map((id) => entries.find((e) => e.id === id) || { id, value: id });
+    }
+    updateForm(example) {
+        if (!example) {
+            this.form.reset();
+        }
+        else {
+            this.tags.setValue(this.mapIdToEntries(example.tags || [], this.tagEntries()));
+            this.citation.setValue(example.citation || null);
+            this._textModel?.setValue(example.text || '');
+            this._explanationModel?.setValue(example.explanation || '');
+            this.note.setValue(example.note || null);
+            this.form.markAsPristine();
+        }
+    }
+    getExample() {
+        return {
+            tags: this.tags.value?.length ? this.tags.value.map((e) => e.id) : undefined,
+            citation: this.citation.value?.trim() || undefined,
+            text: this.text.value?.trim() || '',
+            explanation: this.explanation.value?.trim() || undefined,
+            note: this.note.value?.trim() || undefined,
+        };
+    }
+    cancel() {
+        this.cancelEdit.emit();
+    }
+    /**
+     * Saves the current form data by updating the example model signal.
+     * This method can be called manually (e.g., by a Save button) or
+     * automatically (via auto-save).
+     * @param pristine If true (default), the form is marked as pristine
+     * after saving.
+     * Set to false for auto-save if you want the form to remain dirty.
+     */
+    save(pristine = true) {
+        if (this.form.invalid) {
+            // show validation errors
+            this.form.markAllAsTouched();
+            return;
+        }
+        const example = this.getExample();
+        this.example.set(example);
+        if (pristine) {
+            this.form.markAsPristine();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: WordSenseExampleEditor, deps: [{ token: i1.FormBuilder }, { token: i2.CadmusTextEdService }, { token: CADMUS_TEXT_ED_BINDINGS_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: WordSenseExampleEditor, isStandalone: true, selector: "cadmus-word-sense-example-editor", inputs: { example: { classPropertyName: "example", publicName: "example", isSignal: true, isRequired: false, transformFunction: null }, tagEntries: { classPropertyName: "tagEntries", publicName: "tagEntries", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { example: "exampleChange", cancelEdit: "cancelEdit" }, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n  <div class=\"form-row\">\r\n    <!-- tags -->\r\n    @if (tagEntries()?.length) {\r\n    <div>\r\n      <cadmus-thes-entries-picker\r\n        [availableEntries]=\"tagEntries()!\"\r\n        [entries]=\"tags.value\"\r\n        [hierarchicLabels]=\"true\"\r\n      />\r\n    </div>\r\n\r\n    <!-- citation -->\r\n    <mat-form-field>\r\n      <mat-label>citation</mat-label>\r\n      <input matInput [formControl]=\"citation\" />\r\n      @if ($any(citation).errors?.maxLength && (citation.dirty || citation.touched)) {\r\n      <mat-error>citation too long</mat-error>\r\n      }\r\n    </mat-form-field>\r\n    }\r\n  </div>\r\n\r\n  <!-- text-->\r\n  <div id=\"txt-container\" class=\"mt\">\r\n    <div id=\"txt\">\r\n      <nge-monaco-editor id=\"txt-editor\" (ready)=\"onCreateTextEditor($event)\" />\r\n      @if (text.hasError('required') && (text.touched || text.dirty)) {\r\n      <mat-error>text required</mat-error>\r\n      } @if (text.hasError('maxLength') && (text.touched || text.dirty)) {\r\n      <mat-error>text too long</mat-error>\r\n      }\r\n    </div>\r\n    <!-- preview -->\r\n    <div id=\"txt-preview\">\r\n      <mat-expansion-panel expanded=\"true\">\r\n        <div>\r\n          <nge-markdown [data]=\"text.value || undefined\" />\r\n        </div>\r\n      </mat-expansion-panel>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- explanation -->\r\n  <div id=\"exp-container\" class=\"mt\">\r\n    <div id=\"exp\">\r\n      <nge-monaco-editor id=\"exp-editor\" (ready)=\"onCreateExplanationEditor($event)\" />\r\n      @if ($any(explanation).errors?.maxLength && (explanation.dirty || explanation.touched)) {\r\n      <mat-error>explanation too long</mat-error>\r\n      }\r\n    </div>\r\n    <!-- preview -->\r\n    <div id=\"exp-preview\">\r\n      <mat-expansion-panel expanded=\"true\">\r\n        <div>\r\n          <nge-markdown [data]=\"explanation.value || undefined\" />\r\n        </div>\r\n      </mat-expansion-panel>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- note -->\r\n  <div class=\"mt\">\r\n    <mat-form-field class=\"long-text\">\r\n      <mat-label>note</mat-label>\r\n      <textarea matInput rows=\"3\" [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\r\n  <!-- buttons -->\r\n  <div>\r\n    <button type=\"button\" mat-icon-button matTooltip=\"Discard changes\" (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=\"Accept changes\"\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  </div>\r\n</form>\r\n", styles: [".long-text{width:100%;max-width:800px}.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}legend{color:silver}#txt-editor,#exp-editor{height:300px}.mt{margin-top:16px}#txt-container{display:grid;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-template-areas:\"txt preview\";gap:8px}#txt{grid-area:txt}#txt-preview{grid-area:preview}@media only screen and (max-width: 959px){#txt-container{grid-template-columns:1fr;grid-template-rows:auto auto;grid-template-areas:\"txt\" \"preview\"}}#exp-container{display:grid;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-template-areas:\"exp exp-preview\";gap:8px}#exp{grid-area:exp}#exp-preview{grid-area:exp-preview}@media only screen and (max-width: 959px){#exp-container{grid-template-columns:1fr;grid-template-rows:auto auto;grid-template-areas:\"exp\" \"exp-preview\"}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.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: i5.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i5$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7$1.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: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: NgeMonacoModule }, { kind: "component", type: i9.NgeMonacoEditorComponent, selector: "nge-monaco-editor", inputs: ["autoLayout", "options"], outputs: ["ready"] }, { kind: "ngmodule", type: NgeMarkdownModule }, { kind: "component", type: i10.NgeMarkdownComponent, selector: "nge-markdown, [nge-markdown]", inputs: ["file", "data", "theme"], outputs: ["render"] }, { kind: "component", type: ThesEntriesPickerComponent, selector: "cadmus-thes-entries-picker", inputs: ["availableEntries", "entries", "hierarchicLabels", "autoSort", "allowCustom", "minEntries", "maxEntries", "expanded", "emptyMessage"], outputs: ["entriesChange", "expandedChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: WordSenseExampleEditor, decorators: [{
+            type: Component,
+            args: [{ selector: 'cadmus-word-sense-example-editor', imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        MatButtonModule,
+                        MatCheckboxModule,
+                        MatExpansionModule,
+                        MatFormFieldModule,
+                        MatIconModule,
+                        MatInputModule,
+                        MatSelectModule,
+                        MatTooltipModule,
+                        NgeMonacoModule,
+                        NgeMarkdownModule,
+                        ThesEntriesPickerComponent,
+                    ], template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n  <div class=\"form-row\">\r\n    <!-- tags -->\r\n    @if (tagEntries()?.length) {\r\n    <div>\r\n      <cadmus-thes-entries-picker\r\n        [availableEntries]=\"tagEntries()!\"\r\n        [entries]=\"tags.value\"\r\n        [hierarchicLabels]=\"true\"\r\n      />\r\n    </div>\r\n\r\n    <!-- citation -->\r\n    <mat-form-field>\r\n      <mat-label>citation</mat-label>\r\n      <input matInput [formControl]=\"citation\" />\r\n      @if ($any(citation).errors?.maxLength && (citation.dirty || citation.touched)) {\r\n      <mat-error>citation too long</mat-error>\r\n      }\r\n    </mat-form-field>\r\n    }\r\n  </div>\r\n\r\n  <!-- text-->\r\n  <div id=\"txt-container\" class=\"mt\">\r\n    <div id=\"txt\">\r\n      <nge-monaco-editor id=\"txt-editor\" (ready)=\"onCreateTextEditor($event)\" />\r\n      @if (text.hasError('required') && (text.touched || text.dirty)) {\r\n      <mat-error>text required</mat-error>\r\n      } @if (text.hasError('maxLength') && (text.touched || text.dirty)) {\r\n      <mat-error>text too long</mat-error>\r\n      }\r\n    </div>\r\n    <!-- preview -->\r\n    <div id=\"txt-preview\">\r\n      <mat-expansion-panel expanded=\"true\">\r\n        <div>\r\n          <nge-markdown [data]=\"text.value || undefined\" />\r\n        </div>\r\n      </mat-expansion-panel>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- explanation -->\r\n  <div id=\"exp-container\" class=\"mt\">\r\n    <div id=\"exp\">\r\n      <nge-monaco-editor id=\"exp-editor\" (ready)=\"onCreateExplanationEditor($event)\" />\r\n      @if ($any(explanation).errors?.maxLength && (explanation.dirty || explanation.touched)) {\r\n      <mat-error>explanation too long</mat-error>\r\n      }\r\n    </div>\r\n    <!-- preview -->\r\n    <div id=\"exp-preview\">\r\n      <mat-expansion-panel expanded=\"true\">\r\n        <div>\r\n          <nge-markdown [data]=\"explanation.value || undefined\" />\r\n        </div>\r\n      </mat-expansion-panel>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- note -->\r\n  <div class=\"mt\">\r\n    <mat-form-field class=\"long-text\">\r\n      <mat-label>note</mat-label>\r\n      <textarea matInput rows=\"3\" [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\r\n  <!-- buttons -->\r\n  <div>\r\n    <button type=\"button\" mat-icon-button matTooltip=\"Discard changes\" (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=\"Accept changes\"\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  </div>\r\n</form>\r\n", styles: [".long-text{width:100%;max-width:800px}.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}legend{color:silver}#txt-editor,#exp-editor{height:300px}.mt{margin-top:16px}#txt-container{display:grid;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-template-areas:\"txt preview\";gap:8px}#txt{grid-area:txt}#txt-preview{grid-area:preview}@media only screen and (max-width: 959px){#txt-container{grid-template-columns:1fr;grid-template-rows:auto auto;grid-template-areas:\"txt\" \"preview\"}}#exp-container{display:grid;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-template-areas:\"exp exp-preview\";gap:8px}#exp{grid-area:exp}#exp-preview{grid-area:exp-preview}@media only screen and (max-width: 959px){#exp-container{grid-template-columns:1fr;grid-template-rows:auto auto;grid-template-areas:\"exp\" \"exp-preview\"}}\n"] }]
+        }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i2.CadmusTextEdService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [CADMUS_TEXT_ED_BINDINGS_TOKEN]
+                }, {
+                    type: Optional
+                }] }], propDecorators: { example: [{ type: i0.Input, args: [{ isSignal: true, alias: "example", required: false }] }, { type: i0.Output, args: ["exampleChange"] }], cancelEdit: [{ type: i0.Output, args: ["cancelEdit"] }], tagEntries: [{ type: i0.Input, args: [{ isSignal: true, alias: "tagEntries", required: false }] }] } });
+
+class WordSenseEditor {
+    _dialogService;
+    _editService;
+    _editorBindings;
+    // Monaco
+    _disposables = [];
+    _definitionModel;
+    _definitionEditor;
+    sense = model(...(ngDevMode ? [undefined, { debugName: "sense" }] : []));
+    cancelEdit = output();
+    editedEx = signal(undefined, ...(ngDevMode ? [{ debugName: "editedEx" }] : []));
+    editedExIndex = signal(-1, ...(ngDevMode ? [{ debugName: "editedExIndex" }] : []));
+    // lex-word-sense-tags
+    tagEntries = input(...(ngDevMode ? [undefined, { debugName: "tagEntries" }] : []));
+    // asserted-id-scopes
+    assIdScopeEntries = input(...(ngDevMode ? [undefined, { debugName: "assIdScopeEntries" }] : []));
+    // asserted-id-tags
+    assIdTagEntries = input(...(ngDevMode ? [undefined, { debugName: "assIdTagEntries" }] : []));
+    // assertion-tags
+    assTagEntries = input(...(ngDevMode ? [undefined, { debugName: "assTagEntries" }] : []));
+    // doc-reference-types
+    refTypeEntries = input(...(ngDevMode ? [undefined, { debugName: "refTypeEntries" }] : []));
+    // doc-reference-tags
+    refTagEntries = input(...(ngDevMode ? [undefined, { debugName: "refTagEntries" }] : []));
+    eid;
+    tags;
+    definition;
+    note;
+    examples;
+    relatedIds;
+    form;
+    constructor(formBuilder, _dialogService, _editService, _editorBindings) {
+        this._dialogService = _dialogService;
+        this._editService = _editService;
+        this._editorBindings = _editorBindings;
+        // form
+        this.eid = formBuilder.control(null, {
+            validators: Validators.maxLength(50),
+        });
+        this.tags = formBuilder.control([], {
+            nonNullable: true,
+        });
+        this.definition = formBuilder.control('', {
+            nonNullable: true,
+            validators: [Validators.required, Validators.maxLength(5000)],
+        });
+        this.note = formBuilder.control(null, {
+            nonNullable: true,
+            validators: [Validators.maxLength(1000)],
+        });
+        this.examples = formBuilder.control([], {
+            nonNullable: true,
+        });
+        this.relatedIds = formBuilder.control([], {
+            nonNullable: true,
+        });
+        this.form = formBuilder.group({
+            eid: this.eid,
+            tags: this.tags,
+            definition: this.definition,
+            note: this.note,
+            examples: this.examples,
+            relatedIds: this.relatedIds,
+        });
+        // when model changes, update form
+        effect(() => {
+            const data = this.sense();
+            this.updateForm(data);
+        });
+    }
+    ngOnDestroy() {
+        this._disposables.forEach((d) => d.dispose());
+    }
+    async applyEdit(selector, editor) {
+        if (!editor) {
+            return;
+        }
+        const selection = editor.getSelection();
+        const text = selection ? editor.getModel().getValueInRange(selection) : '';
+        const result = await this._editService.edit({
+            selector,
+            text: text,
+        });
+        editor.executeEdits('my-source', [
+            {
+                range: selection,
+                text: result.text,
+                forceMoveMarkers: true,
+            },
+        ]);
+    }
+    onCreateTextEditor(editor) {
+        editor.updateOptions({
+            minimap: {
+                side: 'right',
+            },
+            wordWrap: 'on',
+            automaticLayout: true,
+        });
+        this._definitionModel =
+            this._definitionModel || monaco.editor.createModel(this.definition?.value || '', 'markdown');
+        editor.setModel(this._definitionModel);
+        this._definitionEditor = editor;
+        this._disposables.push(this._definitionModel.onDidChangeContent((e) => {
+            this.definition.setValue(this._definitionModel.getValue());
+            this.definition.markAsDirty();
+            this.definition.updateValueAndValidity();
+        }));
+        // plugins
+        if (this._editorBindings) {
+            Object.keys(this._editorBindings).forEach((key) => {
+                const n = parseInt(key, 10);
+                console.log('Binding ' + n + ' to ' + this._editorBindings[key]);
+                this._definitionEditor.addCommand(n, () => {
+                    this.applyEdit(this._editorBindings[key], this._definitionEditor);
+                });
+            });
+        }
+    }
+    mapIdToEntry(id, entries) {
+        if (!id)
+            return null;
+        if (!entries)
+            return { id, value: id };
+        return entries.find((e) => e.id === id) || { id, value: id };
+    }
+    mapIdToEntries(ids, entries) {
+        if (!entries)
+            return ids.map((id) => ({ id, value: id }));
+        return ids.map((id) => entries.find((e) => e.id === id) || { id, value: id });
+    }
+    updateForm(sense) {
+        if (!sense) {
+            this.form.reset();
+        }
+        else {
+            this.eid.setValue(sense.eid || null);
+            this.tags.setValue(this.mapIdToEntries(sense.tags || [], this.tagEntries()));
+            this._definitionModel?.setValue(sense.definition || '');
+            this.note.setValue(sense.note || null);
+            this.examples.setValue(sense.examples || []);
+            this.relatedIds.setValue(sense.relatedIds || []);
+            this.form.markAsPristine();
+        }
+    }
+    onRelatedIdsChange(ids) {
+        this.relatedIds.setValue(ids);
+        this.relatedIds.markAsDirty();
+        this.relatedIds.updateValueAndValidity();
+    }
+    getSense() {
+        return {
+            eid: this.eid.value || undefined,
+            tags: this.tags.value?.length ? this.tags.value.map((e) => e.id) : undefined,
+            definition: this.definition.value?.trim() || '',
+            note: this.note.value?.trim() || undefined,
+            examples: this.examples.value?.length ? this.examples.value : undefined,
+            relatedIds: this.relatedIds.value?.length ? this.relatedIds.value : undefined,
+        };
+    }
+    addExample() {
+        const entry = {
+            text: '',
+        };
+        this.editedExIndex.set(-1);
+        this.editedEx.set(entry);
+    }
+    editExample(entry, index) {
+        this.editedExIndex.set(index);
+        this.editedEx.set(structuredClone(entry));
+    }
+    closeExample() {
+        this.editedExIndex.set(-1);
+        this.editedEx.set(undefined);
+    }
+    saveExample(entry) {
+        const entries = [...this.examples.value];
+        if (this.editedExIndex() === -1) {
+            entries.push(entry);
+        }
+        else {
+            entries.splice(this.editedExIndex(), 1, entry);
+        }
+        this.examples.setValue(entries);
+        this.examples.markAsDirty();
+        this.examples.updateValueAndValidity();
+        this.closeExample();
+    }
+    deleteExample(index) {
+        this._dialogService
+            .confirm('Confirmation', `Delete example #${index + 1}?`)
+            .subscribe((yes) => {
+            if (yes) {
+                if (this.editedExIndex() === index) {
+                    this.closeExample();
+                }
+                const entries = [...this.examples.value];
+                entries.splice(index, 1);
+                this.examples.setValue(entries);
+                this.examples.markAsDirty();
+                this.examples.updateValueAndValidity();
+            }
+        });
+    }
+    moveExampleUp(index) {
+        if (index < 1) {
+            return;
+        }
+        const entry = this.examples.value[index];
+        const entries = [...this.examples.value];
+        entries.splice(index, 1);
+        entries.splice(index - 1, 0, entry);
+        this.examples.setValue(entries);
+        this.examples.markAsDirty();
+        this.examples.updateValueAndValidity();
+    }
+    moveExampleDown(index) {
+        if (index + 1 >= this.examples.value.length) {
+            return;
+        }
+        const entry = this.examples.value[index];
+        const entries = [...this.examples.value];
+        entries.splice(index, 1);
+        entries.splice(index + 1, 0, entry);
+        this.examples.setValue(entries);
+        this.examples.markAsDirty();
+        this.examples.updateValueAndValidity();
+    }
+    cancel() {
+        this.cancelEdit.emit();
+    }
+    /**
+     * Saves the current form data by updating the `sense` model signal.
+     * This method can be called manually (e.g., by a Save button) or
+     * automatically (via auto-save).
+     * @param pristine If true (default), the form is marked as pristine
+     * after saving.
+     * Set to false for auto-save if you want the form to remain dirty.
+     */
+    save(pristine = true) {
+        if (this.form.invalid) {
+            // show validation errors
+            this.form.markAllAsTouched();
+            return;
+        }
+        const sense = this.getSense();
+        this.sense.set(sense);
+        if (pristine) {
+            this.form.markAsPristine();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: WordSenseEditor, deps: [{ token: i1.FormBuilder }, { token: i2$1.DialogService }, { token: i2.CadmusTextEdService }, { token: CADMUS_TEXT_ED_BINDINGS_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: WordSenseEditor, isStandalone: true, selector: "cadmus-word-sense-editor", inputs: { sense: { classPropertyName: "sense", publicName: "sense", isSignal: true, isRequired: false, transformFunction: null }, tagEntries: { classPropertyName: "tagEntries", publicName: "tagEntries", isSignal: true, isRequired: false, transformFunction: null }, assIdScopeEntries: { classPropertyName: "assIdScopeEntries", publicName: "assIdScopeEntries", isSignal: true, isRequired: false, transformFunction: null }, assIdTagEntries: { classPropertyName: "assIdTagEntries", publicName: "assIdTagEntries", isSignal: true, isRequired: false, transformFunction: null }, assTagEntries: { classPropertyName: "assTagEntries", publicName: "assTagEntries", isSignal: true, isRequired: false, transformFunction: null }, refTypeEntries: { classPropertyName: "refTypeEntries", publicName: "refTypeEntries", isSignal: true, isRequired: false, transformFunction: null }, refTagEntries: { classPropertyName: "refTagEntries", publicName: "refTagEntries", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sense: "senseChange", cancelEdit: "cancelEdit" }, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n  <mat-tab-group>\r\n    <!-- DEFINITION -->\r\n    <mat-tab label=\"definition\">\r\n      <!-- eid -->\r\n      <div>\r\n        <mat-form-field>\r\n          <mat-label>EID</mat-label>\r\n          <input matInput [formControl]=\"eid\" />\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      </div>\r\n      <div>\r\n        <!-- tags -->\r\n        @if (tagEntries()?.length) {\r\n        <div>\r\n          <cadmus-thes-entries-picker\r\n            [availableEntries]=\"tagEntries()!\"\r\n            [entries]=\"tags.value\"\r\n            [hierarchicLabels]=\"true\"\r\n          />\r\n        </div>\r\n        }\r\n      </div>\r\n\r\n      <!-- definition -->\r\n      <div id=\"def-container\">\r\n        <div id=\"def\">\r\n          <nge-monaco-editor id=\"editor\" (ready)=\"onCreateTextEditor($event)\" />\r\n          @if (definition.hasError('required') && (definition.touched || definition.dirty)) {\r\n          <mat-error>text required</mat-error>\r\n          } @if (definition.hasError('maxLength') && (definition.touched || definition.dirty)) {\r\n          <mat-error>text too long</mat-error>\r\n          }\r\n        </div>\r\n        <!-- preview -->\r\n        <div id=\"def-preview\">\r\n          <mat-expansion-panel expanded=\"true\">\r\n            <div>\r\n              <nge-markdown [data]=\"definition.value || undefined\" />\r\n            </div>\r\n          </mat-expansion-panel>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- note -->\r\n      <div class=\"mt\">\r\n        <mat-form-field class=\"long-text\">\r\n          <mat-label>note</mat-label>\r\n          <textarea matInput rows=\"3\" [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    </mat-tab>\r\n\r\n    <!-- EXAMPLES -->\r\n    <mat-tab label=\"examples\">\r\n      <div>\r\n        <button type=\"button\" mat-flat-button class=\"mat-primary\" (click)=\"addExample()\">\r\n          <mat-icon>add_circle</mat-icon> example\r\n        </button>\r\n      </div>\r\n      @if (examples.value.length) {\r\n      <table>\r\n        <thead>\r\n          <tr>\r\n            <th></th>\r\n            <th>tags</th>\r\n            <th>text</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          @for (entry of examples.value; track entry; let i = $index; let first = $first; let last =\r\n          $last) {\r\n          <tr [class.selected]=\"i === editedExIndex()\">\r\n            <td class=\"fit-width\">\r\n              <button\r\n                type=\"button\"\r\n                mat-icon-button\r\n                matTooltip=\"Edit this example\"\r\n                (click)=\"editExample(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 example up\"\r\n                [disabled]=\"first\"\r\n                (click)=\"moveExampleUp(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 example down\"\r\n                [disabled]=\"last\"\r\n                (click)=\"moveExampleDown(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 example\"\r\n                (click)=\"deleteExample(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              @for (tag of entry.tags; track tag; let last = $last) {\r\n              {{ tag | flatLookup : tagEntries() : 'id' : 'value' }}\r\n              @if (!last) {\r\n              <span>, </span>\r\n              } }\r\n            </td>\r\n            <td>{{ entry.text | ellipsis }}</td>\r\n          </tr>\r\n          }\r\n        </tbody>\r\n      </table>\r\n      } @if (editedEx()) {\r\n      <fieldset>\r\n        <mat-expansion-panel [expanded]=\"editedEx()\" [disabled]=\"!editedEx()\">\r\n          <mat-expansion-panel-header>\r\n            <mat-panel-title>Example #</mat-panel-title>\r\n          </mat-expansion-panel-header>\r\n          <cadmus-word-sense-example-editor\r\n            [tagEntries]=\"tagEntries()\"\r\n            [example]=\"editedEx()\"\r\n            (exampleChange)=\"saveExample($event!)\"\r\n            (cancelEdit)=\"closeExample()\"\r\n          />\r\n        </mat-expansion-panel>\r\n      </fieldset>\r\n      }\r\n    </mat-tab>\r\n\r\n    <!-- RELATED IDS -->\r\n    <mat-tab label=\"related\">\r\n      <cadmus-refs-asserted-composite-ids\r\n        [idScopeEntries]=\"assIdScopeEntries()\"\r\n        [idTagEntries]=\"assIdTagEntries()\"\r\n        [assTagEntries]=\"assTagEntries()\"\r\n        [refTypeEntries]=\"refTypeEntries()\"\r\n        [refTagEntries]=\"refTagEntries()\"\r\n        [ids]=\"relatedIds.value\"\r\n        (idsChange)=\"onRelatedIdsChange($event)\"\r\n      />\r\n    </mat-tab>\r\n\r\n    <!-- buttons -->\r\n    <div>\r\n      <button type=\"button\" mat-icon-button matTooltip=\"Discard changes\" (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=\"Accept changes\"\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    </div>\r\n  </mat-tab-group>\r\n</form>\r\n", styles: ["#editor{height:300px}.long-text{width:100%;max-width:800px}.mt{margin-top:16px}#def-container{display:grid;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-template-areas:\"def preview\";gap:8px}#def{grid-area:def}#def-preview{grid-area:preview}@media only screen and (max-width: 959px){#def-container{grid-template-columns:1fr;grid-template-rows:auto auto;grid-template-areas:\"def\" \"preview\"}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.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: MatCheckboxModule }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i5.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i5.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i5.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i5$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7$1.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: "ngmodule", type: MatTabsModule }, { kind: "component", type: i9$1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i9$1.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: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: NgeMonacoModule }, { kind: "component", type: i9.NgeMonacoEditorComponent, selector: "nge-monaco-editor", inputs: ["autoLayout", "options"], outputs: ["ready"] }, { kind: "ngmodule", type: NgeMarkdownModule }, { kind: "component", type: i10.NgeMarkdownComponent, selector: "nge-markdown, [nge-markdown]", inputs: ["file", "data", "theme"], outputs: ["render"] }, { 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: ThesEntriesPickerComponent, selector: "cadmus-thes-entries-picker", inputs: ["availableEntries", "entries", "hierarchicLabels", "autoSort", "allowCustom", "minEntries", "maxEntries", "expanded", "emptyMessage"], outputs: ["entriesChange", "expandedChange"] }, { kind: "component", type: WordSenseExampleEditor, selector: "cadmus-word-sense-example-editor", inputs: ["example", "tagEntries"], outputs: ["exampleChange", "cancelEdit"] }, { kind: "pipe", type: EllipsisPipe, name: "ellipsis" }, { kind: "pipe", type: FlatLookupPipe, name: "flatLookup" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: WordSenseEditor, decorators: [{
+            type: Component,
+            args: [{ selector: 'cadmus-word-sense-editor', imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        MatButtonModule,
+                        MatCheckboxModule,
+                        MatExpansionModule,
+                        MatFormFieldModule,
+                        MatIconModule,
+                        MatInputModule,
+                        MatSelectModule,
+                        MatTabsModule,
+                        MatTooltipModule,
+                        NgeMonacoModule,
+                        NgeMarkdownModule,
+                        AssertedCompositeIdsComponent,
+                        ThesEntriesPickerComponent,
+                        WordSenseExampleEditor,
+                        EllipsisPipe,
+                        FlatLookupPipe
+                    ], template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n  <mat-tab-group>\r\n    <!-- DEFINITION -->\r\n    <mat-tab label=\"definition\">\r\n      <!-- eid -->\r\n      <div>\r\n        <mat-form-field>\r\n          <mat-label>EID</mat-label>\r\n          <input matInput [formControl]=\"eid\" />\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      </div>\r\n      <div>\r\n        <!-- tags -->\r\n        @if (tagEntries()?.length) {\r\n        <div>\r\n          <cadmus-thes-entries-picker\r\n            [availableEntries]=\"tagEntries()!\"\r\n            [entries]=\"tags.value\"\r\n            [hierarchicLabels]=\"true\"\r\n          />\r\n        </div>\r\n        }\r\n      </div>\r\n\r\n      <!-- definition -->\r\n      <div id=\"def-container\">\r\n        <div id=\"def\">\r\n          <nge-monaco-editor id=\"editor\" (ready)=\"onCreateTextEditor($event)\" />\r\n          @if (definition.hasError('required') && (definition.touched || definition.dirty)) {\r\n          <mat-error>text required</mat-error>\r\n          } @if (definition.hasError('maxLength') && (definition.touched || definition.dirty)) {\r\n          <mat-error>text too long</mat-error>\r\n          }\r\n        </div>\r\n        <!-- preview -->\r\n        <div id=\"def-preview\">\r\n          <mat-expansion-panel expanded=\"true\">\r\n            <div>\r\n              <nge-markdown [data]=\"definition.value || undefined\" />\r\n            </div>\r\n          </mat-expansion-panel>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- note -->\r\n      <div class=\"mt\">\r\n        <mat-form-field class=\"long-text\">\r\n          <mat-label>note</mat-label>\r\n          <textarea matInput rows=\"3\" [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    </mat-tab>\r\n\r\n    <!-- EXAMPLES -->\r\n    <mat-tab label=\"examples\">\r\n      <div>\r\n        <button type=\"button\" mat-flat-button class=\"mat-primary\" (click)=\"addExample()\">\r\n          <mat-icon>add_circle</mat-icon> example\r\n        </button>\r\n      </div>\r\n      @if (examples.value.length) {\r\n      <table>\r\n        <thead>\r\n          <tr>\r\n            <th></th>\r\n            <th>tags</th>\r\n            <th>text</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          @for (entry of examples.value; track entry; let i = $index; let first = $first; let last =\r\n          $last) {\r\n          <tr [class.selected]=\"i === editedExIndex()\">\r\n            <td class=\"fit-width\">\r\n              <button\r\n                type=\"button\"\r\n                mat-icon-button\r\n                matTooltip=\"Edit this example\"\r\n                (click)=\"editExample(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 example up\"\r\n                [disabled]=\"first\"\r\n                (click)=\"moveExampleUp(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 example down\"\r\n                [disabled]=\"last\"\r\n                (click)=\"moveExampleDown(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 example\"\r\n                (click)=\"deleteExample(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              @for (tag of entry.tags; track tag; let last = $last) {\r\n              {{ tag | flatLookup : tagEntries() : 'id' : 'value' }}\r\n              @if (!last) {\r\n              <span>, </span>\r\n              } }\r\n            </td>\r\n            <td>{{ entry.text | ellipsis }}</td>\r\n          </tr>\r\n          }\r\n        </tbody>\r\n      </table>\r\n      } @if (editedEx()) {\r\n      <fieldset>\r\n        <mat-expansion-panel [expanded]=\"editedEx()\" [disabled]=\"!editedEx()\">\r\n          <mat-expansion-panel-header>\r\n            <mat-panel-title>Example #</mat-panel-title>\r\n          </mat-expansion-panel-header>\r\n          <cadmus-word-sense-example-editor\r\n            [tagEntries]=\"tagEntries()\"\r\n            [example]=\"editedEx()\"\r\n            (exampleChange)=\"saveExample($event!)\"\r\n            (cancelEdit)=\"closeExample()\"\r\n          />\r\n        </mat-expansion-panel>\r\n      </fieldset>\r\n      }\r\n    </mat-tab>\r\n\r\n    <!-- RELATED IDS -->\r\n    <mat-tab label=\"related\">\r\n      <cadmus-refs-asserted-composite-ids\r\n        [idScopeEntries]=\"assIdScopeEntries()\"\r\n        [idTagEntries]=\"assIdTagEntries()\"\r\n        [assTagEntries]=\"assTagEntries()\"\r\n        [refTypeEntries]=\"refTypeEntries()\"\r\n        [refTagEntries]=\"refTagEntries()\"\r\n        [ids]=\"relatedIds.value\"\r\n        (idsChange)=\"onRelatedIdsChange($event)\"\r\n      />\r\n    </mat-tab>\r\n\r\n    <!-- buttons -->\r\n    <div>\r\n      <button type=\"button\" mat-icon-button matTooltip=\"Discard changes\" (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=\"Accept changes\"\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    </div>\r\n  </mat-tab-group>\r\n</form>\r\n", styles: ["#editor{height:300px}.long-text{width:100%;max-width:800px}.mt{margin-top:16px}#def-container{display:grid;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-template-areas:\"def preview\";gap:8px}#def{grid-area:def}#def-preview{grid-area:preview}@media only screen and (max-width: 959px){#def-container{grid-template-columns:1fr;grid-template-rows:auto auto;grid-template-areas:\"def\" \"preview\"}}\n"] }]
+        }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i2$1.DialogService }, { type: i2.CadmusTextEdService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [CADMUS_TEXT_ED_BINDINGS_TOKEN]
+                }, {
+                    type: Optional
+                }] }], propDecorators: { sense: [{ type: i0.Input, args: [{ isSignal: true, alias: "sense", required: false }] }, { type: i0.Output, args: ["senseChange"] }], cancelEdit: [{ type: i0.Output, args: ["cancelEdit"] }], tagEntries: [{ type: i0.Input, args: [{ isSignal: true, alias: "tagEntries", required: false }] }], assIdScopeEntries: [{ type: i0.Input, args: [{ isSignal: true, alias: "assIdScopeEntries", required: false }] }], assIdTagEntries: [{ type: i0.Input, args: [{ isSignal: true, alias: "assIdTagEntries", required: false }] }], assTagEntries: [{ type: i0.Input, args: [{ isSignal: true, alias: "assTagEntries", required: false }] }], refTypeEntries: [{ type: i0.Input, args: [{ isSignal: true, alias: "refTypeEntries", required: false }] }], refTagEntries: [{ type: i0.Input, args: [{ isSignal: true, alias: "refTagEntries", required: false }] }] } });
+
+/**
+ * Word senses part editor component.
+ * Thesauri: lex-word-sense-tags, asserted-id-scopes, asserted-id-tags,
+ * doc-reference-types, doc-reference-tags.
+ */
+class LexWordSensesPartEditor extends ModelEditorComponentBase {
+    _dialogService;
+    editedIndex = signal(-1, ...(ngDevMode ? [{ debugName: "editedIndex" }] : []));
+    edited = signal(undefined, ...(ngDevMode ? [{ debugName: "edited" }] : []));
+    // lex-word-sense-tags
+    tagEntries = signal(undefined, ...(ngDevMode ? [{ debugName: "tagEntries" }] : []));
+    entries;
+    constructor(authService, formBuilder, _dialogService) {
+        super(authService, formBuilder);
+        this._dialogService = _dialogService;
+        // form
+        this.entries = formBuilder.control([], {
+            // at least 1 entry
+            validators: NgxToolsValidators.strictMinLengthValidator(1),
+            nonNullable: true,
+        });
+    }
+    ngOnInit() {
+        super.ngOnInit();
+    }
+    buildForm(formBuilder) {
+        return formBuilder.group({
+            entries: this.entries,
+        });
+    }
+    updateThesauri(thesauri) {
+        const key = 'lex-word-sense-tags';
+        if (this.hasThesaurus(key)) {
+            this.tagEntries.set(thesauri[key].entries);
+        }
+        else {
+            this.tagEntries.set(undefined);
+        }
+    }
+    updateForm(part) {
+        if (!part) {
+            this.form.reset();
+            return;
+        }
+        this.entries.setValue(part.senses || []);
+        this.form.markAsPristine();
+    }
+    onDataSet(data) {
+        // thesauri
+        if (data?.thesauri) {
+            this.updateThesauri(data.thesauri);
+        }
+        // form
+        this.updateForm(data?.value);
+    }
+    getValue() {
+        let part = this.getEditedPart(LEX_WORD_SENSES_PART_TYPEID);
+        part.senses = this.entries.value || [];
+        return part;
+    }
+    addSense() {
+        const entry = {
+            definition: '',
+        };
+        this.editSense(entry, -1);
+    }
+    editSense(entry, index) {
+        this.editedIndex.set(index);
+        this.edited.set(deepCopy(entry));
+    }
+    closeSense() {
+        this.editedIndex.set(-1);
+        this.edited.set(undefined);
+    }
+    saveSense(entry) {
+        const entries = [...this.entries.value];
+        if (this.editedIndex() === -1) {
+            entries.push(entry);
+        }
+        else {
+            entries.splice(this.editedIndex(), 1, entry);
+        }
+        this.entries.setValue(entries);
+        this.entries.markAsDirty();
+        this.entries.updateValueAndValidity();
+        this.closeSense();
+    }
+    deleteSense(index) {
+        this._dialogService
+            .confirm('Confirmation', 'Delete sense?')
+            .subscribe((yes) => {
+            if (yes) {
+                if (this.editedIndex() === index) {
+                    this.closeSense();
+                }
+                const entries = [...this.entries.value];
+                entries.splice(index, 1);
+                this.entries.setValue(entries);
+                this.entries.markAsDirty();
+                this.entries.updateValueAndValidity();
+            }
+        });
+    }
+    moveSenseUp(index) {
+        if (index < 1) {
+            return;
+        }
+        const entry = this.entries.value[index];
+        const entries = [...this.entries.value];
+        entries.splice(index, 1);
+        entries.splice(index - 1, 0, entry);
+        this.entries.setValue(entries);
+        this.entries.markAsDirty();
+        this.entries.updateValueAndValidity();
+    }
+    moveSenseDown(index) {
+        if (index + 1 >= this.entries.value.length) {
+            return;
+        }
+        const entry = this.entries.value[index];
+        const entries = [...this.entries.value];
+        entries.splice(index, 1);
+        entries.splice(index + 1, 0, entry);
+        this.entries.setValue(entries);
+        this.entries.markAsDirty();
+        this.entries.updateValueAndValidity();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: LexWordSensesPartEditor, deps: [{ token: i1$1.AuthJwtService }, { token: i1.FormBuilder }, { token: i2$1.DialogService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: LexWordSensesPartEditor, isStandalone: true, selector: "cadmus-lex-word-senses-part-editor", 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) || 'Word Senses Part' }}\r\n      </mat-card-title>\r\n    </mat-card-header>\r\n    <mat-card-content>\r\n      <div>\r\n        <button type=\"button\" mat-flat-button class=\"mat-primary\" (click)=\"addSense()\">\r\n          <mat-icon>add_circle</mat-icon> sense\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>EID</th>\r\n            <th>tags</th>\r\n            <th>definition</th>\r\n            <th>examples</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          @for (entry of entries.value; track entry; let i = $index; let first = $first; let last =\r\n          $last) {\r\n          <tr [class.selected]=\"entry === edited()\">\r\n            <td class=\"fit-width\">\r\n              <button\r\n                type=\"button\"\r\n                mat-icon-button\r\n                matTooltip=\"Edit this Sense\"\r\n                (click)=\"editSense(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 Sense up\"\r\n                [disabled]=\"first\"\r\n                (click)=\"moveSenseUp(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 Sense down\"\r\n                [disabled]=\"last\"\r\n                (click)=\"moveSenseDown(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 Sense\"\r\n                (click)=\"deleteSense(i)\"\r\n              >\r\n                <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\r\n              </button>\r\n            </td>\r\n            <td>{{ entry.eid }}</td>\r\n            <td>\r\n              @for (tag of entry.tags; track tag; let last = $last) {\r\n              {{ tag | flatLookup : tagEntries() : 'id' : 'value' }}\r\n              @if (!last) {\r\n              <span>, </span>\r\n              } }\r\n            </td>\r\n            <td>{{ entry.definition | ellipsis }}</td>\r\n            <td>{{ entry.examples?.length || 0 }}</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>Sense #</mat-panel-title>\r\n          </mat-expansion-panel-header>\r\n          <cadmus-word-sense-editor\r\n            [tagEntries]=\"tagEntries()\"\r\n            [sense]=\"edited()\"\r\n            (senseChange)=\"saveSense($event!)\"\r\n            (cancelEdit)=\"closeSense()\"\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 [form]=\"form\" [noSave]=\"userLevel < 2\" (closeRequest)=\"close()\" />\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: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.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$2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i5$2.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i5$2.MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "directive", type: i5$2.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i5$2.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i5$2.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i5.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i5.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i5.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.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: 
+                // cadmus
+                CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "component", type: WordSenseEditor, selector: "cadmus-word-sense-editor", inputs: ["sense", "tagEntries", "assIdScopeEntries", "assIdTagEntries", "assTagEntries", "refTypeEntries", "refTagEntries"], outputs: ["senseChange", "cancelEdit"] }, { kind: "pipe", type: i9$2.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: FlatLookupPipe, name: "flatLookup" }, { kind: "pipe", type: EllipsisPipe, name: "ellipsis" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: LexWordSensesPartEditor, decorators: [{
+            type: Component,
+            args: [{ selector: 'cadmus-lex-word-senses-part-editor', imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        MatButtonModule,
+                        MatCardModule,
+                        MatExpansionModule,
+                        MatFormFieldModule,
+                        MatIconModule,
+                        MatInputModule,
+                        MatSelectModule,
+                        MatTooltipModule,
+                        // cadmus
+                        CloseSaveButtonsComponent,
+                        WordSenseEditor,
+                        FlatLookupPipe,
+                        EllipsisPipe,
+                    ], 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) || 'Word Senses Part' }}\r\n      </mat-card-title>\r\n    </mat-card-header>\r\n    <mat-card-content>\r\n      <div>\r\n        <button type=\"button\" mat-flat-button class=\"mat-primary\" (click)=\"addSense()\">\r\n          <mat-icon>add_circle</mat-icon> sense\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>EID</th>\r\n            <th>tags</th>\r\n            <th>definition</th>\r\n            <th>examples</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          @for (entry of entries.value; track entry; let i = $index; let first = $first; let last =\r\n          $last) {\r\n          <tr [class.selected]=\"entry === edited()\">\r\n            <td class=\"fit-width\">\r\n              <button\r\n                type=\"button\"\r\n                mat-icon-button\r\n                matTooltip=\"Edit this Sense\"\r\n                (click)=\"editSense(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 Sense up\"\r\n                [disabled]=\"first\"\r\n                (click)=\"moveSenseUp(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 Sense down\"\r\n                [disabled]=\"last\"\r\n                (click)=\"moveSenseDown(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 Sense\"\r\n                (click)=\"deleteSense(i)\"\r\n              >\r\n                <mat-icon class=\"mat-warn\">remove_circle</mat-icon>\r\n              </button>\r\n            </td>\r\n            <td>{{ entry.eid }}</td>\r\n            <td>\r\n              @for (tag of entry.tags; track tag; let last = $last) {\r\n              {{ tag | flatLookup : tagEntries() : 'id' : 'value' }}\r\n              @if (!last) {\r\n              <span>, </span>\r\n              } }\r\n            </td>\r\n            <td>{{ entry.definition | ellipsis }}</td>\r\n            <td>{{ entry.examples?.length || 0 }}</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>Sense #</mat-panel-title>\r\n          </mat-expansion-panel-header>\r\n          <cadmus-word-sense-editor\r\n            [tagEntries]=\"tagEntries()\"\r\n            [sense]=\"edited()\"\r\n            (senseChange)=\"saveSense($event!)\"\r\n            (cancelEdit)=\"closeSense()\"\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 [form]=\"form\" [noSave]=\"userLevel < 2\" (closeRequest)=\"close()\" />\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"] }]
+        }], ctorParameters: () => [{ type: i1$1.AuthJwtService }, { type: i1.FormBuilder }, { type: i2$1.DialogService }] });
+
+class LexWordSensesPartFeature extends EditPartFeatureBase {
+    constructor(router, route, snackbar, itemService, thesaurusService, editorService) {
+        super(router, route, snackbar, itemService, thesaurusService, editorService);
+    }
+    getReqThesauriIds() {
+        return [
+            'lex-word-sense-tags',
+            'lex-word-sense-tags',
+            'asserted-id-scopes',
+            'asserted-id-tags',
+            'doc-reference-types',
+            'doc-reference-tags',
+        ];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: LexWordSensesPartFeature, deps: [{ token: i1$2.Router }, { token: i1$2.ActivatedRoute }, { token: i2$2.MatSnackBar }, { token: i3.ItemService }, { token: i3.ThesaurusService }, { token: i4$1.PartEditorService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: LexWordSensesPartFeature, isStandalone: true, selector: "cadmus-lex-word-senses-part-feature", usesInheritance: true, ngImport: i0, template: "<cadmus-current-item-bar />\r\n<cadmus-lex-word-senses-part-editor\r\n  [identity]=\"identity\"\r\n  [data]=\"$any(data)\"\r\n  (dataChange)=\"save($event!.value!)\"\r\n  (editorClose)=\"close()\"\r\n  (dirtyChange)=\"onDirtyChange($event)\"\r\n/>\r\n", styles: [""], dependencies: [{ kind: "component", type: CurrentItemBarComponent, selector: "cadmus-current-item-bar" }, { kind: "component", type: LexWordSensesPartEditor, selector: "cadmus-lex-word-senses-part-editor" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: LexWordSensesPartFeature, decorators: [{
+            type: Component,
+            args: [{ selector: 'cadmus-lex-word-senses-part-feature', imports: [CurrentItemBarComponent, LexWordSensesPartEditor], template: "<cadmus-current-item-bar />\r\n<cadmus-lex-word-senses-part-editor\r\n  [identity]=\"identity\"\r\n  [data]=\"$any(data)\"\r\n  (dataChange)=\"save($event!.value!)\"\r\n  (editorClose)=\"close()\"\r\n  (dirtyChange)=\"onDirtyChange($event)\"\r\n/>\r\n" }]
+        }], ctorParameters: () => [{ type: i1$2.Router }, { type: i1$2.ActivatedRoute }, { type: i2$2.MatSnackBar }, { type: i3.ItemService }, { type: i3.ThesaurusService }, { type: i4$1.PartEditorService }] });
+
+/*
+ * Public API Surface of cadmus-part-lexicography-word-senses
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LEX_WORD_SENSES_PART_SCHEMA, LEX_WORD_SENSES_PART_TYPEID, LexWordSensesPartEditor, LexWordSensesPartFeature, WordSenseEditor, WordSenseExampleEditor };
+//# sourceMappingURL=myrmidon-cadmus-part-lexicography-word-senses.mjs.map