@myrmidon/cadmus-part-general-ui 14.0.2 → 14.0.3

package/fesm2022/myrmidon-cadmus-part-general-ui.mjs

@@ -43,6 +43,8 @@ import * as i5$2 from '@cisstech/nge/markdown';
 import { NgeMarkdownModule } from '@cisstech/nge/markdown';
 import { DecoratedCountsComponent } from '@myrmidon/cadmus-refs-decorated-counts';
 import { ProperNameComponent, CadmusProperNamePipe } from '@myrmidon/cadmus-refs-proper-name';
+import { FlagSetComponent } from '@myrmidon/cadmus-ui-flag-set';
+import { NoteSetComponent } from '@myrmidon/cadmus-ui-note-set';
 import { PhysicalMeasurementSetComponent } from '@myrmidon/cadmus-mat-physical-size';
 import { PhysicalStateComponent } from '@myrmidon/cadmus-mat-physical-state';
 import { moveItemInArray, CdkDropListGroup, CdkDropList, CdkDrag, CdkDragPlaceholder } from '@angular/cdk/drag-drop';
@@ -3475,6 +3477,212 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                     ], template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n  <mat-card appearance=\"outlined\">\r\n    <mat-card-header>\r\n      <div mat-card-avatar>\r\n        <mat-icon>picture_in_picture</mat-icon>\r\n      </div>\r\n      <mat-card-title>{{\r\n        (modelName() | titlecase) || \"External IDs Part\"\r\n      }}</mat-card-title>\r\n    </mat-card-header>\r\n    <mat-card-content>\r\n      <cadmus-refs-asserted-ids\r\n        [idScopeEntries]=\"idScopeEntries\"\r\n        [idTagEntries]=\"idTagEntries\"\r\n        [assTagEntries]=\"assTagEntries\"\r\n        [refTypeEntries]=\"refTypeEntries\"\r\n        [refTagEntries]=\"refTagEntries\"\r\n        [ids]=\"ids.value\"\r\n        (idsChange)=\"onIdsChange($event)\"\r\n      />\r\n    </mat-card-content>\r\n    <mat-card-actions>\r\n      <cadmus-close-save-buttons\r\n        [form]=\"form\"\r\n        [noSave]=\"userLevel < 2\"\r\n        (closeRequest)=\"close()\"\r\n      />\r\n    </mat-card-actions>\r\n  </mat-card>\r\n</form>\r\n" }]
         }], ctorParameters: () => [{ type: i1.AuthJwtService }, { type: i2.FormBuilder }] });
 
+/**
+ * The type ID used to identify the FlagsPart type.
+ */
+const FLAGS_PART_TYPEID = 'it.vedph.flags';
+/**
+ * JSON schema for the Flags part.
+ * You can use the JSON schema tool at https://jsonschema.net/.
+ */
+const FLAGS_PART_SCHEMA = {
+    $schema: 'http://json-schema.org/draft-07/schema#',
+    $id: 'www.vedph.it/cadmus/parts/__PRJ__/__LIB__/' + FLAGS_PART_TYPEID + '.json',
+    type: 'object',
+    title: 'FlagsPart',
+    required: [
+        'id',
+        'itemId',
+        'typeId',
+        'timeCreated',
+        'creatorId',
+        'timeModified',
+        'userId',
+        'flags',
+    ],
+    properties: {
+        timeCreated: {
+            type: 'string',
+            pattern: '^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}.\\d+Z$',
+        },
+        creatorId: {
+            type: 'string',
+        },
+        timeModified: {
+            type: 'string',
+            pattern: '^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}.\\d+Z$',
+        },
+        userId: {
+            type: 'string',
+        },
+        id: {
+            type: 'string',
+            pattern: '^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$',
+        },
+        itemId: {
+            type: 'string',
+            pattern: '^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$',
+        },
+        typeId: {
+            type: 'string',
+            pattern: '^[a-z][-0-9a-z._]*$',
+        },
+        roleId: {
+            type: ['string', 'null'],
+            pattern: '^([a-z][-0-9a-z._]*)?$',
+        },
+        flags: {
+            type: 'array',
+            items: {
+                type: 'string',
+                pattern: '^[a-z][-0-9a-z._]*$',
+            },
+            minItems: 1,
+        },
+        notes: {
+            type: 'object',
+            additionalProperties: {
+                type: 'string',
+            },
+        },
+    },
+};
+
+function entryToFlag(entry) {
+    return {
+        id: entry.id,
+        label: entry.value,
+    };
+}
+/**
+ * Flags part editor component.
+ * Thesauri: flags.
+ * Settings: note set definitions for this part type (and role). If not defined,
+ * no notes will be available.
+ * See https://github.com/vedph/cadmus-bricks-shell-v3/blob/master/projects/myrmidon/cadmus-ui-note-set/README.md.
+ */
+class FlagsPartComponent extends ModelEditorComponentBase {
+    flags;
+    notes;
+    // note settings
+    settings = signal(undefined, ...(ngDevMode ? [{ debugName: "settings" }] : []));
+    // flags
+    flagEntries = signal([], ...(ngDevMode ? [{ debugName: "flagEntries" }] : []));
+    // flags mapped from thesaurus entries
+    featureFlags = computed(() => this.flagEntries()?.map((e) => entryToFlag(e)) || [], ...(ngDevMode ? [{ debugName: "featureFlags" }] : []));
+    constructor(authService, formBuilder) {
+        super(authService, formBuilder);
+        // form
+        this.flags = formBuilder.control([], {
+            validators: NgxToolsValidators.strictMinLengthValidator(1),
+            nonNullable: true,
+        });
+        this.notes = formBuilder.control({ definitions: [], notes: {} }, {
+            nonNullable: true,
+        });
+    }
+    async ngOnInit() {
+        super.ngOnInit();
+        // load settings for this part
+        if (this._appRepository) {
+            this.settings.set(await this._appRepository.getSettingFor(FLAGS_PART_TYPEID, this.identity()?.roleId || undefined));
+            console.log('Flags part settings:', this.settings);
+        }
+    }
+    buildForm(formBuilder) {
+        return formBuilder.group({
+            flags: this.flags,
+            notes: this.notes,
+        });
+    }
+    updateThesauri(thesauri) {
+        const key = 'flags';
+        if (this.hasThesaurus(key)) {
+            this.flagEntries.set(thesauri[key].entries || []);
+        }
+        else {
+            this.flagEntries.set([]);
+        }
+    }
+    getNoteSet(part) {
+        // no notes if no settings defining them
+        if (!this.settings()) {
+            return { definitions: [], notes: {} };
+        }
+        // build a note set by merging definitions from settings with notes from part
+        return { ...this.settings(), notes: part.notes || {} };
+    }
+    updateForm(part) {
+        if (!part) {
+            this.form.reset();
+            return;
+        }
+        // flags
+        this.flags.setValue(part.flags || []);
+        // notes
+        this.notes.setValue(this.getNoteSet(part));
+        this.form.markAsPristine();
+    }
+    onDataSet(data) {
+        // thesauri
+        if (data?.thesauri) {
+            this.updateThesauri(data.thesauri);
+        }
+        // form
+        this.updateForm(data?.value);
+    }
+    onFlagsCheckedIdsChange(ids) {
+        this.flags.setValue(ids);
+        this.flags.markAsDirty();
+        this.flags.updateValueAndValidity();
+    }
+    onNoteChange(note) {
+        console.log(`Note "${note.key}" changed to: ${note.value}`);
+    }
+    onSetChange(set) {
+        console.log('Complete set updated:', set);
+        this.notes.setValue(set);
+    }
+    getValue() {
+        let part = this.getEditedPart(FLAGS_PART_TYPEID);
+        part.flags = this.flags.value || [];
+        // remove keys with null/undefined values
+        const notesObj = this.notes.value?.notes || {};
+        const filteredNotes = {};
+        for (const key of Object.keys(notesObj)) {
+            if (notesObj[key] != null) {
+                filteredNotes[key] = notesObj[key];
+            }
+        }
+        part.notes =
+            Object.keys(filteredNotes).length > 0 ? filteredNotes : undefined;
+        return part;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FlagsPartComponent, deps: [{ token: i1.AuthJwtService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: FlagsPartComponent, isStandalone: true, selector: "cadmus-flags-part", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n  <mat-card>\r\n    <mat-card-header>\r\n      <div mat-card-avatar>\r\n        <mat-icon>picture_in_picture</mat-icon>\r\n      </div>\r\n      <mat-card-title>\r\n        {{ (modelName() | titlecase) || \"Flags Part\" }}\r\n      </mat-card-title>\r\n    </mat-card-header>\r\n    <mat-card-content>\r\n      <div>\r\n        @if (flagEntries().length) {\r\n        <div>\r\n          <cadmus-ui-flag-set\r\n            [flags]=\"featureFlags()\"\r\n            [checkedIds]=\"flags.value\"\r\n            (checkedIdsChange)=\"onFlagsCheckedIdsChange($event)\"\r\n          />\r\n        </div>\r\n        } @if (settings()) {\r\n        <div>\r\n          <fieldset>\r\n            <legend>notes</legend>\r\n            <cadmus-ui-note-set\r\n              [(set)]=\"notes.value\"\r\n              (noteChange)=\"onNoteChange($event)\"\r\n              (setChange)=\"onSetChange($event)\"\r\n            />\r\n          </fieldset>\r\n        </div>\r\n        }\r\n      </div>\r\n    </mat-card-content>\r\n    <mat-card-actions>\r\n      <cadmus-close-save-buttons\r\n        [form]=\"form\"\r\n        [noSave]=\"userLevel < 2\"\r\n        (closeRequest)=\"close()\"\r\n      />\r\n    </mat-card-actions>\r\n  </mat-card>\r\n</form>\r\n", styles: ["fieldset{border:1px solid silver;border-radius:4px;padding:8px;margin:8px 0}fieldset legend{color:silver}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i5$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i5$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i5$1.MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "directive", type: i5$1.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i5$1.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i5$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "component", type: 
+                // cadmus
+                FlagSetComponent, selector: "cadmus-ui-flag-set", inputs: ["flags", "checkedIds", "allowCustom", "hideToolbar", "numbering"], outputs: ["checkedIdsChange"] }, { kind: "component", type: NoteSetComponent, selector: "cadmus-ui-note-set", inputs: ["set"], outputs: ["setChange", "noteChange"] }, { kind: "component", type: CloseSaveButtonsComponent, selector: "cadmus-close-save-buttons", inputs: ["form", "noSave"], outputs: ["closeRequest"] }, { kind: "pipe", type: i9.TitleCasePipe, name: "titlecase" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FlagsPartComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cadmus-flags-part', imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        MatButtonModule,
+                        MatCardModule,
+                        MatExpansionModule,
+                        MatFormFieldModule,
+                        MatIconModule,
+                        MatInputModule,
+                        MatSelectModule,
+                        MatTooltipModule,
+                        // cadmus
+                        FlagSetComponent,
+                        NoteSetComponent,
+                        CloseSaveButtonsComponent,
+                    ], template: "<form [formGroup]=\"form\" (submit)=\"save()\">\r\n  <mat-card>\r\n    <mat-card-header>\r\n      <div mat-card-avatar>\r\n        <mat-icon>picture_in_picture</mat-icon>\r\n      </div>\r\n      <mat-card-title>\r\n        {{ (modelName() | titlecase) || \"Flags Part\" }}\r\n      </mat-card-title>\r\n    </mat-card-header>\r\n    <mat-card-content>\r\n      <div>\r\n        @if (flagEntries().length) {\r\n        <div>\r\n          <cadmus-ui-flag-set\r\n            [flags]=\"featureFlags()\"\r\n            [checkedIds]=\"flags.value\"\r\n            (checkedIdsChange)=\"onFlagsCheckedIdsChange($event)\"\r\n          />\r\n        </div>\r\n        } @if (settings()) {\r\n        <div>\r\n          <fieldset>\r\n            <legend>notes</legend>\r\n            <cadmus-ui-note-set\r\n              [(set)]=\"notes.value\"\r\n              (noteChange)=\"onNoteChange($event)\"\r\n              (setChange)=\"onSetChange($event)\"\r\n            />\r\n          </fieldset>\r\n        </div>\r\n        }\r\n      </div>\r\n    </mat-card-content>\r\n    <mat-card-actions>\r\n      <cadmus-close-save-buttons\r\n        [form]=\"form\"\r\n        [noSave]=\"userLevel < 2\"\r\n        (closeRequest)=\"close()\"\r\n      />\r\n    </mat-card-actions>\r\n  </mat-card>\r\n</form>\r\n", styles: ["fieldset{border:1px solid silver;border-radius:4px;padding:8px;margin:8px 0}fieldset legend{color:silver}\n"] }]
+        }], ctorParameters: () => [{ type: i1.AuthJwtService }, { type: i2.FormBuilder }] });
+
 /**
  * The type ID used to identify the EventsPart type.
  */
