@myrmidon/cadmus-refs-asserted-ids 1.0.9 → 2.1.0

package/fesm2022/myrmidon-cadmus-refs-asserted-ids.mjs

@@ -0,0 +1,1265 @@
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, Component, Inject, Output, Input, NgModule } from '@angular/core';
+import * as i1$1 from '@angular/forms';
+import { Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { debounceTime } from 'rxjs/operators';
+import { of, map, forkJoin, take, distinctUntilChanged, debounceTime as debounceTime$1 } from 'rxjs';
+import * as i1 from '@myrmidon/cadmus-api';
+import { CadmusApiModule } from '@myrmidon/cadmus-api';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i4 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i5 from '@angular/material/expansion';
+import { MatExpansionModule } from '@angular/material/expansion';
+import * as i6 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 i8 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i9 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
+import * as i10 from '@angular/material/core';
+import * as i11 from '@myrmidon/cadmus-refs-assertion';
+import { CadmusRefsAssertionModule } from '@myrmidon/cadmus-refs-assertion';
+import * as i12 from '@myrmidon/cadmus-refs-lookup';
+import { CadmusRefsLookupModule } from '@myrmidon/cadmus-refs-lookup';
+import * as i2 from '@myrmidon/ng-mat-tools';
+import * as i4$1 from '@angular/material/snack-bar';
+import * as i7$1 from '@angular/cdk/clipboard';
+import { ClipboardModule } from '@angular/cdk/clipboard';
+import * as i9$1 from '@angular/material/checkbox';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import * as i17 from '@myrmidon/ng-tools';
+import { NgToolsModule } from '@myrmidon/ng-tools';
+import { CadmusCoreModule } from '@myrmidon/cadmus-core';
+import { CadmusRefsDocReferencesModule } from '@myrmidon/cadmus-refs-doc-references';
+
+/**
+ * Cadmus pin-based lookup data service. The text being searched here is just
+ * the pin's value, according to the options specified. These options correspond
+ * to an index lookup definition. The resulting items are of type DataPinInfo.
+ */
+class PinRefLookupService {
+    constructor(_itemService) {
+        this._itemService = _itemService;
+    }
+    getName(item) {
+        return item?.value || '';
+    }
+    buildQuery(def, filter) {
+        const sb = [];
+        const AND = ' AND ';
+        if (def.typeId) {
+            sb.push(`[partTypeId=${def.typeId}]`);
+        }
+        if (def.roleId) {
+            if (sb.length) {
+                sb.push(AND);
+            }
+            sb.push(`[roleId=${def.roleId}]`);
+        }
+        if (def.name) {
+            if (sb.length) {
+                sb.push(AND);
+            }
+            sb.push(`[name=${def.name}]`);
+        }
+        if (filter.itemId) {
+            if (sb.length) {
+                sb.push(AND);
+            }
+            sb.push(`[itemId=${filter.itemId}]`);
+        }
+        if (filter.partId) {
+            if (sb.length) {
+                sb.push(AND);
+            }
+            sb.push(`[partId=${filter.partId}]`);
+        }
+        if (filter.text) {
+            if (sb.length) {
+                sb.push(AND);
+            }
+            // for other operators see backend SqlQueryBuilderBase.cs
+            sb.push(`[value*=${filter.text}]`); // *= is "contains"
+        }
+        return sb.join('');
+    }
+    lookup(filter, options) {
+        // the index lookup definition is required
+        const def = options;
+        if (!def) {
+            return of([]);
+        }
+        // build the corresponding pin query
+        const query = this.buildQuery(def, filter);
+        // search the index
+        return this._itemService.searchPins(query, 1, filter.limit).pipe(map((w) => {
+            if (w.error) {
+                console.error(w.error);
+                return [];
+            }
+            else {
+                return w.value?.items || [];
+            }
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: PinRefLookupService, deps: [{ token: i1.ItemService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: PinRefLookupService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: PinRefLookupService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ItemService }]; } });
+
+// from Cadmus general parts
+const METADATA_PART_ID$1 = 'it.vedph.metadata';
+/*
+ * Scoped pin-based lookup component. This component provides a list
+ * of pin-based searches, with a lookup control. Whenever the user
+ * picks a pin value, he gets the details about its item and part, and
+ * item's metadata part, if any. He can then use these data to build
+ * some EID by variously assembling these components.
+ */
+class ScopedPinLookupComponent {
+    constructor(formBuilder, _itemService, lookupService, lookupDefs) {
+        this._itemService = _itemService;
+        this.lookupService = lookupService;
+        this.lookupDefs = lookupDefs;
+        // lookup
+        // keys are all the defined lookup searches
+        this.keys = Object.keys(lookupDefs);
+        // the selected key defines the lookup scope
+        this.key = formBuilder.control(null);
+        this.keyForm = formBuilder.group({
+            key: this.key,
+        });
+        // id
+        this.id = formBuilder.control(null, [
+            Validators.required,
+            Validators.maxLength(300),
+        ]);
+        this.idForm = formBuilder.group({
+            id: this.id,
+        });
+        // event
+        this.idPick = new EventEmitter();
+    }
+    ngOnInit() {
+        // pre-select a unique key
+        if (this.keys.length === 1) {
+            this.key.setValue(this.keys[0]);
+            this.key.markAsDirty();
+            this.key.updateValueAndValidity();
+        }
+    }
+    onItemChange(item) {
+        const info = {
+            pin: item,
+        };
+        // lookup item and its metadata part if any
+        forkJoin({
+            item: this._itemService.getItem(item.itemId, false),
+            part: this._itemService.getPartFromTypeAndRole(item.itemId, METADATA_PART_ID$1),
+        })
+            .pipe(take(1))
+            .subscribe({
+            next: (result) => {
+                info.item = result.item;
+                info.part = result.part;
+                this.info = info;
+            },
+            error: (error) => {
+                console.error(error ? JSON.stringify(error) : 'Error loading item/metadata');
+            },
+        });
+    }
+    appendIdComponent(type, metaIndex = -1) {
+        let id = this.id.value || '';
+        switch (type) {
+            case 'pin':
+                id += this.info?.pin.value;
+                break;
+            case 'itemId':
+                id += this.info.item?.id || '';
+                break;
+            case 'partId':
+                id += this.info.part?.id || '';
+                break;
+            case 'partTypeId':
+                id += this.info.part?.typeId || '';
+                break;
+            case 'partRoleId':
+                id += this.info.part?.roleId || '';
+                break;
+            case 'metadata':
+                id += this.info.part.metadata[metaIndex].value;
+                break;
+        }
+        this.id.setValue(id);
+        this.id.markAsDirty();
+        this.id.updateValueAndValidity();
+    }
+    pickId() {
+        if (this.idForm.invalid) {
+            return;
+        }
+        this.idPick.emit(this.id.value);
+        this.info = undefined;
+    }
+    resetId() {
+        this.id.reset();
+        this.id.markAsDirty();
+        this.id.updateValueAndValidity();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: ScopedPinLookupComponent, deps: [{ token: i1$1.FormBuilder }, { token: i1.ItemService }, { token: PinRefLookupService }, { token: 'indexLookupDefinitions' }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: ScopedPinLookupComponent, selector: "cadmus-scoped-pin-lookup", outputs: { idPick: "idPick" }, ngImport: i0, template: "<div>\r\n  <!-- lookup -->\r\n  <div>\r\n    <form [formGroup]=\"keyForm\" class=\"form-row\">\r\n      <!-- key -->\r\n      <mat-form-field *ngIf=\"keys.length > 1\">\r\n        <mat-label>type</mat-label>\r\n        <mat-select [formControl]=\"key\">\r\n          <mat-option *ngFor=\"let k of keys\" [value]=\"k\">{{ k }}</mat-option>\r\n        </mat-select>\r\n        <mat-error\r\n          *ngIf=\"$any(key).errors?.required && (key.dirty || key.touched)\"\r\n          >type required</mat-error\r\n        >\r\n      </mat-form-field>\r\n      <cadmus-ref-lookup\r\n        [service]=\"lookupService\"\r\n        label=\"pin\"\r\n        [options]=\"key.value ? lookupDefs[key.value] : undefined\"\r\n        (itemChange)=\"onItemChange($event)\"\r\n      ></cadmus-ref-lookup>\r\n    </form>\r\n  </div>\r\n\r\n  <!-- builder -->\r\n  <mat-expansion-panel *ngIf=\"info\" [expanded]=\"info\" [disabled]=\"!info\">\r\n    <mat-expansion-panel-header>ID builder</mat-expansion-panel-header>\r\n    <!-- ID -->\r\n    <div>\r\n      <form [formGroup]=\"idForm\" (submit)=\"pickId()\">\r\n        <mat-form-field style=\"width: 100%\">\r\n          <input matInput [formControl]=\"id\" />\r\n          <mat-error\r\n            *ngIf=\"$any(id).errors?.required && (id.dirty || id.touched)\"\r\n            >ID required</mat-error\r\n          >\r\n          <mat-error\r\n            *ngIf=\"$any(id).errors?.maxLength && (id.dirty || id.touched)\"\r\n            >ID too long</mat-error\r\n          >\r\n          <button\r\n            mat-icon-button\r\n            type=\"button\"\r\n            matSuffix\r\n            (click)=\"resetId()\"\r\n            [disabled]=\"!id.value\"\r\n          >\r\n            <mat-icon color=\"warn\">close</mat-icon>\r\n          </button>\r\n          <button\r\n            mat-icon-button\r\n            type=\"button\"\r\n            matSuffix\r\n            (click)=\"pickId()\"\r\n            [disabled]=\"idForm.invalid\"\r\n          >\r\n            <mat-icon color=\"primary\">check_circle</mat-icon>\r\n          </button>\r\n        </mat-form-field>\r\n      </form>\r\n    </div>\r\n    <!-- table -->\r\n    <table>\r\n      <thead>\r\n        <th></th>\r\n        <th>source</th>\r\n        <th>value</th>\r\n      </thead>\r\n      <tbody>\r\n        <!-- pin -->\r\n        <tr>\r\n          <td>\r\n            <button\r\n              type=\"button\"\r\n              mat-icon-button\r\n              color=\"primary\"\r\n              (click)=\"appendIdComponent('pin')\"\r\n            >\r\n              <mat-icon>add_circle</mat-icon>\r\n            </button>\r\n          </td>\r\n          <td>pin</td>\r\n          <td>{{ info!.pin.value }}</td>\r\n        </tr>\r\n        <!-- item ID -->\r\n        <tr>\r\n          <td>\r\n            <button\r\n              type=\"button\"\r\n              mat-icon-button\r\n              color=\"primary\"\r\n              (click)=\"appendIdComponent('itemId')\"\r\n            >\r\n              <mat-icon>add_circle</mat-icon>\r\n            </button>\r\n          </td>\r\n          <td>item ID</td>\r\n          <td>{{ info!.item?.id }}</td>\r\n        </tr>\r\n        <!-- item title -->\r\n        <tr>\r\n          <td></td>\r\n          <td>item title</td>\r\n          <td>{{ info!.item?.title }}</td>\r\n        </tr>\r\n        <!-- part ID -->\r\n        <tr>\r\n          <td>\r\n            <button\r\n              type=\"button\"\r\n              mat-icon-button\r\n              color=\"primary\"\r\n              (click)=\"appendIdComponent('partId')\"\r\n            >\r\n              <mat-icon>add_circle</mat-icon>\r\n            </button>\r\n          </td>\r\n          <td>part ID</td>\r\n          <td>{{ info!.part?.id }}</td>\r\n        </tr>\r\n        <!-- part type ID -->\r\n        <tr>\r\n          <td>\r\n            <button\r\n              type=\"button\"\r\n              mat-icon-button\r\n              color=\"primary\"\r\n              (click)=\"appendIdComponent('partTypeId')\"\r\n            >\r\n              <mat-icon>add_circle</mat-icon>\r\n            </button>\r\n          </td>\r\n          <td>part type ID</td>\r\n          <td>{{ info!.part?.typeId }}</td>\r\n        </tr>\r\n        <!-- part role ID -->\r\n        <tr>\r\n          <td>\r\n            <button\r\n              type=\"button\"\r\n              mat-icon-button\r\n              color=\"primary\"\r\n              (click)=\"appendIdComponent('partRoleId')\"\r\n            >\r\n              <mat-icon>add_circle</mat-icon>\r\n            </button>\r\n          </td>\r\n          <td>part role ID</td>\r\n          <td>{{ info!.part?.roleId }}</td>\r\n        </tr>\r\n\r\n        <!-- part's metadata -->\r\n        <tr *ngFor=\"let m of info!.part?.metadata; let i = index\">\r\n          <td>\r\n            <button\r\n              type=\"button\"\r\n              mat-icon-button\r\n              color=\"primary\"\r\n              (click)=\"appendIdComponent('metadata', i)\"\r\n            >\r\n              <mat-icon>add_circle</mat-icon>\r\n            </button>\r\n          </td>\r\n          <td class=\"metadata\">{{ m.name }}</td>\r\n          <td class=\"metadata\">{{ m.value }}</td>\r\n        </tr>\r\n      </tbody>\r\n    </table>\r\n  </mat-expansion-panel>\r\n</div>\r\n", styles: [".metadata{color:#4a3001}table{border:1px solid silver;border-radius:6px;padding:4px;margin-top:8px}tr:nth-child(odd){background-color:#f0f0f0}th{font-weight:400;text-align:left;color:silver}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i5.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i5.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i6.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i7.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"], exportAs: ["matInput"] }, { kind: "component", type: i9.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i12.RefLookupComponent, selector: "cadmus-ref-lookup", inputs: ["label", "limit", "baseFilter", "service", "item", "required", "hasMore", "linkTemplate", "optDialog", "options"], outputs: ["itemChange", "moreRequest"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: ScopedPinLookupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cadmus-scoped-pin-lookup', template: "<div>\r\n  <!-- lookup -->\r\n  <div>\r\n    <form [formGroup]=\"keyForm\" class=\"form-row\">\r\n      <!-- key -->\r\n      <mat-form-field *ngIf=\"keys.length > 1\">\r\n        <mat-label>type</mat-label>\r\n        <mat-select [formControl]=\"key\">\r\n          <mat-option *ngFor=\"let k of keys\" [value]=\"k\">{{ k }}</mat-option>\r\n        </mat-select>\r\n        <mat-error\r\n          *ngIf=\"$any(key).errors?.required && (key.dirty || key.touched)\"\r\n          >type required</mat-error\r\n        >\r\n      </mat-form-field>\r\n      <cadmus-ref-lookup\r\n        [service]=\"lookupService\"\r\n        label=\"pin\"\r\n        [options]=\"key.value ? lookupDefs[key.value] : undefined\"\r\n        (itemChange)=\"onItemChange($event)\"\r\n      ></cadmus-ref-lookup>\r\n    </form>\r\n  </div>\r\n\r\n  <!-- builder -->\r\n  <mat-expansion-panel *ngIf=\"info\" [expanded]=\"info\" [disabled]=\"!info\">\r\n    <mat-expansion-panel-header>ID builder</mat-expansion-panel-header>\r\n    <!-- ID -->\r\n    <div>\r\n      <form [formGroup]=\"idForm\" (submit)=\"pickId()\">\r\n        <mat-form-field style=\"width: 100%\">\r\n          <input matInput [formControl]=\"id\" />\r\n          <mat-error\r\n            *ngIf=\"$any(id).errors?.required && (id.dirty || id.touched)\"\r\n            >ID required</mat-error\r\n          >\r\n          <mat-error\r\n            *ngIf=\"$any(id).errors?.maxLength && (id.dirty || id.touched)\"\r\n            >ID too long</mat-error\r\n          >\r\n          <button\r\n            mat-icon-button\r\n            type=\"button\"\r\n            matSuffix\r\n            (click)=\"resetId()\"\r\n            [disabled]=\"!id.value\"\r\n          >\r\n            <mat-icon color=\"warn\">close</mat-icon>\r\n          </button>\r\n          <button\r\n            mat-icon-button\r\n            type=\"button\"\r\n            matSuffix\r\n            (click)=\"pickId()\"\r\n            [disabled]=\"idForm.invalid\"\r\n          >\r\n            <mat-icon color=\"primary\">check_circle</mat-icon>\r\n          </button>\r\n        </mat-form-field>\r\n      </form>\r\n    </div>\r\n    <!-- table -->\r\n    <table>\r\n      <thead>\r\n        <th></th>\r\n        <th>source</th>\r\n        <th>value</th>\r\n      </thead>\r\n      <tbody>\r\n        <!-- pin -->\r\n        <tr>\r\n          <td>\r\n            <button\r\n              type=\"button\"\r\n              mat-icon-button\r\n              color=\"primary\"\r\n              (click)=\"appendIdComponent('pin')\"\r\n            >\r\n              <mat-icon>add_circle</mat-icon>\r\n            </button>\r\n          </td>\r\n          <td>pin</td>\r\n          <td>{{ info!.pin.value }}</td>\r\n        </tr>\r\n        <!-- item ID -->\r\n        <tr>\r\n          <td>\r\n            <button\r\n              type=\"button\"\r\n              mat-icon-button\r\n              color=\"primary\"\r\n              (click)=\"appendIdComponent('itemId')\"\r\n            >\r\n              <mat-icon>add_circle</mat-icon>\r\n            </button>\r\n          </td>\r\n          <td>item ID</td>\r\n          <td>{{ info!.item?.id }}</td>\r\n        </tr>\r\n        <!-- item title -->\r\n        <tr>\r\n          <td></td>\r\n          <td>item title</td>\r\n          <td>{{ info!.item?.title }}</td>\r\n        </tr>\r\n        <!-- part ID -->\r\n        <tr>\r\n          <td>\r\n            <button\r\n              type=\"button\"\r\n              mat-icon-button\r\n              color=\"primary\"\r\n              (click)=\"appendIdComponent('partId')\"\r\n            >\r\n              <mat-icon>add_circle</mat-icon>\r\n            </button>\r\n          </td>\r\n          <td>part ID</td>\r\n          <td>{{ info!.part?.id }}</td>\r\n        </tr>\r\n        <!-- part type ID -->\r\n        <tr>\r\n          <td>\r\n            <button\r\n              type=\"button\"\r\n              mat-icon-button\r\n              color=\"primary\"\r\n              (click)=\"appendIdComponent('partTypeId')\"\r\n            >\r\n              <mat-icon>add_circle</mat-icon>\r\n            </button>\r\n          </td>\r\n          <td>part type ID</td>\r\n          <td>{{ info!.part?.typeId }}</td>\r\n        </tr>\r\n        <!-- part role ID -->\r\n        <tr>\r\n          <td>\r\n            <button\r\n              type=\"button\"\r\n              mat-icon-button\r\n              color=\"primary\"\r\n              (click)=\"appendIdComponent('partRoleId')\"\r\n            >\r\n              <mat-icon>add_circle</mat-icon>\r\n            </button>\r\n          </td>\r\n          <td>part role ID</td>\r\n          <td>{{ info!.part?.roleId }}</td>\r\n        </tr>\r\n\r\n        <!-- part's metadata -->\r\n        <tr *ngFor=\"let m of info!.part?.metadata; let i = index\">\r\n          <td>\r\n            <button\r\n              type=\"button\"\r\n              mat-icon-button\r\n              color=\"primary\"\r\n              (click)=\"appendIdComponent('metadata', i)\"\r\n            >\r\n              <mat-icon>add_circle</mat-icon>\r\n            </button>\r\n          </td>\r\n          <td class=\"metadata\">{{ m.name }}</td>\r\n          <td class=\"metadata\">{{ m.value }}</td>\r\n        </tr>\r\n      </tbody>\r\n    </table>\r\n  </mat-expansion-panel>\r\n</div>\r\n", styles: [".metadata{color:#4a3001}table{border:1px solid silver;border-radius:6px;padding:4px;margin-top:8px}tr:nth-child(odd){background-color:#f0f0f0}th{font-weight:400;text-align:left;color:silver}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i1.ItemService }, { type: PinRefLookupService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['indexLookupDefinitions']
+                }] }]; }, propDecorators: { idPick: [{
+                type: Output
+            }] } });
+
+class AssertedIdComponent {
+    get id() {
+        return this._id;
+    }
+    set id(value) {
+        if (this._id !== value) {
+            this._id = value || undefined;
+            this.updateForm(this._id);
+        }
+    }
+    constructor(formBuilder, lookupService, lookupDefs) {
+        this.lookupService = lookupService;
+        this.lookupDefs = lookupDefs;
+        this.tag = formBuilder.control(null, Validators.maxLength(50));
+        this.value = formBuilder.control(null, [
+            Validators.required,
+            Validators.maxLength(500),
+        ]);
+        this.scope = formBuilder.control(null, Validators.maxLength(500));
+        this.assertion = formBuilder.control(null);
+        this.form = formBuilder.group({
+            tag: this.tag,
+            value: this.value,
+            scope: this.scope,
+            assertion: this.assertion
+        });
+        this.lookupExpanded = false;
+        // events
+        this.idChange = new EventEmitter();
+        this.editorClose = new EventEmitter();
+    }
+    ngOnInit() {
+        this.form.valueChanges.pipe(debounceTime(300)).subscribe((_) => {
+            if (!this._updatingForm) {
+                this.emitIdChange();
+            }
+        });
+    }
+    onAssertionChange(assertion) {
+        this.assertion.setValue(assertion || null);
+    }
+    onIdPick(id) {
+        this.value.setValue(id);
+        this.value.markAsDirty();
+        this.value.updateValueAndValidity();
+        this.lookupExpanded = false;
+    }
+    updateForm(value) {
+        this._updatingForm = true;
+        if (!value) {
+            this.form.reset();
+        }
+        else {
+            this.tag.setValue(value.tag || null);
+            this.value.setValue(value.value);
+            this.scope.setValue(value.scope);
+            this.assertion.setValue(value.assertion || null);
+            this.form.markAsPristine();
+        }
+        this._updatingForm = false;
+        // this.emitIdChange();
+    }
+    getId() {
+        return {
+            tag: this.tag.value?.trim(),
+            value: this.value.value?.trim() || '',
+            scope: this.scope.value?.trim() || '',
+            assertion: this.assertion.value || undefined,
+        };
+    }
+    emitIdChange() {
+        if (!this.hasSubmit) {
+            this._id = this.getId();
+            this.idChange.emit(this._id);
+        }
+    }
+    cancel() {
+        this.editorClose.emit();
+    }
+    save() {
+        if (this.form.valid) {
+            this._id = this.getId();
+            this.idChange.emit(this._id);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AssertedIdComponent, deps: [{ token: i1$1.FormBuilder }, { token: PinRefLookupService }, { token: 'indexLookupDefinitions' }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: AssertedIdComponent, selector: "cadmus-refs-asserted-id", inputs: { idScopeEntries: "idScopeEntries", idTagEntries: "idTagEntries", assTagEntries: "assTagEntries", refTypeEntries: "refTypeEntries", refTagEntries: "refTagEntries", id: "id", noEidLookup: "noEidLookup", hasSubmit: "hasSubmit" }, outputs: { idChange: "idChange", editorClose: "editorClose" }, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n  <div>\r\n    <div class=\"form-row\">\r\n      <!-- tag (bound) -->\r\n      <mat-form-field *ngIf=\"idTagEntries?.length\" style=\"width: 8em\">\r\n        <mat-label>tag</mat-label>\r\n        <mat-select [formControl]=\"tag\">\r\n          <mat-option *ngFor=\"let e of idTagEntries\" [value]=\"e.id\">{{\r\n            e.value\r\n          }}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <!-- tag (free) -->\r\n      <mat-form-field *ngIf=\"!idTagEntries?.length\" style=\"width: 8em\">\r\n        <mat-label>tag</mat-label>\r\n        <input matInput [formControl]=\"tag\" />\r\n        <mat-error *ngIf=\"tag.errors?.maxLength && (tag.dirty || tag.touched)\"\r\n          >tag too long</mat-error\r\n        >\r\n      </mat-form-field>\r\n\r\n      <!-- scope (bound) -->\r\n      <mat-form-field *ngIf=\"idScopeEntries?.length\" style=\"width: 8em\">\r\n        <mat-label>scope</mat-label>\r\n        <mat-select [formControl]=\"scope\">\r\n          <mat-option *ngFor=\"let e of idScopeEntries\" [value]=\"e.id\">{{\r\n            e.value\r\n          }}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <!-- scope (free) -->\r\n      <mat-form-field *ngIf=\"!idScopeEntries?.length\" style=\"width: 8em\">\r\n        <mat-label>scope</mat-label>\r\n        <input matInput [formControl]=\"scope\" />\r\n        <mat-error\r\n          *ngIf=\"scope.errors?.maxLength && (scope.dirty || scope.touched)\"\r\n          >scope too long</mat-error\r\n        >\r\n      </mat-form-field>\r\n\r\n      <!-- value -->\r\n      <mat-form-field>\r\n        <mat-label>value</mat-label>\r\n        <input matInput [formControl]=\"value\" />\r\n        <mat-error\r\n          *ngIf=\"value.errors?.required && (value.dirty || value.touched)\"\r\n          >value required</mat-error\r\n        >\r\n        <mat-error\r\n          *ngIf=\"value.errors?.maxLength && (value.dirty || value.touched)\"\r\n          >value too long</mat-error\r\n        >\r\n      </mat-form-field>\r\n\r\n      <!-- lookup -->\r\n      <div *ngIf=\"!noEidLookup\" style=\"margin-top: 4px\">\r\n        <mat-expansion-panel [(expanded)]=\"lookupExpanded\">\r\n          <mat-expansion-panel-header>lookup</mat-expansion-panel-header>\r\n          <cadmus-scoped-pin-lookup\r\n            (idPick)=\"onIdPick($event)\"\r\n          ></cadmus-scoped-pin-lookup>\r\n        </mat-expansion-panel>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- assertion -->\r\n    <mat-expansion-panel>\r\n      <mat-expansion-panel-header>assertion</mat-expansion-panel-header>\r\n      <cadmus-refs-assertion\r\n        [assTagEntries]=\"assTagEntries\"\r\n        [refTypeEntries]=\"refTypeEntries\"\r\n        [refTagEntries]=\"refTagEntries\"\r\n        [assertion]=\"assertion.value\"\r\n        (assertionChange)=\"onAssertionChange($event)\"\r\n      >\r\n      </cadmus-refs-assertion>\r\n    </mat-expansion-panel>\r\n  </div>\r\n\r\n  <!-- buttons -->\r\n  <div *ngIf=\"hasSubmit\">\r\n    <button mat-icon-button color=\"warn\" type=\"button\" (click)=\"cancel()\">\r\n      <mat-icon>close</mat-icon>\r\n    </button>\r\n    <button\r\n      mat-icon-button\r\n      color=\"primary\"\r\n      type=\"submit\"\r\n      [disabled]=\"form.invalid\"\r\n    >\r\n      <mat-icon>check_circle</mat-icon>\r\n    </button>\r\n  </div>\r\n</form>\r\n", styles: [".form-row{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap}.form-row *{flex:0 0 auto}.pin-info{font-size:90%;color:silver}fieldset{border:1px solid silver;border-radius:6px;padding:6px}@media only screen and (max-width: 959px){div#container{grid-template-rows:1fr auto;grid-template-columns:1fr;grid-template-areas:\"editor\" \"lookup\"}}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i5.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i5.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i7.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"], exportAs: ["matInput"] }, { kind: "component", type: i9.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i11.AssertionComponent, selector: "cadmus-refs-assertion", inputs: ["assTagEntries", "refTypeEntries", "refTagEntries", "assertion"], outputs: ["assertionChange"] }, { kind: "component", type: ScopedPinLookupComponent, selector: "cadmus-scoped-pin-lookup", outputs: ["idPick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AssertedIdComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cadmus-refs-asserted-id', template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n  <div>\r\n    <div class=\"form-row\">\r\n      <!-- tag (bound) -->\r\n      <mat-form-field *ngIf=\"idTagEntries?.length\" style=\"width: 8em\">\r\n        <mat-label>tag</mat-label>\r\n        <mat-select [formControl]=\"tag\">\r\n          <mat-option *ngFor=\"let e of idTagEntries\" [value]=\"e.id\">{{\r\n            e.value\r\n          }}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <!-- tag (free) -->\r\n      <mat-form-field *ngIf=\"!idTagEntries?.length\" style=\"width: 8em\">\r\n        <mat-label>tag</mat-label>\r\n        <input matInput [formControl]=\"tag\" />\r\n        <mat-error *ngIf=\"tag.errors?.maxLength && (tag.dirty || tag.touched)\"\r\n          >tag too long</mat-error\r\n        >\r\n      </mat-form-field>\r\n\r\n      <!-- scope (bound) -->\r\n      <mat-form-field *ngIf=\"idScopeEntries?.length\" style=\"width: 8em\">\r\n        <mat-label>scope</mat-label>\r\n        <mat-select [formControl]=\"scope\">\r\n          <mat-option *ngFor=\"let e of idScopeEntries\" [value]=\"e.id\">{{\r\n            e.value\r\n          }}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n      <!-- scope (free) -->\r\n      <mat-form-field *ngIf=\"!idScopeEntries?.length\" style=\"width: 8em\">\r\n        <mat-label>scope</mat-label>\r\n        <input matInput [formControl]=\"scope\" />\r\n        <mat-error\r\n          *ngIf=\"scope.errors?.maxLength && (scope.dirty || scope.touched)\"\r\n          >scope too long</mat-error\r\n        >\r\n      </mat-form-field>\r\n\r\n      <!-- value -->\r\n      <mat-form-field>\r\n        <mat-label>value</mat-label>\r\n        <input matInput [formControl]=\"value\" />\r\n        <mat-error\r\n          *ngIf=\"value.errors?.required && (value.dirty || value.touched)\"\r\n          >value required</mat-error\r\n        >\r\n        <mat-error\r\n          *ngIf=\"value.errors?.maxLength && (value.dirty || value.touched)\"\r\n          >value too long</mat-error\r\n        >\r\n      </mat-form-field>\r\n\r\n      <!-- lookup -->\r\n      <div *ngIf=\"!noEidLookup\" style=\"margin-top: 4px\">\r\n        <mat-expansion-panel [(expanded)]=\"lookupExpanded\">\r\n          <mat-expansion-panel-header>lookup</mat-expansion-panel-header>\r\n          <cadmus-scoped-pin-lookup\r\n            (idPick)=\"onIdPick($event)\"\r\n          ></cadmus-scoped-pin-lookup>\r\n        </mat-expansion-panel>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- assertion -->\r\n    <mat-expansion-panel>\r\n      <mat-expansion-panel-header>assertion</mat-expansion-panel-header>\r\n      <cadmus-refs-assertion\r\n        [assTagEntries]=\"assTagEntries\"\r\n        [refTypeEntries]=\"refTypeEntries\"\r\n        [refTagEntries]=\"refTagEntries\"\r\n        [assertion]=\"assertion.value\"\r\n        (assertionChange)=\"onAssertionChange($event)\"\r\n      >\r\n      </cadmus-refs-assertion>\r\n    </mat-expansion-panel>\r\n  </div>\r\n\r\n  <!-- buttons -->\r\n  <div *ngIf=\"hasSubmit\">\r\n    <button mat-icon-button color=\"warn\" type=\"button\" (click)=\"cancel()\">\r\n      <mat-icon>close</mat-icon>\r\n    </button>\r\n    <button\r\n      mat-icon-button\r\n      color=\"primary\"\r\n      type=\"submit\"\r\n      [disabled]=\"form.invalid\"\r\n    >\r\n      <mat-icon>check_circle</mat-icon>\r\n    </button>\r\n  </div>\r\n</form>\r\n", styles: [".form-row{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap}.form-row *{flex:0 0 auto}.pin-info{font-size:90%;color:silver}fieldset{border:1px solid silver;border-radius:6px;padding:6px}@media only screen and (max-width: 959px){div#container{grid-template-rows:1fr auto;grid-template-columns:1fr;grid-template-areas:\"editor\" \"lookup\"}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: PinRefLookupService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['indexLookupDefinitions']
+                }] }]; }, propDecorators: { idScopeEntries: [{
+                type: Input
+            }], idTagEntries: [{
+                type: Input
+            }], assTagEntries: [{
+                type: Input
+            }], refTypeEntries: [{
+                type: Input
+            }], refTagEntries: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], noEidLookup: [{
+                type: Input
+            }], hasSubmit: [{
+                type: Input
+            }], idChange: [{
+                type: Output
+            }], editorClose: [{
+                type: Output
+            }] } });
+
+/**
+ * Asserted IDs editor.
+ */
+class AssertedIdsComponent {
+    /**
+     * The asserted IDs.
+     */
+    get ids() {
+        return this._ids;
+    }
+    set ids(value) {
+        if (this._ids !== value) {
+            this._ids = value || [];
+            this.updateForm(value);
+        }
+    }
+    constructor(formBuilder, _dialogService) {
+        this._dialogService = _dialogService;
+        this._ids = [];
+        this._editedIndex = -1;
+        this.idsChange = new EventEmitter();
+        this.entries = formBuilder.control([], { nonNullable: true });
+        // form
+        this.form = formBuilder.group({
+            ids: this.entries,
+        });
+    }
+    updateForm(ids) {
+        if (!ids?.length) {
+            this.form.reset();
+            return;
+        }
+        this.entries.setValue(ids, { emitEvent: false });
+        this.entries.updateValueAndValidity();
+        this.form.markAsPristine();
+    }
+    emitIdsChange() {
+        this.idsChange.emit(this.entries.value);
+    }
+    addId() {
+        this.editId({
+            scope: '',
+            value: '',
+        }, -1);
+    }
+    editId(id, index) {
+        this._editedIndex = index;
+        this.edited = id;
+    }
+    closeId() {
+        this._editedIndex = -1;
+        this.edited = undefined;
+    }
+    saveId(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.closeId();
+    }
+    deleteId(index) {
+        this._dialogService
+            .confirm('Confirmation', 'Delete ID?')
+            .pipe(take(1))
+            .subscribe((yes) => {
+            if (yes) {
+                if (this._editedIndex === index) {
+                    this.closeId();
+                }
+                const entries = [...this.entries.value];
+                entries.splice(index, 1);
+                this.entries.setValue(entries);
+                this.entries.markAsDirty();
+                this.entries.updateValueAndValidity();
+                this.emitIdsChange();
+            }
+        });
+    }
+    moveIdUp(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();
+        this.emitIdsChange();
+    }
+    moveIdDown(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();
+        this.emitIdsChange();
+    }
+    onIdChange(id) {
+        this.saveId(id);
+        this.emitIdsChange();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AssertedIdsComponent, deps: [{ token: i1$1.FormBuilder }, { token: i2.DialogService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: AssertedIdsComponent, selector: "cadmus-refs-asserted-ids", inputs: { ids: "ids", idScopeEntries: "idScopeEntries", idTagEntries: "idTagEntries", assTagEntries: "assTagEntries", refTypeEntries: "refTypeEntries", refTagEntries: "refTagEntries" }, outputs: { idsChange: "idsChange" }, ngImport: i0, template: "<form [formGroup]=\"form\">\r\n  <div>\r\n    <button type=\"button\" mat-flat-button color=\"primary\" (click)=\"addId()\">\r\n      <mat-icon>add_circle</mat-icon> ID\r\n    </button>\r\n  </div>\r\n  <table *ngIf=\"entries.value?.length\">\r\n    <thead>\r\n      <tr>\r\n        <th></th>\r\n        <th>scope</th>\r\n        <th>value</th>\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      <tr\r\n        *ngFor=\"\r\n          let entry of entries.value;\r\n          let i = index;\r\n          let first = first;\r\n          let last = last\r\n        \"\r\n      >\r\n        <td>\r\n          <button\r\n            type=\"button\"\r\n            mat-icon-button\r\n            color=\"primary\"\r\n            matTooltip=\"Edit this ID\"\r\n            (click)=\"editId(entry, i)\"\r\n          >\r\n            <mat-icon>edit</mat-icon>\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            mat-icon-button\r\n            matTooltip=\"Move this ID up\"\r\n            [disabled]=\"first\"\r\n            (click)=\"moveIdUp(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 ID down\"\r\n            [disabled]=\"last\"\r\n            (click)=\"moveIdDown(i)\"\r\n          >\r\n            <mat-icon>arrow_downward</mat-icon>\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            mat-icon-button\r\n            color=\"warn\"\r\n            matTooltip=\"Delete this ID\"\r\n            (click)=\"deleteId(i)\"\r\n          >\r\n            <mat-icon>remove_circle</mat-icon>\r\n          </button>\r\n        </td>\r\n        <td>{{ entry.scope }}</td>\r\n        <td>{{ entry.value }}</td>\r\n      </tr>\r\n    </tbody>\r\n  </table>\r\n\r\n  <mat-expansion-panel [expanded]=\"edited\" [disabled]=\"!edited\">\r\n    <mat-expansion-panel-header>ID {{edited?.value}}</mat-expansion-panel-header>\r\n    <cadmus-refs-asserted-id\r\n      [idScopeEntries]=\"idScopeEntries\"\r\n      [idTagEntries]=\"idTagEntries\"\r\n      [assTagEntries]=\"assTagEntries\"\r\n      [refTypeEntries]=\"refTypeEntries\"\r\n      [refTagEntries]=\"refTagEntries\"\r\n      [hasSubmit]=\"true\"\r\n      [id]=\"edited\"\r\n      (idChange)=\"onIdChange($event)\"\r\n      (editorClose)=\"closeId()\"\r\n    ></cadmus-refs-asserted-id>\r\n  </mat-expansion-panel>\r\n</form>\r\n", styles: ["th{font-weight:400;color:silver;text-align:left}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i5.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i5.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: AssertedIdComponent, selector: "cadmus-refs-asserted-id", inputs: ["idScopeEntries", "idTagEntries", "assTagEntries", "refTypeEntries", "refTagEntries", "id", "noEidLookup", "hasSubmit"], outputs: ["idChange", "editorClose"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AssertedIdsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cadmus-refs-asserted-ids', template: "<form [formGroup]=\"form\">\r\n  <div>\r\n    <button type=\"button\" mat-flat-button color=\"primary\" (click)=\"addId()\">\r\n      <mat-icon>add_circle</mat-icon> ID\r\n    </button>\r\n  </div>\r\n  <table *ngIf=\"entries.value?.length\">\r\n    <thead>\r\n      <tr>\r\n        <th></th>\r\n        <th>scope</th>\r\n        <th>value</th>\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      <tr\r\n        *ngFor=\"\r\n          let entry of entries.value;\r\n          let i = index;\r\n          let first = first;\r\n          let last = last\r\n        \"\r\n      >\r\n        <td>\r\n          <button\r\n            type=\"button\"\r\n            mat-icon-button\r\n            color=\"primary\"\r\n            matTooltip=\"Edit this ID\"\r\n            (click)=\"editId(entry, i)\"\r\n          >\r\n            <mat-icon>edit</mat-icon>\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            mat-icon-button\r\n            matTooltip=\"Move this ID up\"\r\n            [disabled]=\"first\"\r\n            (click)=\"moveIdUp(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 ID down\"\r\n            [disabled]=\"last\"\r\n            (click)=\"moveIdDown(i)\"\r\n          >\r\n            <mat-icon>arrow_downward</mat-icon>\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            mat-icon-button\r\n            color=\"warn\"\r\n            matTooltip=\"Delete this ID\"\r\n            (click)=\"deleteId(i)\"\r\n          >\r\n            <mat-icon>remove_circle</mat-icon>\r\n          </button>\r\n        </td>\r\n        <td>{{ entry.scope }}</td>\r\n        <td>{{ entry.value }}</td>\r\n      </tr>\r\n    </tbody>\r\n  </table>\r\n\r\n  <mat-expansion-panel [expanded]=\"edited\" [disabled]=\"!edited\">\r\n    <mat-expansion-panel-header>ID {{edited?.value}}</mat-expansion-panel-header>\r\n    <cadmus-refs-asserted-id\r\n      [idScopeEntries]=\"idScopeEntries\"\r\n      [idTagEntries]=\"idTagEntries\"\r\n      [assTagEntries]=\"assTagEntries\"\r\n      [refTypeEntries]=\"refTypeEntries\"\r\n      [refTagEntries]=\"refTagEntries\"\r\n      [hasSubmit]=\"true\"\r\n      [id]=\"edited\"\r\n      (idChange)=\"onIdChange($event)\"\r\n      (editorClose)=\"closeId()\"\r\n    ></cadmus-refs-asserted-id>\r\n  </mat-expansion-panel>\r\n</form>\r\n", styles: ["th{font-weight:400;color:silver;text-align:left}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i2.DialogService }]; }, propDecorators: { ids: [{
+                type: Input
+            }], idScopeEntries: [{
+                type: Input
+            }], idTagEntries: [{
+                type: Input
+            }], assTagEntries: [{
+                type: Input
+            }], refTypeEntries: [{
+                type: Input
+            }], refTagEntries: [{
+                type: Input
+            }], idsChange: [{
+                type: Output
+            }] } });
+
+class ItemRefLookupService {
+    constructor(_itemService) {
+        this._itemService = _itemService;
+    }
+    lookup(filter, options) {
+        return this._itemService
+            .getItems({
+            title: filter.text,
+        }, 1, filter.limit || 10)
+            .pipe(map((page) => page.items));
+    }
+    getName(item) {
+        return item?.title;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: ItemRefLookupService, deps: [{ token: i1.ItemService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: ItemRefLookupService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: ItemRefLookupService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ItemService }]; } });
+
+// from Cadmus general parts
+const METADATA_PART_ID = 'it.vedph.metadata';
+/*
+ * Scoped pin-based lookup component. This component provides a list
+ * of pin-based searches, with a lookup control. Whenever the user
+ * picks a pin value, he gets the details about its item and part, and
+ * item's metadata part, if any. He can then use these data to build
+ * some EID by variously assembling these components.
+ */
+class PinTargetLookupComponent {
+    /**
+     * True when the by-type pin lookup mode is active.
+     * User can change mode unless modeSwitching is false.
+     */
+    get pinByTypeMode() {
+        return this.byTypeMode?.value;
+    }
+    set pinByTypeMode(value) {
+        if (!this.byTypeMode) {
+            this._startWithByTypeMode = value;
+        }
+        else {
+            this.byTypeMode.setValue(value || false);
+            this.byTypeMode.updateValueAndValidity();
+        }
+    }
+    /**
+     * The target to be edited.
+     */
+    get target() {
+        return this._target;
+    }
+    set target(value) {
+        if (this._target === value) {
+            return;
+        }
+        this._target = value || undefined;
+        this.updateForm(this._target);
+    }
+    constructor(_presetLookupDefs, itemLookupService, pinLookupService, _itemService, _thesService, _snackbar, formBuilder) {
+        this._presetLookupDefs = _presetLookupDefs;
+        this.itemLookupService = itemLookupService;
+        this.pinLookupService = pinLookupService;
+        this._itemService = _itemService;
+        this._thesService = _thesService;
+        this._snackbar = _snackbar;
+        this.partTypeKeys = [];
+        this.itemParts = [];
+        this._subs = [];
+        this.modelEntries = [];
+        // this is the default filter for the pin lookup, which will
+        // be merged with values provided by user here
+        this.filter = {
+            text: '',
+            limit: 10,
+        };
+        // form
+        this.item = formBuilder.control(null);
+        this.itemPart = formBuilder.control(null);
+        this.partTypeKey = formBuilder.control(null);
+        this.gid = formBuilder.control(null, [
+            Validators.required,
+            Validators.maxLength(300),
+        ]);
+        this.label = formBuilder.control(null, [
+            Validators.required,
+            Validators.maxLength(300),
+        ]);
+        this.byTypeMode = formBuilder.control(false, { nonNullable: true });
+        this.external = formBuilder.control(false, { nonNullable: true });
+        this.form = formBuilder.group({
+            item: this.item,
+            itemPart: this.itemPart,
+            partTypeKey: this.partTypeKey,
+            gid: this.gid,
+            label: this.label,
+            byTypeMode: this.byTypeMode,
+            external: this.external,
+        });
+        // events
+        this.targetChange = new EventEmitter();
+        this.editorClose = new EventEmitter();
+    }
+    forceByItem() {
+        this.pinByTypeMode = false;
+        this.canSwitchMode = false;
+    }
+    setupKeys() {
+        // use DI presets if no lookup definitions
+        if (!this.lookupDefinitions) {
+            this.lookupDefinitions = this._presetLookupDefs;
+        }
+        // keys are all the defined lookup searches
+        this.partTypeKeys = Object.keys(this.lookupDefinitions);
+        // if no keys, get them from thesaurus model-types;
+        // if this is not available, just force by item mode.
+        if (!this.partTypeKeys.length) {
+            if (this.modelEntries?.length) {
+                // set lookupDefinitions from thesaurus entries
+                this.lookupDefinitions = {};
+                this.modelEntries.forEach((e) => {
+                    this.lookupDefinitions[e.value] = {
+                        name: e.value,
+                        typeId: e.id,
+                    };
+                });
+                // set type keys from thesaurus entries
+                this.partTypeKeys = this.modelEntries.map((e) => e.value);
+            }
+        }
+        // if still no keys, force by item mode
+        if (!this.partTypeKeys.length) {
+            this.forceByItem();
+        }
+        else {
+            // if there is only one key, set it as the default
+            if (this.partTypeKeys.length === 1) {
+                this.partTypeKey.setValue(this.partTypeKeys[0]);
+            }
+        }
+    }
+    canBuildGid() {
+        return (!this.external.value && !this.gid.value) || this.gid.pristine;
+    }
+    canBuildLabel() {
+        return (!this.external.value && !this.label.value) || this.label.pristine;
+    }
+    ngOnInit() {
+        // set start mode if required
+        if (this._startWithByTypeMode) {
+            this.byTypeMode.setValue(true);
+        }
+        // whenever item changes, update item's parts and filter
+        this._subs.push(this.item.valueChanges
+            .pipe(distinctUntilChanged(), debounceTime$1(300))
+            .subscribe((item) => {
+            this.itemPart.setValue(null);
+            this.itemParts = item?.parts || [];
+            this.filter = {
+                ...this.filter,
+                itemId: item?.id,
+            };
+        }));
+        // whenever itemPart changes, update target and eventually gid
+        this._subs.push(this.itemPart.valueChanges
+            .pipe(distinctUntilChanged(), debounceTime$1(300))
+            .subscribe((part) => {
+            if (!this.gid.value || this.gid.pristine) {
+                this.gid.setValue(this.buildGid());
+            }
+            this.filter = {
+                ...this.filter,
+                partId: part?.id,
+            };
+            this.updateTarget();
+        }));
+        // whenever partTypeKey changes, update filter's options
+        this._subs.push(this.partTypeKey.valueChanges
+            .pipe(distinctUntilChanged(), debounceTime$1(300))
+            .subscribe((key) => {
+            this.pinFilterOptions = key
+                ? this.lookupDefinitions[key]
+                : undefined;
+        }));
+        // load model-types thesaurus entries
+        this._thesService.getThesaurus('model-types', true).subscribe({
+            next: (t) => {
+                this.modelEntries = t.entries || [];
+                if (this.modelEntries?.length) {
+                    this.setupKeys();
+                }
+                else {
+                    this.forceByItem();
+                }
+            },
+            error: () => {
+                this.forceByItem();
+            },
+        });
+    }
+    ngOnDestroy() {
+        for (let i = 0; i < this._subs.length; i++) {
+            this._subs[i].unsubscribe();
+        }
+    }
+    buildGid() {
+        // the GID is the part ID if any, or the item ID, followed by
+        // the pin's value (=EID)
+        const pin = this.lookupData?.pin;
+        if (!pin) {
+            return null;
+        }
+        return pin.partId
+            ? `P${pin.partId}/${pin.value}`
+            : `I${pin.itemId}/${pin.value}`;
+    }
+    buildLabel() {
+        if (!this.lookupData?.pin) {
+            return null;
+        }
+        const sb = [];
+        // pin value
+        sb.push(this.lookupData.pin.value);
+        // item title
+        sb.push(' | ');
+        sb.push(this.lookupData.item.title || this.lookupData.item.id);
+        // part type and role
+        const e = this.modelEntries?.find((e) => e.id === this.lookupData.pin.partTypeId);
+        sb.push(' (');
+        sb.push(e?.value || this.lookupData.pin.partTypeId);
+        if (this.lookupData.pin.roleId) {
+            sb.push(`, ${this.lookupData.pin.roleId}`);
+        }
+        sb.push(')');
+        return sb.join('');
+    }
+    getTarget() {
+        if (this.external.value) {
+            return {
+                gid: this.gid.value || '',
+                label: this.label.value || '',
+            };
+        }
+        else {
+            const pin = this.lookupData?.pin;
+            return {
+                itemId: pin?.itemId || '',
+                partId: pin?.partId || '',
+                partTypeId: pin?.partTypeId || '',
+                roleId: pin?.roleId || '',
+                name: pin?.name || '',
+                value: pin?.value || '',
+                gid: pin?.value || '',
+                label: pin?.value || '',
+            };
+        }
+    }
+    updateTarget() {
+        this._noFormUpdate = true;
+        if (this.canBuildGid()) {
+            this.gid.setValue(this.buildGid());
+            this.gid.markAsDirty();
+        }
+        if (this.canBuildLabel()) {
+            this.label.setValue(this.buildLabel());
+            this.label.markAsDirty();
+        }
+        this.target = this.getTarget();
+        this._noFormUpdate = false;
+    }
+    updateForm(target) {
+        if (this._noFormUpdate) {
+            return;
+        }
+        // build pin info from target
+        if (!target) {
+            this.lookupData = undefined;
+            this.form.reset();
+            return;
+        }
+        this.external.setValue(!target.name);
+        this.lookupData = {
+            pin: {
+                itemId: target.itemId || '',
+                partId: target.partId || '',
+                partTypeId: target.partTypeId || '',
+                roleId: target.roleId || '',
+                name: target.name || '',
+                value: target.value || '',
+            },
+        };
+        // get item
+        if (target.itemId) {
+            this._itemService.getItem(target.itemId, true).subscribe({
+                next: (item) => {
+                    this.item.setValue(item);
+                    this.form.markAsPristine();
+                },
+                error: (error) => {
+                    if (error) {
+                        console.error(JSON.stringify(error));
+                    }
+                },
+            });
+        }
+    }
+    /**
+     * Called when the item lookup changes (item is looked up
+     * by its title).
+     *
+     * @param item The item got from lookup.
+     */
+    onItemLookupChange(item) {
+        // load item's parts
+        this._itemService.getItem(item.id, true).subscribe({
+            next: (i) => {
+                // setting the item will trigger its parts update
+                this.item.setValue(i);
+                this.updateTarget();
+            },
+            error: (error) => {
+                if (error) {
+                    console.error(JSON.stringify(error));
+                }
+                this.itemPart.setValue(null);
+                this.itemParts = [];
+                this.updateTarget();
+            },
+        });
+    }
+    loadItemInfo(pin) {
+        forkJoin({
+            item: this._itemService.getItem(pin.itemId, false),
+            part: this._itemService.getPartFromTypeAndRole(pin.itemId, METADATA_PART_ID),
+        })
+            .pipe(take(1))
+            .subscribe({
+            next: (result) => {
+                this.lookupData = {
+                    pin: pin,
+                    item: result.item,
+                    metaPart: result.part,
+                };
+                this.updateTarget();
+            },
+            error: (error) => {
+                this.lookupData = undefined;
+                console.error(error ? JSON.stringify(error) : 'Error loading item/metadata');
+            },
+        });
+    }
+    /**
+     * Called when the pin lookup change. A pin is looked up by its
+     * name and value (=the filter's text), and optionally by:
+     * - its index lookup definition (selected by partTypeKey).
+     * - its item (defined by item, in filter).
+     * - its part (defined by itemPart, in filter).
+     *
+     * @param info The pin info from pin lookup.
+     */
+    onPinLookupChange(info) {
+        this.loadItemInfo(info);
+    }
+    onCopied() {
+        this._snackbar.open('Copied to clipboard', 'OK', {
+            duration: 1500,
+        });
+    }
+    close() {
+        this.editorClose.emit();
+    }
+    save() {
+        if (this.form.invalid) {
+            return;
+        }
+        this._target = this.getTarget();
+        this.targetChange.emit(this._target);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: PinTargetLookupComponent, deps: [{ token: 'indexLookupDefinitions' }, { token: ItemRefLookupService }, { token: PinRefLookupService }, { token: i1.ItemService }, { token: i1.ThesaurusService }, { token: i4$1.MatSnackBar }, { token: i1$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: PinTargetLookupComponent, selector: "cadmus-pin-target-lookup", inputs: { pinByTypeMode: "pinByTypeMode", canSwitchMode: "canSwitchMode", canEditTarget: "canEditTarget", lookupDefinitions: "lookupDefinitions", target: "target" }, outputs: { editorClose: "editorClose", targetChange: "targetChange" }, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n  <!-- external -->\r\n  <mat-checkbox [formControl]=\"external\">external</mat-checkbox>\r\n\r\n  <div class=\"form-row\">\r\n    <!-- label -->\r\n    <div>\r\n      <mat-form-field *ngIf=\"external.value || canEditTarget\">\r\n        <mat-label>label</mat-label>\r\n        <input matInput [formControl]=\"label\" />\r\n        <mat-error\r\n          *ngIf=\"$any(label).errors?.required && (label.dirty || label.touched)\"\r\n          >label required</mat-error\r\n        >\r\n        <mat-error\r\n          *ngIf=\"\r\n            $any(label).errors?.maxLength && (label.dirty || label.touched)\r\n          \"\r\n          >label too long</mat-error\r\n        >\r\n      </mat-form-field>\r\n      <div\r\n        *ngIf=\"!external.value && !canEditTarget && label.value\"\r\n        class=\"info\"\r\n      >\r\n        <span class=\"label\">label</span>{{ label.value }}\r\n      </div>\r\n    </div>\r\n\r\n    <!-- gid -->\r\n    <div>\r\n      <mat-form-field *ngIf=\"external.value || canEditTarget\">\r\n        <mat-label>GID</mat-label>\r\n        <input matInput [formControl]=\"gid\" />\r\n        <mat-error\r\n          *ngIf=\"$any(gid).errors?.required && (gid.dirty || gid.touched)\"\r\n          >GID required</mat-error\r\n        >\r\n        <mat-error\r\n          *ngIf=\"$any(gid).errors?.maxLength && (gid.dirty || gid.touched)\"\r\n          >GID too long</mat-error\r\n        >\r\n      </mat-form-field>\r\n      <div *ngIf=\"!external.value && !canEditTarget && gid.value\" class=\"info\">\r\n        <span class=\"label\">GID</span> <span class=\"gid\">{{ gid.value }}</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- BY ITEM -->\r\n  <div *ngIf=\"!external.value\">\r\n    <fieldset *ngIf=\"!byTypeMode.value\" class=\"form-row\">\r\n      <legend>pin filters</legend>\r\n      <!-- item filter -->\r\n      <cadmus-ref-lookup\r\n        [service]=\"itemLookupService\"\r\n        label=\"item\"\r\n        (itemChange)=\"onItemLookupChange($event)\"\r\n      ></cadmus-ref-lookup>\r\n\r\n      <!-- part filter -->\r\n      <mat-form-field *ngIf=\"itemParts.length\">\r\n        <mat-label>part</mat-label>\r\n        <mat-select [formControl]=\"itemPart\">\r\n          <mat-option [value]=\"null\">(any)</mat-option>\r\n          <mat-option *ngFor=\"let p of itemParts\" [value]=\"p\">{{\r\n            p.typeId | flatLookup : modelEntries : \"id\" : \"value\"\r\n          }}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </fieldset>\r\n\r\n    <!-- BY TYPE -->\r\n    <div *ngIf=\"byTypeMode.value\">\r\n      <!-- par type filter -->\r\n      <mat-form-field *ngIf=\"partTypeKeys?.length\">\r\n        <mat-label>part type</mat-label>\r\n        <mat-select [formControl]=\"partTypeKey\">\r\n          <mat-option *ngFor=\"let k of partTypeKeys\" [value]=\"k\">{{\r\n            k\r\n          }}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\r\n\r\n    <!-- PIN -->\r\n    <div class=\"form-row\">\r\n      <!-- pin lookup -->\r\n      <cadmus-ref-lookup\r\n        [service]=\"pinLookupService\"\r\n        [baseFilter]=\"filter\"\r\n        [options]=\"pinFilterOptions\"\r\n        label=\"pin\"\r\n        (itemChange)=\"onPinLookupChange($event)\"\r\n      ></cadmus-ref-lookup>\r\n      <!-- mode switcher -->\r\n      <div>\r\n        <mat-checkbox [formControl]=\"byTypeMode\" *ngIf=\"canSwitchMode\">\r\n          by type</mat-checkbox\r\n        >\r\n      </div>\r\n    </div>\r\n\r\n    <!-- data -->\r\n    <mat-expansion-panel id=\"data\" *ngIf=\"lookupData?.pin?.name\">\r\n      <mat-expansion-panel-header>pin data</mat-expansion-panel-header>\r\n      <!-- table -->\r\n      <table>\r\n        <thead>\r\n          <th></th>\r\n          <th>source</th>\r\n          <th>value</th>\r\n        </thead>\r\n        <tbody>\r\n          <!-- pin -->\r\n          <tr *ngIf=\"lookupData?.pin?.value\">\r\n            <td>\r\n              <button\r\n                type=\"button\"\r\n                mat-icon-button\r\n                color=\"primary\"\r\n                [cdkCopyToClipboard]=\"lookupData!.pin!.value\"\r\n                (cdkCopyToClipboardCopied)=\"onCopied()\"\r\n              >\r\n                <mat-icon>content_copy</mat-icon>\r\n              </button>\r\n            </td>\r\n            <td>pin</td>\r\n            <td>{{ lookupData!.pin.value }}</td>\r\n          </tr>\r\n          <!-- item ID -->\r\n          <tr *ngIf=\"lookupData?.pin?.itemId\">\r\n            <td>\r\n              <button\r\n                type=\"button\"\r\n                mat-icon-button\r\n                color=\"primary\"\r\n                [cdkCopyToClipboard]=\"lookupData!.pin!.itemId\"\r\n                (cdkCopyToClipboardCopied)=\"onCopied()\"\r\n              >\r\n                <mat-icon>content_copy</mat-icon>\r\n              </button>\r\n            </td>\r\n            <td>item ID</td>\r\n            <td>{{ lookupData!.pin.itemId }}</td>\r\n          </tr>\r\n          <!-- item title -->\r\n          <tr *ngIf=\"lookupData?.item?.title\">\r\n            <td>\r\n              <button\r\n                type=\"button\"\r\n                mat-icon-button\r\n                color=\"primary\"\r\n                [cdkCopyToClipboard]=\"lookupData!.item!.title\"\r\n                (cdkCopyToClipboardCopied)=\"onCopied()\"\r\n              >\r\n                <mat-icon>content_copy</mat-icon>\r\n              </button>\r\n            </td>\r\n            <td>item title</td>\r\n            <td>{{ lookupData!.item!.title }}</td>\r\n          </tr>\r\n          <!-- part ID -->\r\n          <tr *ngIf=\"lookupData?.pin?.partId\">\r\n            <td>\r\n              <button\r\n                type=\"button\"\r\n                mat-icon-button\r\n                color=\"primary\"\r\n                [cdkCopyToClipboard]=\"lookupData!.pin!.partId\"\r\n                (cdkCopyToClipboardCopied)=\"onCopied()\"\r\n              >\r\n                <mat-icon>content_copy</mat-icon>\r\n              </button>\r\n            </td>\r\n            <td>part ID</td>\r\n            <td>{{ lookupData!.pin.partId }}</td>\r\n          </tr>\r\n          <!-- part type ID -->\r\n          <tr *ngIf=\"lookupData?.pin?.partTypeId\">\r\n            <td>\r\n              <button\r\n                type=\"button\"\r\n                mat-icon-button\r\n                color=\"primary\"\r\n                [cdkCopyToClipboard]=\"lookupData!.pin!.partTypeId\"\r\n                (cdkCopyToClipboardCopied)=\"onCopied()\"\r\n              >\r\n                <mat-icon>content_copy</mat-icon>\r\n              </button>\r\n            </td>\r\n            <td>part type ID</td>\r\n            <td>{{ lookupData!.pin!.partTypeId }}</td>\r\n          </tr>\r\n          <!-- part role ID -->\r\n          <tr *ngIf=\"lookupData?.pin?.roleId\">\r\n            <td>\r\n              <button\r\n                type=\"button\"\r\n                mat-icon-button\r\n                color=\"primary\"\r\n                [cdkCopyToClipboard]=\"lookupData!.pin!.roleId!\"\r\n                (cdkCopyToClipboardCopied)=\"onCopied()\"\r\n              >\r\n                <mat-icon>content_copy</mat-icon>\r\n              </button>\r\n            </td>\r\n            <td>part role ID</td>\r\n            <td>{{ lookupData!.pin!.roleId }}</td>\r\n          </tr>\r\n\r\n          <!-- part's metadata -->\r\n          <tr\r\n            *ngFor=\"\r\n              let m of lookupData?.metaPart?.metadata || [];\r\n              let i = index\r\n            \"\r\n          >\r\n            <td>\r\n              <button\r\n                type=\"button\"\r\n                mat-icon-button\r\n                color=\"primary\"\r\n                [cdkCopyToClipboard]=\"m.value\"\r\n                (cdkCopyToClipboardCopied)=\"onCopied()\"\r\n              >\r\n                <mat-icon>content_copy</mat-icon>\r\n              </button>\r\n            </td>\r\n            <td class=\"metadata\">{{ m.name }}</td>\r\n            <td class=\"metadata\">{{ m.value }}</td>\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </mat-expansion-panel>\r\n  </div>\r\n\r\n  <!-- buttons -->\r\n  <div>\r\n    <button mat-flat-button type=\"button\" (click)=\"close()\">\r\n      <mat-icon color=\"warn\">close</mat-icon>\r\n    </button>\r\n    <button mat-flat-button type=\"submit\" [disabled]=\"form.invalid\">\r\n      <mat-icon color=\"primary\">check_circle</mat-icon> target\r\n    </button>\r\n  </div>\r\n</form>\r\n", styles: [".metadata{color:#4a3001}.info{border:1px solid silver;border-radius:6px;background-color:silver;color:#fff;padding:4px;margin:8px 0}.info .label{background-color:#fff;color:silver;margin:0 6px}#data{margin:8px 0}table{border:1px solid silver;border-radius:6px;padding:4px;margin-top:8px}tr:nth-child(odd){background-color:#f0f0f0}th{font-weight:400;text-align:left;color:silver}.form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-row *{flex:0 0 auto}.label{border:1px solid silver;border-radius:6px;padding:4px}fieldset{border:1px solid silver;border-radius:6px;padding:4px 8px;margin-bottom:8px}legend{color:silver}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "directive", type: i7$1.CdkCopyToClipboard, selector: "[cdkCopyToClipboard]", inputs: ["cdkCopyToClipboard", "cdkCopyToClipboardAttempts"], outputs: ["cdkCopyToClipboardCopied"] }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i9$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i5.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i5.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i7.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"], exportAs: ["matInput"] }, { kind: "component", type: i9.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i12.RefLookupComponent, selector: "cadmus-ref-lookup", inputs: ["label", "limit", "baseFilter", "service", "item", "required", "hasMore", "linkTemplate", "optDialog", "options"], outputs: ["itemChange", "moreRequest"] }, { kind: "pipe", type: i17.FlatLookupPipe, name: "flatLookup" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: PinTargetLookupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cadmus-pin-target-lookup', template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n  <!-- external -->\r\n  <mat-checkbox [formControl]=\"external\">external</mat-checkbox>\r\n\r\n  <div class=\"form-row\">\r\n    <!-- label -->\r\n    <div>\r\n      <mat-form-field *ngIf=\"external.value || canEditTarget\">\r\n        <mat-label>label</mat-label>\r\n        <input matInput [formControl]=\"label\" />\r\n        <mat-error\r\n          *ngIf=\"$any(label).errors?.required && (label.dirty || label.touched)\"\r\n          >label required</mat-error\r\n        >\r\n        <mat-error\r\n          *ngIf=\"\r\n            $any(label).errors?.maxLength && (label.dirty || label.touched)\r\n          \"\r\n          >label too long</mat-error\r\n        >\r\n      </mat-form-field>\r\n      <div\r\n        *ngIf=\"!external.value && !canEditTarget && label.value\"\r\n        class=\"info\"\r\n      >\r\n        <span class=\"label\">label</span>{{ label.value }}\r\n      </div>\r\n    </div>\r\n\r\n    <!-- gid -->\r\n    <div>\r\n      <mat-form-field *ngIf=\"external.value || canEditTarget\">\r\n        <mat-label>GID</mat-label>\r\n        <input matInput [formControl]=\"gid\" />\r\n        <mat-error\r\n          *ngIf=\"$any(gid).errors?.required && (gid.dirty || gid.touched)\"\r\n          >GID required</mat-error\r\n        >\r\n        <mat-error\r\n          *ngIf=\"$any(gid).errors?.maxLength && (gid.dirty || gid.touched)\"\r\n          >GID too long</mat-error\r\n        >\r\n      </mat-form-field>\r\n      <div *ngIf=\"!external.value && !canEditTarget && gid.value\" class=\"info\">\r\n        <span class=\"label\">GID</span> <span class=\"gid\">{{ gid.value }}</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- BY ITEM -->\r\n  <div *ngIf=\"!external.value\">\r\n    <fieldset *ngIf=\"!byTypeMode.value\" class=\"form-row\">\r\n      <legend>pin filters</legend>\r\n      <!-- item filter -->\r\n      <cadmus-ref-lookup\r\n        [service]=\"itemLookupService\"\r\n        label=\"item\"\r\n        (itemChange)=\"onItemLookupChange($event)\"\r\n      ></cadmus-ref-lookup>\r\n\r\n      <!-- part filter -->\r\n      <mat-form-field *ngIf=\"itemParts.length\">\r\n        <mat-label>part</mat-label>\r\n        <mat-select [formControl]=\"itemPart\">\r\n          <mat-option [value]=\"null\">(any)</mat-option>\r\n          <mat-option *ngFor=\"let p of itemParts\" [value]=\"p\">{{\r\n            p.typeId | flatLookup : modelEntries : \"id\" : \"value\"\r\n          }}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </fieldset>\r\n\r\n    <!-- BY TYPE -->\r\n    <div *ngIf=\"byTypeMode.value\">\r\n      <!-- par type filter -->\r\n      <mat-form-field *ngIf=\"partTypeKeys?.length\">\r\n        <mat-label>part type</mat-label>\r\n        <mat-select [formControl]=\"partTypeKey\">\r\n          <mat-option *ngFor=\"let k of partTypeKeys\" [value]=\"k\">{{\r\n            k\r\n          }}</mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\r\n\r\n    <!-- PIN -->\r\n    <div class=\"form-row\">\r\n      <!-- pin lookup -->\r\n      <cadmus-ref-lookup\r\n        [service]=\"pinLookupService\"\r\n        [baseFilter]=\"filter\"\r\n        [options]=\"pinFilterOptions\"\r\n        label=\"pin\"\r\n        (itemChange)=\"onPinLookupChange($event)\"\r\n      ></cadmus-ref-lookup>\r\n      <!-- mode switcher -->\r\n      <div>\r\n        <mat-checkbox [formControl]=\"byTypeMode\" *ngIf=\"canSwitchMode\">\r\n          by type</mat-checkbox\r\n        >\r\n      </div>\r\n    </div>\r\n\r\n    <!-- data -->\r\n    <mat-expansion-panel id=\"data\" *ngIf=\"lookupData?.pin?.name\">\r\n      <mat-expansion-panel-header>pin data</mat-expansion-panel-header>\r\n      <!-- table -->\r\n      <table>\r\n        <thead>\r\n          <th></th>\r\n          <th>source</th>\r\n          <th>value</th>\r\n        </thead>\r\n        <tbody>\r\n          <!-- pin -->\r\n          <tr *ngIf=\"lookupData?.pin?.value\">\r\n            <td>\r\n              <button\r\n                type=\"button\"\r\n                mat-icon-button\r\n                color=\"primary\"\r\n                [cdkCopyToClipboard]=\"lookupData!.pin!.value\"\r\n                (cdkCopyToClipboardCopied)=\"onCopied()\"\r\n              >\r\n                <mat-icon>content_copy</mat-icon>\r\n              </button>\r\n            </td>\r\n            <td>pin</td>\r\n            <td>{{ lookupData!.pin.value }}</td>\r\n          </tr>\r\n          <!-- item ID -->\r\n          <tr *ngIf=\"lookupData?.pin?.itemId\">\r\n            <td>\r\n              <button\r\n                type=\"button\"\r\n                mat-icon-button\r\n                color=\"primary\"\r\n                [cdkCopyToClipboard]=\"lookupData!.pin!.itemId\"\r\n                (cdkCopyToClipboardCopied)=\"onCopied()\"\r\n              >\r\n                <mat-icon>content_copy</mat-icon>\r\n              </button>\r\n            </td>\r\n            <td>item ID</td>\r\n            <td>{{ lookupData!.pin.itemId }}</td>\r\n          </tr>\r\n          <!-- item title -->\r\n          <tr *ngIf=\"lookupData?.item?.title\">\r\n            <td>\r\n              <button\r\n                type=\"button\"\r\n                mat-icon-button\r\n                color=\"primary\"\r\n                [cdkCopyToClipboard]=\"lookupData!.item!.title\"\r\n                (cdkCopyToClipboardCopied)=\"onCopied()\"\r\n              >\r\n                <mat-icon>content_copy</mat-icon>\r\n              </button>\r\n            </td>\r\n            <td>item title</td>\r\n            <td>{{ lookupData!.item!.title }}</td>\r\n          </tr>\r\n          <!-- part ID -->\r\n          <tr *ngIf=\"lookupData?.pin?.partId\">\r\n            <td>\r\n              <button\r\n                type=\"button\"\r\n                mat-icon-button\r\n                color=\"primary\"\r\n                [cdkCopyToClipboard]=\"lookupData!.pin!.partId\"\r\n                (cdkCopyToClipboardCopied)=\"onCopied()\"\r\n              >\r\n                <mat-icon>content_copy</mat-icon>\r\n              </button>\r\n            </td>\r\n            <td>part ID</td>\r\n            <td>{{ lookupData!.pin.partId }}</td>\r\n          </tr>\r\n          <!-- part type ID -->\r\n          <tr *ngIf=\"lookupData?.pin?.partTypeId\">\r\n            <td>\r\n              <button\r\n                type=\"button\"\r\n                mat-icon-button\r\n                color=\"primary\"\r\n                [cdkCopyToClipboard]=\"lookupData!.pin!.partTypeId\"\r\n                (cdkCopyToClipboardCopied)=\"onCopied()\"\r\n              >\r\n                <mat-icon>content_copy</mat-icon>\r\n              </button>\r\n            </td>\r\n            <td>part type ID</td>\r\n            <td>{{ lookupData!.pin!.partTypeId }}</td>\r\n          </tr>\r\n          <!-- part role ID -->\r\n          <tr *ngIf=\"lookupData?.pin?.roleId\">\r\n            <td>\r\n              <button\r\n                type=\"button\"\r\n                mat-icon-button\r\n                color=\"primary\"\r\n                [cdkCopyToClipboard]=\"lookupData!.pin!.roleId!\"\r\n                (cdkCopyToClipboardCopied)=\"onCopied()\"\r\n              >\r\n                <mat-icon>content_copy</mat-icon>\r\n              </button>\r\n            </td>\r\n            <td>part role ID</td>\r\n            <td>{{ lookupData!.pin!.roleId }}</td>\r\n          </tr>\r\n\r\n          <!-- part's metadata -->\r\n          <tr\r\n            *ngFor=\"\r\n              let m of lookupData?.metaPart?.metadata || [];\r\n              let i = index\r\n            \"\r\n          >\r\n            <td>\r\n              <button\r\n                type=\"button\"\r\n                mat-icon-button\r\n                color=\"primary\"\r\n                [cdkCopyToClipboard]=\"m.value\"\r\n                (cdkCopyToClipboardCopied)=\"onCopied()\"\r\n              >\r\n                <mat-icon>content_copy</mat-icon>\r\n              </button>\r\n            </td>\r\n            <td class=\"metadata\">{{ m.name }}</td>\r\n            <td class=\"metadata\">{{ m.value }}</td>\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </mat-expansion-panel>\r\n  </div>\r\n\r\n  <!-- buttons -->\r\n  <div>\r\n    <button mat-flat-button type=\"button\" (click)=\"close()\">\r\n      <mat-icon color=\"warn\">close</mat-icon>\r\n    </button>\r\n    <button mat-flat-button type=\"submit\" [disabled]=\"form.invalid\">\r\n      <mat-icon color=\"primary\">check_circle</mat-icon> target\r\n    </button>\r\n  </div>\r\n</form>\r\n", styles: [".metadata{color:#4a3001}.info{border:1px solid silver;border-radius:6px;background-color:silver;color:#fff;padding:4px;margin:8px 0}.info .label{background-color:#fff;color:silver;margin:0 6px}#data{margin:8px 0}table{border:1px solid silver;border-radius:6px;padding:4px;margin-top:8px}tr:nth-child(odd){background-color:#f0f0f0}th{font-weight:400;text-align:left;color:silver}.form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-row *{flex:0 0 auto}.label{border:1px solid silver;border-radius:6px;padding:4px}fieldset{border:1px solid silver;border-radius:6px;padding:4px 8px;margin-bottom:8px}legend{color:silver}\n"] }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['indexLookupDefinitions']
+                }] }, { type: ItemRefLookupService }, { type: PinRefLookupService }, { type: i1.ItemService }, { type: i1.ThesaurusService }, { type: i4$1.MatSnackBar }, { type: i1$1.FormBuilder }]; }, propDecorators: { pinByTypeMode: [{
+                type: Input
+            }], canSwitchMode: [{
+                type: Input
+            }], canEditTarget: [{
+                type: Input
+            }], lookupDefinitions: [{
+                type: Input
+            }], target: [{
+                type: Input
+            }], editorClose: [{
+                type: Output
+            }], targetChange: [{
+                type: Output
+            }] } });
+
+class AssertedCompositeIdComponent {
+    get id() {
+        return this._id;
+    }
+    set id(value) {
+        if (this._id !== value) {
+            this._id = value || undefined;
+            this.updateForm(this._id);
+        }
+    }
+    constructor(formBuilder, lookupService, lookupDefs) {
+        this.lookupService = lookupService;
+        this.lookupDefs = lookupDefs;
+        this.target = formBuilder.control(null, Validators.required);
+        this.scope = formBuilder.control(null, Validators.maxLength(500));
+        this.tag = formBuilder.control(null, Validators.maxLength(50));
+        this.assertion = formBuilder.control(null);
+        this.form = formBuilder.group({
+            target: this.target,
+            scope: this.scope,
+            tag: this.tag,
+            assertion: this.assertion,
+        });
+        this.targetExpanded = false;
+        // events
+        this.idChange = new EventEmitter();
+        this.editorClose = new EventEmitter();
+    }
+    ngOnInit() {
+        this.form.valueChanges.pipe(debounceTime(300)).subscribe((_) => {
+            if (!this._updatingForm) {
+                this.emitIdChange();
+            }
+        });
+    }
+    onAssertionChange(assertion) {
+        this.assertion.setValue(assertion || null);
+    }
+    onTargetChange(target) {
+        this.target.setValue(target);
+        this.target.markAsDirty();
+        this.target.updateValueAndValidity();
+        this.targetExpanded = false;
+    }
+    updateForm(id) {
+        this._updatingForm = true;
+        if (!id) {
+            this.form.reset();
+        }
+        else {
+            this.target.setValue(id.target);
+            this.scope.setValue(id.scope || null);
+            this.tag.setValue(id.tag || null);
+            this.assertion.setValue(id.assertion || null);
+            this.form.markAsPristine();
+        }
+        this._updatingForm = false;
+    }
+    getId() {
+        const external = !this.target.value?.name;
+        const target = this.target.value;
+        return {
+            target: external
+                ? {
+                    gid: target?.gid || '',
+                    label: target?.label || target?.gid || '',
+                }
+                : target,
+            scope: this.scope.value?.trim() || '',
+            tag: this.tag.value?.trim(),
+            assertion: this.assertion.value || undefined,
+        };
+    }
+    emitIdChange() {
+        if (!this.hasSubmit) {
+            this._id = this.getId();
+            this.idChange.emit(this._id);
+        }
+    }
+    cancel() {
+        this.editorClose.emit();
+    }
+    save() {
+        if (this.form.valid) {
+            this._id = this.getId();
+            this.idChange.emit(this._id);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AssertedCompositeIdComponent, deps: [{ token: i1$1.FormBuilder }, { token: PinRefLookupService }, { token: 'indexLookupDefinitions' }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: AssertedCompositeIdComponent, selector: "cadmus-refs-asserted-composite-id", inputs: { idScopeEntries: "idScopeEntries", idTagEntries: "idTagEntries", assTagEntries: "assTagEntries", refTypeEntries: "refTypeEntries", refTagEntries: "refTagEntries", id: "id", hasSubmit: "hasSubmit", pinByTypeMode: "pinByTypeMode", canSwitchMode: "canSwitchMode", canEditTarget: "canEditTarget", lookupDefinitions: "lookupDefinitions" }, outputs: { idChange: "idChange", editorClose: "editorClose" }, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\n  <div>\n    <div class=\"form-row\">\n      <!-- tag (bound) -->\n      <mat-form-field *ngIf=\"idTagEntries?.length\" class=\"short-text\">\n        <mat-label>tag</mat-label>\n        <mat-select [formControl]=\"tag\">\n          <mat-option *ngFor=\"let e of idTagEntries\" [value]=\"e.id\">{{\n            e.value\n          }}</mat-option>\n        </mat-select>\n      </mat-form-field>\n      <!-- tag (free) -->\n      <mat-form-field *ngIf=\"!idTagEntries?.length\" class=\"short-text\">\n        <mat-label>tag</mat-label>\n        <input matInput [formControl]=\"tag\" />\n        <mat-error *ngIf=\"tag.errors?.maxLength && (tag.dirty || tag.touched)\"\n          >tag too long</mat-error\n        >\n      </mat-form-field>\n\n      <!-- scope (bound) -->\n      <mat-form-field *ngIf=\"idScopeEntries?.length\" class=\"short-text\">\n        <mat-label>scope</mat-label>\n        <mat-select [formControl]=\"scope\">\n          <mat-option *ngFor=\"let e of idScopeEntries\" [value]=\"e.id\">{{\n            e.value\n          }}</mat-option>\n        </mat-select>\n      </mat-form-field>\n      <!-- scope (free) -->\n      <mat-form-field *ngIf=\"!idScopeEntries?.length\" class=\"short-text\">\n        <mat-label>scope</mat-label>\n        <input matInput [formControl]=\"scope\" />\n        <mat-error\n          *ngIf=\"scope.errors?.maxLength && (scope.dirty || scope.touched)\"\n          >scope too long</mat-error\n        >\n      </mat-form-field>\n\n      <!-- label and GID -->\n      <div class=\"info\" *ngIf=\"target.value?.label\">\n        <span class=\"label\">label</span>{{ target.value?.label }}\n      </div>\n      <div class=\"info\" *ngIf=\"target.value?.gid\">\n        <span class=\"label\">GID</span>{{ target.value?.gid }}\n      </div>\n    </div>\n\n    <!-- target -->\n    <div>\n      <mat-expansion-panel [(expanded)]=\"targetExpanded\">\n        <mat-expansion-panel-header>target</mat-expansion-panel-header>\n        <cadmus-pin-target-lookup\n          [pinByTypeMode]=\"pinByTypeMode\"\n          [canSwitchMode]=\"canSwitchMode\"\n          [canEditTarget]=\"canEditTarget\"\n          [lookupDefinitions]=\"lookupDefinitions\"\n          [target]=\"target.value\"\n          (targetChange)=\"onTargetChange($event)\"\n        ></cadmus-pin-target-lookup>\n      </mat-expansion-panel>\n    </div>\n\n    <!-- assertion -->\n    <br />\n    <mat-expansion-panel>\n      <mat-expansion-panel-header>assertion</mat-expansion-panel-header>\n      <cadmus-refs-assertion\n        [assTagEntries]=\"assTagEntries\"\n        [refTypeEntries]=\"refTypeEntries\"\n        [refTagEntries]=\"refTagEntries\"\n        [assertion]=\"assertion.value\"\n        (assertionChange)=\"onAssertionChange($event)\"\n      >\n      </cadmus-refs-assertion>\n    </mat-expansion-panel>\n  </div>\n\n  <!-- buttons -->\n  <div *ngIf=\"hasSubmit\">\n    <button\n      mat-icon-button\n      color=\"warn\"\n      type=\"button\"\n      (click)=\"cancel()\"\n      [disabled]=\"!this.target.value?.gid || !this.target.value?.label\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    <button\n      mat-icon-button\n      color=\"primary\"\n      type=\"submit\"\n      [disabled]=\"form.invalid\"\n    >\n      <mat-icon>check_circle</mat-icon>\n    </button>\n  </div>\n</form>\n", styles: [".form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-row *{flex:0 0 auto}.short-text{width:8em}.pin-info{font-size:90%;color:silver}fieldset{border:1px solid silver;border-radius:6px;padding:6px}.info{border:1px solid silver;border-radius:6px;background-color:silver;color:#fff;padding:4px}.info .label{background-color:#fff;color:silver;margin:0 6px}@media only screen and (max-width: 959px){div#container{grid-template-rows:1fr auto;grid-template-columns:1fr;grid-template-areas:\"editor\" \"lookup\"}}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i5.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i5.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i7.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"], exportAs: ["matInput"] }, { kind: "component", type: i9.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i11.AssertionComponent, selector: "cadmus-refs-assertion", inputs: ["assTagEntries", "refTypeEntries", "refTagEntries", "assertion"], outputs: ["assertionChange"] }, { kind: "component", type: PinTargetLookupComponent, selector: "cadmus-pin-target-lookup", inputs: ["pinByTypeMode", "canSwitchMode", "canEditTarget", "lookupDefinitions", "target"], outputs: ["editorClose", "targetChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AssertedCompositeIdComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cadmus-refs-asserted-composite-id', template: "<form [formGroup]=\"form\" (submit)=\"save()\">\n  <div>\n    <div class=\"form-row\">\n      <!-- tag (bound) -->\n      <mat-form-field *ngIf=\"idTagEntries?.length\" class=\"short-text\">\n        <mat-label>tag</mat-label>\n        <mat-select [formControl]=\"tag\">\n          <mat-option *ngFor=\"let e of idTagEntries\" [value]=\"e.id\">{{\n            e.value\n          }}</mat-option>\n        </mat-select>\n      </mat-form-field>\n      <!-- tag (free) -->\n      <mat-form-field *ngIf=\"!idTagEntries?.length\" class=\"short-text\">\n        <mat-label>tag</mat-label>\n        <input matInput [formControl]=\"tag\" />\n        <mat-error *ngIf=\"tag.errors?.maxLength && (tag.dirty || tag.touched)\"\n          >tag too long</mat-error\n        >\n      </mat-form-field>\n\n      <!-- scope (bound) -->\n      <mat-form-field *ngIf=\"idScopeEntries?.length\" class=\"short-text\">\n        <mat-label>scope</mat-label>\n        <mat-select [formControl]=\"scope\">\n          <mat-option *ngFor=\"let e of idScopeEntries\" [value]=\"e.id\">{{\n            e.value\n          }}</mat-option>\n        </mat-select>\n      </mat-form-field>\n      <!-- scope (free) -->\n      <mat-form-field *ngIf=\"!idScopeEntries?.length\" class=\"short-text\">\n        <mat-label>scope</mat-label>\n        <input matInput [formControl]=\"scope\" />\n        <mat-error\n          *ngIf=\"scope.errors?.maxLength && (scope.dirty || scope.touched)\"\n          >scope too long</mat-error\n        >\n      </mat-form-field>\n\n      <!-- label and GID -->\n      <div class=\"info\" *ngIf=\"target.value?.label\">\n        <span class=\"label\">label</span>{{ target.value?.label }}\n      </div>\n      <div class=\"info\" *ngIf=\"target.value?.gid\">\n        <span class=\"label\">GID</span>{{ target.value?.gid }}\n      </div>\n    </div>\n\n    <!-- target -->\n    <div>\n      <mat-expansion-panel [(expanded)]=\"targetExpanded\">\n        <mat-expansion-panel-header>target</mat-expansion-panel-header>\n        <cadmus-pin-target-lookup\n          [pinByTypeMode]=\"pinByTypeMode\"\n          [canSwitchMode]=\"canSwitchMode\"\n          [canEditTarget]=\"canEditTarget\"\n          [lookupDefinitions]=\"lookupDefinitions\"\n          [target]=\"target.value\"\n          (targetChange)=\"onTargetChange($event)\"\n        ></cadmus-pin-target-lookup>\n      </mat-expansion-panel>\n    </div>\n\n    <!-- assertion -->\n    <br />\n    <mat-expansion-panel>\n      <mat-expansion-panel-header>assertion</mat-expansion-panel-header>\n      <cadmus-refs-assertion\n        [assTagEntries]=\"assTagEntries\"\n        [refTypeEntries]=\"refTypeEntries\"\n        [refTagEntries]=\"refTagEntries\"\n        [assertion]=\"assertion.value\"\n        (assertionChange)=\"onAssertionChange($event)\"\n      >\n      </cadmus-refs-assertion>\n    </mat-expansion-panel>\n  </div>\n\n  <!-- buttons -->\n  <div *ngIf=\"hasSubmit\">\n    <button\n      mat-icon-button\n      color=\"warn\"\n      type=\"button\"\n      (click)=\"cancel()\"\n      [disabled]=\"!this.target.value?.gid || !this.target.value?.label\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n    <button\n      mat-icon-button\n      color=\"primary\"\n      type=\"submit\"\n      [disabled]=\"form.invalid\"\n    >\n      <mat-icon>check_circle</mat-icon>\n    </button>\n  </div>\n</form>\n", styles: [".form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-row *{flex:0 0 auto}.short-text{width:8em}.pin-info{font-size:90%;color:silver}fieldset{border:1px solid silver;border-radius:6px;padding:6px}.info{border:1px solid silver;border-radius:6px;background-color:silver;color:#fff;padding:4px}.info .label{background-color:#fff;color:silver;margin:0 6px}@media only screen and (max-width: 959px){div#container{grid-template-rows:1fr auto;grid-template-columns:1fr;grid-template-areas:\"editor\" \"lookup\"}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: PinRefLookupService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['indexLookupDefinitions']
+                }] }]; }, propDecorators: { idScopeEntries: [{
+                type: Input
+            }], idTagEntries: [{
+                type: Input
+            }], assTagEntries: [{
+                type: Input
+            }], refTypeEntries: [{
+                type: Input
+            }], refTagEntries: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], hasSubmit: [{
+                type: Input
+            }], pinByTypeMode: [{
+                type: Input
+            }], canSwitchMode: [{
+                type: Input
+            }], canEditTarget: [{
+                type: Input
+            }], lookupDefinitions: [{
+                type: Input
+            }], idChange: [{
+                type: Output
+            }], editorClose: [{
+                type: Output
+            }] } });
+
+/**
+ * Asserted IDs editor.
+ */
+class AssertedCompositeIdsComponent {
+    /**
+     * The asserted IDs.
+     */
+    get ids() {
+        return this._ids;
+    }
+    set ids(value) {
+        if (this._ids !== value) {
+            this._ids = value || [];
+            this.updateForm(value);
+        }
+    }
+    constructor(formBuilder, _dialogService) {
+        this._dialogService = _dialogService;
+        this._ids = [];
+        this._editedIndex = -1;
+        this.idsChange = new EventEmitter();
+        this.entries = formBuilder.control([], { nonNullable: true });
+        // form
+        this.form = formBuilder.group({
+            ids: this.entries,
+        });
+    }
+    updateForm(ids) {
+        if (!ids?.length) {
+            this.form.reset();
+            return;
+        }
+        this.entries.setValue(ids, { emitEvent: false });
+        this.entries.updateValueAndValidity();
+        this.form.markAsPristine();
+    }
+    emitIdsChange() {
+        this.idsChange.emit(this.entries.value);
+    }
+    addId() {
+        this.editId({
+            target: { gid: '', label: '' },
+        }, -1);
+    }
+    editId(id, index) {
+        this._editedIndex = index;
+        this.edited = id;
+    }
+    closeId() {
+        this._editedIndex = -1;
+        this.edited = undefined;
+    }
+    saveId(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.closeId();
+    }
+    deleteId(index) {
+        this._dialogService
+            .confirm('Confirmation', 'Delete ID?')
+            .pipe(take(1))
+            .subscribe((yes) => {
+            if (yes) {
+                if (this._editedIndex === index) {
+                    this.closeId();
+                }
+                const entries = [...this.entries.value];
+                entries.splice(index, 1);
+                this.entries.setValue(entries);
+                this.entries.markAsDirty();
+                this.entries.updateValueAndValidity();
+                this.emitIdsChange();
+            }
+        });
+    }
+    moveIdUp(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();
+        this.emitIdsChange();
+    }
+    moveIdDown(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();
+        this.emitIdsChange();
+    }
+    onIdChange(id) {
+        this.saveId(id);
+        this.emitIdsChange();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AssertedCompositeIdsComponent, deps: [{ token: i1$1.FormBuilder }, { token: i2.DialogService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: AssertedCompositeIdsComponent, selector: "cadmus-refs-asserted-composite-ids", inputs: { ids: "ids", idScopeEntries: "idScopeEntries", idTagEntries: "idTagEntries", assTagEntries: "assTagEntries", refTypeEntries: "refTypeEntries", refTagEntries: "refTagEntries", pinByTypeMode: "pinByTypeMode", canSwitchMode: "canSwitchMode", canEditTarget: "canEditTarget", lookupDefinitions: "lookupDefinitions" }, outputs: { idsChange: "idsChange" }, ngImport: i0, template: "<form [formGroup]=\"form\">\r\n  <!-- buttons -->\r\n  <button type=\"button\" color=\"primary\" mat-flat-button (click)=\"addId()\">\r\n    <mat-icon>add_circle</mat-icon> ID\r\n  </button>\r\n  <!-- list -->\r\n  <table *ngIf=\"entries.value?.length\">\r\n    <thead>\r\n      <tr>\r\n        <th></th>\r\n        <th>scope</th>\r\n        <th>label</th>\r\n        <th>value</th>\r\n        <th>ass.</th>\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      <tr\r\n        *ngFor=\"\r\n          let entry of entries.value;\r\n          let i = index;\r\n          let first = first;\r\n          let last = last\r\n        \"\r\n      >\r\n        <td class=\"fit-width\">\r\n          <button\r\n            type=\"button\"\r\n            mat-icon-button\r\n            color=\"primary\"\r\n            matTooltip=\"Edit this ID\"\r\n            (click)=\"editId(entry, i)\"\r\n          >\r\n            <mat-icon>edit</mat-icon>\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            mat-icon-button\r\n            matTooltip=\"Move this ID up\"\r\n            [disabled]=\"first\"\r\n            (click)=\"moveIdUp(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 ID down\"\r\n            [disabled]=\"last\"\r\n            (click)=\"moveIdDown(i)\"\r\n          >\r\n            <mat-icon>arrow_downward</mat-icon>\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            mat-icon-button\r\n            color=\"warn\"\r\n            matTooltip=\"Delete this ID\"\r\n            (click)=\"deleteId(i)\"\r\n          >\r\n            <mat-icon>remove_circle</mat-icon>\r\n          </button>\r\n        </td>\r\n        <td>{{ entry.scope }}</td>\r\n        <td>{{ entry?.target?.label }}</td>\r\n        <td>{{ entry?.target?.gid }}</td>\r\n        <td>{{ entry?.assertion ? \"Y\" : \"N\" }}</td>\r\n      </tr>\r\n    </tbody>\r\n  </table>\r\n\r\n  <!-- editor -->\r\n  <mat-expansion-panel [expanded]=\"edited\" [disabled]=\"!edited\">\r\n    <mat-expansion-panel-header\r\n      >ID {{ edited?.target?.label }}</mat-expansion-panel-header\r\n    >\r\n    <cadmus-refs-asserted-composite-id\r\n      [idScopeEntries]=\"idScopeEntries\"\r\n      [idTagEntries]=\"idTagEntries\"\r\n      [assTagEntries]=\"assTagEntries\"\r\n      [refTypeEntries]=\"refTypeEntries\"\r\n      [refTagEntries]=\"refTagEntries\"\r\n      [hasSubmit]=\"true\"\r\n      [pinByTypeMode]=\"pinByTypeMode\"\r\n      [canSwitchMode]=\"canSwitchMode\"\r\n      [canEditTarget]=\"canEditTarget\"\r\n      [lookupDefinitions]=\"lookupDefinitions\"\r\n      [id]=\"edited\"\r\n      (idChange)=\"onIdChange($event)\"\r\n      (editorClose)=\"closeId()\"\r\n    ></cadmus-refs-asserted-composite-id>\r\n  </mat-expansion-panel>\r\n</form>\r\n", styles: ["th{font-weight:400;color:silver;text-align:left}td{padding-right:4px}td.fit-width{width:1px;white-space:nowrap;padding:0}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i5.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i5.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: AssertedCompositeIdComponent, selector: "cadmus-refs-asserted-composite-id", inputs: ["idScopeEntries", "idTagEntries", "assTagEntries", "refTypeEntries", "refTagEntries", "id", "hasSubmit", "pinByTypeMode", "canSwitchMode", "canEditTarget", "lookupDefinitions"], outputs: ["idChange", "editorClose"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AssertedCompositeIdsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cadmus-refs-asserted-composite-ids', template: "<form [formGroup]=\"form\">\r\n  <!-- buttons -->\r\n  <button type=\"button\" color=\"primary\" mat-flat-button (click)=\"addId()\">\r\n    <mat-icon>add_circle</mat-icon> ID\r\n  </button>\r\n  <!-- list -->\r\n  <table *ngIf=\"entries.value?.length\">\r\n    <thead>\r\n      <tr>\r\n        <th></th>\r\n        <th>scope</th>\r\n        <th>label</th>\r\n        <th>value</th>\r\n        <th>ass.</th>\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      <tr\r\n        *ngFor=\"\r\n          let entry of entries.value;\r\n          let i = index;\r\n          let first = first;\r\n          let last = last\r\n        \"\r\n      >\r\n        <td class=\"fit-width\">\r\n          <button\r\n            type=\"button\"\r\n            mat-icon-button\r\n            color=\"primary\"\r\n            matTooltip=\"Edit this ID\"\r\n            (click)=\"editId(entry, i)\"\r\n          >\r\n            <mat-icon>edit</mat-icon>\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            mat-icon-button\r\n            matTooltip=\"Move this ID up\"\r\n            [disabled]=\"first\"\r\n            (click)=\"moveIdUp(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 ID down\"\r\n            [disabled]=\"last\"\r\n            (click)=\"moveIdDown(i)\"\r\n          >\r\n            <mat-icon>arrow_downward</mat-icon>\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            mat-icon-button\r\n            color=\"warn\"\r\n            matTooltip=\"Delete this ID\"\r\n            (click)=\"deleteId(i)\"\r\n          >\r\n            <mat-icon>remove_circle</mat-icon>\r\n          </button>\r\n        </td>\r\n        <td>{{ entry.scope }}</td>\r\n        <td>{{ entry?.target?.label }}</td>\r\n        <td>{{ entry?.target?.gid }}</td>\r\n        <td>{{ entry?.assertion ? \"Y\" : \"N\" }}</td>\r\n      </tr>\r\n    </tbody>\r\n  </table>\r\n\r\n  <!-- editor -->\r\n  <mat-expansion-panel [expanded]=\"edited\" [disabled]=\"!edited\">\r\n    <mat-expansion-panel-header\r\n      >ID {{ edited?.target?.label }}</mat-expansion-panel-header\r\n    >\r\n    <cadmus-refs-asserted-composite-id\r\n      [idScopeEntries]=\"idScopeEntries\"\r\n      [idTagEntries]=\"idTagEntries\"\r\n      [assTagEntries]=\"assTagEntries\"\r\n      [refTypeEntries]=\"refTypeEntries\"\r\n      [refTagEntries]=\"refTagEntries\"\r\n      [hasSubmit]=\"true\"\r\n      [pinByTypeMode]=\"pinByTypeMode\"\r\n      [canSwitchMode]=\"canSwitchMode\"\r\n      [canEditTarget]=\"canEditTarget\"\r\n      [lookupDefinitions]=\"lookupDefinitions\"\r\n      [id]=\"edited\"\r\n      (idChange)=\"onIdChange($event)\"\r\n      (editorClose)=\"closeId()\"\r\n    ></cadmus-refs-asserted-composite-id>\r\n  </mat-expansion-panel>\r\n</form>\r\n", styles: ["th{font-weight:400;color:silver;text-align:left}td{padding-right:4px}td.fit-width{width:1px;white-space:nowrap;padding:0}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i2.DialogService }]; }, propDecorators: { ids: [{
+                type: Input
+            }], idScopeEntries: [{
+                type: Input
+            }], idTagEntries: [{
+                type: Input
+            }], assTagEntries: [{
+                type: Input
+            }], refTypeEntries: [{
+                type: Input
+            }], refTagEntries: [{
+                type: Input
+            }], pinByTypeMode: [{
+                type: Input
+            }], canSwitchMode: [{
+                type: Input
+            }], canEditTarget: [{
+                type: Input
+            }], lookupDefinitions: [{
+                type: Input
+            }], idsChange: [{
+                type: Output
+            }] } });
+
+class CadmusRefsAssertedIdsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: CadmusRefsAssertedIdsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.1", ngImport: i0, type: CadmusRefsAssertedIdsModule, declarations: [AssertedIdComponent,
+            AssertedIdsComponent,
+            AssertedCompositeIdComponent,
+            AssertedCompositeIdsComponent,
+            PinTargetLookupComponent,
+            ScopedPinLookupComponent], imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            // material
+            ClipboardModule,
+            MatButtonModule,
+            MatCheckboxModule,
+            MatExpansionModule,
+            MatFormFieldModule,
+            MatIconModule,
+            MatInputModule,
+            MatSelectModule,
+            // Myrmidon
+            NgToolsModule,
+            // Cadmus
+            CadmusCoreModule,
+            CadmusRefsDocReferencesModule,
+            CadmusRefsAssertionModule,
+            CadmusRefsLookupModule,
+            CadmusApiModule], exports: [AssertedIdComponent,
+            AssertedIdsComponent,
+            AssertedCompositeIdComponent,
+            AssertedCompositeIdsComponent,
+            PinTargetLookupComponent,
+            ScopedPinLookupComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: CadmusRefsAssertedIdsModule, imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            // material
+            ClipboardModule,
+            MatButtonModule,
+            MatCheckboxModule,
+            MatExpansionModule,
+            MatFormFieldModule,
+            MatIconModule,
+            MatInputModule,
+            MatSelectModule,
+            // Myrmidon
+            NgToolsModule,
+            // Cadmus
+            CadmusCoreModule,
+            CadmusRefsDocReferencesModule,
+            CadmusRefsAssertionModule,
+            CadmusRefsLookupModule,
+            CadmusApiModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: CadmusRefsAssertedIdsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        AssertedIdComponent,
+                        AssertedIdsComponent,
+                        AssertedCompositeIdComponent,
+                        AssertedCompositeIdsComponent,
+                        PinTargetLookupComponent,
+                        ScopedPinLookupComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        // material
+                        ClipboardModule,
+                        MatButtonModule,
+                        MatCheckboxModule,
+                        MatExpansionModule,
+                        MatFormFieldModule,
+                        MatIconModule,
+                        MatInputModule,
+                        MatSelectModule,
+                        // Myrmidon
+                        NgToolsModule,
+                        // Cadmus
+                        CadmusCoreModule,
+                        CadmusRefsDocReferencesModule,
+                        CadmusRefsAssertionModule,
+                        CadmusRefsLookupModule,
+                        CadmusApiModule,
+                    ],
+                    exports: [
+                        AssertedIdComponent,
+                        AssertedIdsComponent,
+                        AssertedCompositeIdComponent,
+                        AssertedCompositeIdsComponent,
+                        PinTargetLookupComponent,
+                        ScopedPinLookupComponent,
+                    ],
+                }]
+        }] });
+
+/*
+ * Public API Surface of cadmus-refs-asserted-ids
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AssertedCompositeIdComponent, AssertedCompositeIdsComponent, AssertedIdComponent, AssertedIdsComponent, CadmusRefsAssertedIdsModule, ItemRefLookupService, PinRefLookupService, PinTargetLookupComponent, ScopedPinLookupComponent };
+//# sourceMappingURL=myrmidon-cadmus-refs-asserted-ids.mjs.map