@myrmidon/cadmus-refs-asserted-ids 1.0.6 → 1.0.7

package/README.md

@@ -41,3 +41,56 @@ To this end, the asserted ID component provides an internal lookup mechanism bas
 The user can then use buttons to append each of these components to the ID being built, and/or variously edit it. When he's ok with the ID, he can then use it as the reference ID being edited.
 
 >👉 The demo found in this workspace uses a [mock data service](../../../src/app/services/mock-item.service.ts) instead of the real one, which provides a minimal set of data and functions, just required for the components to function.
+
+## Using Scoped ID Lookup
+
+Apart from the IDs list, you can use the scoped ID lookup control to add a pin-based lookup for any entity in your own UI:
+
+(1) ensure to import this module (`CadmusRefsAssertedIdsModule`).
+
+(2) add a lookup control to your UI, like this:
+
+```html
+<!-- lookup -->
+<cadmus-scoped-pin-lookup *ngIf="!noLookup" (idPick)="onIdPick($event)"></cadmus-scoped-pin-lookup>
+```
+
+In this sample, my UI has a `noLookup` property which can be used to hide the lookup if not required:
+
+```ts
+@Input()
+public noLookup?: boolean;
+
+public onIdPick(id: string): void {
+  // TODO: set your control's value, e.g.:
+  // this.myId.setValue(id);
+  // this.myId.updateValueAndValidity();
+  // this.myId.markAsDirty();
+}
+```
+
+(3) in your app's `index-lookup-definitions.ts` file, add the required lookup definitions. Each definition has a conventional key, and is an object with part type ID for the lookup scope, and pin name, e.g.:
+
+```ts
+import { IndexLookupDefinitions } from '@myrmidon/cadmus-core';
+import {
+  METADATA_PART_TYPEID,
+  HISTORICAL_EVENTS_PART_TYPEID,
+} from '@myrmidon/cadmus-part-general-ui';
+
+export const INDEX_LOOKUP_DEFINITIONS: IndexLookupDefinitions = {
+  // item's metadata
+  meta_eid: {
+    typeId: METADATA_PART_TYPEID,
+    name: 'eid',
+  },
+  // general parts
+  event_eid: {
+    typeId: HISTORICAL_EVENTS_PART_TYPEID,
+    name: 'eid',
+  },
+  // ... etc.
+};
+```
+
+>Note that while pin name and type will not be displayed to the end user, the key of each definition will. Unless you have a single definition, the lookup component will display a dropdown list with all the available keys, so that the user can select the lookup's scope. So, use short, yet meaningful keys here, like in the above sample (`meta_eid`, `event_eid`).

package/esm2020/lib/asserted-id/asserted-id.component.mjs

@@ -98,9 +98,9 @@ export class AssertedIdComponent {
         }
     }
 }
-AssertedIdComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AssertedIdComponent, deps: [{ token: i1.FormBuilder }, { token: i2.PinRefLookupService }, { token: 'indexLookupDefinitions' }], target: i0.ɵɵFactoryTarget.Component });
-AssertedIdComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: AssertedIdComponent, selector: "cadmus-refs-asserted-id", inputs: { scopeEntries: "scopeEntries", 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()\">\n  <div>\n    <div class=\"form-row\">\n      <!-- tag (bound) -->\n      <mat-form-field *ngIf=\"idTagEntries?.length\" style=\"width: 8em\">\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\" style=\"width: 8em\">\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=\"scopeEntries?.length\" style=\"width: 8em\">\n        <mat-label>scope</mat-label>\n        <mat-select [formControl]=\"scope\">\n          <mat-option *ngFor=\"let e of scopeEntries\" [value]=\"e.id\">{{\n            e.value\n          }}</mat-option>\n        </mat-select>\n      </mat-form-field>\n      <!-- scope (free) -->\n      <mat-form-field *ngIf=\"!scopeEntries?.length\" style=\"width: 8em\">\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      <!-- value -->\n      <mat-form-field>\n        <mat-label>value</mat-label>\n        <input matInput [formControl]=\"value\" />\n        <mat-error\n          *ngIf=\"value.errors?.required && (value.dirty || value.touched)\"\n          >value required</mat-error\n        >\n        <mat-error\n          *ngIf=\"value.errors?.maxLength && (value.dirty || value.touched)\"\n          >value too long</mat-error\n        >\n      </mat-form-field>\n\n      <!-- lookup -->\n      <div *ngIf=\"!noEidLookup\" style=\"margin-top: 4px\">\n        <mat-expansion-panel [(expanded)]=\"lookupExpanded\">\n          <mat-expansion-panel-header>lookup</mat-expansion-panel-header>\n          <cadmus-scoped-pin-lookup\n            (idPick)=\"onIdPick($event)\"\n          ></cadmus-scoped-pin-lookup>\n        </mat-expansion-panel>\n      </div>\n    </div>\n\n    <!-- assertion -->\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]=\"initialAssertion\"\n        (assertionChange)=\"onAssertionChange($event)\"\n      >\n      </cadmus-refs-assertion>\n    </mat-expansion-panel>\n  </div>\n\n  <!-- buttons -->\n  <div *ngIf=\"hasSubmit\">\n    <button mat-icon-button color=\"warn\" type=\"button\" (click)=\"cancel()\">\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: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.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "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"], 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: i12.ScopedPinLookupComponent, selector: "cadmus-scoped-pin-lookup", outputs: ["idPick"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AssertedIdComponent, decorators: [{
+AssertedIdComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: AssertedIdComponent, deps: [{ token: i1.FormBuilder }, { token: i2.PinRefLookupService }, { token: 'indexLookupDefinitions' }], target: i0.ɵɵFactoryTarget.Component });
+AssertedIdComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: AssertedIdComponent, selector: "cadmus-refs-asserted-id", inputs: { scopeEntries: "scopeEntries", 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()\">\n  <div>\n    <div class=\"form-row\">\n      <!-- tag (bound) -->\n      <mat-form-field *ngIf=\"idTagEntries?.length\" style=\"width: 8em\">\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\" style=\"width: 8em\">\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=\"scopeEntries?.length\" style=\"width: 8em\">\n        <mat-label>scope</mat-label>\n        <mat-select [formControl]=\"scope\">\n          <mat-option *ngFor=\"let e of scopeEntries\" [value]=\"e.id\">{{\n            e.value\n          }}</mat-option>\n        </mat-select>\n      </mat-form-field>\n      <!-- scope (free) -->\n      <mat-form-field *ngIf=\"!scopeEntries?.length\" style=\"width: 8em\">\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      <!-- value -->\n      <mat-form-field>\n        <mat-label>value</mat-label>\n        <input matInput [formControl]=\"value\" />\n        <mat-error\n          *ngIf=\"value.errors?.required && (value.dirty || value.touched)\"\n          >value required</mat-error\n        >\n        <mat-error\n          *ngIf=\"value.errors?.maxLength && (value.dirty || value.touched)\"\n          >value too long</mat-error\n        >\n      </mat-form-field>\n\n      <!-- lookup -->\n      <div *ngIf=\"!noEidLookup\" style=\"margin-top: 4px\">\n        <mat-expansion-panel [(expanded)]=\"lookupExpanded\">\n          <mat-expansion-panel-header>lookup</mat-expansion-panel-header>\n          <cadmus-scoped-pin-lookup\n            (idPick)=\"onIdPick($event)\"\n          ></cadmus-scoped-pin-lookup>\n        </mat-expansion-panel>\n      </div>\n    </div>\n\n    <!-- assertion -->\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]=\"initialAssertion\"\n        (assertionChange)=\"onAssertionChange($event)\"\n      >\n      </cadmus-refs-assertion>\n    </mat-expansion-panel>\n  </div>\n\n  <!-- buttons -->\n  <div *ngIf=\"hasSubmit\">\n    <button mat-icon-button color=\"warn\" type=\"button\" (click)=\"cancel()\">\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: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.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "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"], 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: i12.ScopedPinLookupComponent, selector: "cadmus-scoped-pin-lookup", outputs: ["idPick"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: AssertedIdComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cadmus-refs-asserted-id', template: "<form [formGroup]=\"form\" (submit)=\"save()\">\n  <div>\n    <div class=\"form-row\">\n      <!-- tag (bound) -->\n      <mat-form-field *ngIf=\"idTagEntries?.length\" style=\"width: 8em\">\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\" style=\"width: 8em\">\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=\"scopeEntries?.length\" style=\"width: 8em\">\n        <mat-label>scope</mat-label>\n        <mat-select [formControl]=\"scope\">\n          <mat-option *ngFor=\"let e of scopeEntries\" [value]=\"e.id\">{{\n            e.value\n          }}</mat-option>\n        </mat-select>\n      </mat-form-field>\n      <!-- scope (free) -->\n      <mat-form-field *ngIf=\"!scopeEntries?.length\" style=\"width: 8em\">\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      <!-- value -->\n      <mat-form-field>\n        <mat-label>value</mat-label>\n        <input matInput [formControl]=\"value\" />\n        <mat-error\n          *ngIf=\"value.errors?.required && (value.dirty || value.touched)\"\n          >value required</mat-error\n        >\n        <mat-error\n          *ngIf=\"value.errors?.maxLength && (value.dirty || value.touched)\"\n          >value too long</mat-error\n        >\n      </mat-form-field>\n\n      <!-- lookup -->\n      <div *ngIf=\"!noEidLookup\" style=\"margin-top: 4px\">\n        <mat-expansion-panel [(expanded)]=\"lookupExpanded\">\n          <mat-expansion-panel-header>lookup</mat-expansion-panel-header>\n          <cadmus-scoped-pin-lookup\n            (idPick)=\"onIdPick($event)\"\n          ></cadmus-scoped-pin-lookup>\n        </mat-expansion-panel>\n      </div>\n    </div>\n\n    <!-- assertion -->\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]=\"initialAssertion\"\n        (assertionChange)=\"onAssertionChange($event)\"\n      >\n      </cadmus-refs-assertion>\n    </mat-expansion-panel>\n  </div>\n\n  <!-- buttons -->\n  <div *ngIf=\"hasSubmit\">\n    <button mat-icon-button color=\"warn\" type=\"button\" (click)=\"cancel()\">\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: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.FormBuilder }, { type: i2.PinRefLookupService }, { type: undefined, decorators: [{

package/esm2020/lib/asserted-ids/asserted-ids.component.mjs

@@ -123,9 +123,9 @@ export class AssertedIdsComponent {
         this.emitIdsChange();
     }
 }
-AssertedIdsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AssertedIdsComponent, deps: [{ token: i1.FormBuilder }, { token: i2.DialogService }], target: i0.ɵɵFactoryTarget.Component });
-AssertedIdsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: AssertedIdsComponent, selector: "cadmus-refs-asserted-ids", inputs: { ids: "ids", scopeEntries: "scopeEntries", tagEntries: "tagEntries", 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</mat-expansion-panel-header>\r\n    <cadmus-refs-asserted-id\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.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "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: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.AssertedIdComponent, selector: "cadmus-refs-asserted-id", inputs: ["scopeEntries", "idTagEntries", "assTagEntries", "refTypeEntries", "refTagEntries", "id", "noEidLookup", "hasSubmit"], outputs: ["idChange", "editorClose"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AssertedIdsComponent, decorators: [{
+AssertedIdsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: AssertedIdsComponent, deps: [{ token: i1.FormBuilder }, { token: i2.DialogService }], target: i0.ɵɵFactoryTarget.Component });
+AssertedIdsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: AssertedIdsComponent, selector: "cadmus-refs-asserted-ids", inputs: { ids: "ids", scopeEntries: "scopeEntries", tagEntries: "tagEntries", 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</mat-expansion-panel-header>\r\n    <cadmus-refs-asserted-id\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.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "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: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.AssertedIdComponent, selector: "cadmus-refs-asserted-id", inputs: ["scopeEntries", "idTagEntries", "assTagEntries", "refTypeEntries", "refTagEntries", "id", "noEidLookup", "hasSubmit"], outputs: ["idChange", "editorClose"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", 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</mat-expansion-panel-header>\r\n    <cadmus-refs-asserted-id\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.FormBuilder }, { type: i2.DialogService }]; }, propDecorators: { ids: [{

package/esm2020/lib/cadmus-refs-asserted-ids.module.mjs

@@ -18,8 +18,8 @@ import { ScopedPinLookupComponent } from './scoped-pin-lookup/scoped-pin-lookup.
 import * as i0 from "@angular/core";
 export class CadmusRefsAssertedIdsModule {
 }
-CadmusRefsAssertedIdsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: CadmusRefsAssertedIdsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CadmusRefsAssertedIdsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.1", ngImport: i0, type: CadmusRefsAssertedIdsModule, declarations: [AssertedIdComponent,
+CadmusRefsAssertedIdsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: CadmusRefsAssertedIdsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CadmusRefsAssertedIdsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: CadmusRefsAssertedIdsModule, declarations: [AssertedIdComponent,
         AssertedIdsComponent,
         ScopedPinLookupComponent], imports: [CommonModule,
         FormsModule,
@@ -39,7 +39,7 @@ CadmusRefsAssertedIdsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0
         CadmusApiModule], exports: [AssertedIdComponent,
         AssertedIdsComponent,
         ScopedPinLookupComponent] });
-CadmusRefsAssertedIdsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: CadmusRefsAssertedIdsModule, imports: [CommonModule,
+CadmusRefsAssertedIdsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: CadmusRefsAssertedIdsModule, imports: [CommonModule,
         FormsModule,
         ReactiveFormsModule,
         // material
@@ -55,7 +55,7 @@ CadmusRefsAssertedIdsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0
         CadmusRefsAssertionModule,
         CadmusRefsLookupModule,
         CadmusApiModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: CadmusRefsAssertedIdsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: CadmusRefsAssertedIdsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2020/lib/scoped-pin-lookup/scoped-pin-lookup.component.mjs

@@ -115,9 +115,9 @@ export class ScopedPinLookupComponent {
         this.id.updateValueAndValidity();
     }
 }
-ScopedPinLookupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: ScopedPinLookupComponent, deps: [{ token: i1.FormBuilder }, { token: i2.ItemService }, { token: i3.PinRefLookupService }, { token: 'indexLookupDefinitions' }], target: i0.ɵɵFactoryTarget.Component });
-ScopedPinLookupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: ScopedPinLookupComponent, selector: "cadmus-scoped-pin-lookup", outputs: { idPick: "idPick" }, ngImport: i0, template: "<div>\n  <!-- lookup -->\n  <div>\n    <form [formGroup]=\"keyForm\" class=\"form-row\">\n      <!-- key -->\n      <mat-form-field *ngIf=\"keys.length > 1\">\n        <mat-label>type</mat-label>\n        <mat-select [formControl]=\"key\">\n          <mat-option *ngFor=\"let k of keys\" [value]=\"k\">{{ k }}</mat-option>\n        </mat-select>\n        <mat-error\n          *ngIf=\"$any(key).errors?.required && (key.dirty || key.touched)\"\n          >type required</mat-error\n        >\n      </mat-form-field>\n      <cadmus-ref-lookup\n        [service]=\"lookupService\"\n        label=\"pin\"\n        [options]=\"key.value ? lookupDefs[key.value] : undefined\"\n        (itemChange)=\"onItemChange($event)\"\n      ></cadmus-ref-lookup>\n    </form>\n  </div>\n\n  <!-- builder -->\n  <mat-expansion-panel *ngIf=\"info\" [expanded]=\"info\" [disabled]=\"!info\">\n    <mat-expansion-panel-header>ID builder</mat-expansion-panel-header>\n    <!-- ID -->\n    <div>\n      <form [formGroup]=\"idForm\" (submit)=\"pickId()\">\n        <mat-form-field style=\"width: 100%\">\n          <input matInput [formControl]=\"id\" />\n          <mat-error\n            *ngIf=\"$any(id).errors?.required && (id.dirty || id.touched)\"\n            >ID required</mat-error\n          >\n          <mat-error\n            *ngIf=\"$any(id).errors?.maxLength && (id.dirty || id.touched)\"\n            >ID too long</mat-error\n          >\n          <button\n            mat-icon-button\n            type=\"button\"\n            matSuffix\n            (click)=\"resetId()\"\n            [disabled]=\"!id.value\"\n          >\n            <mat-icon color=\"warn\">close</mat-icon>\n          </button>\n          <button\n            mat-icon-button\n            type=\"button\"\n            matSuffix\n            (click)=\"pickId()\"\n            [disabled]=\"idForm.invalid\"\n          >\n            <mat-icon color=\"primary\">check_circle</mat-icon>\n          </button>\n        </mat-form-field>\n      </form>\n    </div>\n    <!-- table -->\n    <table>\n      <thead>\n        <th></th>\n        <th>source</th>\n        <th>value</th>\n      </thead>\n      <tbody>\n        <!-- pin -->\n        <tr>\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('pin')\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td>pin</td>\n          <td>{{ info!.pin.value }}</td>\n        </tr>\n        <!-- item ID -->\n        <tr>\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('itemId')\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td>item ID</td>\n          <td>{{ info!.item?.id }}</td>\n        </tr>\n        <!-- item title -->\n        <tr>\n          <td></td>\n          <td>item title</td>\n          <td>{{ info!.item?.title }}</td>\n        </tr>\n        <!-- part ID -->\n        <tr>\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('partId')\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td>part ID</td>\n          <td>{{ info!.part?.id }}</td>\n        </tr>\n        <!-- part type ID -->\n        <tr>\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('partTypeId')\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td>part type ID</td>\n          <td>{{ info!.part?.typeId }}</td>\n        </tr>\n        <!-- part role ID -->\n        <tr>\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('partRoleId')\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td>part role ID</td>\n          <td>{{ info!.part?.roleId }}</td>\n        </tr>\n\n        <!-- part's metadata -->\n        <tr *ngFor=\"let m of info!.part?.metadata; let i = index\">\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('metadata', i)\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td class=\"metadata\">{{ m.name }}</td>\n          <td class=\"metadata\">{{ m.value }}</td>\n        </tr>\n      </tbody>\n    </table>\n  </mat-expansion-panel>\n</div>\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: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i6.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "component", type: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i7.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i9.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: i10.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i11.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: "15.1.1", ngImport: i0, type: ScopedPinLookupComponent, decorators: [{
+ScopedPinLookupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: ScopedPinLookupComponent, deps: [{ token: i1.FormBuilder }, { token: i2.ItemService }, { token: i3.PinRefLookupService }, { token: 'indexLookupDefinitions' }], target: i0.ɵɵFactoryTarget.Component });
+ScopedPinLookupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: ScopedPinLookupComponent, selector: "cadmus-scoped-pin-lookup", outputs: { idPick: "idPick" }, ngImport: i0, template: "<div>\n  <!-- lookup -->\n  <div>\n    <form [formGroup]=\"keyForm\" class=\"form-row\">\n      <!-- key -->\n      <mat-form-field *ngIf=\"keys.length > 1\">\n        <mat-label>type</mat-label>\n        <mat-select [formControl]=\"key\">\n          <mat-option *ngFor=\"let k of keys\" [value]=\"k\">{{ k }}</mat-option>\n        </mat-select>\n        <mat-error\n          *ngIf=\"$any(key).errors?.required && (key.dirty || key.touched)\"\n          >type required</mat-error\n        >\n      </mat-form-field>\n      <cadmus-ref-lookup\n        [service]=\"lookupService\"\n        label=\"pin\"\n        [options]=\"key.value ? lookupDefs[key.value] : undefined\"\n        (itemChange)=\"onItemChange($event)\"\n      ></cadmus-ref-lookup>\n    </form>\n  </div>\n\n  <!-- builder -->\n  <mat-expansion-panel *ngIf=\"info\" [expanded]=\"info\" [disabled]=\"!info\">\n    <mat-expansion-panel-header>ID builder</mat-expansion-panel-header>\n    <!-- ID -->\n    <div>\n      <form [formGroup]=\"idForm\" (submit)=\"pickId()\">\n        <mat-form-field style=\"width: 100%\">\n          <input matInput [formControl]=\"id\" />\n          <mat-error\n            *ngIf=\"$any(id).errors?.required && (id.dirty || id.touched)\"\n            >ID required</mat-error\n          >\n          <mat-error\n            *ngIf=\"$any(id).errors?.maxLength && (id.dirty || id.touched)\"\n            >ID too long</mat-error\n          >\n          <button\n            mat-icon-button\n            type=\"button\"\n            matSuffix\n            (click)=\"resetId()\"\n            [disabled]=\"!id.value\"\n          >\n            <mat-icon color=\"warn\">close</mat-icon>\n          </button>\n          <button\n            mat-icon-button\n            type=\"button\"\n            matSuffix\n            (click)=\"pickId()\"\n            [disabled]=\"idForm.invalid\"\n          >\n            <mat-icon color=\"primary\">check_circle</mat-icon>\n          </button>\n        </mat-form-field>\n      </form>\n    </div>\n    <!-- table -->\n    <table>\n      <thead>\n        <th></th>\n        <th>source</th>\n        <th>value</th>\n      </thead>\n      <tbody>\n        <!-- pin -->\n        <tr>\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('pin')\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td>pin</td>\n          <td>{{ info!.pin.value }}</td>\n        </tr>\n        <!-- item ID -->\n        <tr>\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('itemId')\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td>item ID</td>\n          <td>{{ info!.item?.id }}</td>\n        </tr>\n        <!-- item title -->\n        <tr>\n          <td></td>\n          <td>item title</td>\n          <td>{{ info!.item?.title }}</td>\n        </tr>\n        <!-- part ID -->\n        <tr>\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('partId')\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td>part ID</td>\n          <td>{{ info!.part?.id }}</td>\n        </tr>\n        <!-- part type ID -->\n        <tr>\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('partTypeId')\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td>part type ID</td>\n          <td>{{ info!.part?.typeId }}</td>\n        </tr>\n        <!-- part role ID -->\n        <tr>\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('partRoleId')\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td>part role ID</td>\n          <td>{{ info!.part?.roleId }}</td>\n        </tr>\n\n        <!-- part's metadata -->\n        <tr *ngFor=\"let m of info!.part?.metadata; let i = index\">\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('metadata', i)\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td class=\"metadata\">{{ m.name }}</td>\n          <td class=\"metadata\">{{ m.value }}</td>\n        </tr>\n      </tbody>\n    </table>\n  </mat-expansion-panel>\n</div>\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: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i6.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "component", type: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i7.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i9.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: i10.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i11.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: "15.1.2", ngImport: i0, type: ScopedPinLookupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cadmus-scoped-pin-lookup', template: "<div>\n  <!-- lookup -->\n  <div>\n    <form [formGroup]=\"keyForm\" class=\"form-row\">\n      <!-- key -->\n      <mat-form-field *ngIf=\"keys.length > 1\">\n        <mat-label>type</mat-label>\n        <mat-select [formControl]=\"key\">\n          <mat-option *ngFor=\"let k of keys\" [value]=\"k\">{{ k }}</mat-option>\n        </mat-select>\n        <mat-error\n          *ngIf=\"$any(key).errors?.required && (key.dirty || key.touched)\"\n          >type required</mat-error\n        >\n      </mat-form-field>\n      <cadmus-ref-lookup\n        [service]=\"lookupService\"\n        label=\"pin\"\n        [options]=\"key.value ? lookupDefs[key.value] : undefined\"\n        (itemChange)=\"onItemChange($event)\"\n      ></cadmus-ref-lookup>\n    </form>\n  </div>\n\n  <!-- builder -->\n  <mat-expansion-panel *ngIf=\"info\" [expanded]=\"info\" [disabled]=\"!info\">\n    <mat-expansion-panel-header>ID builder</mat-expansion-panel-header>\n    <!-- ID -->\n    <div>\n      <form [formGroup]=\"idForm\" (submit)=\"pickId()\">\n        <mat-form-field style=\"width: 100%\">\n          <input matInput [formControl]=\"id\" />\n          <mat-error\n            *ngIf=\"$any(id).errors?.required && (id.dirty || id.touched)\"\n            >ID required</mat-error\n          >\n          <mat-error\n            *ngIf=\"$any(id).errors?.maxLength && (id.dirty || id.touched)\"\n            >ID too long</mat-error\n          >\n          <button\n            mat-icon-button\n            type=\"button\"\n            matSuffix\n            (click)=\"resetId()\"\n            [disabled]=\"!id.value\"\n          >\n            <mat-icon color=\"warn\">close</mat-icon>\n          </button>\n          <button\n            mat-icon-button\n            type=\"button\"\n            matSuffix\n            (click)=\"pickId()\"\n            [disabled]=\"idForm.invalid\"\n          >\n            <mat-icon color=\"primary\">check_circle</mat-icon>\n          </button>\n        </mat-form-field>\n      </form>\n    </div>\n    <!-- table -->\n    <table>\n      <thead>\n        <th></th>\n        <th>source</th>\n        <th>value</th>\n      </thead>\n      <tbody>\n        <!-- pin -->\n        <tr>\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('pin')\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td>pin</td>\n          <td>{{ info!.pin.value }}</td>\n        </tr>\n        <!-- item ID -->\n        <tr>\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('itemId')\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td>item ID</td>\n          <td>{{ info!.item?.id }}</td>\n        </tr>\n        <!-- item title -->\n        <tr>\n          <td></td>\n          <td>item title</td>\n          <td>{{ info!.item?.title }}</td>\n        </tr>\n        <!-- part ID -->\n        <tr>\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('partId')\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td>part ID</td>\n          <td>{{ info!.part?.id }}</td>\n        </tr>\n        <!-- part type ID -->\n        <tr>\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('partTypeId')\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td>part type ID</td>\n          <td>{{ info!.part?.typeId }}</td>\n        </tr>\n        <!-- part role ID -->\n        <tr>\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('partRoleId')\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td>part role ID</td>\n          <td>{{ info!.part?.roleId }}</td>\n        </tr>\n\n        <!-- part's metadata -->\n        <tr *ngFor=\"let m of info!.part?.metadata; let i = index\">\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('metadata', i)\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td class=\"metadata\">{{ m.name }}</td>\n          <td class=\"metadata\">{{ m.value }}</td>\n        </tr>\n      </tbody>\n    </table>\n  </mat-expansion-panel>\n</div>\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.FormBuilder }, { type: i2.ItemService }, { type: i3.PinRefLookupService }, { type: undefined, decorators: [{