@@ -8070,5 +8278,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ASSERTED_HISTORICAL_DATES_PART_SCHEMA, ASSERTED_HISTORICAL_DATES_PART_TYPEID, AssertedHistoricalDateComponent, AssertedHistoricalDatesPartComponent, BIBLIOGRAPHY_PART_SCHEMA, BIBLIOGRAPHY_PART_TYPEID, BibAuthorsEditorComponent, BibliographyEntryComponent, BibliographyPartComponent, CATEGORIES_PART_SCHEMA, CATEGORIES_PART_TYPEID, CHRONOLOGY_FRAGMENT_SCHEMA, CHRONOLOGY_FRAGMENT_TYPEID, CHRONOTOPES_PART_TYPEID, COMMENT_FRAGMENT_SCHEMA, COMMENT_FRAGMENT_TYPEID, COMMENT_PART_SCHEMA, COMMENT_PART_TYPEID, CategoriesPartComponent, ChronologyFragmentComponent, ChronotopesPartComponent, Chronotopes_PART_SCHEMA, CommentEditorComponent, DECORATED_COUNTS_PART_SCHEMA, DECORATED_COUNTS_PART_TYPEID, DISTRICT_LOCATION_PART_SCHEMA, DISTRICT_LOCATION_PART_TYPEID, DOC_REFERENCES_PART_SCHEMA, DOC_REFERENCES_PART_TYPEID, DecoratedCountsPartComponent, DistrictLocationPartComponent, DocReferencesPartComponent, EXTERNAL_IDS_PART_SCHEMA, EXTERNAL_IDS_PART_TYPEID, ExternalIdsPartComponent, HISTORICAL_DATE_PART_SCHEMA, HISTORICAL_DATE_PART_TYPEID, HISTORICAL_EVENTS_PART_SCHEMA, HISTORICAL_EVENTS_PART_TYPEID, HistoricalDatePartComponent, HistoricalEventEditorComponent, HistoricalEventsPartComponent, INDEX_KEYWORDS_PART_SCHEMA, INDEX_KEYWORDS_PART_TYPEID, IndexKeywordComponent, IndexKeywordsPartComponent, KEYWORDS_PART_SCHEMA, KEYWORDS_PART_TYPEID, KeywordsPartComponent, METADATA_PART_SCHEMA, METADATA_PART_TYPEID, MetadataPartComponent, NAMES_PART_SCHEMA, NAMES_PART_TYPEID, NOTE_PART_SCHEMA, NOTE_PART_TYPEID, NamesPartComponent, NotePartComponent, PHYSICAL_MEASUREMENTS_PART_SCHEMA, PHYSICAL_MEASUREMENTS_PART_TYPEID, PHYSICAL_STATES_PART_SCHEMA, PHYSICAL_STATES_PART_TYPEID, PIN_LINKS_FRAGMENT_SCHEMA, PIN_LINKS_FRAGMENT_TYPEID, PIN_LINKS_PART_SCHEMA, PIN_LINKS_PART_TYPEID, PhysicalMeasurementsPartComponent, PhysicalStatesPartComponent, PinLinksFragmentComponent, PinLinksPartComponent, RelatedEntityComponent, TEXT_TILE_TEXT_DATA_NAME, TILEDTEXTPART_SCHEMA, TILED_TEXT_PART_TYPEID, TOKEN_TEXT_PART_SCHEMA, TOKEN_TEXT_PART_TYPEID, TextTileComponent, TiledDataComponent, TiledTextPartComponent, TokenTextPartComponent };
+export { ASSERTED_HISTORICAL_DATES_PART_SCHEMA, ASSERTED_HISTORICAL_DATES_PART_TYPEID, AssertedHistoricalDateComponent, AssertedHistoricalDatesPartComponent, BIBLIOGRAPHY_PART_SCHEMA, BIBLIOGRAPHY_PART_TYPEID, BibAuthorsEditorComponent, BibliographyEntryComponent, BibliographyPartComponent, CATEGORIES_PART_SCHEMA, CATEGORIES_PART_TYPEID, CHRONOLOGY_FRAGMENT_SCHEMA, CHRONOLOGY_FRAGMENT_TYPEID, CHRONOTOPES_PART_TYPEID, COMMENT_FRAGMENT_SCHEMA, COMMENT_FRAGMENT_TYPEID, COMMENT_PART_SCHEMA, COMMENT_PART_TYPEID, CategoriesPartComponent, ChronologyFragmentComponent, ChronotopesPartComponent, Chronotopes_PART_SCHEMA, CommentEditorComponent, DECORATED_COUNTS_PART_SCHEMA, DECORATED_COUNTS_PART_TYPEID, DISTRICT_LOCATION_PART_SCHEMA, DISTRICT_LOCATION_PART_TYPEID, DOC_REFERENCES_PART_SCHEMA, DOC_REFERENCES_PART_TYPEID, DecoratedCountsPartComponent, DistrictLocationPartComponent, DocReferencesPartComponent, EXTERNAL_IDS_PART_SCHEMA, EXTERNAL_IDS_PART_TYPEID, ExternalIdsPartComponent, FLAGS_PART_SCHEMA, FLAGS_PART_TYPEID, FlagsPartComponent, HISTORICAL_DATE_PART_SCHEMA, HISTORICAL_DATE_PART_TYPEID, HISTORICAL_EVENTS_PART_SCHEMA, HISTORICAL_EVENTS_PART_TYPEID, HistoricalDatePartComponent, HistoricalEventEditorComponent, HistoricalEventsPartComponent, INDEX_KEYWORDS_PART_SCHEMA, INDEX_KEYWORDS_PART_TYPEID, IndexKeywordComponent, IndexKeywordsPartComponent, KEYWORDS_PART_SCHEMA, KEYWORDS_PART_TYPEID, KeywordsPartComponent, METADATA_PART_SCHEMA, METADATA_PART_TYPEID, MetadataPartComponent, NAMES_PART_SCHEMA, NAMES_PART_TYPEID, NOTE_PART_SCHEMA, NOTE_PART_TYPEID, NamesPartComponent, NotePartComponent, PHYSICAL_MEASUREMENTS_PART_SCHEMA, PHYSICAL_MEASUREMENTS_PART_TYPEID, PHYSICAL_STATES_PART_SCHEMA, PHYSICAL_STATES_PART_TYPEID, PIN_LINKS_FRAGMENT_SCHEMA, PIN_LINKS_FRAGMENT_TYPEID, PIN_LINKS_PART_SCHEMA, PIN_LINKS_PART_TYPEID, PhysicalMeasurementsPartComponent, PhysicalStatesPartComponent, PinLinksFragmentComponent, PinLinksPartComponent, RelatedEntityComponent, TEXT_TILE_TEXT_DATA_NAME, TILEDTEXTPART_SCHEMA, TILED_TEXT_PART_TYPEID, TOKEN_TEXT_PART_SCHEMA, TOKEN_TEXT_PART_TYPEID, TextTileComponent, TiledDataComponent, TiledTextPartComponent, TokenTextPartComponent };
 //# sourceMappingURL=myrmidon-cadmus-part-general-ui.mjs.map