@myrmidon/cadmus-refs-asserted-ids 5.1.1 → 5.1.3

package/esm2022/lib/pin-target-lookup/pin-target-lookup.component.mjs

@@ -429,10 +429,10 @@ export class PinTargetLookupComponent {
         this._target = this.getTarget();
         this.targetChange.emit(this._target);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: PinTargetLookupComponent, deps: [{ token: 'indexLookupDefinitions' }, { token: i1.ItemRefLookupService }, { token: i2.PinRefLookupService }, { token: i3.ItemService }, { token: i3.ThesaurusService }, { token: i4.MatSnackBar }, { token: i5.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: PinTargetLookupComponent, isStandalone: true, selector: "cadmus-pin-target-lookup", inputs: { pinByTypeMode: "pinByTypeMode", canSwitchMode: "canSwitchMode", canEditTarget: "canEditTarget", lookupDefinitions: "lookupDefinitions", extLookupConfigs: "extLookupConfigs", internalDefault: "internalDefault", target: "target", defaultPartTypeKey: "defaultPartTypeKey" }, outputs: { editorClose: "editorClose", targetChange: "targetChange", extMoreRequest: "extMoreRequest", extLookupConfigChange: "extLookupConfigChange" }, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\n  <div class=\"form-row\">\n    <!-- external -->\n    <mat-checkbox [formControl]=\"external\">external</mat-checkbox>\n    <!-- mode switcher -->\n    @if (!external.value) {\n    <div>\n      @if (canSwitchMode) {\n      <mat-checkbox [formControl]=\"byTypeMode\"> by type</mat-checkbox>\n      }\n    </div>\n    }\n  </div>\n\n  <div class=\"form-row\">\n    <!-- label -->\n    <div>\n      @if (external.value || canEditTarget) {\n      <mat-form-field>\n        <mat-label>label</mat-label>\n        <input matInput [formControl]=\"label\" />\n        @if ($any(label).errors?.required && (label.dirty || label.touched)) {\n        <mat-error>label required</mat-error>\n        } @if ( $any(label).errors?.maxLength && (label.dirty || label.touched)\n        ) {\n        <mat-error>label too long</mat-error>\n        }\n      </mat-form-field>\n      } @if (!external.value && !canEditTarget && label.value) {\n      <div class=\"info\"><span class=\"label\">label</span>{{ label.value }}</div>\n      }\n    </div>\n\n    <!-- gid -->\n    <div>\n      @if (external.value || canEditTarget) {\n      <mat-form-field>\n        <mat-label>GID</mat-label>\n        <input matInput [formControl]=\"gid\" />\n        @if ($any(gid).errors?.required && (gid.dirty || gid.touched)) {\n        <mat-error>GID required</mat-error>\n        } @if ($any(gid).errors?.maxLength && (gid.dirty || gid.touched)) {\n        <mat-error>GID too long</mat-error>\n        }\n      </mat-form-field>\n      } @if (!external.value && !canEditTarget && gid.value) {\n      <div class=\"info\">\n        <span class=\"label\">GID</span> <span class=\"gid\">{{ gid.value }}</span>\n      </div>\n      }\n    </div>\n  </div>\n\n  <!-- external lookup set -->\n  @if (external.value && extLookupConfigs.length) {\n  <div>\n    <cadmus-ref-lookup-set\n      [configs]=\"extLookupConfigs\"\n      (itemChange)=\"onExtItemChange($event)\"\n      (moreRequest)=\"onExtMoreRequest($event)\"\n      (configChange)=\"onExtConfigChange($event)\"\n    ></cadmus-ref-lookup-set>\n  </div>\n  }\n\n  <!-- BY ITEM -->\n  @if (!external.value) {\n  <div>\n    @if (!byTypeMode.value) {\n    <fieldset class=\"form-row\">\n      <legend>pin filters</legend>\n      <!-- item filter -->\n      <cadmus-ref-lookup\n        [service]=\"itemLookupService\"\n        label=\"item\"\n        (itemChange)=\"onItemLookupChange($event)\"\n      ></cadmus-ref-lookup>\n      <!-- part filter -->\n      @if (itemParts.length) {\n      <mat-form-field>\n        <mat-label>part</mat-label>\n        <mat-select [formControl]=\"itemPart\">\n          <mat-option [value]=\"null\">(any)</mat-option>\n          @for (p of itemParts; track p) {\n          <mat-option [value]=\"p\">{{\n            p.typeId | flatLookup : modelEntries : \"id\" : \"value\"\n          }}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n      }\n    </fieldset>\n    }\n    <!-- BY TYPE -->\n    @if (byTypeMode.value) {\n    <div>\n      <!-- par type filter -->\n      @if (partTypeKeys.length) {\n      <mat-form-field>\n        <mat-label>part type</mat-label>\n        <mat-select [formControl]=\"partTypeKey\">\n          @for (k of partTypeKeys; track k) {\n          <mat-option [value]=\"k\">{{ k }}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n      }\n    </div>\n    }\n    <!-- PIN -->\n    @if (partTypeKey.value) {\n    <div>\n      <!-- pin lookup -->\n      <cadmus-ref-lookup\n        [service]=\"pinLookupService\"\n        [baseFilter]=\"filter\"\n        [options]=\"pinFilterOptions\"\n        label=\"pin\"\n        (itemChange)=\"onPinLookupChange($event)\"\n      ></cadmus-ref-lookup>\n    </div>\n    }\n    <!-- data -->\n    @if (lookupData?.pin?.name) {\n    <mat-expansion-panel id=\"data\">\n      <mat-expansion-panel-header>pin data</mat-expansion-panel-header>\n      <!-- table -->\n      <table>\n        <thead>\n          <th></th>\n          <th>source</th>\n          <th>value</th>\n        </thead>\n        <tbody>\n          <!-- pin -->\n          @if (lookupData?.pin?.value) {\n          <tr>\n            <td>\n              <button\n                type=\"button\"\n                mat-icon-button\n                color=\"primary\"\n                [cdkCopyToClipboard]=\"lookupData!.pin!.value\"\n                (cdkCopyToClipboardCopied)=\"onCopied()\"\n              >\n                <mat-icon>content_copy</mat-icon>\n              </button>\n            </td>\n            <td>pin</td>\n            <td>{{ lookupData!.pin.value }}</td>\n          </tr>\n          }\n          <!-- item ID -->\n          @if (lookupData?.pin?.itemId) {\n          <tr>\n            <td>\n              <button\n                type=\"button\"\n                mat-icon-button\n                color=\"primary\"\n                [cdkCopyToClipboard]=\"lookupData!.pin!.itemId\"\n                (cdkCopyToClipboardCopied)=\"onCopied()\"\n              >\n                <mat-icon>content_copy</mat-icon>\n              </button>\n            </td>\n            <td>item ID</td>\n            <td>{{ lookupData!.pin.itemId }}</td>\n          </tr>\n          }\n          <!-- item title -->\n          @if (lookupData?.item?.title) {\n          <tr>\n            <td>\n              <button\n                type=\"button\"\n                mat-icon-button\n                color=\"primary\"\n                [cdkCopyToClipboard]=\"lookupData!.item!.title\"\n                (cdkCopyToClipboardCopied)=\"onCopied()\"\n              >\n                <mat-icon>content_copy</mat-icon>\n              </button>\n            </td>\n            <td>item title</td>\n            <td>{{ lookupData!.item!.title }}</td>\n          </tr>\n          }\n          <!-- part ID -->\n          @if (lookupData?.pin?.partId) {\n          <tr>\n            <td>\n              <button\n                type=\"button\"\n                mat-icon-button\n                color=\"primary\"\n                [cdkCopyToClipboard]=\"lookupData!.pin!.partId\"\n                (cdkCopyToClipboardCopied)=\"onCopied()\"\n              >\n                <mat-icon>content_copy</mat-icon>\n              </button>\n            </td>\n            <td>part ID</td>\n            <td>{{ lookupData!.pin.partId }}</td>\n          </tr>\n          }\n          <!-- part type ID -->\n          @if (lookupData?.pin?.partTypeId) {\n          <tr>\n            <td>\n              <button\n                type=\"button\"\n                mat-icon-button\n                color=\"primary\"\n                [cdkCopyToClipboard]=\"lookupData!.pin!.partTypeId\"\n                (cdkCopyToClipboardCopied)=\"onCopied()\"\n              >\n                <mat-icon>content_copy</mat-icon>\n              </button>\n            </td>\n            <td>part type ID</td>\n            <td>{{ lookupData!.pin!.partTypeId }}</td>\n          </tr>\n          }\n          <!-- part role ID -->\n          @if (lookupData?.pin?.roleId) {\n          <tr>\n            <td>\n              <button\n                type=\"button\"\n                mat-icon-button\n                color=\"primary\"\n                [cdkCopyToClipboard]=\"lookupData!.pin!.roleId!\"\n                (cdkCopyToClipboardCopied)=\"onCopied()\"\n              >\n                <mat-icon>content_copy</mat-icon>\n              </button>\n            </td>\n            <td>part role ID</td>\n            <td>{{ lookupData!.pin!.roleId }}</td>\n          </tr>\n          }\n          <!-- part's metadata -->\n          @for ( m of lookupData?.metaPart?.metadata || []; track m; let i =\n          $index) {\n          <tr>\n            <td>\n              <button\n                type=\"button\"\n                mat-icon-button\n                color=\"primary\"\n                [cdkCopyToClipboard]=\"m.value\"\n                (cdkCopyToClipboardCopied)=\"onCopied()\"\n              >\n                <mat-icon>content_copy</mat-icon>\n              </button>\n            </td>\n            <td class=\"metadata\">{{ m.name }}</td>\n            <td class=\"metadata\">{{ m.value }}</td>\n          </tr>\n          }\n        </tbody>\n      </table>\n    </mat-expansion-panel>\n    }\n  </div>\n  }\n\n  <!-- buttons -->\n  <div>\n    <button mat-flat-button type=\"button\" (click)=\"close()\">\n      <mat-icon color=\"warn\">close</mat-icon>\n    </button>\n    <button mat-flat-button type=\"submit\" [disabled]=\"form.invalid\">\n      <mat-icon color=\"primary\">check_circle</mat-icon> target\n    </button>\n  </div>\n</form>\n", styles: [".metadata{color:#4a3001}.info{border:1px solid silver;border-radius:6px;background-color:silver;color:#fff;padding:4px;margin:8px 0}.info .label{background-color:#fff;color:silver;margin:0 6px}#data{margin:8px 0}table{border:1px solid silver;border-radius:6px;padding:4px;margin-top:8px}tr:nth-child(odd){background-color:#f0f0f0}th{font-weight:400;text-align:left;color:silver}.form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-row *{flex:0 0 auto}.label{border:1px solid silver;border-radius:6px;padding:4px}fieldset{border:1px solid silver;border-radius:6px;padding:4px 8px;margin-bottom:8px}legend{color:silver}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ClipboardModule }, { kind: "directive", type: i6.CdkCopyToClipboard, selector: "[cdkCopyToClipboard]", inputs: ["cdkCopyToClipboard", "cdkCopyToClipboardAttempts"], outputs: ["cdkCopyToClipboardCopied"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i8.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i9.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i9.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i10.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i10.MatLabel, selector: "mat-label" }, { kind: "directive", type: i10.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i11.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i12.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: "ngmodule", type: MatSelectModule }, { kind: "component", type: i13.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i14.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: NgToolsModule }, { kind: "pipe", type: i15.FlatLookupPipe, name: "flatLookup" }, { kind: "component", type: RefLookupComponent, selector: "cadmus-ref-lookup", inputs: ["label", "limit", "baseFilter", "service", "item", "required", "hasMore", "linkTemplate", "optDialog", "options"], outputs: ["itemChange", "moreRequest"] }, { kind: "component", type: RefLookupSetComponent, selector: "cadmus-ref-lookup-set", inputs: ["configs", "iconSize"], outputs: ["configChange", "itemChange", "moreRequest"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: PinTargetLookupComponent, deps: [{ token: 'indexLookupDefinitions' }, { token: i1.ItemRefLookupService }, { token: i2.PinRefLookupService }, { token: i3.ItemService }, { token: i3.ThesaurusService }, { token: i4.MatSnackBar }, { token: i5.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: PinTargetLookupComponent, isStandalone: true, selector: "cadmus-pin-target-lookup", inputs: { pinByTypeMode: "pinByTypeMode", canSwitchMode: "canSwitchMode", canEditTarget: "canEditTarget", lookupDefinitions: "lookupDefinitions", extLookupConfigs: "extLookupConfigs", internalDefault: "internalDefault", target: "target", defaultPartTypeKey: "defaultPartTypeKey" }, outputs: { editorClose: "editorClose", targetChange: "targetChange", extMoreRequest: "extMoreRequest", extLookupConfigChange: "extLookupConfigChange" }, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\n  <div class=\"form-row\">\n    <!-- external -->\n    <mat-checkbox [formControl]=\"external\">external</mat-checkbox>\n    <!-- mode switcher -->\n    @if (!external.value) {\n    <div>\n      @if (canSwitchMode) {\n      <mat-checkbox [formControl]=\"byTypeMode\"> by type</mat-checkbox>\n      }\n    </div>\n    }\n  </div>\n\n  <div class=\"form-row\">\n    <!-- label -->\n    <div>\n      @if (external.value || canEditTarget) {\n      <mat-form-field>\n        <mat-label>label</mat-label>\n        <input matInput [formControl]=\"label\" />\n        @if ($any(label).errors?.required && (label.dirty || label.touched)) {\n        <mat-error>label required</mat-error>\n        } @if ( $any(label).errors?.maxLength && (label.dirty || label.touched)\n        ) {\n        <mat-error>label too long</mat-error>\n        }\n      </mat-form-field>\n      } @if (!external.value && !canEditTarget && label.value) {\n      <div class=\"info\"><span class=\"label\">label</span>{{ label.value }}</div>\n      }\n    </div>\n\n    <!-- gid -->\n    <div>\n      @if (external.value || canEditTarget) {\n      <mat-form-field>\n        <mat-label>GID</mat-label>\n        <input matInput [formControl]=\"gid\" />\n        @if ($any(gid).errors?.required && (gid.dirty || gid.touched)) {\n        <mat-error>GID required</mat-error>\n        } @if ($any(gid).errors?.maxLength && (gid.dirty || gid.touched)) {\n        <mat-error>GID too long</mat-error>\n        }\n      </mat-form-field>\n      } @if (!external.value && !canEditTarget && gid.value) {\n      <div class=\"info\">\n        <span class=\"label\">GID</span> <span class=\"gid\">{{ gid.value }}</span>\n      </div>\n      }\n    </div>\n  </div>\n\n  <!-- external lookup set -->\n  @if (external.value && extLookupConfigs.length) {\n  <div>\n    <cadmus-ref-lookup-set\n      [configs]=\"extLookupConfigs\"\n      (itemChange)=\"onExtItemChange($event)\"\n      (moreRequest)=\"onExtMoreRequest($event)\"\n      (configChange)=\"onExtConfigChange($event)\"\n    ></cadmus-ref-lookup-set>\n  </div>\n  }\n\n  <!-- BY ITEM -->\n  @if (!external.value) {\n  <div>\n    @if (!byTypeMode.value) {\n    <fieldset class=\"form-row\">\n      <legend>pin filters</legend>\n      <!-- item filter -->\n      <cadmus-ref-lookup\n        [service]=\"itemLookupService\"\n        label=\"item\"\n        (itemChange)=\"onItemLookupChange($event)\"\n      ></cadmus-ref-lookup>\n      <!-- part filter -->\n      @if (itemParts.length) {\n      <mat-form-field>\n        <mat-label>part</mat-label>\n        <mat-select [formControl]=\"itemPart\">\n          <mat-option [value]=\"null\">(any)</mat-option>\n          @for (p of itemParts; track p) {\n          <mat-option [value]=\"p\">{{\n            p.typeId | flatLookup : modelEntries : \"id\" : \"value\"\n          }}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n      }\n    </fieldset>\n    }\n    <!-- BY TYPE -->\n    @if (byTypeMode.value) {\n    <div>\n      <!-- par type filter -->\n      @if (partTypeKeys.length) {\n      <mat-form-field>\n        <mat-label>part type</mat-label>\n        <mat-select [formControl]=\"partTypeKey\">\n          @for (k of partTypeKeys; track k) {\n          <mat-option [value]=\"k\">{{ k }}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n      }\n    </div>\n    }\n    <!-- PIN -->\n    @if (partTypeKey.value) {\n    <div>\n      <!-- pin lookup -->\n      <cadmus-ref-lookup\n        [service]=\"pinLookupService\"\n        [baseFilter]=\"filter\"\n        [options]=\"pinFilterOptions\"\n        label=\"pin\"\n        (itemChange)=\"onPinLookupChange($event)\"\n      ></cadmus-ref-lookup>\n    </div>\n    }\n    <!-- data -->\n    @if (lookupData?.pin?.name) {\n    <mat-expansion-panel id=\"data\">\n      <mat-expansion-panel-header>pin data</mat-expansion-panel-header>\n      <!-- table -->\n      <table>\n        <thead>\n          <th></th>\n          <th>source</th>\n          <th>value</th>\n        </thead>\n        <tbody>\n          <!-- pin -->\n          @if (lookupData?.pin?.value) {\n          <tr>\n            <td>\n              <button\n                type=\"button\"\n                mat-icon-button\n                color=\"primary\"\n                [cdkCopyToClipboard]=\"lookupData!.pin!.value\"\n                (cdkCopyToClipboardCopied)=\"onCopied()\"\n              >\n                <mat-icon>content_copy</mat-icon>\n              </button>\n            </td>\n            <td>pin</td>\n            <td>{{ lookupData!.pin.value }}</td>\n          </tr>\n          }\n          <!-- item ID -->\n          @if (lookupData?.pin?.itemId) {\n          <tr>\n            <td>\n              <button\n                type=\"button\"\n                mat-icon-button\n                color=\"primary\"\n                [cdkCopyToClipboard]=\"lookupData!.pin!.itemId\"\n                (cdkCopyToClipboardCopied)=\"onCopied()\"\n              >\n                <mat-icon>content_copy</mat-icon>\n              </button>\n            </td>\n            <td>item ID</td>\n            <td>{{ lookupData!.pin.itemId }}</td>\n          </tr>\n          }\n          <!-- item title -->\n          @if (lookupData?.item?.title) {\n          <tr>\n            <td>\n              <button\n                type=\"button\"\n                mat-icon-button\n                color=\"primary\"\n                [cdkCopyToClipboard]=\"lookupData!.item!.title\"\n                (cdkCopyToClipboardCopied)=\"onCopied()\"\n              >\n                <mat-icon>content_copy</mat-icon>\n              </button>\n            </td>\n            <td>item title</td>\n            <td>{{ lookupData!.item!.title }}</td>\n          </tr>\n          }\n          <!-- part ID -->\n          @if (lookupData?.pin?.partId) {\n          <tr>\n            <td>\n              <button\n                type=\"button\"\n                mat-icon-button\n                color=\"primary\"\n                [cdkCopyToClipboard]=\"lookupData!.pin!.partId\"\n                (cdkCopyToClipboardCopied)=\"onCopied()\"\n              >\n                <mat-icon>content_copy</mat-icon>\n              </button>\n            </td>\n            <td>part ID</td>\n            <td>{{ lookupData!.pin.partId }}</td>\n          </tr>\n          }\n          <!-- part type ID -->\n          @if (lookupData?.pin?.partTypeId) {\n          <tr>\n            <td>\n              <button\n                type=\"button\"\n                mat-icon-button\n                color=\"primary\"\n                [cdkCopyToClipboard]=\"lookupData!.pin!.partTypeId\"\n                (cdkCopyToClipboardCopied)=\"onCopied()\"\n              >\n                <mat-icon>content_copy</mat-icon>\n              </button>\n            </td>\n            <td>part type ID</td>\n            <td>{{ lookupData!.pin!.partTypeId }}</td>\n          </tr>\n          }\n          <!-- part role ID -->\n          @if (lookupData?.pin?.roleId) {\n          <tr>\n            <td>\n              <button\n                type=\"button\"\n                mat-icon-button\n                color=\"primary\"\n                [cdkCopyToClipboard]=\"lookupData!.pin!.roleId!\"\n                (cdkCopyToClipboardCopied)=\"onCopied()\"\n              >\n                <mat-icon>content_copy</mat-icon>\n              </button>\n            </td>\n            <td>part role ID</td>\n            <td>{{ lookupData!.pin!.roleId }}</td>\n          </tr>\n          }\n          <!-- part's metadata -->\n          @for ( m of lookupData?.metaPart?.metadata || []; track m; let i =\n          $index) {\n          <tr>\n            <td>\n              <button\n                type=\"button\"\n                mat-icon-button\n                color=\"primary\"\n                [cdkCopyToClipboard]=\"m.value\"\n                (cdkCopyToClipboardCopied)=\"onCopied()\"\n              >\n                <mat-icon>content_copy</mat-icon>\n              </button>\n            </td>\n            <td class=\"metadata\">{{ m.name }}</td>\n            <td class=\"metadata\">{{ m.value }}</td>\n          </tr>\n          }\n        </tbody>\n      </table>\n    </mat-expansion-panel>\n    }\n  </div>\n  }\n\n  <!-- buttons -->\n  <div>\n    <button mat-flat-button type=\"button\" (click)=\"close()\">\n      <mat-icon color=\"warn\">close</mat-icon>\n    </button>\n    <button mat-flat-button type=\"submit\" [disabled]=\"form.invalid\">\n      <mat-icon color=\"primary\">check_circle</mat-icon> target\n    </button>\n  </div>\n</form>\n", styles: [".metadata{color:#4a3001}.info{border:1px solid silver;border-radius:6px;background-color:silver;color:#fff;padding:4px;margin:8px 0}.info .label{background-color:#fff;color:silver;margin:0 6px}#data{margin:8px 0}table{border:1px solid silver;border-radius:6px;padding:4px;margin-top:8px}tr:nth-child(odd){background-color:#f0f0f0}th{font-weight:400;text-align:left;color:silver}.form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-row *{flex:0 0 auto}.label{border:1px solid silver;border-radius:6px;padding:4px}fieldset{border:1px solid silver;border-radius:6px;padding:4px 8px;margin-bottom:8px}legend{color:silver}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ClipboardModule }, { kind: "directive", type: i6.CdkCopyToClipboard, selector: "[cdkCopyToClipboard]", inputs: ["cdkCopyToClipboard", "cdkCopyToClipboardAttempts"], outputs: ["cdkCopyToClipboardCopied"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i8.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i9.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i9.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i10.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i10.MatLabel, selector: "mat-label" }, { kind: "directive", type: i10.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i11.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i12.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: "ngmodule", type: MatSelectModule }, { kind: "component", type: i13.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i14.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: NgToolsModule }, { kind: "pipe", type: i15.FlatLookupPipe, name: "flatLookup" }, { kind: "component", type: RefLookupComponent, selector: "cadmus-ref-lookup", inputs: ["label", "limit", "baseFilter", "service", "item", "required", "hasMore", "linkTemplate", "optDialog", "options"], outputs: ["itemChange", "moreRequest"] }, { kind: "component", type: RefLookupSetComponent, selector: "cadmus-ref-lookup-set", inputs: ["configs", "iconSize"], outputs: ["configChange", "itemChange", "moreRequest"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: PinTargetLookupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: PinTargetLookupComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'cadmus-pin-target-lookup', imports: [
                         FormsModule,

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

@@ -119,10 +119,10 @@ export class ScopedPinLookupComponent {
         this.id.markAsDirty();
         this.id.updateValueAndValidity();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ScopedPinLookupComponent, deps: [{ token: i1.FormBuilder }, { token: i2.ItemService }, { token: i3.PinRefLookupService }, { token: 'indexLookupDefinitions' }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: ScopedPinLookupComponent, isStandalone: true, 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      @if (keys.length > 1) {\n        <mat-form-field>\n          <mat-label>type</mat-label>\n          <mat-select [formControl]=\"key\">\n            @for (k of keys; track k) {\n              <mat-option [value]=\"k\">{{ k }}</mat-option>\n            }\n          </mat-select>\n          @if ($any(key).errors?.required && (key.dirty || key.touched)) {\n            <mat-error\n              >type required</mat-error\n              >\n            }\n          </mat-form-field>\n        }\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    @if (info) {\n      <mat-expansion-panel [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              @if ($any(id).errors?.required && (id.dirty || id.touched)) {\n                <mat-error\n                  >ID required</mat-error\n                  >\n                }\n                @if ($any(id).errors?.maxLength && (id.dirty || id.touched)) {\n                  <mat-error\n                    >ID too long</mat-error\n                    >\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                <!-- part's metadata -->\n                @for (m of info!.part?.metadata; track m; let i = $index) {\n                  <tr>\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                }\n              </tbody>\n            </table>\n          </mat-expansion-panel>\n        }\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: "ngmodule", type: FormsModule }, { 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: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i5.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i5.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i6.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: 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: "ngmodule", type: MatSelectModule }, { kind: "component", type: i9.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: RefLookupComponent, selector: "cadmus-ref-lookup", inputs: ["label", "limit", "baseFilter", "service", "item", "required", "hasMore", "linkTemplate", "optDialog", "options"], outputs: ["itemChange", "moreRequest"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ScopedPinLookupComponent, deps: [{ token: i1.FormBuilder }, { token: i2.ItemService }, { token: i3.PinRefLookupService }, { token: 'indexLookupDefinitions' }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: ScopedPinLookupComponent, isStandalone: true, 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      @if (keys.length > 1) {\n        <mat-form-field>\n          <mat-label>type</mat-label>\n          <mat-select [formControl]=\"key\">\n            @for (k of keys; track k) {\n              <mat-option [value]=\"k\">{{ k }}</mat-option>\n            }\n          </mat-select>\n          @if ($any(key).errors?.required && (key.dirty || key.touched)) {\n            <mat-error\n              >type required</mat-error\n              >\n            }\n          </mat-form-field>\n        }\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    @if (info) {\n      <mat-expansion-panel [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              @if ($any(id).errors?.required && (id.dirty || id.touched)) {\n                <mat-error\n                  >ID required</mat-error\n                  >\n                }\n                @if ($any(id).errors?.maxLength && (id.dirty || id.touched)) {\n                  <mat-error\n                    >ID too long</mat-error\n                    >\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                <!-- part's metadata -->\n                @for (m of info!.part?.metadata; track m; let i = $index) {\n                  <tr>\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                }\n              </tbody>\n            </table>\n          </mat-expansion-panel>\n        }\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: "ngmodule", type: FormsModule }, { 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: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i5.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i5.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i6.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: 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: "ngmodule", type: MatSelectModule }, { kind: "component", type: i9.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: 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: "18.0.0", ngImport: i0, type: ScopedPinLookupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ScopedPinLookupComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'cadmus-scoped-pin-lookup', imports: [
                         FormsModule,

package/esm2022/lib/services/item-ref-lookup.service.mjs

@@ -16,10 +16,10 @@ export class ItemRefLookupService {
     getName(item) {
         return item?.title;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ItemRefLookupService, deps: [{ token: i1.ItemService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ItemRefLookupService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ItemRefLookupService, deps: [{ token: i1.ItemService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ItemRefLookupService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ItemRefLookupService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ItemRefLookupService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

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

@@ -72,10 +72,10 @@ export class PinRefLookupService {
             }
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: PinRefLookupService, deps: [{ token: i1.ItemService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: PinRefLookupService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: PinRefLookupService, deps: [{ token: i1.ItemService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: PinRefLookupService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: PinRefLookupService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: PinRefLookupService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',