package/esm2020/lib/services/pin-ref-lookup.service.mjs

@@ -36,7 +36,8 @@ export class PinRefLookupService {
             if (sb.length) {
                 sb.push(AND);
             }
-            sb.push(`[value^=${text}]`); // ^= is starts-with
+            // for other operators see backend SqlQueryBuilderBase.cs
+            sb.push(`[value*=${text}]`); // *= is "contains"
         }
         return sb.join('');
     }
@@ -60,12 +61,12 @@ export class PinRefLookupService {
         }));
     }
 }
-PinRefLookupService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: PinRefLookupService, deps: [{ token: i1.ItemService }], target: i0.ɵɵFactoryTarget.Injectable });
-PinRefLookupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: PinRefLookupService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: PinRefLookupService, decorators: [{
+PinRefLookupService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: PinRefLookupService, deps: [{ token: i1.ItemService }], target: i0.ɵɵFactoryTarget.Injectable });
+PinRefLookupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: PinRefLookupService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: PinRefLookupService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
         }], ctorParameters: function () { return [{ type: i1.ItemService }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGluLXJlZi1sb29rdXAuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cm1pZG9uL2NhZG11cy1yZWZzLWFzc2VydGVkLWlkcy9zcmMvbGliL3NlcnZpY2VzL3Bpbi1yZWYtbG9va3VwLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQUUsR0FBRyxFQUFjLEVBQUUsRUFBRSxNQUFNLE1BQU0sQ0FBQzs7O0FBVTNDOzs7O0dBSUc7QUFJSCxNQUFNLE9BQU8sbUJBQW1CO0lBQzlCLFlBQW9CLFlBQXlCO1FBQXpCLGlCQUFZLEdBQVosWUFBWSxDQUFhO0lBQUcsQ0FBQztJQUUxQyxPQUFPLENBQUMsSUFBcUI7UUFDbEMsT0FBTyxJQUFJLEVBQUUsS0FBSyxJQUFJLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRU8sVUFBVSxDQUFDLEdBQTBCLEVBQUUsSUFBYTtRQUMxRCxNQUFNLEVBQUUsR0FBYSxFQUFFLENBQUM7UUFDeEIsTUFBTSxHQUFHLEdBQUcsT0FBTyxDQUFDO1FBRXBCLElBQUksR0FBRyxDQUFDLE1BQU0sRUFBRTtZQUNkLEVBQUUsQ0FBQyxJQUFJLENBQUMsZUFBZSxHQUFHLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztTQUN2QztRQUNELElBQUksR0FBRyxDQUFDLE1BQU0sRUFBRTtZQUNkLElBQUksRUFBRSxDQUFDLE1BQU0sRUFBRTtnQkFDYixFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO2FBQ2Q7WUFDRCxFQUFFLENBQUMsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7U0FDbkM7UUFDRCxJQUFJLEdBQUcsQ0FBQyxJQUFJLEVBQUU7WUFDWixJQUFJLEVBQUUsQ0FBQyxNQUFNLEVBQUU7Z0JBQ2IsRUFBRSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQzthQUNkO1lBQ0QsRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxJQUFJLEdBQUcsQ0FBQyxDQUFDO1NBQy9CO1FBQ0QsSUFBSSxJQUFJLEVBQUU7WUFDUixJQUFJLEVBQUUsQ0FBQyxNQUFNLEVBQUU7Z0JBQ2IsRUFBRSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQzthQUNkO1lBQ0QsRUFBRSxDQUFDLElBQUksQ0FBQyxXQUFXLElBQUksR0FBRyxDQUFDLENBQUMsQ0FBRSxvQkFBb0I7U0FDbkQ7UUFFRCxPQUFPLEVBQUUsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDckIsQ0FBQztJQUVNLE1BQU0sQ0FBQyxNQUF1QixFQUFFLE9BQWE7UUFDbEQsMENBQTBDO1FBQzFDLE1BQU0sR0FBRyxHQUFHLE9BQWdDLENBQUM7UUFDN0MsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNSLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1NBQ2Y7UUFFRCxvQ0FBb0M7UUFDcEMsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBRWhELG1CQUFtQjtRQUNuQixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDLEtBQUssRUFBRSxDQUFDLEVBQUUsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLElBQUksQ0FDOUQsR0FBRyxDQUFDLENBQUMsQ0FBc0MsRUFBRSxFQUFFO1lBQzdDLElBQUksQ0FBQyxDQUFDLEtBQUssRUFBRTtnQkFDWCxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQztnQkFDdkIsT0FBTyxFQUFFLENBQUM7YUFDWDtpQkFBTTtnQkFDTCxPQUFPLENBQUMsQ0FBQyxLQUFLLEVBQUUsS0FBSyxJQUFJLEVBQUUsQ0FBQzthQUM3QjtRQUNILENBQUMsQ0FBQyxDQUNILENBQUM7SUFDSixDQUFDOztnSEF6RFUsbUJBQW1CO29IQUFuQixtQkFBbUIsY0FGbEIsTUFBTTsyRkFFUCxtQkFBbUI7a0JBSC9CLFVBQVU7bUJBQUM7b0JBQ1YsVUFBVSxFQUFFLE1BQU07aUJBQ25CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgbWFwLCBPYnNlcnZhYmxlLCBvZiB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyBJdGVtU2VydmljZSB9IGZyb20gJ0BteXJtaWRvbi9jYWRtdXMtYXBpJztcbmltcG9ydCB7IERhdGFQaW5JbmZvLCBJbmRleExvb2t1cERlZmluaXRpb24gfSBmcm9tICdAbXlybWlkb24vY2FkbXVzLWNvcmUnO1xuaW1wb3J0IHtcbiAgUmVmTG9va3VwRmlsdGVyLFxuICBSZWZMb29rdXBTZXJ2aWNlLFxufSBmcm9tICdAbXlybWlkb24vY2FkbXVzLXJlZnMtbG9va3VwJztcbmltcG9ydCB7IERhdGFQYWdlLCBFcnJvcldyYXBwZXIgfSBmcm9tICdAbXlybWlkb24vbmctdG9vbHMnO1xuXG4vKipcbiAqIENhZG11cyBwaW4tYmFzZWQgbG9va3VwIGRhdGEgc2VydmljZS4gVGhlIHRleHQgYmVpbmcgc2VhcmNoZWQgaGVyZSBpcyBqdXN0XG4gKiB0aGUgcGluJ3MgdmFsdWUsIGFjY29yZGluZyB0byB0aGUgb3B0aW9ucyBzcGVjaWZpZWQuIFRoZXNlIG9wdGlvbnMgY29ycmVzcG9uZFxuICogdG8gYW4gaW5kZXggbG9va3VwIGRlZmluaXRpb24uIFRoZSByZXN1bHRpbmcgaXRlbXMgYXJlIG9mIHR5cGUgRGF0YVBpbkluZm8uXG4gKi9cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnLFxufSlcbmV4cG9ydCBjbGFzcyBQaW5SZWZMb29rdXBTZXJ2aWNlIGltcGxlbWVudHMgUmVmTG9va3VwU2VydmljZSB7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX2l0ZW1TZXJ2aWNlOiBJdGVtU2VydmljZSkge31cblxuICBwdWJsaWMgZ2V0TmFtZShpdGVtOiBhbnkgfCB1bmRlZmluZWQpOiBzdHJpbmcge1xuICAgIHJldHVybiBpdGVtPy52YWx1ZSB8fCAnJztcbiAgfVxuXG4gIHByaXZhdGUgYnVpbGRRdWVyeShkZWY6IEluZGV4TG9va3VwRGVmaW5pdGlvbiwgdGV4dD86IHN0cmluZyk6IHN0cmluZyB7XG4gICAgY29uc3Qgc2I6IHN0cmluZ1tdID0gW107XG4gICAgY29uc3QgQU5EID0gJyBBTkQgJztcblxuICAgIGlmIChkZWYudHlwZUlkKSB7XG4gICAgICBzYi5wdXNoKGBbcGFydFR5cGVJZD0ke2RlZi50eXBlSWR9XWApO1xuICAgIH1cbiAgICBpZiAoZGVmLnJvbGVJZCkge1xuICAgICAgaWYgKHNiLmxlbmd0aCkge1xuICAgICAgICBzYi5wdXNoKEFORCk7XG4gICAgICB9XG4gICAgICBzYi5wdXNoKGBbcm9sZUlkPSR7ZGVmLnJvbGVJZH1dYCk7XG4gICAgfVxuICAgIGlmIChkZWYubmFtZSkge1xuICAgICAgaWYgKHNiLmxlbmd0aCkge1xuICAgICAgICBzYi5wdXNoKEFORCk7XG4gICAgICB9XG4gICAgICBzYi5wdXNoKGBbbmFtZT0ke2RlZi5uYW1lfV1gKTtcbiAgICB9XG4gICAgaWYgKHRleHQpIHtcbiAgICAgIGlmIChzYi5sZW5ndGgpIHtcbiAgICAgICAgc2IucHVzaChBTkQpO1xuICAgICAgfVxuICAgICAgc2IucHVzaChgW3ZhbHVlXj0ke3RleHR9XWApOyAgLy8gXj0gaXMgc3RhcnRzLXdpdGhcbiAgICB9XG5cbiAgICByZXR1cm4gc2Iuam9pbignJyk7XG4gIH1cblxuICBwdWJsaWMgbG9va3VwKGZpbHRlcjogUmVmTG9va3VwRmlsdGVyLCBvcHRpb25zPzogYW55KTogT2JzZXJ2YWJsZTxhbnlbXT4ge1xuICAgIC8vIHRoZSBpbmRleCBsb29rdXAgZGVmaW5pdGlvbiBpcyByZXF1aXJlZFxuICAgIGNvbnN0IGRlZiA9IG9wdGlvbnMgYXMgSW5kZXhMb29rdXBEZWZpbml0aW9uO1xuICAgIGlmICghZGVmKSB7XG4gICAgICByZXR1cm4gb2YoW10pO1xuICAgIH1cblxuICAgIC8vIGJ1aWxkIHRoZSBjb3JyZXNwb25kaW5nIHBpbiBxdWVyeVxuICAgIGNvbnN0IHF1ZXJ5ID0gdGhpcy5idWlsZFF1ZXJ5KGRlZiwgZmlsdGVyLnRleHQpO1xuXG4gICAgLy8gc2VhcmNoIHRoZSBpbmRleFxuICAgIHJldHVybiB0aGlzLl9pdGVtU2VydmljZS5zZWFyY2hQaW5zKHF1ZXJ5LCAxLCBmaWx0ZXIubGltaXQpLnBpcGUoXG4gICAgICBtYXAoKHc6IEVycm9yV3JhcHBlcjxEYXRhUGFnZTxEYXRhUGluSW5mbz4+KSA9PiB7XG4gICAgICAgIGlmICh3LmVycm9yKSB7XG4gICAgICAgICAgY29uc29sZS5lcnJvcih3LmVycm9yKTtcbiAgICAgICAgICByZXR1cm4gW107XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgcmV0dXJuIHcudmFsdWU/Lml0ZW1zIHx8IFtdO1xuICAgICAgICB9XG4gICAgICB9KVxuICAgICk7XG4gIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGluLXJlZi1sb29rdXAuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cm1pZG9uL2NhZG11cy1yZWZzLWFzc2VydGVkLWlkcy9zcmMvbGliL3NlcnZpY2VzL3Bpbi1yZWYtbG9va3VwLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQUUsR0FBRyxFQUFjLEVBQUUsRUFBRSxNQUFNLE1BQU0sQ0FBQzs7O0FBVTNDOzs7O0dBSUc7QUFJSCxNQUFNLE9BQU8sbUJBQW1CO0lBQzlCLFlBQW9CLFlBQXlCO1FBQXpCLGlCQUFZLEdBQVosWUFBWSxDQUFhO0lBQUcsQ0FBQztJQUUxQyxPQUFPLENBQUMsSUFBcUI7UUFDbEMsT0FBTyxJQUFJLEVBQUUsS0FBSyxJQUFJLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRU8sVUFBVSxDQUFDLEdBQTBCLEVBQUUsSUFBYTtRQUMxRCxNQUFNLEVBQUUsR0FBYSxFQUFFLENBQUM7UUFDeEIsTUFBTSxHQUFHLEdBQUcsT0FBTyxDQUFDO1FBRXBCLElBQUksR0FBRyxDQUFDLE1BQU0sRUFBRTtZQUNkLEVBQUUsQ0FBQyxJQUFJLENBQUMsZUFBZSxHQUFHLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztTQUN2QztRQUNELElBQUksR0FBRyxDQUFDLE1BQU0sRUFBRTtZQUNkLElBQUksRUFBRSxDQUFDLE1BQU0sRUFBRTtnQkFDYixFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO2FBQ2Q7WUFDRCxFQUFFLENBQUMsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7U0FDbkM7UUFDRCxJQUFJLEdBQUcsQ0FBQyxJQUFJLEVBQUU7WUFDWixJQUFJLEVBQUUsQ0FBQyxNQUFNLEVBQUU7Z0JBQ2IsRUFBRSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQzthQUNkO1lBQ0QsRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxJQUFJLEdBQUcsQ0FBQyxDQUFDO1NBQy9CO1FBQ0QsSUFBSSxJQUFJLEVBQUU7WUFDUixJQUFJLEVBQUUsQ0FBQyxNQUFNLEVBQUU7Z0JBQ2IsRUFBRSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQzthQUNkO1lBQ0QseURBQXlEO1lBQ3pELEVBQUUsQ0FBQyxJQUFJLENBQUMsV0FBVyxJQUFJLEdBQUcsQ0FBQyxDQUFDLENBQUUsbUJBQW1CO1NBQ2xEO1FBRUQsT0FBTyxFQUFFLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ3JCLENBQUM7SUFFTSxNQUFNLENBQUMsTUFBdUIsRUFBRSxPQUFhO1FBQ2xELDBDQUEwQztRQUMxQyxNQUFNLEdBQUcsR0FBRyxPQUFnQyxDQUFDO1FBQzdDLElBQUksQ0FBQyxHQUFHLEVBQUU7WUFDUixPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQztTQUNmO1FBRUQsb0NBQW9DO1FBQ3BDLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsR0FBRyxFQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUVoRCxtQkFBbUI7UUFDbkIsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQyxLQUFLLEVBQUUsQ0FBQyxFQUFFLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxJQUFJLENBQzlELEdBQUcsQ0FBQyxDQUFDLENBQXNDLEVBQUUsRUFBRTtZQUM3QyxJQUFJLENBQUMsQ0FBQyxLQUFLLEVBQUU7Z0JBQ1gsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUM7Z0JBQ3ZCLE9BQU8sRUFBRSxDQUFDO2FBQ1g7aUJBQU07Z0JBQ0wsT0FBTyxDQUFDLENBQUMsS0FBSyxFQUFFLEtBQUssSUFBSSxFQUFFLENBQUM7YUFDN0I7UUFDSCxDQUFDLENBQUMsQ0FDSCxDQUFDO0lBQ0osQ0FBQzs7Z0hBMURVLG1CQUFtQjtvSEFBbkIsbUJBQW1CLGNBRmxCLE1BQU07MkZBRVAsbUJBQW1CO2tCQUgvQixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IG1hcCwgT2JzZXJ2YWJsZSwgb2YgfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgSXRlbVNlcnZpY2UgfSBmcm9tICdAbXlybWlkb24vY2FkbXVzLWFwaSc7XG5pbXBvcnQgeyBEYXRhUGluSW5mbywgSW5kZXhMb29rdXBEZWZpbml0aW9uIH0gZnJvbSAnQG15cm1pZG9uL2NhZG11cy1jb3JlJztcbmltcG9ydCB7XG4gIFJlZkxvb2t1cEZpbHRlcixcbiAgUmVmTG9va3VwU2VydmljZSxcbn0gZnJvbSAnQG15cm1pZG9uL2NhZG11cy1yZWZzLWxvb2t1cCc7XG5pbXBvcnQgeyBEYXRhUGFnZSwgRXJyb3JXcmFwcGVyIH0gZnJvbSAnQG15cm1pZG9uL25nLXRvb2xzJztcblxuLyoqXG4gKiBDYWRtdXMgcGluLWJhc2VkIGxvb2t1cCBkYXRhIHNlcnZpY2UuIFRoZSB0ZXh0IGJlaW5nIHNlYXJjaGVkIGhlcmUgaXMganVzdFxuICogdGhlIHBpbidzIHZhbHVlLCBhY2NvcmRpbmcgdG8gdGhlIG9wdGlvbnMgc3BlY2lmaWVkLiBUaGVzZSBvcHRpb25zIGNvcnJlc3BvbmRcbiAqIHRvIGFuIGluZGV4IGxvb2t1cCBkZWZpbml0aW9uLiBUaGUgcmVzdWx0aW5nIGl0ZW1zIGFyZSBvZiB0eXBlIERhdGFQaW5JbmZvLlxuICovXG5ASW5qZWN0YWJsZSh7XG4gIHByb3ZpZGVkSW46ICdyb290Jyxcbn0pXG5leHBvcnQgY2xhc3MgUGluUmVmTG9va3VwU2VydmljZSBpbXBsZW1lbnRzIFJlZkxvb2t1cFNlcnZpY2Uge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9pdGVtU2VydmljZTogSXRlbVNlcnZpY2UpIHt9XG5cbiAgcHVibGljIGdldE5hbWUoaXRlbTogYW55IHwgdW5kZWZpbmVkKTogc3RyaW5nIHtcbiAgICByZXR1cm4gaXRlbT8udmFsdWUgfHwgJyc7XG4gIH1cblxuICBwcml2YXRlIGJ1aWxkUXVlcnkoZGVmOiBJbmRleExvb2t1cERlZmluaXRpb24sIHRleHQ/OiBzdHJpbmcpOiBzdHJpbmcge1xuICAgIGNvbnN0IHNiOiBzdHJpbmdbXSA9IFtdO1xuICAgIGNvbnN0IEFORCA9ICcgQU5EICc7XG5cbiAgICBpZiAoZGVmLnR5cGVJZCkge1xuICAgICAgc2IucHVzaChgW3BhcnRUeXBlSWQ9JHtkZWYudHlwZUlkfV1gKTtcbiAgICB9XG4gICAgaWYgKGRlZi5yb2xlSWQpIHtcbiAgICAgIGlmIChzYi5sZW5ndGgpIHtcbiAgICAgICAgc2IucHVzaChBTkQpO1xuICAgICAgfVxuICAgICAgc2IucHVzaChgW3JvbGVJZD0ke2RlZi5yb2xlSWR9XWApO1xuICAgIH1cbiAgICBpZiAoZGVmLm5hbWUpIHtcbiAgICAgIGlmIChzYi5sZW5ndGgpIHtcbiAgICAgICAgc2IucHVzaChBTkQpO1xuICAgICAgfVxuICAgICAgc2IucHVzaChgW25hbWU9JHtkZWYubmFtZX1dYCk7XG4gICAgfVxuICAgIGlmICh0ZXh0KSB7XG4gICAgICBpZiAoc2IubGVuZ3RoKSB7XG4gICAgICAgIHNiLnB1c2goQU5EKTtcbiAgICAgIH1cbiAgICAgIC8vIGZvciBvdGhlciBvcGVyYXRvcnMgc2VlIGJhY2tlbmQgU3FsUXVlcnlCdWlsZGVyQmFzZS5jc1xuICAgICAgc2IucHVzaChgW3ZhbHVlKj0ke3RleHR9XWApOyAgLy8gKj0gaXMgXCJjb250YWluc1wiXG4gICAgfVxuXG4gICAgcmV0dXJuIHNiLmpvaW4oJycpO1xuICB9XG5cbiAgcHVibGljIGxvb2t1cChmaWx0ZXI6IFJlZkxvb2t1cEZpbHRlciwgb3B0aW9ucz86IGFueSk6IE9ic2VydmFibGU8YW55W10+IHtcbiAgICAvLyB0aGUgaW5kZXggbG9va3VwIGRlZmluaXRpb24gaXMgcmVxdWlyZWRcbiAgICBjb25zdCBkZWYgPSBvcHRpb25zIGFzIEluZGV4TG9va3VwRGVmaW5pdGlvbjtcbiAgICBpZiAoIWRlZikge1xuICAgICAgcmV0dXJuIG9mKFtdKTtcbiAgICB9XG5cbiAgICAvLyBidWlsZCB0aGUgY29ycmVzcG9uZGluZyBwaW4gcXVlcnlcbiAgICBjb25zdCBxdWVyeSA9IHRoaXMuYnVpbGRRdWVyeShkZWYsIGZpbHRlci50ZXh0KTtcblxuICAgIC8vIHNlYXJjaCB0aGUgaW5kZXhcbiAgICByZXR1cm4gdGhpcy5faXRlbVNlcnZpY2Uuc2VhcmNoUGlucyhxdWVyeSwgMSwgZmlsdGVyLmxpbWl0KS5waXBlKFxuICAgICAgbWFwKCh3OiBFcnJvcldyYXBwZXI8RGF0YVBhZ2U8RGF0YVBpbkluZm8+PikgPT4ge1xuICAgICAgICBpZiAody5lcnJvcikge1xuICAgICAgICAgIGNvbnNvbGUuZXJyb3Iody5lcnJvcik7XG4gICAgICAgICAgcmV0dXJuIFtdO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHJldHVybiB3LnZhbHVlPy5pdGVtcyB8fCBbXTtcbiAgICAgICAgfVxuICAgICAgfSlcbiAgICApO1xuICB9XG59XG4iXX0=

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

@@ -63,7 +63,8 @@ class PinRefLookupService {
             if (sb.length) {
                 sb.push(AND);
             }
-            sb.push(`[value^=${text}]`); // ^= is starts-with
+            // for other operators see backend SqlQueryBuilderBase.cs
+            sb.push(`[value*=${text}]`); // *= is "contains"
         }
         return sb.join('');
     }
@@ -88,9 +89,9 @@ class PinRefLookupService {
         }));
     }
 }
