@glossarist/concept-browser 0.7.27 → 0.7.28

package/src/components/DesignationList.vue

@@ -0,0 +1,78 @@
+<script setup lang="ts">
+import type { Designation, Expression, ConceptSource } from 'glossarist';
+import { designationTypeInfo, normativeStatusInfo, abbreviationDetails, termTypeInfo, grammarBadges, pronunciationLabel, pronunciationTooltip, sourceTypeInfo } from '../utils/designation-registry';
+import { relationshipLabel } from '../utils/relationship-categories';
+import { langName } from '../utils/lang';
+import { getDesignationTarget } from '../adapters/model-bridge';
+import CitationDisplay from './CitationDisplay.vue';
+
+const props = defineProps<{
+  designations: Designation[];
+  renderedDesignations: Map<string, string>;
+  lang: string;
+  registerId: string;
+}>();
+
+const emit = defineEmits<{
+  (e: 'navigate-related', ref: { source: string | null; id: string | null }): void;
+}>();
+
+function resolvedLabel(dr: { content: string | null; ref: { source: string | null; id: string | null } | null }): string {
+  if (dr.content) return dr.content;
+  if (dr.ref?.source && dr.ref?.id) return `${dr.ref.source}/${dr.ref.id}`;
+  return '(ref)';
+}
+</script>
+
+<template>
+  <div v-if="designations.length > 0" class="space-y-1.5 pl-[22px]">
+    <div v-for="(d, i) in designations" :key="i">
+      <div class="flex items-center gap-1.5 text-sm flex-wrap">
+        <span :class="d.normativeStatus === 'preferred' ? 'font-bold text-ink-800' : 'font-normal text-ink-700'" v-html="renderedDesignations.get(d.designation) ?? d.designation"></span>
+        <span class="badge text-[10px] flex-shrink-0" :class="designationTypeInfo(d).color" :title="designationTypeInfo(d).definition ?? ''">{{ designationTypeInfo(d).label }}</span>
+        <span class="badge text-[10px] flex-shrink-0" :class="normativeStatusInfo(d.normativeStatus).color" :title="normativeStatusInfo(d.normativeStatus).definition ?? ''">{{ normativeStatusInfo(d.normativeStatus).label }}</span>
+        <template v-if="abbreviationDetails(d).length">
+          <span v-for="abbr in abbreviationDetails(d)" :key="abbr" class="badge text-[10px] bg-amber-50 text-amber-600">{{ abbr }}</span>
+        </template>
+        <span v-if="d.termType" class="badge text-[10px] bg-gray-50 text-gray-600" :title="termTypeInfo(d.termType).definition ?? ''">{{ termTypeInfo(d.termType).label }}</span>
+        <template v-if="d.type === 'expression' && (d as Expression).grammarInfo?.length">
+          <template v-for="(gi, giIdx) in (d as Expression).grammarInfo" :key="giIdx">
+            <span v-for="badge in grammarBadges(gi)" :key="giIdx + '-' + badge.label"
+              class="badge text-[10px] bg-gray-50 text-gray-600" :title="badge.definition ?? ''">{{ badge.label }}</span>
+          </template>
+        </template>
+        <template v-if="d.pronunciations?.length">
+          <span v-for="(p, pi) in d.pronunciations" :key="'p'+pi"
+            class="text-xs text-ink-400 font-mono" :title="pronunciationTooltip(p)">{{ pronunciationLabel(p) }}</span>
+        </template>
+        <span v-if="d.international" class="badge text-[10px] bg-sky-50 text-sky-600">international</span>
+        <span v-if="d.absent" class="badge text-[10px] bg-red-50 text-red-600">absent</span>
+        <span v-if="d.geographicalArea" class="badge text-[10px] bg-gray-50 text-gray-600">{{ d.geographicalArea }}</span>
+        <span v-if="d.usageInfo" class="text-xs text-ink-300">{{ d.usageInfo }}</span>
+        <span v-if="d.fieldOfApplication" class="text-xs text-ink-300">field: {{ d.fieldOfApplication }}</span>
+        <template v-if="d.language && d.language !== lang">
+          <span class="badge text-[10px] bg-teal-50 text-teal-600">lang: {{ langName(d.language) }}</span>
+        </template>
+        <span v-if="d.script" class="badge text-[10px] bg-gray-50 text-gray-600">script: {{ d.script }}</span>
+        <span v-if="d.system" class="badge text-[10px] bg-gray-50 text-gray-600">system: {{ d.system }}</span>
+      </div>
+      <div v-if="d.sources?.length" class="mt-1 space-y-0.5">
+        <div v-for="(ds, dsi) in d.sources" :key="'ds'+dsi" class="text-xs text-ink-400 flex items-center gap-1.5">
+          <span v-if="ds.type" class="badge text-[9px]" :class="sourceTypeInfo(ds.type).color">{{ sourceTypeInfo(ds.type).label }}</span>
+          <CitationDisplay v-if="ds.origin" :citation="ds.origin" :register-id="registerId" />
+          <span v-else-if="ds.modification" class="text-ink-300">{{ ds.modification }}</span>
+        </div>
+      </div>
+      <div v-if="d.related?.length" class="mt-0.5 space-y-0.5">
+        <div v-for="(dr, dri) in d.related" :key="'dr'+dri" class="text-xs text-ink-400 flex items-center gap-1.5">
+          <span class="badge text-[9px] bg-gray-50 text-gray-600">{{ relationshipLabel(dr.type) }}</span>
+          <template v-if="getDesignationTarget(dr)">
+            <span class="italic">{{ getDesignationTarget(dr) }}</span>
+          </template>
+          <button v-else-if="dr.ref" @click="emit('navigate-related', dr.ref)" class="concept-link">{{ resolvedLabel(dr) }}</button>
+          <span v-else>{{ resolvedLabel(dr) }}</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>

package/src/data/ontology-schema.json

@@ -310,6 +310,18 @@
       "disjointWith": null,
       "children": [],
       "ancestors": []
+    },
+    "gloss:DesignationRelationship": {
+      "iri": "https://www.glossarist.org/ontologies/DesignationRelationship",
+      "compact": "gloss:DesignationRelationship",
+      "label": "Designation Relationship",
+      "comment": "A typed relationship between designations (e.g. abbreviated_form_for, short_form_for). The target is a designation string, not a concept reference.",
+      "subClassOf": "gloss:RelatedConcept",
+      "disjointWith": null,
+      "children": [],
+      "ancestors": [
+        "gloss:RelatedConcept"
+      ]
     }
   },
   "classHierarchyRoots": [
@@ -323,6 +335,7 @@
     "gloss:ConceptSource",
     "gloss:Reference",
     "gloss:RelatedConcept",
+    "gloss:DesignationRelationship",
     "gloss:ConceptDate",
     "gloss:NonVerbalRepresentation",
     "gloss:Citation",
@@ -1619,6 +1632,42 @@
       "range": "gloss:Designation",
       "rangeUnion": null,
       "inverseOf": "gloss:abbreviatedFormFor"
+    },
+    "gloss:relationshipTarget": {
+      "iri": "https://www.glossarist.org/ontologies/relationshipTarget",
+      "compact": "gloss:relationshipTarget",
+      "label": "relationship target",
+      "comment": "The target designation text for a designation-level relationship (string, not a concept ref).",
+      "type": "datatype",
+      "domain": "gloss:DesignationRelationship",
+      "domainUnion": null,
+      "range": "xsd:string",
+      "rangeUnion": null,
+      "inverseOf": null
+    },
+    "gloss:conceptRefText": {
+      "iri": "https://www.glossarist.org/ontologies/conceptRefText",
+      "compact": "gloss:conceptRefText",
+      "label": "concept ref text",
+      "comment": "Human-readable text label for the referenced concept (e.g. the term or designation).",
+      "type": "datatype",
+      "domain": "gloss:ConceptRef",
+      "domainUnion": null,
+      "range": "xsd:string",
+      "rangeUnion": null,
+      "inverseOf": null
+    },
+    "gloss:hasAnnotation": {
+      "iri": "https://www.glossarist.org/ontologies/hasAnnotation",
+      "compact": "gloss:hasAnnotation",
+      "label": "has annotation",
+      "comment": "Links a localized concept to an annotation (editorial or explanatory note).",
+      "type": "object",
+      "domain": "gloss:LocalizedConcept",
+      "domainUnion": null,
+      "range": "gloss:DetailedDefinition",
+      "rangeUnion": null,
+      "inverseOf": null
     }
   },
   "propertiesByDomain": {
@@ -1648,7 +1697,8 @@
         "gloss:hasNote",
         "gloss:hasExample",
         "gloss:hasNonVerbalRep",
-        "gloss:hasReference"
+        "gloss:hasReference",
+        "gloss:hasAnnotation"
       ],
       "datatype": [
         "gloss:domain",
@@ -1667,9 +1717,7 @@
         "gloss:hasSource",
         "gloss:normativeStatus",
         "gloss:hasPronunciation",
-        "gloss:hasTermType",
-        "gloss:abbreviatedFormFor",
-        "gloss:shortFormFor"
+        "gloss:hasTermType"
       ],
       "datatype": [
         "gloss:language",
@@ -1797,7 +1845,8 @@
       "object": [],
       "datatype": [
         "gloss:conceptRefSource",
-        "gloss:conceptRefId"
+        "gloss:conceptRefId",
+        "gloss:conceptRefText"
       ]
     },
     "gloss:CustomLocality": {
@@ -1856,6 +1905,15 @@
         "gloss:relatedConceptNarrower"
       ],
       "datatype": []
+    },
+    "gloss:DesignationRelationship": {
+      "object": [
+        "gloss:relationshipType"
+      ],
+      "datatype": [
+        "gloss:relationshipTarget",
+        "gloss:relationshipContent"
+      ]
     }
   },
   "shapes": {
@@ -3110,9 +3168,9 @@
     }
   ],
   "stats": {
-    "classCount": 24,
-    "objectPropertyCount": 45,
-    "datatypePropertyCount": 60,
+    "classCount": 25,
+    "objectPropertyCount": 46,
+    "datatypePropertyCount": 62,
     "shapeCount": 22,
     "annotationPropertyCount": 11
   }