-PinRefLookupService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: PinRefLookupService, deps: [{ token: i1.ItemService }], target: i0.ɵɵFactoryTarget.Injectable });
-PinRefLookupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: PinRefLookupService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: PinRefLookupService, decorators: [{
+PinRefLookupService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: PinRefLookupService, deps: [{ token: i1.ItemService }], target: i0.ɵɵFactoryTarget.Injectable });
+PinRefLookupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: PinRefLookupService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: PinRefLookupService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -199,9 +200,9 @@ class ScopedPinLookupComponent {
         this.id.updateValueAndValidity();
     }
 }
-ScopedPinLookupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: ScopedPinLookupComponent, deps: [{ token: i1$1.FormBuilder }, { token: i1.ItemService }, { token: PinRefLookupService }, { token: 'indexLookupDefinitions' }], target: i0.ɵɵFactoryTarget.Component });
-ScopedPinLookupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: ScopedPinLookupComponent, selector: "cadmus-scoped-pin-lookup", outputs: { idPick: "idPick" }, ngImport: i0, template: "<div>\n  <!-- lookup -->\n  <div>\n    <form [formGroup]=\"keyForm\" class=\"form-row\">\n      <!-- key -->\n      <mat-form-field *ngIf=\"keys.length > 1\">\n        <mat-label>type</mat-label>\n        <mat-select [formControl]=\"key\">\n          <mat-option *ngFor=\"let k of keys\" [value]=\"k\">{{ k }}</mat-option>\n        </mat-select>\n        <mat-error\n          *ngIf=\"$any(key).errors?.required && (key.dirty || key.touched)\"\n          >type required</mat-error\n        >\n      </mat-form-field>\n      <cadmus-ref-lookup\n        [service]=\"lookupService\"\n        label=\"pin\"\n        [options]=\"key.value ? lookupDefs[key.value] : undefined\"\n        (itemChange)=\"onItemChange($event)\"\n      ></cadmus-ref-lookup>\n    </form>\n  </div>\n\n  <!-- builder -->\n  <mat-expansion-panel *ngIf=\"info\" [expanded]=\"info\" [disabled]=\"!info\">\n    <mat-expansion-panel-header>ID builder</mat-expansion-panel-header>\n    <!-- ID -->\n    <div>\n      <form [formGroup]=\"idForm\" (submit)=\"pickId()\">\n        <mat-form-field style=\"width: 100%\">\n          <input matInput [formControl]=\"id\" />\n          <mat-error\n            *ngIf=\"$any(id).errors?.required && (id.dirty || id.touched)\"\n            >ID required</mat-error\n          >\n          <mat-error\n            *ngIf=\"$any(id).errors?.maxLength && (id.dirty || id.touched)\"\n            >ID too long</mat-error\n          >\n          <button\n            mat-icon-button\n            type=\"button\"\n            matSuffix\n            (click)=\"resetId()\"\n            [disabled]=\"!id.value\"\n          >\n            <mat-icon color=\"warn\">close</mat-icon>\n          </button>\n          <button\n            mat-icon-button\n            type=\"button\"\n            matSuffix\n            (click)=\"pickId()\"\n            [disabled]=\"idForm.invalid\"\n          >\n            <mat-icon color=\"primary\">check_circle</mat-icon>\n          </button>\n        </mat-form-field>\n      </form>\n    </div>\n    <!-- table -->\n    <table>\n      <thead>\n        <th></th>\n        <th>source</th>\n        <th>value</th>\n      </thead>\n      <tbody>\n        <!-- pin -->\n        <tr>\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('pin')\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td>pin</td>\n          <td>{{ info!.pin.value }}</td>\n        </tr>\n        <!-- item ID -->\n        <tr>\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('itemId')\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td>item ID</td>\n          <td>{{ info!.item?.id }}</td>\n        </tr>\n        <!-- item title -->\n        <tr>\n          <td></td>\n          <td>item title</td>\n          <td>{{ info!.item?.title }}</td>\n        </tr>\n        <!-- part ID -->\n        <tr>\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('partId')\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td>part ID</td>\n          <td>{{ info!.part?.id }}</td>\n        </tr>\n        <!-- part type ID -->\n        <tr>\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('partTypeId')\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td>part type ID</td>\n          <td>{{ info!.part?.typeId }}</td>\n        </tr>\n        <!-- part role ID -->\n        <tr>\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('partRoleId')\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td>part role ID</td>\n          <td>{{ info!.part?.roleId }}</td>\n        </tr>\n\n        <!-- part's metadata -->\n        <tr *ngFor=\"let m of info!.part?.metadata; let i = index\">\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('metadata', i)\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td class=\"metadata\">{{ m.name }}</td>\n          <td class=\"metadata\">{{ m.value }}</td>\n        </tr>\n      </tbody>\n    </table>\n  </mat-expansion-panel>\n</div>\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: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i7.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i9.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: i10.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i11.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: "15.1.1", ngImport: i0, type: ScopedPinLookupComponent, decorators: [{
+ScopedPinLookupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: ScopedPinLookupComponent, deps: [{ token: i1$1.FormBuilder }, { token: i1.ItemService }, { token: PinRefLookupService }, { token: 'indexLookupDefinitions' }], target: i0.ɵɵFactoryTarget.Component });
+ScopedPinLookupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: ScopedPinLookupComponent, selector: "cadmus-scoped-pin-lookup", outputs: { idPick: "idPick" }, ngImport: i0, template: "<div>\n  <!-- lookup -->\n  <div>\n    <form [formGroup]=\"keyForm\" class=\"form-row\">\n      <!-- key -->\n      <mat-form-field *ngIf=\"keys.length > 1\">\n        <mat-label>type</mat-label>\n        <mat-select [formControl]=\"key\">\n          <mat-option *ngFor=\"let k of keys\" [value]=\"k\">{{ k }}</mat-option>\n        </mat-select>\n        <mat-error\n          *ngIf=\"$any(key).errors?.required && (key.dirty || key.touched)\"\n          >type required</mat-error\n        >\n      </mat-form-field>\n      <cadmus-ref-lookup\n        [service]=\"lookupService\"\n        label=\"pin\"\n        [options]=\"key.value ? lookupDefs[key.value] : undefined\"\n        (itemChange)=\"onItemChange($event)\"\n      ></cadmus-ref-lookup>\n    </form>\n  </div>\n\n  <!-- builder -->\n  <mat-expansion-panel *ngIf=\"info\" [expanded]=\"info\" [disabled]=\"!info\">\n    <mat-expansion-panel-header>ID builder</mat-expansion-panel-header>\n    <!-- ID -->\n    <div>\n      <form [formGroup]=\"idForm\" (submit)=\"pickId()\">\n        <mat-form-field style=\"width: 100%\">\n          <input matInput [formControl]=\"id\" />\n          <mat-error\n            *ngIf=\"$any(id).errors?.required && (id.dirty || id.touched)\"\n            >ID required</mat-error\n          >\n          <mat-error\n            *ngIf=\"$any(id).errors?.maxLength && (id.dirty || id.touched)\"\n            >ID too long</mat-error\n          >\n          <button\n            mat-icon-button\n            type=\"button\"\n            matSuffix\n            (click)=\"resetId()\"\n            [disabled]=\"!id.value\"\n          >\n            <mat-icon color=\"warn\">close</mat-icon>\n          </button>\n          <button\n            mat-icon-button\n            type=\"button\"\n            matSuffix\n            (click)=\"pickId()\"\n            [disabled]=\"idForm.invalid\"\n          >\n            <mat-icon color=\"primary\">check_circle</mat-icon>\n          </button>\n        </mat-form-field>\n      </form>\n    </div>\n    <!-- table -->\n    <table>\n      <thead>\n        <th></th>\n        <th>source</th>\n        <th>value</th>\n      </thead>\n      <tbody>\n        <!-- pin -->\n        <tr>\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('pin')\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td>pin</td>\n          <td>{{ info!.pin.value }}</td>\n        </tr>\n        <!-- item ID -->\n        <tr>\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('itemId')\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td>item ID</td>\n          <td>{{ info!.item?.id }}</td>\n        </tr>\n        <!-- item title -->\n        <tr>\n          <td></td>\n          <td>item title</td>\n          <td>{{ info!.item?.title }}</td>\n        </tr>\n        <!-- part ID -->\n        <tr>\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('partId')\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td>part ID</td>\n          <td>{{ info!.part?.id }}</td>\n        </tr>\n        <!-- part type ID -->\n        <tr>\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('partTypeId')\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td>part type ID</td>\n          <td>{{ info!.part?.typeId }}</td>\n        </tr>\n        <!-- part role ID -->\n        <tr>\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('partRoleId')\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td>part role ID</td>\n          <td>{{ info!.part?.roleId }}</td>\n        </tr>\n\n        <!-- part's metadata -->\n        <tr *ngFor=\"let m of info!.part?.metadata; let i = index\">\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('metadata', i)\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td class=\"metadata\">{{ m.name }}</td>\n          <td class=\"metadata\">{{ m.value }}</td>\n        </tr>\n      </tbody>\n    </table>\n  </mat-expansion-panel>\n</div>\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: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i7.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i9.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: i10.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i11.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: "15.1.2", ngImport: i0, type: ScopedPinLookupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cadmus-scoped-pin-lookup', template: "<div>\n  <!-- lookup -->\n  <div>\n    <form [formGroup]=\"keyForm\" class=\"form-row\">\n      <!-- key -->\n      <mat-form-field *ngIf=\"keys.length > 1\">\n        <mat-label>type</mat-label>\n        <mat-select [formControl]=\"key\">\n          <mat-option *ngFor=\"let k of keys\" [value]=\"k\">{{ k }}</mat-option>\n        </mat-select>\n        <mat-error\n          *ngIf=\"$any(key).errors?.required && (key.dirty || key.touched)\"\n          >type required</mat-error\n        >\n      </mat-form-field>\n      <cadmus-ref-lookup\n        [service]=\"lookupService\"\n        label=\"pin\"\n        [options]=\"key.value ? lookupDefs[key.value] : undefined\"\n        (itemChange)=\"onItemChange($event)\"\n      ></cadmus-ref-lookup>\n    </form>\n  </div>\n\n  <!-- builder -->\n  <mat-expansion-panel *ngIf=\"info\" [expanded]=\"info\" [disabled]=\"!info\">\n    <mat-expansion-panel-header>ID builder</mat-expansion-panel-header>\n    <!-- ID -->\n    <div>\n      <form [formGroup]=\"idForm\" (submit)=\"pickId()\">\n        <mat-form-field style=\"width: 100%\">\n          <input matInput [formControl]=\"id\" />\n          <mat-error\n            *ngIf=\"$any(id).errors?.required && (id.dirty || id.touched)\"\n            >ID required</mat-error\n          >\n          <mat-error\n            *ngIf=\"$any(id).errors?.maxLength && (id.dirty || id.touched)\"\n            >ID too long</mat-error\n          >\n          <button\n            mat-icon-button\n            type=\"button\"\n            matSuffix\n            (click)=\"resetId()\"\n            [disabled]=\"!id.value\"\n          >\n            <mat-icon color=\"warn\">close</mat-icon>\n          </button>\n          <button\n            mat-icon-button\n            type=\"button\"\n            matSuffix\n            (click)=\"pickId()\"\n            [disabled]=\"idForm.invalid\"\n          >\n            <mat-icon color=\"primary\">check_circle</mat-icon>\n          </button>\n        </mat-form-field>\n      </form>\n    </div>\n    <!-- table -->\n    <table>\n      <thead>\n        <th></th>\n        <th>source</th>\n        <th>value</th>\n      </thead>\n      <tbody>\n        <!-- pin -->\n        <tr>\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('pin')\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td>pin</td>\n          <td>{{ info!.pin.value }}</td>\n        </tr>\n        <!-- item ID -->\n        <tr>\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('itemId')\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td>item ID</td>\n          <td>{{ info!.item?.id }}</td>\n        </tr>\n        <!-- item title -->\n        <tr>\n          <td></td>\n          <td>item title</td>\n          <td>{{ info!.item?.title }}</td>\n        </tr>\n        <!-- part ID -->\n        <tr>\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('partId')\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td>part ID</td>\n          <td>{{ info!.part?.id }}</td>\n        </tr>\n        <!-- part type ID -->\n        <tr>\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('partTypeId')\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td>part type ID</td>\n          <td>{{ info!.part?.typeId }}</td>\n        </tr>\n        <!-- part role ID -->\n        <tr>\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('partRoleId')\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td>part role ID</td>\n          <td>{{ info!.part?.roleId }}</td>\n        </tr>\n\n        <!-- part's metadata -->\n        <tr *ngFor=\"let m of info!.part?.metadata; let i = index\">\n          <td>\n            <button\n              type=\"button\"\n              mat-icon-button\n              color=\"primary\"\n              (click)=\"appendIdComponent('metadata', i)\"\n            >\n              <mat-icon>add_circle</mat-icon>\n            </button>\n          </td>\n          <td class=\"metadata\">{{ m.name }}</td>\n          <td class=\"metadata\">{{ m.value }}</td>\n        </tr>\n      </tbody>\n    </table>\n  </mat-expansion-panel>\n</div>\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 () {
@@ -298,9 +299,9 @@ class AssertedIdComponent {
         }
     }
 }
-AssertedIdComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AssertedIdComponent, deps: [{ token: i1$1.FormBuilder }, { token: PinRefLookupService }, { token: 'indexLookupDefinitions' }], target: i0.ɵɵFactoryTarget.Component });
-AssertedIdComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: AssertedIdComponent, selector: "cadmus-refs-asserted-id", inputs: { scopeEntries: "scopeEntries", 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()\">\n  <div>\n    <div class=\"form-row\">\n      <!-- tag (bound) -->\n      <mat-form-field *ngIf=\"idTagEntries?.length\" style=\"width: 8em\">\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\" style=\"width: 8em\">\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=\"scopeEntries?.length\" style=\"width: 8em\">\n        <mat-label>scope</mat-label>\n        <mat-select [formControl]=\"scope\">\n          <mat-option *ngFor=\"let e of scopeEntries\" [value]=\"e.id\">{{\n            e.value\n          }}</mat-option>\n        </mat-select>\n      </mat-form-field>\n      <!-- scope (free) -->\n      <mat-form-field *ngIf=\"!scopeEntries?.length\" style=\"width: 8em\">\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      <!-- value -->\n      <mat-form-field>\n        <mat-label>value</mat-label>\n        <input matInput [formControl]=\"value\" />\n        <mat-error\n          *ngIf=\"value.errors?.required && (value.dirty || value.touched)\"\n          >value required</mat-error\n        >\n        <mat-error\n          *ngIf=\"value.errors?.maxLength && (value.dirty || value.touched)\"\n          >value too long</mat-error\n        >\n      </mat-form-field>\n\n      <!-- lookup -->\n      <div *ngIf=\"!noEidLookup\" style=\"margin-top: 4px\">\n        <mat-expansion-panel [(expanded)]=\"lookupExpanded\">\n          <mat-expansion-panel-header>lookup</mat-expansion-panel-header>\n          <cadmus-scoped-pin-lookup\n            (idPick)=\"onIdPick($event)\"\n          ></cadmus-scoped-pin-lookup>\n        </mat-expansion-panel>\n      </div>\n    </div>\n\n    <!-- assertion -->\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]=\"initialAssertion\"\n        (assertionChange)=\"onAssertionChange($event)\"\n      >\n      </cadmus-refs-assertion>\n    </mat-expansion-panel>\n  </div>\n\n  <!-- buttons -->\n  <div *ngIf=\"hasSubmit\">\n    <button mat-icon-button color=\"warn\" type=\"button\" (click)=\"cancel()\">\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: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: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i9.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: i10.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i11.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i11$1.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: "15.1.1", ngImport: i0, type: AssertedIdComponent, decorators: [{
+AssertedIdComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: AssertedIdComponent, deps: [{ token: i1$1.FormBuilder }, { token: PinRefLookupService }, { token: 'indexLookupDefinitions' }], target: i0.ɵɵFactoryTarget.Component });
+AssertedIdComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: AssertedIdComponent, selector: "cadmus-refs-asserted-id", inputs: { scopeEntries: "scopeEntries", 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()\">\n  <div>\n    <div class=\"form-row\">\n      <!-- tag (bound) -->\n      <mat-form-field *ngIf=\"idTagEntries?.length\" style=\"width: 8em\">\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\" style=\"width: 8em\">\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=\"scopeEntries?.length\" style=\"width: 8em\">\n        <mat-label>scope</mat-label>\n        <mat-select [formControl]=\"scope\">\n          <mat-option *ngFor=\"let e of scopeEntries\" [value]=\"e.id\">{{\n            e.value\n          }}</mat-option>\n        </mat-select>\n      </mat-form-field>\n      <!-- scope (free) -->\n      <mat-form-field *ngIf=\"!scopeEntries?.length\" style=\"width: 8em\">\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      <!-- value -->\n      <mat-form-field>\n        <mat-label>value</mat-label>\n        <input matInput [formControl]=\"value\" />\n        <mat-error\n          *ngIf=\"value.errors?.required && (value.dirty || value.touched)\"\n          >value required</mat-error\n        >\n        <mat-error\n          *ngIf=\"value.errors?.maxLength && (value.dirty || value.touched)\"\n          >value too long</mat-error\n        >\n      </mat-form-field>\n\n      <!-- lookup -->\n      <div *ngIf=\"!noEidLookup\" style=\"margin-top: 4px\">\n        <mat-expansion-panel [(expanded)]=\"lookupExpanded\">\n          <mat-expansion-panel-header>lookup</mat-expansion-panel-header>\n          <cadmus-scoped-pin-lookup\n            (idPick)=\"onIdPick($event)\"\n          ></cadmus-scoped-pin-lookup>\n        </mat-expansion-panel>\n      </div>\n    </div>\n\n    <!-- assertion -->\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]=\"initialAssertion\"\n        (assertionChange)=\"onAssertionChange($event)\"\n      >\n      </cadmus-refs-assertion>\n    </mat-expansion-panel>\n  </div>\n\n  <!-- buttons -->\n  <div *ngIf=\"hasSubmit\">\n    <button mat-icon-button color=\"warn\" type=\"button\" (click)=\"cancel()\">\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: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: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i9.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: i10.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i11.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i11$1.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: "15.1.2", ngImport: i0, type: AssertedIdComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cadmus-refs-asserted-id', template: "<form [formGroup]=\"form\" (submit)=\"save()\">\n  <div>\n    <div class=\"form-row\">\n      <!-- tag (bound) -->\n      <mat-form-field *ngIf=\"idTagEntries?.length\" style=\"width: 8em\">\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\" style=\"width: 8em\">\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=\"scopeEntries?.length\" style=\"width: 8em\">\n        <mat-label>scope</mat-label>\n        <mat-select [formControl]=\"scope\">\n          <mat-option *ngFor=\"let e of scopeEntries\" [value]=\"e.id\">{{\n            e.value\n          }}</mat-option>\n        </mat-select>\n      </mat-form-field>\n      <!-- scope (free) -->\n      <mat-form-field *ngIf=\"!scopeEntries?.length\" style=\"width: 8em\">\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      <!-- value -->\n      <mat-form-field>\n        <mat-label>value</mat-label>\n        <input matInput [formControl]=\"value\" />\n        <mat-error\n          *ngIf=\"value.errors?.required && (value.dirty || value.touched)\"\n          >value required</mat-error\n        >\n        <mat-error\n          *ngIf=\"value.errors?.maxLength && (value.dirty || value.touched)\"\n          >value too long</mat-error\n        >\n      </mat-form-field>\n\n      <!-- lookup -->\n      <div *ngIf=\"!noEidLookup\" style=\"margin-top: 4px\">\n        <mat-expansion-panel [(expanded)]=\"lookupExpanded\">\n          <mat-expansion-panel-header>lookup</mat-expansion-panel-header>\n          <cadmus-scoped-pin-lookup\n            (idPick)=\"onIdPick($event)\"\n          ></cadmus-scoped-pin-lookup>\n        </mat-expansion-panel>\n      </div>\n    </div>\n\n    <!-- assertion -->\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]=\"initialAssertion\"\n        (assertionChange)=\"onAssertionChange($event)\"\n      >\n      </cadmus-refs-assertion>\n    </mat-expansion-panel>\n  </div>\n\n  <!-- buttons -->\n  <div *ngIf=\"hasSubmit\">\n    <button mat-icon-button color=\"warn\" type=\"button\" (click)=\"cancel()\">\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: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 () {
@@ -445,9 +446,9 @@ class AssertedIdsComponent {
         this.emitIdsChange();
     }
 }
-AssertedIdsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AssertedIdsComponent, deps: [{ token: i1$1.FormBuilder }, { token: i2.DialogService }], target: i0.ɵɵFactoryTarget.Component });
-AssertedIdsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: AssertedIdsComponent, selector: "cadmus-refs-asserted-ids", inputs: { ids: "ids", scopeEntries: "scopeEntries", tagEntries: "tagEntries", 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</mat-expansion-panel-header>\r\n    <cadmus-refs-asserted-id\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: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: AssertedIdComponent, selector: "cadmus-refs-asserted-id", inputs: ["scopeEntries", "idTagEntries", "assTagEntries", "refTypeEntries", "refTagEntries", "id", "noEidLookup", "hasSubmit"], outputs: ["idChange", "editorClose"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AssertedIdsComponent, decorators: [{
+AssertedIdsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: AssertedIdsComponent, deps: [{ token: i1$1.FormBuilder }, { token: i2.DialogService }], target: i0.ɵɵFactoryTarget.Component });
+AssertedIdsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: AssertedIdsComponent, selector: "cadmus-refs-asserted-ids", inputs: { ids: "ids", scopeEntries: "scopeEntries", tagEntries: "tagEntries", 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</mat-expansion-panel-header>\r\n    <cadmus-refs-asserted-id\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: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: AssertedIdComponent, selector: "cadmus-refs-asserted-id", inputs: ["scopeEntries", "idTagEntries", "assTagEntries", "refTypeEntries", "refTagEntries", "id", "noEidLookup", "hasSubmit"], outputs: ["idChange", "editorClose"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", 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</mat-expansion-panel-header>\r\n    <cadmus-refs-asserted-id\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: [{
@@ -468,8 +469,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
 
 class CadmusRefsAssertedIdsModule {
 }
-CadmusRefsAssertedIdsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: CadmusRefsAssertedIdsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CadmusRefsAssertedIdsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.1", ngImport: i0, type: CadmusRefsAssertedIdsModule, declarations: [AssertedIdComponent,
+CadmusRefsAssertedIdsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: CadmusRefsAssertedIdsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CadmusRefsAssertedIdsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: CadmusRefsAssertedIdsModule, declarations: [AssertedIdComponent,
         AssertedIdsComponent,
         ScopedPinLookupComponent], imports: [CommonModule,
         FormsModule,
@@ -489,7 +490,7 @@ CadmusRefsAssertedIdsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0
         CadmusApiModule], exports: [AssertedIdComponent,
         AssertedIdsComponent,
         ScopedPinLookupComponent] });
-CadmusRefsAssertedIdsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: CadmusRefsAssertedIdsModule, imports: [CommonModule,
+CadmusRefsAssertedIdsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: CadmusRefsAssertedIdsModule, imports: [CommonModule,
         FormsModule,
         ReactiveFormsModule,
         // material
@@ -505,7 +506,7 @@ CadmusRefsAssertedIdsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0
         CadmusRefsAssertionModule,
         CadmusRefsLookupModule,
         CadmusApiModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: CadmusRefsAssertedIdsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: CadmusRefsAssertedIdsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [